npm - @zsviczian/excalidraw - Versions diffs - 0.18.0-7 → 0.18.0-9 - Mend

@zsviczian/excalidraw 0.18.0-7 → 0.18.0-9

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

package/dist/excalidraw.development.js +22 -22
package/dist/excalidraw.production.min.js +1 -1
package/package.json +1 -1
package/types/common/src/utils.d.ts +3 -0
package/types/element/src/binding.d.ts +1 -2
package/types/element/src/bounds.d.ts +2 -2
package/types/element/src/duplicate.d.ts +10 -13
package/types/element/src/frame.d.ts +1 -1
package/types/element/src/selection.d.ts +11 -0
package/types/excalidraw/components/App.d.ts +8 -0
package/types/excalidraw/components/canvases/InteractiveCanvas.d.ts +1 -0
package/types/excalidraw/obsidianUtils.d.ts +1 -0
package/types/excalidraw/scene/scrollbars.d.ts +2 -3
package/types/excalidraw/types.d.ts +5 -0

package/dist/excalidraw.development.js CHANGED Viewed

@@ -8330,7 +8330,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n\n\nlet FORCE_COLOR, NODE_DISABLE_COLORS, NO_COLOR, TERM, isTTY=true;\nif (typeof process !== 'undefined') {\n\t({ FORCE_COLOR, NODE_DISABLE_COLORS, NO_COLOR, TERM } = ({\"VITE_APP_BACKEND_V2_GET_URL\":\"https://json-dev.excalidraw.com/api/v2/\",\"VITE_APP_BACKEND_V2_POST_URL\":\"https://json-dev.excalidraw.com/api/v2/post/\",\"VITE_APP_LIBRARY_URL\":\"https://libraries.excalidraw.com\",\"VITE_APP_LIBRARY_BACKEND\":\"https://us-central1-excalidraw-room-persistence.cloudfunctions.net/libraries\",\"VITE_APP_WS_SERVER_URL\":\"http://localhost:3002\",\"VITE_APP_PLUS_LP\":\"https://plus.excalidraw.com\",\"VITE_APP_PLUS_APP\":\"http://localhost:3000\",\"VITE_APP_AI_BACKEND\":\"http://localhost:3015\",\"VITE_APP_FIREBASE_CONFIG\":\"{\\\"apiKey\\\":\\\"AIzaSyCMkxA60XIW8KbqMYL7edC4qT5l4qHX2h8\\\",\\\"authDomain\\\":\\\"excalidraw-oss-dev.firebaseapp.com\\\",\\\"projectId\\\":\\\"excalidraw-oss-dev\\\",\\\"storageBucket\\\":\\\"excalidraw-oss-dev.appspot.com\\\",\\\"messagingSenderId\\\":\\\"664559512677\\\",\\\"appId\\\":\\\"1:664559512677:web:a385181f2928d328a7aa8c\\\"}\",\"VITE_APP_DEV_DISABLE_LIVE_RELOAD\":\"\",\"VITE_APP_ENABLE_TRACKING\":\"true\",\"FAST_REFRESH\":\"false\",\"VITE_APP_PORT\":\"3000\",\"VITE_APP_DEBUG_ENABLE_TEXT_CONTAINER_BOUNDING_BOX\":\"\",\"VITE_APP_COLLAPSE_OVERLAY\":\"true\",\"VITE_APP_ENABLE_ESLINT\":\"true\",\"VITE_APP_ENABLE_PWA\":\"false\",\"VITE_APP_PLUS_EXPORT_PUBLIC_KEY\":\"MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAm2g5T+Rub6Kbf1Mf57t0\\n7r2zeHuVg4dla3r5ryXMswtzz6x767octl6oLThn33mQsPSy3GKglFZoCTXJR4ij\\nba8SxB04sL/N8eRrKja7TFWjCVtRwTTfyy771NYYNFVJclkxHyE5qw4m27crHF1y\\nUNWEjuqNMi/lwAErS9fFa2oJlWyT8U7zzv/5kQREkxZI6y9v0AF3qcbsy2731FnD\\ns9ChJvOUW9toIab2gsIdrKW8ZNpu084ZFVKb6LNjvIXI1Se4oMTHeszXzNptzlot\\nkdxxjOoaQMAyfljFSot1F1FlU6MQlag7UnFGvFjRHN1JI5q4K+n3a67DX+TMyRqS\\nHQIDAQAB\",\"VITE_APP_DISABLE_PREVENT_UNLOAD\":\"\",\"VITE_PKG_NAME\":\"@zsviczian/excalidraw\",\"VITE_PKG_VERSION\":\"0.18.0-6\",\"VITE_IS_EXCALIDRAW_NPM_PACKAGE\":true}) || 0);\n\tisTTY = process.stdout && process.stdout.isTTY;\n}\n\nconst $ = {\n\tenabled: !NODE_DISABLE_COLORS && NO_COLOR == null && TERM !== 'dumb' && (\n\t\tFORCE_COLOR != null && FORCE_COLOR !== '0' || isTTY\n\t),\n\n\t// modifiers\n\treset: init(0, 0),\n\tbold: init(1, 22),\n\tdim: init(2, 22),\n\titalic: init(3, 23),\n\tunderline: init(4, 24),\n\tinverse: init(7, 27),\n\thidden: init(8, 28),\n\tstrikethrough: init(9, 29),\n\n\t// colors\n\tblack: init(30, 39),\n\tred: init(31, 39),\n\tgreen: init(32, 39),\n\tyellow: init(33, 39),\n\tblue: init(34, 39),\n\tmagenta: init(35, 39),\n\tcyan: init(36, 39),\n\twhite: init(37, 39),\n\tgray: init(90, 39),\n\tgrey: init(90, 39),\n\n\t// background colors\n\tbgBlack: init(40, 49),\n\tbgRed: init(41, 49),\n\tbgGreen: init(42, 49),\n\tbgYellow: init(43, 49),\n\tbgBlue: init(44, 49),\n\tbgMagenta: init(45, 49),\n\tbgCyan: init(46, 49),\n\tbgWhite: init(47, 49)\n};\n\nfunction run(arr, str) {\n\tlet i=0, tmp, beg='', end='';\n\tfor (; i < arr.length; i++) {\n\t\ttmp = arr[i];\n\t\tbeg += tmp.open;\n\t\tend += tmp.close;\n\t\tif (!!~str.indexOf(tmp.close)) {\n\t\t\tstr = str.replace(tmp.rgx, tmp.close + tmp.open);\n\t\t}\n\t}\n\treturn beg + str + end;\n}\n\nfunction chain(has, keys) {\n\tlet ctx = { has, keys };\n\n\tctx.reset = $.reset.bind(ctx);\n\tctx.bold = $.bold.bind(ctx);\n\tctx.dim = $.dim.bind(ctx);\n\tctx.italic = $.italic.bind(ctx);\n\tctx.underline = $.underline.bind(ctx);\n\tctx.inverse = $.inverse.bind(ctx);\n\tctx.hidden = $.hidden.bind(ctx);\n\tctx.strikethrough = $.strikethrough.bind(ctx);\n\n\tctx.black = $.black.bind(ctx);\n\tctx.red = $.red.bind(ctx);\n\tctx.green = $.green.bind(ctx);\n\tctx.yellow = $.yellow.bind(ctx);\n\tctx.blue = $.blue.bind(ctx);\n\tctx.magenta = $.magenta.bind(ctx);\n\tctx.cyan = $.cyan.bind(ctx);\n\tctx.white = $.white.bind(ctx);\n\tctx.gray = $.gray.bind(ctx);\n\tctx.grey = $.grey.bind(ctx);\n\n\tctx.bgBlack = $.bgBlack.bind(ctx);\n\tctx.bgRed = $.bgRed.bind(ctx);\n\tctx.bgGreen = $.bgGreen.bind(ctx);\n\tctx.bgYellow = $.bgYellow.bind(ctx);\n\tctx.bgBlue = $.bgBlue.bind(ctx);\n\tctx.bgMagenta = $.bgMagenta.bind(ctx);\n\tctx.bgCyan = $.bgCyan.bind(ctx);\n\tctx.bgWhite = $.bgWhite.bind(ctx);\n\n\treturn ctx;\n}\n\nfunction init(open, close) {\n\tlet blk = {\n\t\topen: `\\x1b[${open}m`,\n\t\tclose: `\\x1b[${close}m`,\n\t\trgx: new RegExp(`\\\\x1b\\\\[${close}m`, 'g')\n\t};\n\treturn function (txt) {\n\t\tif (this !== void 0 && this.has !== void 0) {\n\t\t\t!!~this.has.indexOf(open) || (this.has.push(open),this.keys.push(blk));\n\t\t\treturn txt === void 0 ? this : $.enabled ? run(this.keys, txt+'') : txt+'';\n\t\t}\n\t\treturn txt === void 0 ? chain([open], [blk]) : $.enabled ? run([blk], txt+'') : txt+'';\n\t};\n}\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ($);\n\n\n//# sourceURL=webpack://ExcalidrawLib/../../node_modules/kleur/index.mjs?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n\n\nlet FORCE_COLOR, NODE_DISABLE_COLORS, NO_COLOR, TERM, isTTY=true;\nif (typeof process !== 'undefined') {\n\t({ FORCE_COLOR, NODE_DISABLE_COLORS, NO_COLOR, TERM } = ({\"VITE_APP_BACKEND_V2_GET_URL\":\"https://json-dev.excalidraw.com/api/v2/\",\"VITE_APP_BACKEND_V2_POST_URL\":\"https://json-dev.excalidraw.com/api/v2/post/\",\"VITE_APP_LIBRARY_URL\":\"https://libraries.excalidraw.com\",\"VITE_APP_LIBRARY_BACKEND\":\"https://us-central1-excalidraw-room-persistence.cloudfunctions.net/libraries\",\"VITE_APP_WS_SERVER_URL\":\"http://localhost:3002\",\"VITE_APP_PLUS_LP\":\"https://plus.excalidraw.com\",\"VITE_APP_PLUS_APP\":\"http://localhost:3000\",\"VITE_APP_AI_BACKEND\":\"http://localhost:3015\",\"VITE_APP_FIREBASE_CONFIG\":\"{\\\"apiKey\\\":\\\"AIzaSyCMkxA60XIW8KbqMYL7edC4qT5l4qHX2h8\\\",\\\"authDomain\\\":\\\"excalidraw-oss-dev.firebaseapp.com\\\",\\\"projectId\\\":\\\"excalidraw-oss-dev\\\",\\\"storageBucket\\\":\\\"excalidraw-oss-dev.appspot.com\\\",\\\"messagingSenderId\\\":\\\"664559512677\\\",\\\"appId\\\":\\\"1:664559512677:web:a385181f2928d328a7aa8c\\\"}\",\"VITE_APP_DEV_DISABLE_LIVE_RELOAD\":\"\",\"VITE_APP_ENABLE_TRACKING\":\"true\",\"FAST_REFRESH\":\"false\",\"VITE_APP_PORT\":\"3000\",\"VITE_APP_DEBUG_ENABLE_TEXT_CONTAINER_BOUNDING_BOX\":\"\",\"VITE_APP_COLLAPSE_OVERLAY\":\"true\",\"VITE_APP_ENABLE_ESLINT\":\"true\",\"VITE_APP_ENABLE_PWA\":\"false\",\"VITE_APP_PLUS_EXPORT_PUBLIC_KEY\":\"MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAm2g5T+Rub6Kbf1Mf57t0\\n7r2zeHuVg4dla3r5ryXMswtzz6x767octl6oLThn33mQsPSy3GKglFZoCTXJR4ij\\nba8SxB04sL/N8eRrKja7TFWjCVtRwTTfyy771NYYNFVJclkxHyE5qw4m27crHF1y\\nUNWEjuqNMi/lwAErS9fFa2oJlWyT8U7zzv/5kQREkxZI6y9v0AF3qcbsy2731FnD\\ns9ChJvOUW9toIab2gsIdrKW8ZNpu084ZFVKb6LNjvIXI1Se4oMTHeszXzNptzlot\\nkdxxjOoaQMAyfljFSot1F1FlU6MQlag7UnFGvFjRHN1JI5q4K+n3a67DX+TMyRqS\\nHQIDAQAB\",\"VITE_APP_DISABLE_PREVENT_UNLOAD\":\"\",\"VITE_PKG_NAME\":\"@zsviczian/excalidraw\",\"VITE_PKG_VERSION\":\"0.18.0-9\",\"VITE_IS_EXCALIDRAW_NPM_PACKAGE\":true}) || 0);\n\tisTTY = process.stdout && process.stdout.isTTY;\n}\n\nconst $ = {\n\tenabled: !NODE_DISABLE_COLORS && NO_COLOR == null && TERM !== 'dumb' && (\n\t\tFORCE_COLOR != null && FORCE_COLOR !== '0' || isTTY\n\t),\n\n\t// modifiers\n\treset: init(0, 0),\n\tbold: init(1, 22),\n\tdim: init(2, 22),\n\titalic: init(3, 23),\n\tunderline: init(4, 24),\n\tinverse: init(7, 27),\n\thidden: init(8, 28),\n\tstrikethrough: init(9, 29),\n\n\t// colors\n\tblack: init(30, 39),\n\tred: init(31, 39),\n\tgreen: init(32, 39),\n\tyellow: init(33, 39),\n\tblue: init(34, 39),\n\tmagenta: init(35, 39),\n\tcyan: init(36, 39),\n\twhite: init(37, 39),\n\tgray: init(90, 39),\n\tgrey: init(90, 39),\n\n\t// background colors\n\tbgBlack: init(40, 49),\n\tbgRed: init(41, 49),\n\tbgGreen: init(42, 49),\n\tbgYellow: init(43, 49),\n\tbgBlue: init(44, 49),\n\tbgMagenta: init(45, 49),\n\tbgCyan: init(46, 49),\n\tbgWhite: init(47, 49)\n};\n\nfunction run(arr, str) {\n\tlet i=0, tmp, beg='', end='';\n\tfor (; i < arr.length; i++) {\n\t\ttmp = arr[i];\n\t\tbeg += tmp.open;\n\t\tend += tmp.close;\n\t\tif (!!~str.indexOf(tmp.close)) {\n\t\t\tstr = str.replace(tmp.rgx, tmp.close + tmp.open);\n\t\t}\n\t}\n\treturn beg + str + end;\n}\n\nfunction chain(has, keys) {\n\tlet ctx = { has, keys };\n\n\tctx.reset = $.reset.bind(ctx);\n\tctx.bold = $.bold.bind(ctx);\n\tctx.dim = $.dim.bind(ctx);\n\tctx.italic = $.italic.bind(ctx);\n\tctx.underline = $.underline.bind(ctx);\n\tctx.inverse = $.inverse.bind(ctx);\n\tctx.hidden = $.hidden.bind(ctx);\n\tctx.strikethrough = $.strikethrough.bind(ctx);\n\n\tctx.black = $.black.bind(ctx);\n\tctx.red = $.red.bind(ctx);\n\tctx.green = $.green.bind(ctx);\n\tctx.yellow = $.yellow.bind(ctx);\n\tctx.blue = $.blue.bind(ctx);\n\tctx.magenta = $.magenta.bind(ctx);\n\tctx.cyan = $.cyan.bind(ctx);\n\tctx.white = $.white.bind(ctx);\n\tctx.gray = $.gray.bind(ctx);\n\tctx.grey = $.grey.bind(ctx);\n\n\tctx.bgBlack = $.bgBlack.bind(ctx);\n\tctx.bgRed = $.bgRed.bind(ctx);\n\tctx.bgGreen = $.bgGreen.bind(ctx);\n\tctx.bgYellow = $.bgYellow.bind(ctx);\n\tctx.bgBlue = $.bgBlue.bind(ctx);\n\tctx.bgMagenta = $.bgMagenta.bind(ctx);\n\tctx.bgCyan = $.bgCyan.bind(ctx);\n\tctx.bgWhite = $.bgWhite.bind(ctx);\n\n\treturn ctx;\n}\n\nfunction init(open, close) {\n\tlet blk = {\n\t\topen: `\\x1b[${open}m`,\n\t\tclose: `\\x1b[${close}m`,\n\t\trgx: new RegExp(`\\\\x1b\\\\[${close}m`, 'g')\n\t};\n\treturn function (txt) {\n\t\tif (this !== void 0 && this.has !== void 0) {\n\t\t\t!!~this.has.indexOf(open) || (this.has.push(open),this.keys.push(blk));\n\t\t\treturn txt === void 0 ? this : $.enabled ? run(this.keys, txt+'') : txt+'';\n\t\t}\n\t\treturn txt === void 0 ? chain([open], [blk]) : $.enabled ? run([blk], txt+'') : txt+'';\n\t};\n}\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ($);\n\n\n//# sourceURL=webpack://ExcalidrawLib/../../node_modules/kleur/index.mjs?");
 /***/ }),
@@ -12022,7 +12022,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
   \**********************************************************************/
 /***/ ((module, exports, __webpack_require__) => {
-eval("/* eslint-env browser */\n\n/**\n * This is the web browser implementation of `debug()`.\n */\n\nexports.formatArgs = formatArgs;\nexports.save = save;\nexports.load = load;\nexports.useColors = useColors;\nexports.storage = localstorage();\nexports.destroy = (() => {\n\tlet warned = false;\n\n\treturn () => {\n\t\tif (!warned) {\n\t\t\twarned = true;\n\t\t\tconsole.warn('Instance method `debug.destroy()` is deprecated and no longer does anything. It will be removed in the next major version of `debug`.');\n\t\t}\n\t};\n})();\n\n/**\n * Colors.\n */\n\nexports.colors = [\n\t'#0000CC',\n\t'#0000FF',\n\t'#0033CC',\n\t'#0033FF',\n\t'#0066CC',\n\t'#0066FF',\n\t'#0099CC',\n\t'#0099FF',\n\t'#00CC00',\n\t'#00CC33',\n\t'#00CC66',\n\t'#00CC99',\n\t'#00CCCC',\n\t'#00CCFF',\n\t'#3300CC',\n\t'#3300FF',\n\t'#3333CC',\n\t'#3333FF',\n\t'#3366CC',\n\t'#3366FF',\n\t'#3399CC',\n\t'#3399FF',\n\t'#33CC00',\n\t'#33CC33',\n\t'#33CC66',\n\t'#33CC99',\n\t'#33CCCC',\n\t'#33CCFF',\n\t'#6600CC',\n\t'#6600FF',\n\t'#6633CC',\n\t'#6633FF',\n\t'#66CC00',\n\t'#66CC33',\n\t'#9900CC',\n\t'#9900FF',\n\t'#9933CC',\n\t'#9933FF',\n\t'#99CC00',\n\t'#99CC33',\n\t'#CC0000',\n\t'#CC0033',\n\t'#CC0066',\n\t'#CC0099',\n\t'#CC00CC',\n\t'#CC00FF',\n\t'#CC3300',\n\t'#CC3333',\n\t'#CC3366',\n\t'#CC3399',\n\t'#CC33CC',\n\t'#CC33FF',\n\t'#CC6600',\n\t'#CC6633',\n\t'#CC9900',\n\t'#CC9933',\n\t'#CCCC00',\n\t'#CCCC33',\n\t'#FF0000',\n\t'#FF0033',\n\t'#FF0066',\n\t'#FF0099',\n\t'#FF00CC',\n\t'#FF00FF',\n\t'#FF3300',\n\t'#FF3333',\n\t'#FF3366',\n\t'#FF3399',\n\t'#FF33CC',\n\t'#FF33FF',\n\t'#FF6600',\n\t'#FF6633',\n\t'#FF9900',\n\t'#FF9933',\n\t'#FFCC00',\n\t'#FFCC33'\n];\n\n/**\n * Currently only WebKit-based Web Inspectors, Firefox >= v31,\n * and the Firebug extension (any Firefox version) are known\n * to support \"%c\" CSS customizations.\n *\n * TODO: add a `localStorage` variable to explicitly enable/disable colors\n */\n\n// eslint-disable-next-line complexity\nfunction useColors() {\n\t// NB: In an Electron preload script, document will be defined but not fully\n\t// initialized. Since we know we're in Chrome, we'll just detect this case\n\t// explicitly\n\tif (typeof window !== 'undefined' && window.process && (window.process.type === 'renderer' || window.process.__nwjs)) {\n\t\treturn true;\n\t}\n\n\t// Internet Explorer and Edge do not support colors.\n\tif (typeof navigator !== 'undefined' && navigator.userAgent && navigator.userAgent.toLowerCase().match(/(edge|trident)\\/(\\d+)/)) {\n\t\treturn false;\n\t}\n\n\tlet m;\n\n\t// Is webkit? http://stackoverflow.com/a/16459606/376773\n\t// document is undefined in react-native: https://github.com/facebook/react-native/pull/1632\n\t// eslint-disable-next-line no-return-assign\n\treturn (typeof document !== 'undefined' && document.documentElement && document.documentElement.style && document.documentElement.style.WebkitAppearance) ||\n\t\t// Is firebug? http://stackoverflow.com/a/398120/376773\n\t\t(typeof window !== 'undefined' && window.console && (window.console.firebug || (window.console.exception && window.console.table))) ||\n\t\t// Is firefox >= v31?\n\t\t// https://developer.mozilla.org/en-US/docs/Tools/Web_Console#Styling_messages\n\t\t(typeof navigator !== 'undefined' && navigator.userAgent && (m = navigator.userAgent.toLowerCase().match(/firefox\\/(\\d+)/)) && parseInt(m[1], 10) >= 31) ||\n\t\t// Double check webkit in userAgent just in case we are in a worker\n\t\t(typeof navigator !== 'undefined' && navigator.userAgent && navigator.userAgent.toLowerCase().match(/applewebkit\\/(\\d+)/));\n}\n\n/**\n * Colorize log arguments if enabled.\n *\n * @api public\n */\n\nfunction formatArgs(args) {\n\targs[0] = (this.useColors ? '%c' : '') +\n\t\tthis.namespace +\n\t\t(this.useColors ? ' %c' : ' ') +\n\t\targs[0] +\n\t\t(this.useColors ? '%c ' : ' ') +\n\t\t'+' + module.exports.humanize(this.diff);\n\n\tif (!this.useColors) {\n\t\treturn;\n\t}\n\n\tconst c = 'color: ' + this.color;\n\targs.splice(1, 0, c, 'color: inherit');\n\n\t// The final \"%c\" is somewhat tricky, because there could be other\n\t// arguments passed either before or after the %c, so we need to\n\t// figure out the correct index to insert the CSS into\n\tlet index = 0;\n\tlet lastC = 0;\n\targs[0].replace(/%[a-zA-Z%]/g, match => {\n\t\tif (match === '%%') {\n\t\t\treturn;\n\t\t}\n\t\tindex++;\n\t\tif (match === '%c') {\n\t\t\t// We only are interested in the *last* %c\n\t\t\t// (the user may have provided their own)\n\t\t\tlastC = index;\n\t\t}\n\t});\n\n\targs.splice(lastC, 0, c);\n}\n\n/**\n * Invokes `console.debug()` when available.\n * No-op when `console.debug` is not a \"function\".\n * If `console.debug` is not available, falls back\n * to `console.log`.\n *\n * @api public\n */\nexports.log = console.debug || console.log || (() => {});\n\n/**\n * Save `namespaces`.\n *\n * @param {String} namespaces\n * @api private\n */\nfunction save(namespaces) {\n\ttry {\n\t\tif (namespaces) {\n\t\t\texports.storage.setItem('debug', namespaces);\n\t\t} else {\n\t\t\texports.storage.removeItem('debug');\n\t\t}\n\t} catch (error) {\n\t\t// Swallow\n\t\t// XXX (@Qix-) should we be logging these?\n\t}\n}\n\n/**\n * Load `namespaces`.\n *\n * @return {String} returns the previously persisted debug modes\n * @api private\n */\nfunction load() {\n\tlet r;\n\ttry {\n\t\tr = exports.storage.getItem('debug');\n\t} catch (error) {\n\t\t// Swallow\n\t\t// XXX (@Qix-) should we be logging these?\n\t}\n\n\t// If debug isn't set in LS, and we're in Electron, try to load $DEBUG\n\tif (!r && typeof process !== 'undefined' && 'env' in process) {\n\t\tr = ({\"VITE_APP_BACKEND_V2_GET_URL\":\"https://json-dev.excalidraw.com/api/v2/\",\"VITE_APP_BACKEND_V2_POST_URL\":\"https://json-dev.excalidraw.com/api/v2/post/\",\"VITE_APP_LIBRARY_URL\":\"https://libraries.excalidraw.com\",\"VITE_APP_LIBRARY_BACKEND\":\"https://us-central1-excalidraw-room-persistence.cloudfunctions.net/libraries\",\"VITE_APP_WS_SERVER_URL\":\"http://localhost:3002\",\"VITE_APP_PLUS_LP\":\"https://plus.excalidraw.com\",\"VITE_APP_PLUS_APP\":\"http://localhost:3000\",\"VITE_APP_AI_BACKEND\":\"http://localhost:3015\",\"VITE_APP_FIREBASE_CONFIG\":\"{\\\"apiKey\\\":\\\"AIzaSyCMkxA60XIW8KbqMYL7edC4qT5l4qHX2h8\\\",\\\"authDomain\\\":\\\"excalidraw-oss-dev.firebaseapp.com\\\",\\\"projectId\\\":\\\"excalidraw-oss-dev\\\",\\\"storageBucket\\\":\\\"excalidraw-oss-dev.appspot.com\\\",\\\"messagingSenderId\\\":\\\"664559512677\\\",\\\"appId\\\":\\\"1:664559512677:web:a385181f2928d328a7aa8c\\\"}\",\"VITE_APP_DEV_DISABLE_LIVE_RELOAD\":\"\",\"VITE_APP_ENABLE_TRACKING\":\"true\",\"FAST_REFRESH\":\"false\",\"VITE_APP_PORT\":\"3000\",\"VITE_APP_DEBUG_ENABLE_TEXT_CONTAINER_BOUNDING_BOX\":\"\",\"VITE_APP_COLLAPSE_OVERLAY\":\"true\",\"VITE_APP_ENABLE_ESLINT\":\"true\",\"VITE_APP_ENABLE_PWA\":\"false\",\"VITE_APP_PLUS_EXPORT_PUBLIC_KEY\":\"MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAm2g5T+Rub6Kbf1Mf57t0\\n7r2zeHuVg4dla3r5ryXMswtzz6x767octl6oLThn33mQsPSy3GKglFZoCTXJR4ij\\nba8SxB04sL/N8eRrKja7TFWjCVtRwTTfyy771NYYNFVJclkxHyE5qw4m27crHF1y\\nUNWEjuqNMi/lwAErS9fFa2oJlWyT8U7zzv/5kQREkxZI6y9v0AF3qcbsy2731FnD\\ns9ChJvOUW9toIab2gsIdrKW8ZNpu084ZFVKb6LNjvIXI1Se4oMTHeszXzNptzlot\\nkdxxjOoaQMAyfljFSot1F1FlU6MQlag7UnFGvFjRHN1JI5q4K+n3a67DX+TMyRqS\\nHQIDAQAB\",\"VITE_APP_DISABLE_PREVENT_UNLOAD\":\"\",\"VITE_PKG_NAME\":\"@zsviczian/excalidraw\",\"VITE_PKG_VERSION\":\"0.18.0-6\",\"VITE_IS_EXCALIDRAW_NPM_PACKAGE\":true}).DEBUG;\n\t}\n\n\treturn r;\n}\n\n/**\n * Localstorage attempts to return the localstorage.\n *\n * This is necessary because safari throws\n * when a user disables cookies/localstorage\n * and you attempt to access it.\n *\n * @return {LocalStorage}\n * @api private\n */\n\nfunction localstorage() {\n\ttry {\n\t\t// TVMLKit (Apple TV JS Runtime) does not have a window object, just localStorage in the global context\n\t\t// The Browser also has localStorage in the global context.\n\t\treturn localStorage;\n\t} catch (error) {\n\t\t// Swallow\n\t\t// XXX (@Qix-) should we be logging these?\n\t}\n}\n\nmodule.exports = __webpack_require__(/*! ./common */ \"../../node_modules/micromark/node_modules/debug/src/common.js\")(exports);\n\nconst {formatters} = module.exports;\n\n/**\n * Map %j to `JSON.stringify()`, since no Web Inspectors do that by default.\n */\n\nformatters.j = function (v) {\n\ttry {\n\t\treturn JSON.stringify(v);\n\t} catch (error) {\n\t\treturn '[UnexpectedJSONParseError]: ' + error.message;\n\t}\n};\n\n\n//# sourceURL=webpack://ExcalidrawLib/../../node_modules/micromark/node_modules/debug/src/browser.js?");
+eval("/* eslint-env browser */\n\n/**\n * This is the web browser implementation of `debug()`.\n */\n\nexports.formatArgs = formatArgs;\nexports.save = save;\nexports.load = load;\nexports.useColors = useColors;\nexports.storage = localstorage();\nexports.destroy = (() => {\n\tlet warned = false;\n\n\treturn () => {\n\t\tif (!warned) {\n\t\t\twarned = true;\n\t\t\tconsole.warn('Instance method `debug.destroy()` is deprecated and no longer does anything. It will be removed in the next major version of `debug`.');\n\t\t}\n\t};\n})();\n\n/**\n * Colors.\n */\n\nexports.colors = [\n\t'#0000CC',\n\t'#0000FF',\n\t'#0033CC',\n\t'#0033FF',\n\t'#0066CC',\n\t'#0066FF',\n\t'#0099CC',\n\t'#0099FF',\n\t'#00CC00',\n\t'#00CC33',\n\t'#00CC66',\n\t'#00CC99',\n\t'#00CCCC',\n\t'#00CCFF',\n\t'#3300CC',\n\t'#3300FF',\n\t'#3333CC',\n\t'#3333FF',\n\t'#3366CC',\n\t'#3366FF',\n\t'#3399CC',\n\t'#3399FF',\n\t'#33CC00',\n\t'#33CC33',\n\t'#33CC66',\n\t'#33CC99',\n\t'#33CCCC',\n\t'#33CCFF',\n\t'#6600CC',\n\t'#6600FF',\n\t'#6633CC',\n\t'#6633FF',\n\t'#66CC00',\n\t'#66CC33',\n\t'#9900CC',\n\t'#9900FF',\n\t'#9933CC',\n\t'#9933FF',\n\t'#99CC00',\n\t'#99CC33',\n\t'#CC0000',\n\t'#CC0033',\n\t'#CC0066',\n\t'#CC0099',\n\t'#CC00CC',\n\t'#CC00FF',\n\t'#CC3300',\n\t'#CC3333',\n\t'#CC3366',\n\t'#CC3399',\n\t'#CC33CC',\n\t'#CC33FF',\n\t'#CC6600',\n\t'#CC6633',\n\t'#CC9900',\n\t'#CC9933',\n\t'#CCCC00',\n\t'#CCCC33',\n\t'#FF0000',\n\t'#FF0033',\n\t'#FF0066',\n\t'#FF0099',\n\t'#FF00CC',\n\t'#FF00FF',\n\t'#FF3300',\n\t'#FF3333',\n\t'#FF3366',\n\t'#FF3399',\n\t'#FF33CC',\n\t'#FF33FF',\n\t'#FF6600',\n\t'#FF6633',\n\t'#FF9900',\n\t'#FF9933',\n\t'#FFCC00',\n\t'#FFCC33'\n];\n\n/**\n * Currently only WebKit-based Web Inspectors, Firefox >= v31,\n * and the Firebug extension (any Firefox version) are known\n * to support \"%c\" CSS customizations.\n *\n * TODO: add a `localStorage` variable to explicitly enable/disable colors\n */\n\n// eslint-disable-next-line complexity\nfunction useColors() {\n\t// NB: In an Electron preload script, document will be defined but not fully\n\t// initialized. Since we know we're in Chrome, we'll just detect this case\n\t// explicitly\n\tif (typeof window !== 'undefined' && window.process && (window.process.type === 'renderer' || window.process.__nwjs)) {\n\t\treturn true;\n\t}\n\n\t// Internet Explorer and Edge do not support colors.\n\tif (typeof navigator !== 'undefined' && navigator.userAgent && navigator.userAgent.toLowerCase().match(/(edge|trident)\\/(\\d+)/)) {\n\t\treturn false;\n\t}\n\n\tlet m;\n\n\t// Is webkit? http://stackoverflow.com/a/16459606/376773\n\t// document is undefined in react-native: https://github.com/facebook/react-native/pull/1632\n\t// eslint-disable-next-line no-return-assign\n\treturn (typeof document !== 'undefined' && document.documentElement && document.documentElement.style && document.documentElement.style.WebkitAppearance) ||\n\t\t// Is firebug? http://stackoverflow.com/a/398120/376773\n\t\t(typeof window !== 'undefined' && window.console && (window.console.firebug || (window.console.exception && window.console.table))) ||\n\t\t// Is firefox >= v31?\n\t\t// https://developer.mozilla.org/en-US/docs/Tools/Web_Console#Styling_messages\n\t\t(typeof navigator !== 'undefined' && navigator.userAgent && (m = navigator.userAgent.toLowerCase().match(/firefox\\/(\\d+)/)) && parseInt(m[1], 10) >= 31) ||\n\t\t// Double check webkit in userAgent just in case we are in a worker\n\t\t(typeof navigator !== 'undefined' && navigator.userAgent && navigator.userAgent.toLowerCase().match(/applewebkit\\/(\\d+)/));\n}\n\n/**\n * Colorize log arguments if enabled.\n *\n * @api public\n */\n\nfunction formatArgs(args) {\n\targs[0] = (this.useColors ? '%c' : '') +\n\t\tthis.namespace +\n\t\t(this.useColors ? ' %c' : ' ') +\n\t\targs[0] +\n\t\t(this.useColors ? '%c ' : ' ') +\n\t\t'+' + module.exports.humanize(this.diff);\n\n\tif (!this.useColors) {\n\t\treturn;\n\t}\n\n\tconst c = 'color: ' + this.color;\n\targs.splice(1, 0, c, 'color: inherit');\n\n\t// The final \"%c\" is somewhat tricky, because there could be other\n\t// arguments passed either before or after the %c, so we need to\n\t// figure out the correct index to insert the CSS into\n\tlet index = 0;\n\tlet lastC = 0;\n\targs[0].replace(/%[a-zA-Z%]/g, match => {\n\t\tif (match === '%%') {\n\t\t\treturn;\n\t\t}\n\t\tindex++;\n\t\tif (match === '%c') {\n\t\t\t// We only are interested in the *last* %c\n\t\t\t// (the user may have provided their own)\n\t\t\tlastC = index;\n\t\t}\n\t});\n\n\targs.splice(lastC, 0, c);\n}\n\n/**\n * Invokes `console.debug()` when available.\n * No-op when `console.debug` is not a \"function\".\n * If `console.debug` is not available, falls back\n * to `console.log`.\n *\n * @api public\n */\nexports.log = console.debug || console.log || (() => {});\n\n/**\n * Save `namespaces`.\n *\n * @param {String} namespaces\n * @api private\n */\nfunction save(namespaces) {\n\ttry {\n\t\tif (namespaces) {\n\t\t\texports.storage.setItem('debug', namespaces);\n\t\t} else {\n\t\t\texports.storage.removeItem('debug');\n\t\t}\n\t} catch (error) {\n\t\t// Swallow\n\t\t// XXX (@Qix-) should we be logging these?\n\t}\n}\n\n/**\n * Load `namespaces`.\n *\n * @return {String} returns the previously persisted debug modes\n * @api private\n */\nfunction load() {\n\tlet r;\n\ttry {\n\t\tr = exports.storage.getItem('debug');\n\t} catch (error) {\n\t\t// Swallow\n\t\t// XXX (@Qix-) should we be logging these?\n\t}\n\n\t// If debug isn't set in LS, and we're in Electron, try to load $DEBUG\n\tif (!r && typeof process !== 'undefined' && 'env' in process) {\n\t\tr = ({\"VITE_APP_BACKEND_V2_GET_URL\":\"https://json-dev.excalidraw.com/api/v2/\",\"VITE_APP_BACKEND_V2_POST_URL\":\"https://json-dev.excalidraw.com/api/v2/post/\",\"VITE_APP_LIBRARY_URL\":\"https://libraries.excalidraw.com\",\"VITE_APP_LIBRARY_BACKEND\":\"https://us-central1-excalidraw-room-persistence.cloudfunctions.net/libraries\",\"VITE_APP_WS_SERVER_URL\":\"http://localhost:3002\",\"VITE_APP_PLUS_LP\":\"https://plus.excalidraw.com\",\"VITE_APP_PLUS_APP\":\"http://localhost:3000\",\"VITE_APP_AI_BACKEND\":\"http://localhost:3015\",\"VITE_APP_FIREBASE_CONFIG\":\"{\\\"apiKey\\\":\\\"AIzaSyCMkxA60XIW8KbqMYL7edC4qT5l4qHX2h8\\\",\\\"authDomain\\\":\\\"excalidraw-oss-dev.firebaseapp.com\\\",\\\"projectId\\\":\\\"excalidraw-oss-dev\\\",\\\"storageBucket\\\":\\\"excalidraw-oss-dev.appspot.com\\\",\\\"messagingSenderId\\\":\\\"664559512677\\\",\\\"appId\\\":\\\"1:664559512677:web:a385181f2928d328a7aa8c\\\"}\",\"VITE_APP_DEV_DISABLE_LIVE_RELOAD\":\"\",\"VITE_APP_ENABLE_TRACKING\":\"true\",\"FAST_REFRESH\":\"false\",\"VITE_APP_PORT\":\"3000\",\"VITE_APP_DEBUG_ENABLE_TEXT_CONTAINER_BOUNDING_BOX\":\"\",\"VITE_APP_COLLAPSE_OVERLAY\":\"true\",\"VITE_APP_ENABLE_ESLINT\":\"true\",\"VITE_APP_ENABLE_PWA\":\"false\",\"VITE_APP_PLUS_EXPORT_PUBLIC_KEY\":\"MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAm2g5T+Rub6Kbf1Mf57t0\\n7r2zeHuVg4dla3r5ryXMswtzz6x767octl6oLThn33mQsPSy3GKglFZoCTXJR4ij\\nba8SxB04sL/N8eRrKja7TFWjCVtRwTTfyy771NYYNFVJclkxHyE5qw4m27crHF1y\\nUNWEjuqNMi/lwAErS9fFa2oJlWyT8U7zzv/5kQREkxZI6y9v0AF3qcbsy2731FnD\\ns9ChJvOUW9toIab2gsIdrKW8ZNpu084ZFVKb6LNjvIXI1Se4oMTHeszXzNptzlot\\nkdxxjOoaQMAyfljFSot1F1FlU6MQlag7UnFGvFjRHN1JI5q4K+n3a67DX+TMyRqS\\nHQIDAQAB\",\"VITE_APP_DISABLE_PREVENT_UNLOAD\":\"\",\"VITE_PKG_NAME\":\"@zsviczian/excalidraw\",\"VITE_PKG_VERSION\":\"0.18.0-9\",\"VITE_IS_EXCALIDRAW_NPM_PACKAGE\":true}).DEBUG;\n\t}\n\n\treturn r;\n}\n\n/**\n * Localstorage attempts to return the localstorage.\n *\n * This is necessary because safari throws\n * when a user disables cookies/localstorage\n * and you attempt to access it.\n *\n * @return {LocalStorage}\n * @api private\n */\n\nfunction localstorage() {\n\ttry {\n\t\t// TVMLKit (Apple TV JS Runtime) does not have a window object, just localStorage in the global context\n\t\t// The Browser also has localStorage in the global context.\n\t\treturn localStorage;\n\t} catch (error) {\n\t\t// Swallow\n\t\t// XXX (@Qix-) should we be logging these?\n\t}\n}\n\nmodule.exports = __webpack_require__(/*! ./common */ \"../../node_modules/micromark/node_modules/debug/src/common.js\")(exports);\n\nconst {formatters} = module.exports;\n\n/**\n * Map %j to `JSON.stringify()`, since no Web Inspectors do that by default.\n */\n\nformatters.j = function (v) {\n\ttry {\n\t\treturn JSON.stringify(v);\n\t} catch (error) {\n\t\treturn '[UnexpectedJSONParseError]: ' + error.message;\n\t}\n};\n\n\n//# sourceURL=webpack://ExcalidrawLib/../../node_modules/micromark/node_modules/debug/src/browser.js?");
 /***/ }),
@@ -12948,7 +12948,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 */   ACTIVE_THRESHOLD: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.ACTIVE_THRESHOLD),\n/* harmony export */   ALLOWED_PASTE_MIME_TYPES: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.ALLOWED_PASTE_MIME_TYPES),\n/* harmony export */   APP_NAME: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.APP_NAME),\n/* harmony export */   ARROW_LABEL_FONT_SIZE_TO_MIN_WIDTH_RATIO: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.ARROW_LABEL_FONT_SIZE_TO_MIN_WIDTH_RATIO),\n/* harmony export */   ARROW_LABEL_WIDTH_FRACTION: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.ARROW_LABEL_WIDTH_FRACTION),\n/* harmony export */   ARROW_TYPE: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.ARROW_TYPE),\n/* harmony export */   BOUND_TEXT_PADDING: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.BOUND_TEXT_PADDING),\n/* harmony export */   BinaryHeap: () => (/* reexport safe */ _binary_heap__WEBPACK_IMPORTED_MODULE_0__.BinaryHeap),\n/* harmony export */   CANVAS_ONLY_ACTIONS: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.CANVAS_ONLY_ACTIONS),\n/* harmony export */   CANVAS_PALETTE_SHADE_INDEXES: () => (/* reexport safe */ _colors__WEBPACK_IMPORTED_MODULE_1__.CANVAS_PALETTE_SHADE_INDEXES),\n/* harmony export */   CANVAS_SEARCH_TAB: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.CANVAS_SEARCH_TAB),\n/* harmony export */   CJK_HAND_DRAWN_FALLBACK_FONT: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.CJK_HAND_DRAWN_FALLBACK_FONT),\n/* harmony export */   CLASSES: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.CLASSES),\n/* harmony export */   CODES: () => (/* reexport safe */ _keys__WEBPACK_IMPORTED_MODULE_5__.CODES),\n/* harmony export */   COLORS_PER_ROW: () => (/* reexport safe */ _colors__WEBPACK_IMPORTED_MODULE_1__.COLORS_PER_ROW),\n/* harmony export */   COLOR_CHARCOAL_BLACK: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.COLOR_CHARCOAL_BLACK),\n/* harmony export */   COLOR_NAMES: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.COLOR_NAMES),\n/* harmony export */   COLOR_OUTLINE_CONTRAST_THRESHOLD: () => (/* reexport safe */ _colors__WEBPACK_IMPORTED_MODULE_1__.COLOR_OUTLINE_CONTRAST_THRESHOLD),\n/* harmony export */   COLOR_PALETTE: () => (/* reexport safe */ _colors__WEBPACK_IMPORTED_MODULE_1__.COLOR_PALETTE),\n/* harmony export */   COLOR_VOICE_CALL: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.COLOR_VOICE_CALL),\n/* harmony export */   COLOR_WHITE: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.COLOR_WHITE),\n/* harmony export */   CURSOR_TYPE: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.CURSOR_TYPE),\n/* harmony export */   DEFAULT_ADAPTIVE_RADIUS: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.DEFAULT_ADAPTIVE_RADIUS),\n/* harmony export */   DEFAULT_CANVAS_BACKGROUND_PICKS: () => (/* reexport safe */ _colors__WEBPACK_IMPORTED_MODULE_1__.DEFAULT_CANVAS_BACKGROUND_PICKS),\n/* harmony export */   DEFAULT_CHART_COLOR_INDEX: () => (/* reexport safe */ _colors__WEBPACK_IMPORTED_MODULE_1__.DEFAULT_CHART_COLOR_INDEX),\n/* harmony export */   DEFAULT_COLLISION_THRESHOLD: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.DEFAULT_COLLISION_THRESHOLD),\n/* harmony export */   DEFAULT_ELEMENT_BACKGROUND_COLOR_INDEX: () => (/* reexport safe */ _colors__WEBPACK_IMPORTED_MODULE_1__.DEFAULT_ELEMENT_BACKGROUND_COLOR_INDEX),\n/* harmony export */   DEFAULT_ELEMENT_BACKGROUND_COLOR_PALETTE: () => (/* reexport safe */ _colors__WEBPACK_IMPORTED_MODULE_1__.DEFAULT_ELEMENT_BACKGROUND_COLOR_PALETTE),\n/* harmony export */   DEFAULT_ELEMENT_BACKGROUND_PICKS: () => (/* reexport safe */ _colors__WEBPACK_IMPORTED_MODULE_1__.DEFAULT_ELEMENT_BACKGROUND_PICKS),\n/* harmony export */   DEFAULT_ELEMENT_PROPS: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.DEFAULT_ELEMENT_PROPS),\n/* harmony export */   DEFAULT_ELEMENT_STROKE_COLOR_INDEX: () => (/* reexport safe */ _colors__WEBPACK_IMPORTED_MODULE_1__.DEFAULT_ELEMENT_STROKE_COLOR_INDEX),\n/* harmony export */   DEFAULT_ELEMENT_STROKE_COLOR_PALETTE: () => (/* reexport safe */ _colors__WEBPACK_IMPORTED_MODULE_1__.DEFAULT_ELEMENT_STROKE_COLOR_PALETTE),\n/* harmony export */   DEFAULT_ELEMENT_STROKE_PICKS: () => (/* reexport safe */ _colors__WEBPACK_IMPORTED_MODULE_1__.DEFAULT_ELEMENT_STROKE_PICKS),\n/* harmony export */   DEFAULT_EXPORT_PADDING: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.DEFAULT_EXPORT_PADDING),\n/* harmony export */   DEFAULT_FILENAME: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.DEFAULT_FILENAME),\n/* harmony export */   DEFAULT_FONT_FAMILY: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.DEFAULT_FONT_FAMILY),\n/* harmony export */   DEFAULT_FONT_SIZE: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.DEFAULT_FONT_SIZE),\n/* harmony export */   DEFAULT_GRID_SIZE: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.DEFAULT_GRID_SIZE),\n/* harmony export */   DEFAULT_GRID_STEP: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.DEFAULT_GRID_STEP),\n/* harmony export */   DEFAULT_LASER_COLOR: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.DEFAULT_LASER_COLOR),\n/* harmony export */   DEFAULT_MAX_IMAGE_WIDTH_OR_HEIGHT: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.DEFAULT_MAX_IMAGE_WIDTH_OR_HEIGHT),\n/* harmony export */   DEFAULT_PROPORTIONAL_RADIUS: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.DEFAULT_PROPORTIONAL_RADIUS),\n/* harmony export */   DEFAULT_REDUCED_GLOBAL_ALPHA: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.DEFAULT_REDUCED_GLOBAL_ALPHA),\n/* harmony export */   DEFAULT_SIDEBAR: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.DEFAULT_SIDEBAR),\n/* harmony export */   DEFAULT_TEXT_ALIGN: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.DEFAULT_TEXT_ALIGN),\n/* harmony export */   DEFAULT_TRANSFORM_HANDLE_SPACING: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.DEFAULT_TRANSFORM_HANDLE_SPACING),\n/* harmony export */   DEFAULT_UI_OPTIONS: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.DEFAULT_UI_OPTIONS),\n/* harmony export */   DEFAULT_VERSION: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.DEFAULT_VERSION),\n/* harmony export */   DEFAULT_VERTICAL_ALIGN: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.DEFAULT_VERTICAL_ALIGN),\n/* harmony export */   DRAGGING_THRESHOLD: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.DRAGGING_THRESHOLD),\n/* harmony export */   EDITOR_LS_KEYS: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.EDITOR_LS_KEYS),\n/* harmony export */   ELEMENTS_PALETTE_SHADE_INDEXES: () => (/* reexport safe */ _colors__WEBPACK_IMPORTED_MODULE_1__.ELEMENTS_PALETTE_SHADE_INDEXES),\n/* harmony export */   ELEMENT_LINK_KEY: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.ELEMENT_LINK_KEY),\n/* harmony export */   ELEMENT_READY_TO_ERASE_OPACITY: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.ELEMENT_READY_TO_ERASE_OPACITY),\n/* harmony export */   ELEMENT_SHIFT_TRANSLATE_AMOUNT: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.ELEMENT_SHIFT_TRANSLATE_AMOUNT),\n/* harmony export */   ELEMENT_TRANSLATE_AMOUNT: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.ELEMENT_TRANSLATE_AMOUNT),\n/* harmony export */   ENCRYPTION_KEY_BITS: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.ENCRYPTION_KEY_BITS),\n/* harmony export */   ENV: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.ENV),\n/* harmony export */   EPSILON: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.EPSILON),\n/* harmony export */   EVENT: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.EVENT),\n/* harmony export */   EXPORT_DATA_TYPES: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.EXPORT_DATA_TYPES),\n/* harmony export */   EXPORT_IMAGE_TYPES: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.EXPORT_IMAGE_TYPES),\n/* harmony export */   EXPORT_SCALES: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.EXPORT_SCALES),\n/* harmony export */   EXPORT_SOURCE: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.EXPORT_SOURCE),\n/* harmony export */   FONT_FAMILY: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.FONT_FAMILY),\n/* harmony export */   FONT_FAMILY_FALLBACKS: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.FONT_FAMILY_FALLBACKS),\n/* harmony export */   FONT_METADATA: () => (/* reexport safe */ _font_metadata__WEBPACK_IMPORTED_MODULE_3__.FONT_METADATA),\n/* harmony export */   FRAME_STYLE: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.FRAME_STYLE),\n/* harmony export */   GOOGLE_FONTS_RANGES: () => (/* reexport safe */ _font_metadata__WEBPACK_IMPORTED_MODULE_3__.GOOGLE_FONTS_RANGES),\n/* harmony export */   HYPERLINK_TOOLTIP_DELAY: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.HYPERLINK_TOOLTIP_DELAY),\n/* harmony export */   IDLE_THRESHOLD: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.IDLE_THRESHOLD),\n/* harmony export */   IMAGE_MIME_TYPES: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.IMAGE_MIME_TYPES),\n/* harmony export */   IMAGE_RENDER_TIMEOUT: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.IMAGE_RENDER_TIMEOUT),\n/* harmony export */   KEYS: () => (/* reexport safe */ _keys__WEBPACK_IMPORTED_MODULE_5__.KEYS),\n/* harmony export */   KeyCodeMap: () => (/* reexport safe */ _keys__WEBPACK_IMPORTED_MODULE_5__.KeyCodeMap),\n/* harmony export */   LIBRARY_DISABLED_TYPES: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.LIBRARY_DISABLED_TYPES),\n/* harmony export */   LIBRARY_SIDEBAR_TAB: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.LIBRARY_SIDEBAR_TAB),\n/* harmony export */   LINE_CONFIRM_THRESHOLD: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.LINE_CONFIRM_THRESHOLD),\n/* harmony export */   LOCAL_FONT_PROTOCOL: () => (/* reexport safe */ _font_metadata__WEBPACK_IMPORTED_MODULE_3__.LOCAL_FONT_PROTOCOL),\n/* harmony export */   MAX_ALLOWED_FILE_BYTES: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.MAX_ALLOWED_FILE_BYTES),\n/* harmony export */   MAX_CUSTOM_COLORS_USED_IN_CANVAS: () => (/* reexport safe */ _colors__WEBPACK_IMPORTED_MODULE_1__.MAX_CUSTOM_COLORS_USED_IN_CANVAS),\n/* harmony export */   MAX_DECIMALS_FOR_SVG_EXPORT: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.MAX_DECIMALS_FOR_SVG_EXPORT),\n/* harmony export */   MAX_ZOOM: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.MAX_ZOOM),\n/* harmony export */   MIME_TYPES: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.MIME_TYPES),\n/* harmony export */   MIN_FONT_SIZE: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.MIN_FONT_SIZE),\n/* harmony export */   MIN_WIDTH_OR_HEIGHT: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.MIN_WIDTH_OR_HEIGHT),\n/* harmony export */   MIN_ZOOM: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.MIN_ZOOM),\n/* harmony export */   MQ_MAX_HEIGHT_LANDSCAPE: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.MQ_MAX_HEIGHT_LANDSCAPE),\n/* harmony export */   MQ_MAX_WIDTH_LANDSCAPE: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.MQ_MAX_WIDTH_LANDSCAPE),\n/* harmony export */   MQ_MAX_WIDTH_PORTRAIT: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.MQ_MAX_WIDTH_PORTRAIT),\n/* harmony export */   MQ_RIGHT_SIDEBAR_MIN_WIDTH: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.MQ_RIGHT_SIDEBAR_MIN_WIDTH),\n/* harmony export */   ORIG_ID: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.ORIG_ID),\n/* harmony export */   POINTER_BUTTON: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.POINTER_BUTTON),\n/* harmony export */   POINTER_EVENTS: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.POINTER_EVENTS),\n/* harmony export */   PRECEDING_ELEMENT_KEY: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.PRECEDING_ELEMENT_KEY),\n/* harmony export */   PromisePool: () => (/* reexport safe */ _promise_pool__WEBPACK_IMPORTED_MODULE_7__.PromisePool),\n/* harmony export */   Queue: () => (/* reexport safe */ _queue__WEBPACK_IMPORTED_MODULE_4__.Queue),\n/* harmony export */   ROUGHNESS: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.ROUGHNESS),\n/* harmony export */   ROUNDNESS: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.ROUNDNESS),\n/* harmony export */   SCROLL_TIMEOUT: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.SCROLL_TIMEOUT),\n/* harmony export */   SHIFT_LOCKING_ANGLE: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.SHIFT_LOCKING_ANGLE),\n/* harmony export */   SIDE_RESIZING_THRESHOLD: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.SIDE_RESIZING_THRESHOLD),\n/* harmony export */   STATS_PANELS: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.STATS_PANELS),\n/* harmony export */   STROKE_WIDTH: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.STROKE_WIDTH),\n/* harmony export */   SVG_DOCUMENT_PREAMBLE: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.SVG_DOCUMENT_PREAMBLE),\n/* harmony export */   SVG_NS: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.SVG_NS),\n/* harmony export */   TAP_TWICE_TIMEOUT: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.TAP_TWICE_TIMEOUT),\n/* harmony export */   TEXT_ALIGN: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.TEXT_ALIGN),\n/* harmony export */   TEXT_AUTOWRAP_THRESHOLD: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.TEXT_AUTOWRAP_THRESHOLD),\n/* harmony export */   TEXT_TO_CENTER_SNAP_THRESHOLD: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.TEXT_TO_CENTER_SNAP_THRESHOLD),\n/* harmony export */   THEME: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.THEME),\n/* harmony export */   THEME_FILTER: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.THEME_FILTER),\n/* harmony export */   TITLE_TIMEOUT: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.TITLE_TIMEOUT),\n/* harmony export */   TOOL_TYPE: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.TOOL_TYPE),\n/* harmony export */   TOUCH_CTX_MENU_TIMEOUT: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.TOUCH_CTX_MENU_TIMEOUT),\n/* harmony export */   URL_HASH_KEYS: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.URL_HASH_KEYS),\n/* harmony export */   URL_QUERY_KEYS: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.URL_QUERY_KEYS),\n/* harmony export */   UserIdleState: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.UserIdleState),\n/* harmony export */   VERSIONS: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.VERSIONS),\n/* harmony export */   VERSION_TIMEOUT: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.VERSION_TIMEOUT),\n/* harmony export */   VERTICAL_ALIGN: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.VERTICAL_ALIGN),\n/* harmony export */   WINDOWS_EMOJI_FALLBACK_FONT: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.WINDOWS_EMOJI_FALLBACK_FONT),\n/* harmony export */   YOUTUBE_STATES: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.YOUTUBE_STATES),\n/* harmony export */   ZOOM_STEP: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.ZOOM_STEP),\n/* harmony export */   addEventListener: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.addEventListener),\n/* harmony export */   allowFullScreen: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.allowFullScreen),\n/* harmony export */   arrayToList: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.arrayToList),\n/* harmony export */   arrayToMap: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.arrayToMap),\n/* harmony export */   arrayToMapWithIndex: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.arrayToMapWithIndex),\n/* harmony export */   arrayToObject: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.arrayToObject),\n/* harmony export */   assertNever: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.assertNever),\n/* harmony export */   bytesToHexString: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.bytesToHexString),\n/* harmony export */   capitalizeString: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.capitalizeString),\n/* harmony export */   castArray: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.castArray),\n/* harmony export */   chunk: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.chunk),\n/* harmony export */   cloneJSON: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.cloneJSON),\n/* harmony export */   composeEventHandlers: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.composeEventHandlers),\n/* harmony export */   debounce: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.debounce),\n/* harmony export */   distance: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.distance),\n/* harmony export */   easeOut: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.easeOut),\n/* harmony export */   easeToValuesRAF: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.easeToValuesRAF),\n/* harmony export */   elementCenterPoint: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.elementCenterPoint),\n/* harmony export */   escapeDoubleQuotes: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.escapeDoubleQuotes),\n/* harmony export */   exitFullScreen: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.exitFullScreen),\n/* harmony export */   findIndex: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.findIndex),\n/* harmony export */   findLastIndex: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.findLastIndex),\n/* harmony export */   focusNearestParent: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.focusNearestParent),\n/* harmony export */   getAllColorsSpecificShade: () => (/* reexport safe */ _colors__WEBPACK_IMPORTED_MODULE_1__.getAllColorsSpecificShade),\n/* harmony export */   getDateTime: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.getDateTime),\n/* harmony export */   getFontFamilyFallbacks: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.getFontFamilyFallbacks),\n/* harmony export */   getFontFamilyString: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.getFontFamilyString),\n/* harmony export */   getFontString: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.getFontString),\n/* harmony export */   getFrame: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.getFrame),\n/* harmony export */   getGlobalCSSVariable: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.getGlobalCSSVariable),\n/* harmony export */   getGridPoint: () => (/* reexport safe */ _points__WEBPACK_IMPORTED_MODULE_6__.getGridPoint),\n/* harmony export */   getLineHeight: () => (/* reexport safe */ _font_metadata__WEBPACK_IMPORTED_MODULE_3__.getLineHeight),\n/* harmony export */   getNearestScrollableContainer: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.getNearestScrollableContainer),\n/* harmony export */   getShortcutKey: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.getShortcutKey),\n/* harmony export */   getSizeFromPoints: () => (/* reexport safe */ _points__WEBPACK_IMPORTED_MODULE_6__.getSizeFromPoints),\n/* harmony export */   getSpecificColorShades: () => (/* reexport safe */ _colors__WEBPACK_IMPORTED_MODULE_1__.getSpecificColorShades),\n/* harmony export */   getSvgPathFromStroke: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.getSvgPathFromStroke),\n/* harmony export */   getUpdatedTimestamp: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.getUpdatedTimestamp),\n/* harmony export */   getVersion: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.getVersion),\n/* harmony export */   getVerticalOffset: () => (/* reexport safe */ _font_metadata__WEBPACK_IMPORTED_MODULE_3__.getVerticalOffset),\n/* harmony export */   invariant: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.invariant),\n/* harmony export */   isAndroid: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.isAndroid),\n/* harmony export */   isAnyTrue: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.isAnyTrue),\n/* harmony export */   isArrowKey: () => (/* reexport safe */ _keys__WEBPACK_IMPORTED_MODULE_5__.isArrowKey),\n/* harmony export */   isBindingFallthroughEnabled: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.isBindingFallthroughEnabled),\n/* harmony export */   isBrave: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.isBrave),\n/* harmony export */   isChrome: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.isChrome),\n/* harmony export */   isDarwin: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.isDarwin),\n/* harmony export */   isDevEnv: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.isDevEnv),\n/* harmony export */   isFirefox: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.isFirefox),\n/* harmony export */   isFullScreen: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.isFullScreen),\n/* harmony export */   isIOS: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.isIOS),\n/* harmony export */   isInputLike: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.isInputLike),\n/* harmony export */   isInteractive: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.isInteractive),\n/* harmony export */   isLatinChar: () => (/* reexport safe */ _keys__WEBPACK_IMPORTED_MODULE_5__.isLatinChar),\n/* harmony export */   isLocalLink: () => (/* reexport safe */ _url__WEBPACK_IMPORTED_MODULE_9__.isLocalLink),\n/* harmony export */   isMemberOf: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.isMemberOf),\n/* harmony export */   isPrimitive: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.isPrimitive),\n/* harmony export */   isProdEnv: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.isProdEnv),\n/* harmony export */   isPromiseLike: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.isPromiseLike),\n/* harmony export */   isRTL: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.isRTL),\n/* harmony export */   isRunningInIframe: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.isRunningInIframe),\n/* harmony export */   isSafari: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.isSafari),\n/* harmony export */   isServerEnv: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.isServerEnv),\n/* harmony export */   isShallowEqual: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.isShallowEqual),\n/* harmony export */   isTestEnv: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.isTestEnv),\n/* harmony export */   isToolIcon: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.isToolIcon),\n/* harmony export */   isTransparent: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.isTransparent),\n/* harmony export */   isWindows: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.isWindows),\n/* harmony export */   isWritableElement: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.isWritableElement),\n/* harmony export */   matchKey: () => (/* reexport safe */ _keys__WEBPACK_IMPORTED_MODULE_5__.matchKey),\n/* harmony export */   memoize: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.memoize),\n/* harmony export */   muteFSAbortError: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.muteFSAbortError),\n/* harmony export */   nFormatter: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.nFormatter),\n/* harmony export */   normalizeEOL: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.normalizeEOL),\n/* harmony export */   normalizeLink: () => (/* reexport safe */ _url__WEBPACK_IMPORTED_MODULE_9__.normalizeLink),\n/* harmony export */   obsidianId: () => (/* reexport safe */ _random__WEBPACK_IMPORTED_MODULE_8__.obsidianId),\n/* harmony export */   preventUnload: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.preventUnload),\n/* harmony export */   promiseTry: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.promiseTry),\n/* harmony export */   queryFocusableElements: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.queryFocusableElements),\n/* harmony export */   randomId: () => (/* reexport safe */ _random__WEBPACK_IMPORTED_MODULE_8__.randomId),\n/* harmony export */   randomInteger: () => (/* reexport safe */ _random__WEBPACK_IMPORTED_MODULE_8__.randomInteger),\n/* harmony export */   removeSelection: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.removeSelection),\n/* harmony export */   rescalePoints: () => (/* reexport safe */ _points__WEBPACK_IMPORTED_MODULE_6__.rescalePoints),\n/* harmony export */   reseed: () => (/* reexport safe */ _random__WEBPACK_IMPORTED_MODULE_8__.reseed),\n/* harmony export */   resolvablePromise: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.resolvablePromise),\n/* harmony export */   rgbToHex: () => (/* reexport safe */ _colors__WEBPACK_IMPORTED_MODULE_1__.rgbToHex),\n/* harmony export */   safelyParseJSON: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.safelyParseJSON),\n/* harmony export */   sceneCoordsToViewportCoords: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.sceneCoordsToViewportCoords),\n/* harmony export */   selectNode: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.selectNode),\n/* harmony export */   setDateTimeForTests: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.setDateTimeForTests),\n/* harmony export */   shouldMaintainAspectRatio: () => (/* reexport safe */ _keys__WEBPACK_IMPORTED_MODULE_5__.shouldMaintainAspectRatio),\n/* harmony export */   shouldResizeFromCenter: () => (/* reexport safe */ _keys__WEBPACK_IMPORTED_MODULE_5__.shouldResizeFromCenter),\n/* harmony export */   shouldRotateWithDiscreteAngle: () => (/* reexport safe */ _keys__WEBPACK_IMPORTED_MODULE_5__.shouldRotateWithDiscreteAngle),\n/* harmony export */   supportsEmoji: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.supportsEmoji),\n/* harmony export */   supportsResizeObserver: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.supportsResizeObserver),\n/* harmony export */   throttleRAF: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.throttleRAF),\n/* harmony export */   toBrandedType: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.toBrandedType),\n/* harmony export */   toValidURL: () => (/* reexport safe */ _url__WEBPACK_IMPORTED_MODULE_9__.toValidURL),\n/* harmony export */   tupleToCoors: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.tupleToCoors),\n/* harmony export */   updateActiveTool: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.updateActiveTool),\n/* harmony export */   updateObject: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.updateObject),\n/* harmony export */   updateStable: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.updateStable),\n/* harmony export */   viewportCoordsToSceneCoords: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.viewportCoordsToSceneCoords),\n/* harmony export */   wrapEvent: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.wrapEvent)\n/* harmony export */ });\n/* harmony import */ var _binary_heap__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./binary-heap */ \"../common/src/binary-heap.ts\");\n/* harmony import */ var _colors__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./colors */ \"../common/src/colors.ts\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./constants */ \"../common/src/constants.ts\");\n/* harmony import */ var _font_metadata__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./font-metadata */ \"../common/src/font-metadata.ts\");\n/* harmony import */ var _queue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./queue */ \"../common/src/queue.ts\");\n/* harmony import */ var _keys__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./keys */ \"../common/src/keys.ts\");\n/* harmony import */ var _points__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./points */ \"../common/src/points.ts\");\n/* harmony import */ var _promise_pool__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./promise-pool */ \"../common/src/promise-pool.ts\");\n/* harmony import */ var _random__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./random */ \"../common/src/random.ts\");\n/* harmony import */ var _url__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./url */ \"../common/src/url.ts\");\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./utils */ \"../common/src/utils.ts\");\n\n\n\n\n\n\n\n\n\n\n\n\n//# sourceURL=webpack://ExcalidrawLib/../common/src/index.ts?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   ACTIVE_THRESHOLD: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.ACTIVE_THRESHOLD),\n/* harmony export */   ALLOWED_PASTE_MIME_TYPES: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.ALLOWED_PASTE_MIME_TYPES),\n/* harmony export */   APP_NAME: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.APP_NAME),\n/* harmony export */   ARROW_LABEL_FONT_SIZE_TO_MIN_WIDTH_RATIO: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.ARROW_LABEL_FONT_SIZE_TO_MIN_WIDTH_RATIO),\n/* harmony export */   ARROW_LABEL_WIDTH_FRACTION: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.ARROW_LABEL_WIDTH_FRACTION),\n/* harmony export */   ARROW_TYPE: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.ARROW_TYPE),\n/* harmony export */   BOUND_TEXT_PADDING: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.BOUND_TEXT_PADDING),\n/* harmony export */   BinaryHeap: () => (/* reexport safe */ _binary_heap__WEBPACK_IMPORTED_MODULE_0__.BinaryHeap),\n/* harmony export */   CANVAS_ONLY_ACTIONS: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.CANVAS_ONLY_ACTIONS),\n/* harmony export */   CANVAS_PALETTE_SHADE_INDEXES: () => (/* reexport safe */ _colors__WEBPACK_IMPORTED_MODULE_1__.CANVAS_PALETTE_SHADE_INDEXES),\n/* harmony export */   CANVAS_SEARCH_TAB: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.CANVAS_SEARCH_TAB),\n/* harmony export */   CJK_HAND_DRAWN_FALLBACK_FONT: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.CJK_HAND_DRAWN_FALLBACK_FONT),\n/* harmony export */   CLASSES: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.CLASSES),\n/* harmony export */   CODES: () => (/* reexport safe */ _keys__WEBPACK_IMPORTED_MODULE_5__.CODES),\n/* harmony export */   COLORS_PER_ROW: () => (/* reexport safe */ _colors__WEBPACK_IMPORTED_MODULE_1__.COLORS_PER_ROW),\n/* harmony export */   COLOR_CHARCOAL_BLACK: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.COLOR_CHARCOAL_BLACK),\n/* harmony export */   COLOR_NAMES: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.COLOR_NAMES),\n/* harmony export */   COLOR_OUTLINE_CONTRAST_THRESHOLD: () => (/* reexport safe */ _colors__WEBPACK_IMPORTED_MODULE_1__.COLOR_OUTLINE_CONTRAST_THRESHOLD),\n/* harmony export */   COLOR_PALETTE: () => (/* reexport safe */ _colors__WEBPACK_IMPORTED_MODULE_1__.COLOR_PALETTE),\n/* harmony export */   COLOR_VOICE_CALL: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.COLOR_VOICE_CALL),\n/* harmony export */   COLOR_WHITE: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.COLOR_WHITE),\n/* harmony export */   CURSOR_TYPE: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.CURSOR_TYPE),\n/* harmony export */   DEFAULT_ADAPTIVE_RADIUS: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.DEFAULT_ADAPTIVE_RADIUS),\n/* harmony export */   DEFAULT_CANVAS_BACKGROUND_PICKS: () => (/* reexport safe */ _colors__WEBPACK_IMPORTED_MODULE_1__.DEFAULT_CANVAS_BACKGROUND_PICKS),\n/* harmony export */   DEFAULT_CHART_COLOR_INDEX: () => (/* reexport safe */ _colors__WEBPACK_IMPORTED_MODULE_1__.DEFAULT_CHART_COLOR_INDEX),\n/* harmony export */   DEFAULT_COLLISION_THRESHOLD: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.DEFAULT_COLLISION_THRESHOLD),\n/* harmony export */   DEFAULT_ELEMENT_BACKGROUND_COLOR_INDEX: () => (/* reexport safe */ _colors__WEBPACK_IMPORTED_MODULE_1__.DEFAULT_ELEMENT_BACKGROUND_COLOR_INDEX),\n/* harmony export */   DEFAULT_ELEMENT_BACKGROUND_COLOR_PALETTE: () => (/* reexport safe */ _colors__WEBPACK_IMPORTED_MODULE_1__.DEFAULT_ELEMENT_BACKGROUND_COLOR_PALETTE),\n/* harmony export */   DEFAULT_ELEMENT_BACKGROUND_PICKS: () => (/* reexport safe */ _colors__WEBPACK_IMPORTED_MODULE_1__.DEFAULT_ELEMENT_BACKGROUND_PICKS),\n/* harmony export */   DEFAULT_ELEMENT_PROPS: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.DEFAULT_ELEMENT_PROPS),\n/* harmony export */   DEFAULT_ELEMENT_STROKE_COLOR_INDEX: () => (/* reexport safe */ _colors__WEBPACK_IMPORTED_MODULE_1__.DEFAULT_ELEMENT_STROKE_COLOR_INDEX),\n/* harmony export */   DEFAULT_ELEMENT_STROKE_COLOR_PALETTE: () => (/* reexport safe */ _colors__WEBPACK_IMPORTED_MODULE_1__.DEFAULT_ELEMENT_STROKE_COLOR_PALETTE),\n/* harmony export */   DEFAULT_ELEMENT_STROKE_PICKS: () => (/* reexport safe */ _colors__WEBPACK_IMPORTED_MODULE_1__.DEFAULT_ELEMENT_STROKE_PICKS),\n/* harmony export */   DEFAULT_EXPORT_PADDING: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.DEFAULT_EXPORT_PADDING),\n/* harmony export */   DEFAULT_FILENAME: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.DEFAULT_FILENAME),\n/* harmony export */   DEFAULT_FONT_FAMILY: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.DEFAULT_FONT_FAMILY),\n/* harmony export */   DEFAULT_FONT_SIZE: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.DEFAULT_FONT_SIZE),\n/* harmony export */   DEFAULT_GRID_SIZE: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.DEFAULT_GRID_SIZE),\n/* harmony export */   DEFAULT_GRID_STEP: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.DEFAULT_GRID_STEP),\n/* harmony export */   DEFAULT_LASER_COLOR: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.DEFAULT_LASER_COLOR),\n/* harmony export */   DEFAULT_MAX_IMAGE_WIDTH_OR_HEIGHT: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.DEFAULT_MAX_IMAGE_WIDTH_OR_HEIGHT),\n/* harmony export */   DEFAULT_PROPORTIONAL_RADIUS: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.DEFAULT_PROPORTIONAL_RADIUS),\n/* harmony export */   DEFAULT_REDUCED_GLOBAL_ALPHA: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.DEFAULT_REDUCED_GLOBAL_ALPHA),\n/* harmony export */   DEFAULT_SIDEBAR: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.DEFAULT_SIDEBAR),\n/* harmony export */   DEFAULT_TEXT_ALIGN: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.DEFAULT_TEXT_ALIGN),\n/* harmony export */   DEFAULT_TRANSFORM_HANDLE_SPACING: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.DEFAULT_TRANSFORM_HANDLE_SPACING),\n/* harmony export */   DEFAULT_UI_OPTIONS: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.DEFAULT_UI_OPTIONS),\n/* harmony export */   DEFAULT_VERSION: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.DEFAULT_VERSION),\n/* harmony export */   DEFAULT_VERTICAL_ALIGN: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.DEFAULT_VERTICAL_ALIGN),\n/* harmony export */   DRAGGING_THRESHOLD: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.DRAGGING_THRESHOLD),\n/* harmony export */   EDITOR_LS_KEYS: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.EDITOR_LS_KEYS),\n/* harmony export */   ELEMENTS_PALETTE_SHADE_INDEXES: () => (/* reexport safe */ _colors__WEBPACK_IMPORTED_MODULE_1__.ELEMENTS_PALETTE_SHADE_INDEXES),\n/* harmony export */   ELEMENT_LINK_KEY: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.ELEMENT_LINK_KEY),\n/* harmony export */   ELEMENT_READY_TO_ERASE_OPACITY: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.ELEMENT_READY_TO_ERASE_OPACITY),\n/* harmony export */   ELEMENT_SHIFT_TRANSLATE_AMOUNT: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.ELEMENT_SHIFT_TRANSLATE_AMOUNT),\n/* harmony export */   ELEMENT_TRANSLATE_AMOUNT: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.ELEMENT_TRANSLATE_AMOUNT),\n/* harmony export */   ENCRYPTION_KEY_BITS: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.ENCRYPTION_KEY_BITS),\n/* harmony export */   ENV: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.ENV),\n/* harmony export */   EPSILON: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.EPSILON),\n/* harmony export */   EVENT: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.EVENT),\n/* harmony export */   EXPORT_DATA_TYPES: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.EXPORT_DATA_TYPES),\n/* harmony export */   EXPORT_IMAGE_TYPES: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.EXPORT_IMAGE_TYPES),\n/* harmony export */   EXPORT_SCALES: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.EXPORT_SCALES),\n/* harmony export */   EXPORT_SOURCE: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.EXPORT_SOURCE),\n/* harmony export */   FONT_FAMILY: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.FONT_FAMILY),\n/* harmony export */   FONT_FAMILY_FALLBACKS: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.FONT_FAMILY_FALLBACKS),\n/* harmony export */   FONT_METADATA: () => (/* reexport safe */ _font_metadata__WEBPACK_IMPORTED_MODULE_3__.FONT_METADATA),\n/* harmony export */   FRAME_STYLE: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.FRAME_STYLE),\n/* harmony export */   GOOGLE_FONTS_RANGES: () => (/* reexport safe */ _font_metadata__WEBPACK_IMPORTED_MODULE_3__.GOOGLE_FONTS_RANGES),\n/* harmony export */   HYPERLINK_TOOLTIP_DELAY: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.HYPERLINK_TOOLTIP_DELAY),\n/* harmony export */   IDLE_THRESHOLD: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.IDLE_THRESHOLD),\n/* harmony export */   IMAGE_MIME_TYPES: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.IMAGE_MIME_TYPES),\n/* harmony export */   IMAGE_RENDER_TIMEOUT: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.IMAGE_RENDER_TIMEOUT),\n/* harmony export */   KEYS: () => (/* reexport safe */ _keys__WEBPACK_IMPORTED_MODULE_5__.KEYS),\n/* harmony export */   KeyCodeMap: () => (/* reexport safe */ _keys__WEBPACK_IMPORTED_MODULE_5__.KeyCodeMap),\n/* harmony export */   LIBRARY_DISABLED_TYPES: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.LIBRARY_DISABLED_TYPES),\n/* harmony export */   LIBRARY_SIDEBAR_TAB: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.LIBRARY_SIDEBAR_TAB),\n/* harmony export */   LINE_CONFIRM_THRESHOLD: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.LINE_CONFIRM_THRESHOLD),\n/* harmony export */   LOCAL_FONT_PROTOCOL: () => (/* reexport safe */ _font_metadata__WEBPACK_IMPORTED_MODULE_3__.LOCAL_FONT_PROTOCOL),\n/* harmony export */   MAX_ALLOWED_FILE_BYTES: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.MAX_ALLOWED_FILE_BYTES),\n/* harmony export */   MAX_CUSTOM_COLORS_USED_IN_CANVAS: () => (/* reexport safe */ _colors__WEBPACK_IMPORTED_MODULE_1__.MAX_CUSTOM_COLORS_USED_IN_CANVAS),\n/* harmony export */   MAX_DECIMALS_FOR_SVG_EXPORT: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.MAX_DECIMALS_FOR_SVG_EXPORT),\n/* harmony export */   MAX_ZOOM: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.MAX_ZOOM),\n/* harmony export */   MIME_TYPES: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.MIME_TYPES),\n/* harmony export */   MIN_FONT_SIZE: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.MIN_FONT_SIZE),\n/* harmony export */   MIN_WIDTH_OR_HEIGHT: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.MIN_WIDTH_OR_HEIGHT),\n/* harmony export */   MIN_ZOOM: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.MIN_ZOOM),\n/* harmony export */   MQ_MAX_HEIGHT_LANDSCAPE: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.MQ_MAX_HEIGHT_LANDSCAPE),\n/* harmony export */   MQ_MAX_WIDTH_LANDSCAPE: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.MQ_MAX_WIDTH_LANDSCAPE),\n/* harmony export */   MQ_MAX_WIDTH_PORTRAIT: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.MQ_MAX_WIDTH_PORTRAIT),\n/* harmony export */   MQ_RIGHT_SIDEBAR_MIN_WIDTH: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.MQ_RIGHT_SIDEBAR_MIN_WIDTH),\n/* harmony export */   ORIG_ID: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.ORIG_ID),\n/* harmony export */   POINTER_BUTTON: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.POINTER_BUTTON),\n/* harmony export */   POINTER_EVENTS: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.POINTER_EVENTS),\n/* harmony export */   PRECEDING_ELEMENT_KEY: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.PRECEDING_ELEMENT_KEY),\n/* harmony export */   PromisePool: () => (/* reexport safe */ _promise_pool__WEBPACK_IMPORTED_MODULE_7__.PromisePool),\n/* harmony export */   Queue: () => (/* reexport safe */ _queue__WEBPACK_IMPORTED_MODULE_4__.Queue),\n/* harmony export */   ROUGHNESS: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.ROUGHNESS),\n/* harmony export */   ROUNDNESS: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.ROUNDNESS),\n/* harmony export */   SCROLL_TIMEOUT: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.SCROLL_TIMEOUT),\n/* harmony export */   SHIFT_LOCKING_ANGLE: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.SHIFT_LOCKING_ANGLE),\n/* harmony export */   SIDE_RESIZING_THRESHOLD: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.SIDE_RESIZING_THRESHOLD),\n/* harmony export */   STATS_PANELS: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.STATS_PANELS),\n/* harmony export */   STROKE_WIDTH: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.STROKE_WIDTH),\n/* harmony export */   SVG_DOCUMENT_PREAMBLE: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.SVG_DOCUMENT_PREAMBLE),\n/* harmony export */   SVG_NS: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.SVG_NS),\n/* harmony export */   TAP_TWICE_TIMEOUT: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.TAP_TWICE_TIMEOUT),\n/* harmony export */   TEXT_ALIGN: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.TEXT_ALIGN),\n/* harmony export */   TEXT_AUTOWRAP_THRESHOLD: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.TEXT_AUTOWRAP_THRESHOLD),\n/* harmony export */   TEXT_TO_CENTER_SNAP_THRESHOLD: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.TEXT_TO_CENTER_SNAP_THRESHOLD),\n/* harmony export */   THEME: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.THEME),\n/* harmony export */   THEME_FILTER: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.THEME_FILTER),\n/* harmony export */   TITLE_TIMEOUT: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.TITLE_TIMEOUT),\n/* harmony export */   TOOL_TYPE: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.TOOL_TYPE),\n/* harmony export */   TOUCH_CTX_MENU_TIMEOUT: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.TOUCH_CTX_MENU_TIMEOUT),\n/* harmony export */   URL_HASH_KEYS: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.URL_HASH_KEYS),\n/* harmony export */   URL_QUERY_KEYS: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.URL_QUERY_KEYS),\n/* harmony export */   UserIdleState: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.UserIdleState),\n/* harmony export */   VERSIONS: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.VERSIONS),\n/* harmony export */   VERSION_TIMEOUT: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.VERSION_TIMEOUT),\n/* harmony export */   VERTICAL_ALIGN: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.VERTICAL_ALIGN),\n/* harmony export */   WINDOWS_EMOJI_FALLBACK_FONT: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.WINDOWS_EMOJI_FALLBACK_FONT),\n/* harmony export */   YOUTUBE_STATES: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.YOUTUBE_STATES),\n/* harmony export */   ZOOM_STEP: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.ZOOM_STEP),\n/* harmony export */   addEventListener: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.addEventListener),\n/* harmony export */   allowFullScreen: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.allowFullScreen),\n/* harmony export */   arrayToList: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.arrayToList),\n/* harmony export */   arrayToMap: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.arrayToMap),\n/* harmony export */   arrayToMapWithIndex: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.arrayToMapWithIndex),\n/* harmony export */   arrayToObject: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.arrayToObject),\n/* harmony export */   assertNever: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.assertNever),\n/* harmony export */   bytesToHexString: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.bytesToHexString),\n/* harmony export */   capitalizeString: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.capitalizeString),\n/* harmony export */   castArray: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.castArray),\n/* harmony export */   chunk: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.chunk),\n/* harmony export */   cloneJSON: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.cloneJSON),\n/* harmony export */   composeEventHandlers: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.composeEventHandlers),\n/* harmony export */   debounce: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.debounce),\n/* harmony export */   distance: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.distance),\n/* harmony export */   easeOut: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.easeOut),\n/* harmony export */   easeToValuesRAF: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.easeToValuesRAF),\n/* harmony export */   elementCenterPoint: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.elementCenterPoint),\n/* harmony export */   escapeDoubleQuotes: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.escapeDoubleQuotes),\n/* harmony export */   exitFullScreen: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.exitFullScreen),\n/* harmony export */   findIndex: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.findIndex),\n/* harmony export */   findLastIndex: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.findLastIndex),\n/* harmony export */   focusNearestParent: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.focusNearestParent),\n/* harmony export */   getAllColorsSpecificShade: () => (/* reexport safe */ _colors__WEBPACK_IMPORTED_MODULE_1__.getAllColorsSpecificShade),\n/* harmony export */   getDateTime: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.getDateTime),\n/* harmony export */   getFontFamilyFallbacks: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.getFontFamilyFallbacks),\n/* harmony export */   getFontFamilyString: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.getFontFamilyString),\n/* harmony export */   getFontString: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.getFontString),\n/* harmony export */   getFrame: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.getFrame),\n/* harmony export */   getGlobalCSSVariable: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.getGlobalCSSVariable),\n/* harmony export */   getGridPoint: () => (/* reexport safe */ _points__WEBPACK_IMPORTED_MODULE_6__.getGridPoint),\n/* harmony export */   getLineHeight: () => (/* reexport safe */ _font_metadata__WEBPACK_IMPORTED_MODULE_3__.getLineHeight),\n/* harmony export */   getNearestScrollableContainer: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.getNearestScrollableContainer),\n/* harmony export */   getShortcutKey: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.getShortcutKey),\n/* harmony export */   getSizeFromPoints: () => (/* reexport safe */ _points__WEBPACK_IMPORTED_MODULE_6__.getSizeFromPoints),\n/* harmony export */   getSpecificColorShades: () => (/* reexport safe */ _colors__WEBPACK_IMPORTED_MODULE_1__.getSpecificColorShades),\n/* harmony export */   getSvgPathFromStroke: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.getSvgPathFromStroke),\n/* harmony export */   getUpdatedTimestamp: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.getUpdatedTimestamp),\n/* harmony export */   getVersion: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.getVersion),\n/* harmony export */   getVerticalOffset: () => (/* reexport safe */ _font_metadata__WEBPACK_IMPORTED_MODULE_3__.getVerticalOffset),\n/* harmony export */   invariant: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.invariant),\n/* harmony export */   isAndroid: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.isAndroid),\n/* harmony export */   isAnyTrue: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.isAnyTrue),\n/* harmony export */   isArrowKey: () => (/* reexport safe */ _keys__WEBPACK_IMPORTED_MODULE_5__.isArrowKey),\n/* harmony export */   isBindingFallthroughEnabled: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.isBindingFallthroughEnabled),\n/* harmony export */   isBrave: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.isBrave),\n/* harmony export */   isChrome: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.isChrome),\n/* harmony export */   isDarwin: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.isDarwin),\n/* harmony export */   isDevEnv: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.isDevEnv),\n/* harmony export */   isFirefox: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.isFirefox),\n/* harmony export */   isFullScreen: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.isFullScreen),\n/* harmony export */   isIOS: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.isIOS),\n/* harmony export */   isInputLike: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.isInputLike),\n/* harmony export */   isInteractive: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.isInteractive),\n/* harmony export */   isLatinChar: () => (/* reexport safe */ _keys__WEBPACK_IMPORTED_MODULE_5__.isLatinChar),\n/* harmony export */   isLocalLink: () => (/* reexport safe */ _url__WEBPACK_IMPORTED_MODULE_9__.isLocalLink),\n/* harmony export */   isMemberOf: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.isMemberOf),\n/* harmony export */   isPrimitive: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.isPrimitive),\n/* harmony export */   isProdEnv: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.isProdEnv),\n/* harmony export */   isPromiseLike: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.isPromiseLike),\n/* harmony export */   isRTL: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.isRTL),\n/* harmony export */   isReadonlyArray: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.isReadonlyArray),\n/* harmony export */   isRunningInIframe: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.isRunningInIframe),\n/* harmony export */   isSafari: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.isSafari),\n/* harmony export */   isServerEnv: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.isServerEnv),\n/* harmony export */   isShallowEqual: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.isShallowEqual),\n/* harmony export */   isTestEnv: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.isTestEnv),\n/* harmony export */   isToolIcon: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.isToolIcon),\n/* harmony export */   isTransparent: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.isTransparent),\n/* harmony export */   isWindows: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.isWindows),\n/* harmony export */   isWritableElement: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.isWritableElement),\n/* harmony export */   matchKey: () => (/* reexport safe */ _keys__WEBPACK_IMPORTED_MODULE_5__.matchKey),\n/* harmony export */   memoize: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.memoize),\n/* harmony export */   muteFSAbortError: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.muteFSAbortError),\n/* harmony export */   nFormatter: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.nFormatter),\n/* harmony export */   normalizeEOL: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.normalizeEOL),\n/* harmony export */   normalizeLink: () => (/* reexport safe */ _url__WEBPACK_IMPORTED_MODULE_9__.normalizeLink),\n/* harmony export */   obsidianId: () => (/* reexport safe */ _random__WEBPACK_IMPORTED_MODULE_8__.obsidianId),\n/* harmony export */   preventUnload: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.preventUnload),\n/* harmony export */   promiseTry: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.promiseTry),\n/* harmony export */   queryFocusableElements: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.queryFocusableElements),\n/* harmony export */   randomId: () => (/* reexport safe */ _random__WEBPACK_IMPORTED_MODULE_8__.randomId),\n/* harmony export */   randomInteger: () => (/* reexport safe */ _random__WEBPACK_IMPORTED_MODULE_8__.randomInteger),\n/* harmony export */   removeSelection: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.removeSelection),\n/* harmony export */   rescalePoints: () => (/* reexport safe */ _points__WEBPACK_IMPORTED_MODULE_6__.rescalePoints),\n/* harmony export */   reseed: () => (/* reexport safe */ _random__WEBPACK_IMPORTED_MODULE_8__.reseed),\n/* harmony export */   resolvablePromise: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.resolvablePromise),\n/* harmony export */   rgbToHex: () => (/* reexport safe */ _colors__WEBPACK_IMPORTED_MODULE_1__.rgbToHex),\n/* harmony export */   safelyParseJSON: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.safelyParseJSON),\n/* harmony export */   sceneCoordsToViewportCoords: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.sceneCoordsToViewportCoords),\n/* harmony export */   selectNode: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.selectNode),\n/* harmony export */   setDateTimeForTests: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.setDateTimeForTests),\n/* harmony export */   shouldMaintainAspectRatio: () => (/* reexport safe */ _keys__WEBPACK_IMPORTED_MODULE_5__.shouldMaintainAspectRatio),\n/* harmony export */   shouldResizeFromCenter: () => (/* reexport safe */ _keys__WEBPACK_IMPORTED_MODULE_5__.shouldResizeFromCenter),\n/* harmony export */   shouldRotateWithDiscreteAngle: () => (/* reexport safe */ _keys__WEBPACK_IMPORTED_MODULE_5__.shouldRotateWithDiscreteAngle),\n/* harmony export */   sizeOf: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.sizeOf),\n/* harmony export */   supportsEmoji: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.supportsEmoji),\n/* harmony export */   supportsResizeObserver: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.supportsResizeObserver),\n/* harmony export */   throttleRAF: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.throttleRAF),\n/* harmony export */   toBrandedType: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.toBrandedType),\n/* harmony export */   toValidURL: () => (/* reexport safe */ _url__WEBPACK_IMPORTED_MODULE_9__.toValidURL),\n/* harmony export */   tupleToCoors: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.tupleToCoors),\n/* harmony export */   updateActiveTool: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.updateActiveTool),\n/* harmony export */   updateObject: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.updateObject),\n/* harmony export */   updateStable: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.updateStable),\n/* harmony export */   viewportCoordsToSceneCoords: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.viewportCoordsToSceneCoords),\n/* harmony export */   wrapEvent: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.wrapEvent)\n/* harmony export */ });\n/* harmony import */ var _binary_heap__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./binary-heap */ \"../common/src/binary-heap.ts\");\n/* harmony import */ var _colors__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./colors */ \"../common/src/colors.ts\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./constants */ \"../common/src/constants.ts\");\n/* harmony import */ var _font_metadata__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./font-metadata */ \"../common/src/font-metadata.ts\");\n/* harmony import */ var _queue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./queue */ \"../common/src/queue.ts\");\n/* harmony import */ var _keys__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./keys */ \"../common/src/keys.ts\");\n/* harmony import */ var _points__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./points */ \"../common/src/points.ts\");\n/* harmony import */ var _promise_pool__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./promise-pool */ \"../common/src/promise-pool.ts\");\n/* harmony import */ var _random__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./random */ \"../common/src/random.ts\");\n/* harmony import */ var _url__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./url */ \"../common/src/url.ts\");\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./utils */ \"../common/src/utils.ts\");\n\n\n\n\n\n\n\n\n\n\n\n\n//# sourceURL=webpack://ExcalidrawLib/../common/src/index.ts?");
 /***/ }),
@@ -13025,7 +13025,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 */   elementCenterPoint: () => (/* binding */ elementCenterPoint),\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 */   getFontFamilyString: () => (/* binding */ getFontFamilyString),\n/* harmony export */   getFontString: () => (/* binding */ getFontString),\n/* harmony export */   getFrame: () => (/* binding */ getFrame),\n/* harmony export */   getGlobalCSSVariable: () => (/* binding */ getGlobalCSSVariable),\n/* harmony export */   getNearestScrollableContainer: () => (/* binding */ getNearestScrollableContainer),\n/* harmony export */   getShortcutKey: () => (/* binding */ getShortcutKey),\n/* harmony export */   getSvgPathFromStroke: () => (/* binding */ getSvgPathFromStroke),\n/* harmony export */   getUpdatedTimestamp: () => (/* binding */ getUpdatedTimestamp),\n/* harmony export */   getVersion: () => (/* binding */ getVersion),\n/* harmony export */   invariant: () => (/* binding */ invariant),\n/* harmony export */   isAnyTrue: () => (/* binding */ isAnyTrue),\n/* harmony export */   isBindingFallthroughEnabled: () => (/* binding */ isBindingFallthroughEnabled),\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 */   isRunningInIframe: () => (/* binding */ isRunningInIframe),\n/* harmony export */   isServerEnv: () => (/* binding */ isServerEnv),\n/* harmony export */   isShallowEqual: () => (/* binding */ isShallowEqual),\n/* harmony export */   isTestEnv: () => (/* binding */ isTestEnv),\n/* harmony export */   isToolIcon: () => (/* binding */ isToolIcon),\n/* harmony export */   isTransparent: () => (/* binding */ isTransparent),\n/* harmony export */   isWritableElement: () => (/* binding */ isWritableElement),\n/* harmony export */   memoize: () => (/* binding */ memoize),\n/* harmony export */   muteFSAbortError: () => (/* binding */ muteFSAbortError),\n/* harmony export */   nFormatter: () => (/* binding */ nFormatter),\n/* harmony export */   normalizeEOL: () => (/* binding */ normalizeEOL),\n/* harmony export */   preventUnload: () => (/* binding */ preventUnload),\n/* harmony export */   promiseTry: () => (/* binding */ promiseTry),\n/* harmony export */   queryFocusableElements: () => (/* binding */ queryFocusableElements),\n/* harmony export */   removeSelection: () => (/* binding */ removeSelection),\n/* harmony export */   resolvablePromise: () => (/* binding */ resolvablePromise),\n/* harmony export */   safelyParseJSON: () => (/* binding */ safelyParseJSON),\n/* harmony export */   sceneCoordsToViewportCoords: () => (/* binding */ sceneCoordsToViewportCoords),\n/* harmony export */   selectNode: () => (/* binding */ selectNode),\n/* harmony export */   setDateTimeForTests: () => (/* binding */ setDateTimeForTests),\n/* harmony export */   supportsEmoji: () => (/* binding */ supportsEmoji),\n/* harmony export */   throttleRAF: () => (/* binding */ throttleRAF),\n/* harmony export */   toBrandedType: () => (/* binding */ toBrandedType),\n/* harmony export */   tupleToCoors: () => (/* binding */ tupleToCoors),\n/* harmony export */   updateActiveTool: () => (/* binding */ updateActiveTool),\n/* harmony export */   updateObject: () => (/* binding */ updateObject),\n/* harmony export */   updateStable: () => (/* binding */ updateStable),\n/* harmony export */   viewportCoordsToSceneCoords: () => (/* binding */ viewportCoordsToSceneCoords),\n/* harmony export */   wrapEvent: () => (/* binding */ wrapEvent)\n/* harmony export */ });\n/* harmony import */ var _excalidraw_math__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @excalidraw/math */ \"../math/src/index.ts\");\n/* harmony import */ var _colors__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./colors */ \"../common/src/colors.ts\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./constants */ \"../common/src/constants.ts\");\n\n\n\nlet mockDateTime = null;\nconst setDateTimeForTests = dateTime => {\n  mockDateTime = dateTime;\n};\nconst getDateTime = () => {\n  if (mockDateTime) {\n    return mockDateTime;\n  }\n\n  const date = new Date();\n  const year = date.getFullYear();\n  const month = `${date.getMonth() + 1}`.padStart(2, \"0\");\n  const day = `${date.getDate()}`.padStart(2, \"0\");\n  const hr = `${date.getHours()}`.padStart(2, \"0\");\n  const min = `${date.getMinutes()}`.padStart(2, \"0\");\n  return `${year}-${month}-${day}-${hr}${min}`;\n};\nconst capitalizeString = str => str.charAt(0).toUpperCase() + str.slice(1);\nconst isToolIcon = target => target instanceof HTMLElement && target.className.includes(\"ToolIcon\");\nconst isInputLike = target => target instanceof HTMLElement && target.dataset.type === \"wysiwyg\" || target instanceof HTMLBRElement || // newline in wysiwyg\ntarget instanceof HTMLInputElement || target instanceof HTMLTextAreaElement || target instanceof HTMLSelectElement;\nconst isInteractive = target => {\n  return isInputLike(target) || target instanceof Element && !!target.closest(\"label, button\");\n};\nconst isWritableElement = target => target instanceof HTMLElement && target.dataset.type === \"wysiwyg\" || target instanceof HTMLBRElement || // newline in wysiwyg\ntarget instanceof HTMLTextAreaElement || target instanceof HTMLInputElement && (target.type === \"text\" || target.type === \"number\" || target.type === \"password\");\nconst getFontFamilyString = ({\n  fontFamily\n}) => {\n  for (const [fontFamilyString, id] of Object.entries(_constants__WEBPACK_IMPORTED_MODULE_2__.FONT_FAMILY)) {\n    if (id === fontFamily) {\n      // TODO: we should fallback first to generic family names first\n      return `${fontFamilyString}${(0,_constants__WEBPACK_IMPORTED_MODULE_2__.getFontFamilyFallbacks)(id).map(x => `, ${x}`).join(\"\")}`;\n    }\n  }\n\n  return _constants__WEBPACK_IMPORTED_MODULE_2__.WINDOWS_EMOJI_FALLBACK_FONT;\n};\n/** returns fontSize+fontFamily string for assignment to DOM elements */\n\nconst getFontString = ({\n  fontSize,\n  fontFamily\n}) => {\n  return `${fontSize}px ${getFontFamilyString({\n    fontFamily\n  })}`;\n};\nconst debounce = (fn, timeout) => {\n  let handle = 0;\n  let lastArgs = null;\n\n  const ret = (...args) => {\n    lastArgs = args;\n    clearTimeout(handle);\n    handle = window.setTimeout(() => {\n      lastArgs = null;\n      fn(...args);\n    }, timeout);\n  };\n\n  ret.flush = () => {\n    clearTimeout(handle);\n\n    if (lastArgs) {\n      const _lastArgs = lastArgs;\n      lastArgs = null;\n      fn(..._lastArgs);\n    }\n  };\n\n  ret.cancel = () => {\n    lastArgs = null;\n    clearTimeout(handle);\n  };\n\n  return ret;\n}; // throttle callback to execute once per animation frame\n\nconst throttleRAF = (fn, opts) => {\n  let timerId = null;\n  let lastArgs = null;\n  let lastArgsTrailing = null;\n\n  const scheduleFunc = args => {\n    timerId = window.requestAnimationFrame(() => {\n      timerId = null;\n      fn(...args);\n      lastArgs = null;\n\n      if (lastArgsTrailing) {\n        lastArgs = lastArgsTrailing;\n        lastArgsTrailing = null;\n        scheduleFunc(lastArgs);\n      }\n    });\n  };\n\n  const ret = (...args) => {\n    if (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/**\r\n * Exponential ease-out method\r\n *\r\n * @param {number} k - The value to be tweened.\r\n * @returns {number} The tweened value.\r\n */\n\nconst easeOut = k => {\n  return 1 - Math.pow(1 - k, 4);\n};\n\nconst easeOutInterpolate = (from, to, progress) => {\n  return (to - from) * easeOut(progress) + from;\n};\n/**\r\n * Animates values from `fromValues` to `toValues` using the requestAnimationFrame API.\r\n * Executes the `onStep` callback on each step with the interpolated values.\r\n * Returns a function that can be called to cancel the animation.\r\n *\r\n * @example\r\n * // Example usage:\r\n * const fromValues = { x: 0, y: 0 };\r\n * const toValues = { x: 100, y: 200 };\r\n * const onStep = ({x, y}) => {\r\n *   setState(x, y)\r\n * };\r\n * const onCancel = () => {\r\n *   console.log(\"Animation canceled\");\r\n * };\r\n *\r\n * const cancelAnimation = easeToValuesRAF({\r\n *   fromValues,\r\n *   toValues,\r\n *   onStep,\r\n *   onCancel,\r\n * });\r\n *\r\n * // To cancel the animation:\r\n * cancelAnimation();\r\n */\n\n\nconst easeToValuesRAF = ({\n  fromValues,\n  toValues,\n  onStep,\n  duration = 250,\n  interpolateValue,\n  onStart,\n  onEnd,\n  onCancel\n}) => {\n  let canceled = false;\n  let frameId = 0;\n  let startTime;\n\n  function step(timestamp) {\n    if (canceled) {\n      return;\n    }\n\n    if (startTime === undefined) {\n      startTime = timestamp;\n      onStart === null || onStart === void 0 ? void 0 : onStart();\n    }\n\n    const elapsed = Math.min(timestamp - startTime, duration);\n    const factor = easeOut(elapsed / duration);\n    const newValues = {};\n    Object.keys(fromValues).forEach(key => {\n      const _key = key;\n      const result = (toValues[_key] - fromValues[_key]) * factor + fromValues[_key];\n      newValues[_key] = result;\n    });\n    onStep(newValues);\n\n    if (elapsed < duration) {\n      const progress = elapsed / duration;\n      const newValues = {};\n      Object.keys(fromValues).forEach(key => {\n        const _key = key;\n        const startValue = fromValues[_key];\n        const endValue = toValues[_key];\n        let result;\n        result = interpolateValue ? interpolateValue(startValue, endValue, progress, _key) : easeOutInterpolate(startValue, endValue, progress);\n\n        if (result == null) {\n          result = easeOutInterpolate(startValue, endValue, progress);\n        }\n\n        newValues[_key] = result;\n      });\n      onStep(newValues);\n      frameId = window.requestAnimationFrame(step);\n    } else {\n      onStep(toValues);\n      onEnd === null || onEnd === void 0 ? void 0 : onEnd();\n    }\n  }\n\n  frameId = window.requestAnimationFrame(step);\n  return () => {\n    onCancel === null || onCancel === void 0 ? void 0 : onCancel();\n    canceled = true;\n    window.cancelAnimationFrame(frameId);\n  };\n}; // https://github.com/lodash/lodash/blob/es/chunk.js\n\nconst chunk = (array, size) => {\n  if (!array.length || size < 1) {\n    return [];\n  }\n\n  let index = 0;\n  let resIndex = 0;\n  const result = Array(Math.ceil(array.length / size));\n\n  while (index < array.length) {\n    result[resIndex++] = array.slice(index, index += size);\n  }\n\n  return result;\n};\nconst selectNode = node => {\n  const selection = window.getSelection();\n\n  if (selection) {\n    const range = document.createRange();\n    range.selectNodeContents(node);\n    selection.removeAllRanges();\n    selection.addRange(range);\n  }\n};\nconst removeSelection = () => {\n  const selection = window.getSelection();\n\n  if (selection) {\n    selection.removeAllRanges();\n  }\n};\nconst distance = (x, y) => Math.abs(x - y);\nconst updateActiveTool = (appState, data) => {\n  var _a, _b, _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 getShortcutKey = shortcut => {\n  shortcut = shortcut.replace(/\\bAlt\\b/i, \"Alt\").replace(/\\bShift\\b/i, \"Shift\").replace(/\\b(Enter|Return)\\b/i, \"Enter\");\n\n  if (_constants__WEBPACK_IMPORTED_MODULE_2__.isDarwin) {\n    return shortcut.replace(/\\bCtrlOrCmd\\b/gi, \"Cmd\").replace(/\\bAlt\\b/i, \"Option\");\n  }\n\n  return shortcut.replace(/\\bCtrlOrCmd\\b/gi, \"Ctrl\");\n};\nconst viewportCoordsToSceneCoords = ({\n  clientX,\n  clientY\n}, {\n  zoom,\n  offsetLeft,\n  offsetTop,\n  scrollX,\n  scrollY\n}) => {\n  const x = (clientX - offsetLeft) / zoom.value - scrollX;\n  const y = (clientY - offsetTop) / zoom.value - scrollY;\n  return {\n    x,\n    y\n  };\n};\nconst sceneCoordsToViewportCoords = ({\n  sceneX,\n  sceneY\n}, {\n  zoom,\n  offsetLeft,\n  offsetTop,\n  scrollX,\n  scrollY\n}) => {\n  const x = (sceneX + scrollX) * zoom.value + offsetLeft;\n  const y = (sceneY + scrollY) * zoom.value + offsetTop;\n  return {\n    x,\n    y\n  };\n};\nconst getGlobalCSSVariable = name => getComputedStyle(document.documentElement).getPropertyValue(`--${name}`);\nconst RS_LTR_CHARS = \"A-Za-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02B8\\u0300-\\u0590\\u0800-\\u1FFF\" + \"\\u2C00-\\uFB1C\\uFDFE-\\uFE6F\\uFEFD-\\uFFFF\";\nconst RS_RTL_CHARS = \"\\u0591-\\u07FF\\uFB1D-\\uFDFD\\uFE70-\\uFEFC\";\nconst RE_RTL_CHECK = new RegExp(`^[^${RS_LTR_CHARS}]*[${RS_RTL_CHARS}]`);\n/**\r\n * Checks whether first directional character is RTL. Meaning whether it starts\r\n *  with RTL characters, or indeterminate (numbers etc.) characters followed by\r\n *  RTL.\r\n * See https://github.com/excalidraw/excalidraw/pull/1722#discussion_r436340171\r\n */\n\nconst isRTL = text => RE_RTL_CHECK.test(text);\nconst tupleToCoors = xyTuple => {\n  const [x, y] = xyTuple;\n  return {\n    x,\n    y\n  };\n};\n/** use as a rejectionHandler to mute filesystem Abort errors */\n\nconst muteFSAbortError = error => {\n  if ((error === null || error === void 0 ? void 0 : error.name) === \"AbortError\") {\n    console.warn(error);\n    return;\n  }\n\n  throw error;\n};\nconst findIndex = (array, cb, fromIndex = 0) => {\n  if (fromIndex < 0) {\n    fromIndex = array.length + fromIndex;\n  }\n\n  fromIndex = Math.min(array.length, Math.max(fromIndex, 0));\n  let index = fromIndex - 1;\n\n  while (++index < array.length) {\n    if (cb(array[index], index, array)) {\n      return index;\n    }\n  }\n\n  return -1;\n};\nconst findLastIndex = (array, cb, fromIndex = array.length - 1) => {\n  if (fromIndex < 0) {\n    fromIndex = array.length + fromIndex;\n  }\n\n  fromIndex = Math.min(array.length - 1, Math.max(fromIndex, 0));\n  let index = fromIndex + 1;\n\n  while (--index > -1) {\n    if (cb(array[index], index, array)) {\n      return index;\n    }\n  }\n\n  return -1;\n};\nconst isTransparent = color => {\n  const isRGBTransparent = color.length === 5 && color.substr(4, 1) === \"0\";\n  const isRRGGBBTransparent = color.length === 9 && color.substr(7, 2) === \"00\";\n  return isRGBTransparent || isRRGGBBTransparent || color === _colors__WEBPACK_IMPORTED_MODULE_1__.COLOR_PALETTE.transparent;\n};\nconst isBindingFallthroughEnabled = el => el.fillStyle !== \"solid\" || isTransparent(el.backgroundColor);\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_2__.DEFAULT_VERSION;\n}; // Adapted from https://github.com/Modernizr/Modernizr/blob/master/feature-detects/emoji.js\n\nconst supportsEmoji = () => {\n  const canvas = document.createElement(\"canvas\");\n  const ctx = canvas.getContext(\"2d\");\n\n  if (!ctx) {\n    return false;\n  }\n\n  const offset = 12;\n  ctx.fillStyle = \"#f00\";\n  ctx.textBaseline = \"top\";\n  ctx.font = \"32px Arial\"; // Modernizr used 🐨, but it is sort of supported on Windows 7.\n  // Luckily 😀 isn't supported.\n\n  ctx.fillText(\"😀\", 0, 0);\n  return ctx.getImageData(offset, offset, 1, 1).data[0] !== 0;\n};\nconst getNearestScrollableContainer = element => {\n  let parent = element.parentElement;\n\n  while (parent) {\n    if (parent === document.body) {\n      return document;\n    }\n\n    const {\n      overflowY\n    } = window.getComputedStyle(parent);\n    const hasScrollableContent = parent.scrollHeight > parent.clientHeight;\n\n    if (hasScrollableContent && (overflowY === \"auto\" || overflowY === \"scroll\" || overflowY === \"overlay\")) {\n      return parent;\n    }\n\n    parent = parent.parentElement;\n  }\n\n  return document;\n};\nconst focusNearestParent = element => {\n  let parent = element.parentElement;\n\n  while (parent) {\n    if (parent.tabIndex > -1) {\n      parent.focus();\n      return;\n    }\n\n    parent = parent.parentElement;\n  }\n};\nconst preventUnload = event => {\n  event.preventDefault(); // NOTE: modern browsers no longer allow showing a custom message here\n\n  event.returnValue = \"\";\n};\nconst bytesToHexString = bytes => {\n  return Array.from(bytes).map(byte => `0${byte.toString(16)}`.slice(-2)).join(\"\");\n};\nconst getUpdatedTimestamp = () => isTestEnv() ? 1 : Date.now();\n/**\r\n * Transforms array of objects containing `id` attribute,\r\n * or array of ids (strings), into a Map, keyd by `id`.\r\n */\n\nconst arrayToMap = items => {\n  if (items instanceof Map) {\n    return items;\n  }\n\n  return items.reduce((acc, element) => {\n    acc.set(typeof element === \"string\" ? element : element.id, element);\n    return acc;\n  }, new Map());\n};\nconst arrayToMapWithIndex = elements => elements.reduce((acc, element, idx) => {\n  acc.set(element.id, [element, idx]);\n  return acc;\n}, new Map());\n/**\r\n * Transform array into an object, use only when array order is irrelevant.\r\n */\n\nconst arrayToObject = (array, groupBy) => array.reduce((acc, value) => {\n  acc[groupBy ? groupBy(value) : String(value)] = value;\n  return acc;\n}, {});\n/**\r\n * Creates a circular doubly linked list by adding `prev` and `next` props to the existing array nodes.\r\n */\n\nconst arrayToList = array => array.reduce((acc, curr, index) => {\n  const node = Object.assign(Object.assign({}, curr), {\n    prev: null,\n    next: null\n  }); // no-op for first item, we don't want circular references on a single item\n\n  if (index !== 0) {\n    const prevNode = acc[index - 1];\n    node.prev = prevNode;\n    prevNode.next = node;\n\n    if (index === array.length - 1) {\n      // make the references circular and connect head & tail\n      const firstNode = acc[0];\n      node.next = firstNode;\n      firstNode.prev = node;\n    }\n  }\n\n  acc.push(node);\n  return acc;\n}, []);\nconst isTestEnv = () => \"development\" === _constants__WEBPACK_IMPORTED_MODULE_2__.ENV.TEST;\nconst isDevEnv = () => \"development\" === _constants__WEBPACK_IMPORTED_MODULE_2__.ENV.DEVELOPMENT;\nconst isProdEnv = () => \"development\" === _constants__WEBPACK_IMPORTED_MODULE_2__.ENV.PRODUCTION;\nconst isServerEnv = () => {\n  var _a;\n\n  return typeof process !== \"undefined\" && !!((_a = process === null || process === void 0 ? void 0 : ({\"VITE_APP_BACKEND_V2_GET_URL\":\"https://json-dev.excalidraw.com/api/v2/\",\"VITE_APP_BACKEND_V2_POST_URL\":\"https://json-dev.excalidraw.com/api/v2/post/\",\"VITE_APP_LIBRARY_URL\":\"https://libraries.excalidraw.com\",\"VITE_APP_LIBRARY_BACKEND\":\"https://us-central1-excalidraw-room-persistence.cloudfunctions.net/libraries\",\"VITE_APP_WS_SERVER_URL\":\"http://localhost:3002\",\"VITE_APP_PLUS_LP\":\"https://plus.excalidraw.com\",\"VITE_APP_PLUS_APP\":\"http://localhost:3000\",\"VITE_APP_AI_BACKEND\":\"http://localhost:3015\",\"VITE_APP_FIREBASE_CONFIG\":\"{\\\"apiKey\\\":\\\"AIzaSyCMkxA60XIW8KbqMYL7edC4qT5l4qHX2h8\\\",\\\"authDomain\\\":\\\"excalidraw-oss-dev.firebaseapp.com\\\",\\\"projectId\\\":\\\"excalidraw-oss-dev\\\",\\\"storageBucket\\\":\\\"excalidraw-oss-dev.appspot.com\\\",\\\"messagingSenderId\\\":\\\"664559512677\\\",\\\"appId\\\":\\\"1:664559512677:web:a385181f2928d328a7aa8c\\\"}\",\"VITE_APP_DEV_DISABLE_LIVE_RELOAD\":\"\",\"VITE_APP_ENABLE_TRACKING\":\"true\",\"FAST_REFRESH\":\"false\",\"VITE_APP_PORT\":\"3000\",\"VITE_APP_DEBUG_ENABLE_TEXT_CONTAINER_BOUNDING_BOX\":\"\",\"VITE_APP_COLLAPSE_OVERLAY\":\"true\",\"VITE_APP_ENABLE_ESLINT\":\"true\",\"VITE_APP_ENABLE_PWA\":\"false\",\"VITE_APP_PLUS_EXPORT_PUBLIC_KEY\":\"MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAm2g5T+Rub6Kbf1Mf57t0\\n7r2zeHuVg4dla3r5ryXMswtzz6x767octl6oLThn33mQsPSy3GKglFZoCTXJR4ij\\nba8SxB04sL/N8eRrKja7TFWjCVtRwTTfyy771NYYNFVJclkxHyE5qw4m27crHF1y\\nUNWEjuqNMi/lwAErS9fFa2oJlWyT8U7zzv/5kQREkxZI6y9v0AF3qcbsy2731FnD\\ns9ChJvOUW9toIab2gsIdrKW8ZNpu084ZFVKb6LNjvIXI1Se4oMTHeszXzNptzlot\\nkdxxjOoaQMAyfljFSot1F1FlU6MQlag7UnFGvFjRHN1JI5q4K+n3a67DX+TMyRqS\\nHQIDAQAB\",\"VITE_APP_DISABLE_PREVENT_UNLOAD\":\"\",\"VITE_PKG_NAME\":\"@zsviczian/excalidraw\",\"VITE_PKG_VERSION\":\"0.18.0-6\",\"VITE_IS_EXCALIDRAW_NPM_PACKAGE\":true})) === null || _a === void 0 ? void 0 : _a.NODE_ENV);\n};\nconst wrapEvent = (name, nativeEvent) => {\n  return new CustomEvent(name, {\n    detail: {\n      nativeEvent\n    },\n    cancelable: true\n  });\n};\nconst updateObject = (obj, updates) => {\n  let didChange = false;\n\n  for (const key in updates) {\n    const value = updates[key];\n\n    if (typeof value !== \"undefined\") {\n      if (obj[key] === value && ( // if object, always update because its attrs could have changed\n      typeof value !== \"object\" || value === null)) {\n        continue;\n      }\n\n      didChange = true;\n    }\n  }\n\n  if (!didChange) {\n    return obj;\n  }\n\n  return Object.assign(Object.assign({}, obj), updates);\n};\nconst isPrimitive = val => {\n  const type = typeof val;\n  return val == null || type !== \"object\" && type !== \"function\";\n};\nconst getFrame = () => {\n  try {\n    return window.self === window.top ? \"top\" : \"iframe\";\n  } catch (error) {\n    return \"iframe\";\n  }\n};\nconst isRunningInIframe = () => getFrame() === \"iframe\";\nconst isPromiseLike = value => {\n  return !!value && typeof value === \"object\" && \"then\" in value && \"catch\" in value && \"finally\" in value;\n};\nconst queryFocusableElements = container => {\n  const focusableElements = container === null || container === void 0 ? void 0 : container.querySelectorAll(\"button, a, input, select, textarea, div[tabindex], label[tabindex]\");\n  return focusableElements ? Array.from(focusableElements).filter(element => element.tabIndex > -1 && !element.disabled) : [];\n};\n/** use as a fallback after identity check (for perf reasons) */\n\nconst _defaultIsShallowComparatorFallback = (a, b) => {\n  // consider two empty arrays equal\n  if (Array.isArray(a) && Array.isArray(b) && a.length === 0 && b.length === 0) {\n    return true;\n  }\n\n  return a === b;\n};\n/**\r\n * Returns whether object/array is shallow equal.\r\n * Considers empty object/arrays as equal (whether top-level or second-level).\r\n */\n\n\nconst isShallowEqual = (objA, objB, comparators, debug = false) => {\n  const aKeys = Object.keys(objA);\n  const bKeys = Object.keys(objB);\n\n  if (aKeys.length !== bKeys.length) {\n    if (debug) {\n      console.warn(`%cisShallowEqual: objects don't have same properties ->`, \"color: #8B4000\", objA, objB);\n    }\n\n    return false;\n  }\n\n  if (comparators && Array.isArray(comparators)) {\n    for (const key of comparators) {\n      const ret = objA[key] === objB[key] || _defaultIsShallowComparatorFallback(objA[key], objB[key]);\n\n      if (!ret) {\n        if (debug) {\n          console.warn(`%cisShallowEqual: ${key} not equal ->`, \"color: #8B4000\", objA[key], objB[key]);\n        }\n\n        return false;\n      }\n    }\n\n    return true;\n  }\n\n  return aKeys.every(key => {\n    const comparator = comparators === null || comparators === void 0 ? void 0 : comparators[key];\n    const ret = comparator ? comparator(objA[key], objB[key]) : objA[key] === objB[key] || _defaultIsShallowComparatorFallback(objA[key], objB[key]);\n\n    if (!ret && debug) {\n      console.warn(`%cisShallowEqual: ${key} not equal ->`, \"color: #8B4000\", objA[key], objB[key]);\n    }\n\n    return ret;\n  });\n}; // taken from Radix UI\n// https://github.com/radix-ui/primitives/blob/main/packages/core/primitive/src/primitive.tsx\n\nconst composeEventHandlers = (originalEventHandler, ourEventHandler, {\n  checkForDefaultPrevented = true\n} = {}) => {\n  return function handleEvent(event) {\n    originalEventHandler === null || originalEventHandler === void 0 ? void 0 : originalEventHandler(event);\n\n    if (!checkForDefaultPrevented || !(event === null || event === void 0 ? void 0 : event.defaultPrevented)) {\n      return ourEventHandler === null || ourEventHandler === void 0 ? void 0 : ourEventHandler(event);\n    }\n  };\n};\n/**\r\n * supply `null` as message if non-never value is valid, you just need to\r\n * typecheck against it\r\n */\n\nconst assertNever = (value, message, softAssert) => {\n  if (!message) {\n    return value;\n  }\n\n  if (softAssert) {\n    console.error(message);\n    return value;\n  }\n\n  throw new Error(message);\n};\nfunction invariant(condition, message) {\n  if (!condition) {\n    throw new Error(message);\n  }\n}\n/**\r\n * Memoizes on values of `opts` object (strict equality).\r\n */\n\nconst memoize = func => {\n  let lastArgs;\n  let lastResult;\n\n  const ret = function (opts) {\n    const currentArgs = Object.entries(opts);\n\n    if (lastArgs) {\n      let argsAreEqual = true;\n\n      for (const [key, value] of currentArgs) {\n        if (lastArgs.get(key) !== value) {\n          argsAreEqual = false;\n          break;\n        }\n      }\n\n      if (argsAreEqual) {\n        return lastResult;\n      }\n    }\n\n    const result = func(opts);\n    lastArgs = new Map(currentArgs);\n    lastResult = result;\n    return result;\n  };\n\n  ret.clear = () => {\n    lastArgs = undefined;\n    lastResult = undefined;\n  };\n\n  return ret;\n};\n/** Checks if value is inside given collection. Useful for type-safety. */\n\nconst isMemberOf = (\n/** Set/Map/Array/Object */\ncollection,\n/** value to look for */\nvalue) => {\n  return collection instanceof Set || collection instanceof Map ? collection.has(value) : \"includes\" in collection ? collection.includes(value) : collection.hasOwnProperty(value);\n};\nconst cloneJSON = obj => JSON.parse(JSON.stringify(obj));\nconst updateStable = (prevValue, nextValue) => {\n  if (isShallowEqual(prevValue, nextValue)) {\n    return prevValue;\n  }\n\n  return nextValue;\n}; // implem\n\nfunction addEventListener(\n/**\r\n * allows for falsy values so you don't have to type check when adding\r\n * event listeners to optional elements\r\n */\ntarget, type, listener, options) {\n  var _a;\n\n  if (!target) {\n    return () => {};\n  }\n\n  (_a = target === null || target === void 0 ? void 0 : target.addEventListener) === null || _a === void 0 ? void 0 : _a.call(target, type, listener, options);\n  return () => {\n    var _a;\n\n    (_a = target === null || target === void 0 ? void 0 : target.removeEventListener) === null || _a === void 0 ? void 0 : _a.call(target, type, listener, options);\n  };\n}\nfunction getSvgPathFromStroke(points, closed = true) {\n  const len = points.length;\n\n  if (len < 4) {\n    return ``;\n  }\n\n  let a = points[0];\n  let b = points[1];\n  const c = points[2];\n  let result = `M${a[0].toFixed(2)},${a[1].toFixed(2)} Q${b[0].toFixed(2)},${b[1].toFixed(2)} ${(0,_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};\n/**\r\n * Makes type into a branded type, ensuring that value is assignable to\r\n * the base ubranded type. Optionally you can explicitly supply current value\r\n * type to combine both (useful for composite branded types. Make sure you\r\n * compose branded types which are not composite themselves.)\r\n */\n\nconst toBrandedType = value => {\n  return value;\n}; // -----------------------------------------------------------------------------\n// Promise.try, adapted from https://github.com/sindresorhus/p-try\n\nconst promiseTry = async (fn, ...args) => {\n  return new Promise(resolve => {\n    resolve(fn(...args));\n  });\n};\nconst isAnyTrue = (...args) => Math.max(...args.map(arg => arg ? 1 : 0)) > 0;\nconst safelyParseJSON = json => {\n  try {\n    return JSON.parse(json);\n  } catch (_a) {\n    return null;\n  }\n};\n/**\r\n * use when you need to render unsafe string as HTML attribute, but MAKE SURE\r\n * the attribute is double-quoted when constructing the HTML string\r\n */\n\nconst escapeDoubleQuotes = str => {\n  return str.replace(/\"/g, \"&quot;\");\n};\nconst castArray = value => Array.isArray(value) ? value : [value];\nconst elementCenterPoint = (element, xOffset = 0, yOffset = 0) => {\n  const {\n    x,\n    y,\n    width,\n    height\n  } = element;\n  const centerXPoint = x + width / 2 + xOffset;\n  const centerYPoint = y + height / 2 + yOffset;\n  return (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointFrom)(centerXPoint, centerYPoint);\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 */   elementCenterPoint: () => (/* binding */ elementCenterPoint),\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 */   getFontFamilyString: () => (/* binding */ getFontFamilyString),\n/* harmony export */   getFontString: () => (/* binding */ getFontString),\n/* harmony export */   getFrame: () => (/* binding */ getFrame),\n/* harmony export */   getGlobalCSSVariable: () => (/* binding */ getGlobalCSSVariable),\n/* harmony export */   getNearestScrollableContainer: () => (/* binding */ getNearestScrollableContainer),\n/* harmony export */   getShortcutKey: () => (/* binding */ getShortcutKey),\n/* harmony export */   getSvgPathFromStroke: () => (/* binding */ getSvgPathFromStroke),\n/* harmony export */   getUpdatedTimestamp: () => (/* binding */ getUpdatedTimestamp),\n/* harmony export */   getVersion: () => (/* binding */ getVersion),\n/* harmony export */   invariant: () => (/* binding */ invariant),\n/* harmony export */   isAnyTrue: () => (/* binding */ isAnyTrue),\n/* harmony export */   isBindingFallthroughEnabled: () => (/* binding */ isBindingFallthroughEnabled),\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 */   isServerEnv: () => (/* binding */ isServerEnv),\n/* harmony export */   isShallowEqual: () => (/* binding */ isShallowEqual),\n/* harmony export */   isTestEnv: () => (/* binding */ isTestEnv),\n/* harmony export */   isToolIcon: () => (/* binding */ isToolIcon),\n/* harmony export */   isTransparent: () => (/* binding */ isTransparent),\n/* harmony export */   isWritableElement: () => (/* binding */ isWritableElement),\n/* harmony export */   memoize: () => (/* binding */ memoize),\n/* harmony export */   muteFSAbortError: () => (/* binding */ muteFSAbortError),\n/* harmony export */   nFormatter: () => (/* binding */ nFormatter),\n/* harmony export */   normalizeEOL: () => (/* binding */ normalizeEOL),\n/* harmony export */   preventUnload: () => (/* binding */ preventUnload),\n/* harmony export */   promiseTry: () => (/* binding */ promiseTry),\n/* harmony export */   queryFocusableElements: () => (/* binding */ queryFocusableElements),\n/* harmony export */   removeSelection: () => (/* binding */ removeSelection),\n/* harmony export */   resolvablePromise: () => (/* binding */ resolvablePromise),\n/* harmony export */   safelyParseJSON: () => (/* binding */ safelyParseJSON),\n/* harmony export */   sceneCoordsToViewportCoords: () => (/* binding */ sceneCoordsToViewportCoords),\n/* harmony export */   selectNode: () => (/* binding */ selectNode),\n/* harmony export */   setDateTimeForTests: () => (/* binding */ setDateTimeForTests),\n/* harmony export */   sizeOf: () => (/* binding */ sizeOf),\n/* harmony export */   supportsEmoji: () => (/* binding */ supportsEmoji),\n/* harmony export */   throttleRAF: () => (/* binding */ throttleRAF),\n/* harmony export */   toBrandedType: () => (/* binding */ toBrandedType),\n/* harmony export */   tupleToCoors: () => (/* binding */ tupleToCoors),\n/* harmony export */   updateActiveTool: () => (/* binding */ updateActiveTool),\n/* harmony export */   updateObject: () => (/* binding */ updateObject),\n/* harmony export */   updateStable: () => (/* binding */ updateStable),\n/* harmony export */   viewportCoordsToSceneCoords: () => (/* binding */ viewportCoordsToSceneCoords),\n/* harmony export */   wrapEvent: () => (/* binding */ wrapEvent)\n/* harmony export */ });\n/* harmony import */ var _excalidraw_math__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @excalidraw/math */ \"../math/src/index.ts\");\n/* harmony import */ var _colors__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./colors */ \"../common/src/colors.ts\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./constants */ \"../common/src/constants.ts\");\n\n\n\nlet mockDateTime = null;\nconst setDateTimeForTests = dateTime => {\n  mockDateTime = dateTime;\n};\nconst getDateTime = () => {\n  if (mockDateTime) {\n    return mockDateTime;\n  }\n\n  const date = new Date();\n  const year = date.getFullYear();\n  const month = `${date.getMonth() + 1}`.padStart(2, \"0\");\n  const day = `${date.getDate()}`.padStart(2, \"0\");\n  const hr = `${date.getHours()}`.padStart(2, \"0\");\n  const min = `${date.getMinutes()}`.padStart(2, \"0\");\n  return `${year}-${month}-${day}-${hr}${min}`;\n};\nconst capitalizeString = str => str.charAt(0).toUpperCase() + str.slice(1);\nconst isToolIcon = target => target instanceof HTMLElement && target.className.includes(\"ToolIcon\");\nconst isInputLike = target => target instanceof HTMLElement && target.dataset.type === \"wysiwyg\" || target instanceof HTMLBRElement || // newline in wysiwyg\ntarget instanceof HTMLInputElement || target instanceof HTMLTextAreaElement || target instanceof HTMLSelectElement;\nconst isInteractive = target => {\n  return isInputLike(target) || target instanceof Element && !!target.closest(\"label, button\");\n};\nconst isWritableElement = target => target instanceof HTMLElement && target.dataset.type === \"wysiwyg\" || target instanceof HTMLBRElement || // newline in wysiwyg\ntarget instanceof HTMLTextAreaElement || target instanceof HTMLInputElement && (target.type === \"text\" || target.type === \"number\" || target.type === \"password\");\nconst getFontFamilyString = ({\n  fontFamily\n}) => {\n  for (const [fontFamilyString, id] of Object.entries(_constants__WEBPACK_IMPORTED_MODULE_2__.FONT_FAMILY)) {\n    if (id === fontFamily) {\n      // TODO: we should fallback first to generic family names first\n      return `${fontFamilyString}${(0,_constants__WEBPACK_IMPORTED_MODULE_2__.getFontFamilyFallbacks)(id).map(x => `, ${x}`).join(\"\")}`;\n    }\n  }\n\n  return _constants__WEBPACK_IMPORTED_MODULE_2__.WINDOWS_EMOJI_FALLBACK_FONT;\n};\n/** returns fontSize+fontFamily string for assignment to DOM elements */\n\nconst getFontString = ({\n  fontSize,\n  fontFamily\n}) => {\n  return `${fontSize}px ${getFontFamilyString({\n    fontFamily\n  })}`;\n};\nconst debounce = (fn, timeout) => {\n  let handle = 0;\n  let lastArgs = null;\n\n  const ret = (...args) => {\n    lastArgs = args;\n    clearTimeout(handle);\n    handle = window.setTimeout(() => {\n      lastArgs = null;\n      fn(...args);\n    }, timeout);\n  };\n\n  ret.flush = () => {\n    clearTimeout(handle);\n\n    if (lastArgs) {\n      const _lastArgs = lastArgs;\n      lastArgs = null;\n      fn(..._lastArgs);\n    }\n  };\n\n  ret.cancel = () => {\n    lastArgs = null;\n    clearTimeout(handle);\n  };\n\n  return ret;\n}; // throttle callback to execute once per animation frame\n\nconst throttleRAF = (fn, opts) => {\n  let timerId = null;\n  let lastArgs = null;\n  let lastArgsTrailing = null;\n\n  const scheduleFunc = args => {\n    timerId = window.requestAnimationFrame(() => {\n      timerId = null;\n      fn(...args);\n      lastArgs = null;\n\n      if (lastArgsTrailing) {\n        lastArgs = lastArgsTrailing;\n        lastArgsTrailing = null;\n        scheduleFunc(lastArgs);\n      }\n    });\n  };\n\n  const ret = (...args) => {\n    if (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/**\r\n * Exponential ease-out method\r\n *\r\n * @param {number} k - The value to be tweened.\r\n * @returns {number} The tweened value.\r\n */\n\nconst easeOut = k => {\n  return 1 - Math.pow(1 - k, 4);\n};\n\nconst easeOutInterpolate = (from, to, progress) => {\n  return (to - from) * easeOut(progress) + from;\n};\n/**\r\n * Animates values from `fromValues` to `toValues` using the requestAnimationFrame API.\r\n * Executes the `onStep` callback on each step with the interpolated values.\r\n * Returns a function that can be called to cancel the animation.\r\n *\r\n * @example\r\n * // Example usage:\r\n * const fromValues = { x: 0, y: 0 };\r\n * const toValues = { x: 100, y: 200 };\r\n * const onStep = ({x, y}) => {\r\n *   setState(x, y)\r\n * };\r\n * const onCancel = () => {\r\n *   console.log(\"Animation canceled\");\r\n * };\r\n *\r\n * const cancelAnimation = easeToValuesRAF({\r\n *   fromValues,\r\n *   toValues,\r\n *   onStep,\r\n *   onCancel,\r\n * });\r\n *\r\n * // To cancel the animation:\r\n * cancelAnimation();\r\n */\n\n\nconst easeToValuesRAF = ({\n  fromValues,\n  toValues,\n  onStep,\n  duration = 250,\n  interpolateValue,\n  onStart,\n  onEnd,\n  onCancel\n}) => {\n  let canceled = false;\n  let frameId = 0;\n  let startTime;\n\n  function step(timestamp) {\n    if (canceled) {\n      return;\n    }\n\n    if (startTime === undefined) {\n      startTime = timestamp;\n      onStart === null || onStart === void 0 ? void 0 : onStart();\n    }\n\n    const elapsed = Math.min(timestamp - startTime, duration);\n    const factor = easeOut(elapsed / duration);\n    const newValues = {};\n    Object.keys(fromValues).forEach(key => {\n      const _key = key;\n      const result = (toValues[_key] - fromValues[_key]) * factor + fromValues[_key];\n      newValues[_key] = result;\n    });\n    onStep(newValues);\n\n    if (elapsed < duration) {\n      const progress = elapsed / duration;\n      const newValues = {};\n      Object.keys(fromValues).forEach(key => {\n        const _key = key;\n        const startValue = fromValues[_key];\n        const endValue = toValues[_key];\n        let result;\n        result = interpolateValue ? interpolateValue(startValue, endValue, progress, _key) : easeOutInterpolate(startValue, endValue, progress);\n\n        if (result == null) {\n          result = easeOutInterpolate(startValue, endValue, progress);\n        }\n\n        newValues[_key] = result;\n      });\n      onStep(newValues);\n      frameId = window.requestAnimationFrame(step);\n    } else {\n      onStep(toValues);\n      onEnd === null || onEnd === void 0 ? void 0 : onEnd();\n    }\n  }\n\n  frameId = window.requestAnimationFrame(step);\n  return () => {\n    onCancel === null || onCancel === void 0 ? void 0 : onCancel();\n    canceled = true;\n    window.cancelAnimationFrame(frameId);\n  };\n}; // https://github.com/lodash/lodash/blob/es/chunk.js\n\nconst chunk = (array, size) => {\n  if (!array.length || size < 1) {\n    return [];\n  }\n\n  let index = 0;\n  let resIndex = 0;\n  const result = Array(Math.ceil(array.length / size));\n\n  while (index < array.length) {\n    result[resIndex++] = array.slice(index, index += size);\n  }\n\n  return result;\n};\nconst selectNode = node => {\n  const selection = window.getSelection();\n\n  if (selection) {\n    const range = document.createRange();\n    range.selectNodeContents(node);\n    selection.removeAllRanges();\n    selection.addRange(range);\n  }\n};\nconst removeSelection = () => {\n  const selection = window.getSelection();\n\n  if (selection) {\n    selection.removeAllRanges();\n  }\n};\nconst distance = (x, y) => Math.abs(x - y);\nconst updateActiveTool = (appState, data) => {\n  var _a, _b, _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 getShortcutKey = shortcut => {\n  shortcut = shortcut.replace(/\\bAlt\\b/i, \"Alt\").replace(/\\bShift\\b/i, \"Shift\").replace(/\\b(Enter|Return)\\b/i, \"Enter\");\n\n  if (_constants__WEBPACK_IMPORTED_MODULE_2__.isDarwin) {\n    return shortcut.replace(/\\bCtrlOrCmd\\b/gi, \"Cmd\").replace(/\\bAlt\\b/i, \"Option\");\n  }\n\n  return shortcut.replace(/\\bCtrlOrCmd\\b/gi, \"Ctrl\");\n};\nconst viewportCoordsToSceneCoords = ({\n  clientX,\n  clientY\n}, {\n  zoom,\n  offsetLeft,\n  offsetTop,\n  scrollX,\n  scrollY\n}) => {\n  const x = (clientX - offsetLeft) / zoom.value - scrollX;\n  const y = (clientY - offsetTop) / zoom.value - scrollY;\n  return {\n    x,\n    y\n  };\n};\nconst sceneCoordsToViewportCoords = ({\n  sceneX,\n  sceneY\n}, {\n  zoom,\n  offsetLeft,\n  offsetTop,\n  scrollX,\n  scrollY\n}) => {\n  const x = (sceneX + scrollX) * zoom.value + offsetLeft;\n  const y = (sceneY + scrollY) * zoom.value + offsetTop;\n  return {\n    x,\n    y\n  };\n};\nconst getGlobalCSSVariable = name => getComputedStyle(document.documentElement).getPropertyValue(`--${name}`);\nconst RS_LTR_CHARS = \"A-Za-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02B8\\u0300-\\u0590\\u0800-\\u1FFF\" + \"\\u2C00-\\uFB1C\\uFDFE-\\uFE6F\\uFEFD-\\uFFFF\";\nconst RS_RTL_CHARS = \"\\u0591-\\u07FF\\uFB1D-\\uFDFD\\uFE70-\\uFEFC\";\nconst RE_RTL_CHECK = new RegExp(`^[^${RS_LTR_CHARS}]*[${RS_RTL_CHARS}]`);\n/**\r\n * Checks whether first directional character is RTL. Meaning whether it starts\r\n *  with RTL characters, or indeterminate (numbers etc.) characters followed by\r\n *  RTL.\r\n * See https://github.com/excalidraw/excalidraw/pull/1722#discussion_r436340171\r\n */\n\nconst isRTL = text => RE_RTL_CHECK.test(text);\nconst tupleToCoors = xyTuple => {\n  const [x, y] = xyTuple;\n  return {\n    x,\n    y\n  };\n};\n/** use as a rejectionHandler to mute filesystem Abort errors */\n\nconst muteFSAbortError = error => {\n  if ((error === null || error === void 0 ? void 0 : error.name) === \"AbortError\") {\n    console.warn(error);\n    return;\n  }\n\n  throw error;\n};\nconst findIndex = (array, cb, fromIndex = 0) => {\n  if (fromIndex < 0) {\n    fromIndex = array.length + fromIndex;\n  }\n\n  fromIndex = Math.min(array.length, Math.max(fromIndex, 0));\n  let index = fromIndex - 1;\n\n  while (++index < array.length) {\n    if (cb(array[index], index, array)) {\n      return index;\n    }\n  }\n\n  return -1;\n};\nconst findLastIndex = (array, cb, fromIndex = array.length - 1) => {\n  if (fromIndex < 0) {\n    fromIndex = array.length + fromIndex;\n  }\n\n  fromIndex = Math.min(array.length - 1, Math.max(fromIndex, 0));\n  let index = fromIndex + 1;\n\n  while (--index > -1) {\n    if (cb(array[index], index, array)) {\n      return index;\n    }\n  }\n\n  return -1;\n};\nconst isTransparent = color => {\n  const isRGBTransparent = color.length === 5 && color.substr(4, 1) === \"0\";\n  const isRRGGBBTransparent = color.length === 9 && color.substr(7, 2) === \"00\";\n  return isRGBTransparent || isRRGGBBTransparent || color === _colors__WEBPACK_IMPORTED_MODULE_1__.COLOR_PALETTE.transparent;\n};\nconst isBindingFallthroughEnabled = el => el.fillStyle !== \"solid\" || isTransparent(el.backgroundColor);\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_2__.DEFAULT_VERSION;\n}; // Adapted from https://github.com/Modernizr/Modernizr/blob/master/feature-detects/emoji.js\n\nconst supportsEmoji = () => {\n  const canvas = document.createElement(\"canvas\");\n  const ctx = canvas.getContext(\"2d\");\n\n  if (!ctx) {\n    return false;\n  }\n\n  const offset = 12;\n  ctx.fillStyle = \"#f00\";\n  ctx.textBaseline = \"top\";\n  ctx.font = \"32px Arial\"; // Modernizr used 🐨, but it is sort of supported on Windows 7.\n  // Luckily 😀 isn't supported.\n\n  ctx.fillText(\"😀\", 0, 0);\n  return ctx.getImageData(offset, offset, 1, 1).data[0] !== 0;\n};\nconst getNearestScrollableContainer = element => {\n  let parent = element.parentElement;\n\n  while (parent) {\n    if (parent === document.body) {\n      return document;\n    }\n\n    const {\n      overflowY\n    } = window.getComputedStyle(parent);\n    const hasScrollableContent = parent.scrollHeight > parent.clientHeight;\n\n    if (hasScrollableContent && (overflowY === \"auto\" || overflowY === \"scroll\" || overflowY === \"overlay\")) {\n      return parent;\n    }\n\n    parent = parent.parentElement;\n  }\n\n  return document;\n};\nconst focusNearestParent = element => {\n  let parent = element.parentElement;\n\n  while (parent) {\n    if (parent.tabIndex > -1) {\n      parent.focus();\n      return;\n    }\n\n    parent = parent.parentElement;\n  }\n};\nconst preventUnload = event => {\n  event.preventDefault(); // NOTE: modern browsers no longer allow showing a custom message here\n\n  event.returnValue = \"\";\n};\nconst bytesToHexString = bytes => {\n  return Array.from(bytes).map(byte => `0${byte.toString(16)}`.slice(-2)).join(\"\");\n};\nconst getUpdatedTimestamp = () => isTestEnv() ? 1 : Date.now();\n/**\r\n * Transforms array of objects containing `id` attribute,\r\n * or array of ids (strings), into a Map, keyd by `id`.\r\n */\n\nconst arrayToMap = items => {\n  if (items instanceof Map) {\n    return items;\n  }\n\n  return items.reduce((acc, element) => {\n    acc.set(typeof element === \"string\" ? element : element.id, element);\n    return acc;\n  }, new Map());\n};\nconst arrayToMapWithIndex = elements => elements.reduce((acc, element, idx) => {\n  acc.set(element.id, [element, idx]);\n  return acc;\n}, new Map());\n/**\r\n * Transform array into an object, use only when array order is irrelevant.\r\n */\n\nconst arrayToObject = (array, groupBy) => array.reduce((acc, value) => {\n  acc[groupBy ? groupBy(value) : String(value)] = value;\n  return acc;\n}, {});\n/**\r\n * Creates a circular doubly linked list by adding `prev` and `next` props to the existing array nodes.\r\n */\n\nconst arrayToList = array => array.reduce((acc, curr, index) => {\n  const node = Object.assign(Object.assign({}, curr), {\n    prev: null,\n    next: null\n  }); // no-op for first item, we don't want circular references on a single item\n\n  if (index !== 0) {\n    const prevNode = acc[index - 1];\n    node.prev = prevNode;\n    prevNode.next = node;\n\n    if (index === array.length - 1) {\n      // make the references circular and connect head & tail\n      const firstNode = acc[0];\n      node.next = firstNode;\n      firstNode.prev = node;\n    }\n  }\n\n  acc.push(node);\n  return acc;\n}, []);\nconst isTestEnv = () => \"development\" === _constants__WEBPACK_IMPORTED_MODULE_2__.ENV.TEST;\nconst isDevEnv = () => \"development\" === _constants__WEBPACK_IMPORTED_MODULE_2__.ENV.DEVELOPMENT;\nconst isProdEnv = () => \"development\" === _constants__WEBPACK_IMPORTED_MODULE_2__.ENV.PRODUCTION;\nconst isServerEnv = () => {\n  var _a;\n\n  return typeof process !== \"undefined\" && !!((_a = process === null || process === void 0 ? void 0 : ({\"VITE_APP_BACKEND_V2_GET_URL\":\"https://json-dev.excalidraw.com/api/v2/\",\"VITE_APP_BACKEND_V2_POST_URL\":\"https://json-dev.excalidraw.com/api/v2/post/\",\"VITE_APP_LIBRARY_URL\":\"https://libraries.excalidraw.com\",\"VITE_APP_LIBRARY_BACKEND\":\"https://us-central1-excalidraw-room-persistence.cloudfunctions.net/libraries\",\"VITE_APP_WS_SERVER_URL\":\"http://localhost:3002\",\"VITE_APP_PLUS_LP\":\"https://plus.excalidraw.com\",\"VITE_APP_PLUS_APP\":\"http://localhost:3000\",\"VITE_APP_AI_BACKEND\":\"http://localhost:3015\",\"VITE_APP_FIREBASE_CONFIG\":\"{\\\"apiKey\\\":\\\"AIzaSyCMkxA60XIW8KbqMYL7edC4qT5l4qHX2h8\\\",\\\"authDomain\\\":\\\"excalidraw-oss-dev.firebaseapp.com\\\",\\\"projectId\\\":\\\"excalidraw-oss-dev\\\",\\\"storageBucket\\\":\\\"excalidraw-oss-dev.appspot.com\\\",\\\"messagingSenderId\\\":\\\"664559512677\\\",\\\"appId\\\":\\\"1:664559512677:web:a385181f2928d328a7aa8c\\\"}\",\"VITE_APP_DEV_DISABLE_LIVE_RELOAD\":\"\",\"VITE_APP_ENABLE_TRACKING\":\"true\",\"FAST_REFRESH\":\"false\",\"VITE_APP_PORT\":\"3000\",\"VITE_APP_DEBUG_ENABLE_TEXT_CONTAINER_BOUNDING_BOX\":\"\",\"VITE_APP_COLLAPSE_OVERLAY\":\"true\",\"VITE_APP_ENABLE_ESLINT\":\"true\",\"VITE_APP_ENABLE_PWA\":\"false\",\"VITE_APP_PLUS_EXPORT_PUBLIC_KEY\":\"MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAm2g5T+Rub6Kbf1Mf57t0\\n7r2zeHuVg4dla3r5ryXMswtzz6x767octl6oLThn33mQsPSy3GKglFZoCTXJR4ij\\nba8SxB04sL/N8eRrKja7TFWjCVtRwTTfyy771NYYNFVJclkxHyE5qw4m27crHF1y\\nUNWEjuqNMi/lwAErS9fFa2oJlWyT8U7zzv/5kQREkxZI6y9v0AF3qcbsy2731FnD\\ns9ChJvOUW9toIab2gsIdrKW8ZNpu084ZFVKb6LNjvIXI1Se4oMTHeszXzNptzlot\\nkdxxjOoaQMAyfljFSot1F1FlU6MQlag7UnFGvFjRHN1JI5q4K+n3a67DX+TMyRqS\\nHQIDAQAB\",\"VITE_APP_DISABLE_PREVENT_UNLOAD\":\"\",\"VITE_PKG_NAME\":\"@zsviczian/excalidraw\",\"VITE_PKG_VERSION\":\"0.18.0-9\",\"VITE_IS_EXCALIDRAW_NPM_PACKAGE\":true})) === null || _a === void 0 ? void 0 : _a.NODE_ENV);\n};\nconst wrapEvent = (name, nativeEvent) => {\n  return new CustomEvent(name, {\n    detail: {\n      nativeEvent\n    },\n    cancelable: true\n  });\n};\nconst updateObject = (obj, updates) => {\n  let didChange = false;\n\n  for (const key in updates) {\n    const value = updates[key];\n\n    if (typeof value !== \"undefined\") {\n      if (obj[key] === value && ( // if object, always update because its attrs could have changed\n      typeof value !== \"object\" || value === null)) {\n        continue;\n      }\n\n      didChange = true;\n    }\n  }\n\n  if (!didChange) {\n    return obj;\n  }\n\n  return Object.assign(Object.assign({}, obj), updates);\n};\nconst isPrimitive = val => {\n  const type = typeof val;\n  return val == null || type !== \"object\" && type !== \"function\";\n};\nconst getFrame = () => {\n  try {\n    return window.self === window.top ? \"top\" : \"iframe\";\n  } catch (error) {\n    return \"iframe\";\n  }\n};\nconst isRunningInIframe = () => getFrame() === \"iframe\";\nconst isPromiseLike = value => {\n  return !!value && typeof value === \"object\" && \"then\" in value && \"catch\" in value && \"finally\" in value;\n};\nconst queryFocusableElements = container => {\n  const focusableElements = container === null || container === void 0 ? void 0 : container.querySelectorAll(\"button, a, input, select, textarea, div[tabindex], label[tabindex]\");\n  return focusableElements ? Array.from(focusableElements).filter(element => element.tabIndex > -1 && !element.disabled) : [];\n};\n/** use as a fallback after identity check (for perf reasons) */\n\nconst _defaultIsShallowComparatorFallback = (a, b) => {\n  // consider two empty arrays equal\n  if (Array.isArray(a) && Array.isArray(b) && a.length === 0 && b.length === 0) {\n    return true;\n  }\n\n  return a === b;\n};\n/**\r\n * Returns whether object/array is shallow equal.\r\n * Considers empty object/arrays as equal (whether top-level or second-level).\r\n */\n\n\nconst isShallowEqual = (objA, objB, comparators, debug = false) => {\n  const aKeys = Object.keys(objA);\n  const bKeys = Object.keys(objB);\n\n  if (aKeys.length !== bKeys.length) {\n    if (debug) {\n      console.warn(`%cisShallowEqual: objects don't have same properties ->`, \"color: #8B4000\", objA, objB);\n    }\n\n    return false;\n  }\n\n  if (comparators && Array.isArray(comparators)) {\n    for (const key of comparators) {\n      const ret = objA[key] === objB[key] || _defaultIsShallowComparatorFallback(objA[key], objB[key]);\n\n      if (!ret) {\n        if (debug) {\n          console.warn(`%cisShallowEqual: ${key} not equal ->`, \"color: #8B4000\", objA[key], objB[key]);\n        }\n\n        return false;\n      }\n    }\n\n    return true;\n  }\n\n  return aKeys.every(key => {\n    const comparator = comparators === null || comparators === void 0 ? void 0 : comparators[key];\n    const ret = comparator ? comparator(objA[key], objB[key]) : objA[key] === objB[key] || _defaultIsShallowComparatorFallback(objA[key], objB[key]);\n\n    if (!ret && debug) {\n      console.warn(`%cisShallowEqual: ${key} not equal ->`, \"color: #8B4000\", objA[key], objB[key]);\n    }\n\n    return ret;\n  });\n}; // taken from Radix UI\n// https://github.com/radix-ui/primitives/blob/main/packages/core/primitive/src/primitive.tsx\n\nconst composeEventHandlers = (originalEventHandler, ourEventHandler, {\n  checkForDefaultPrevented = true\n} = {}) => {\n  return function handleEvent(event) {\n    originalEventHandler === null || originalEventHandler === void 0 ? void 0 : originalEventHandler(event);\n\n    if (!checkForDefaultPrevented || !(event === null || event === void 0 ? void 0 : event.defaultPrevented)) {\n      return ourEventHandler === null || ourEventHandler === void 0 ? void 0 : ourEventHandler(event);\n    }\n  };\n};\n/**\r\n * supply `null` as message if non-never value is valid, you just need to\r\n * typecheck against it\r\n */\n\nconst assertNever = (value, message, softAssert) => {\n  if (!message) {\n    return value;\n  }\n\n  if (softAssert) {\n    console.error(message);\n    return value;\n  }\n\n  throw new Error(message);\n};\nfunction invariant(condition, message) {\n  if (!condition) {\n    throw new Error(message);\n  }\n}\n/**\r\n * Memoizes on values of `opts` object (strict equality).\r\n */\n\nconst memoize = func => {\n  let lastArgs;\n  let lastResult;\n\n  const ret = function (opts) {\n    const currentArgs = Object.entries(opts);\n\n    if (lastArgs) {\n      let argsAreEqual = true;\n\n      for (const [key, value] of currentArgs) {\n        if (lastArgs.get(key) !== value) {\n          argsAreEqual = false;\n          break;\n        }\n      }\n\n      if (argsAreEqual) {\n        return lastResult;\n      }\n    }\n\n    const result = func(opts);\n    lastArgs = new Map(currentArgs);\n    lastResult = result;\n    return result;\n  };\n\n  ret.clear = () => {\n    lastArgs = undefined;\n    lastResult = undefined;\n  };\n\n  return ret;\n};\n/** Checks if value is inside given collection. Useful for type-safety. */\n\nconst isMemberOf = (\n/** Set/Map/Array/Object */\ncollection,\n/** value to look for */\nvalue) => {\n  return collection instanceof Set || collection instanceof Map ? collection.has(value) : \"includes\" in collection ? collection.includes(value) : collection.hasOwnProperty(value);\n};\nconst cloneJSON = obj => JSON.parse(JSON.stringify(obj));\nconst updateStable = (prevValue, nextValue) => {\n  if (isShallowEqual(prevValue, nextValue)) {\n    return prevValue;\n  }\n\n  return nextValue;\n}; // implem\n\nfunction addEventListener(\n/**\r\n * allows for falsy values so you don't have to type check when adding\r\n * event listeners to optional elements\r\n */\ntarget, type, listener, options) {\n  var _a;\n\n  if (!target) {\n    return () => {};\n  }\n\n  (_a = target === null || target === void 0 ? void 0 : target.addEventListener) === null || _a === void 0 ? void 0 : _a.call(target, type, listener, options);\n  return () => {\n    var _a;\n\n    (_a = target === null || target === void 0 ? void 0 : target.removeEventListener) === null || _a === void 0 ? void 0 : _a.call(target, type, listener, options);\n  };\n}\nfunction getSvgPathFromStroke(points, closed = true) {\n  const len = points.length;\n\n  if (len < 4) {\n    return ``;\n  }\n\n  let a = points[0];\n  let b = points[1];\n  const c = points[2];\n  let result = `M${a[0].toFixed(2)},${a[1].toFixed(2)} Q${b[0].toFixed(2)},${b[1].toFixed(2)} ${(0,_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};\n/**\r\n * Makes type into a branded type, ensuring that value is assignable to\r\n * the base ubranded type. Optionally you can explicitly supply current value\r\n * type to combine both (useful for composite branded types. Make sure you\r\n * compose branded types which are not composite themselves.)\r\n */\n\nconst toBrandedType = value => {\n  return value;\n}; // -----------------------------------------------------------------------------\n// Promise.try, adapted from https://github.com/sindresorhus/p-try\n\nconst promiseTry = async (fn, ...args) => {\n  return new Promise(resolve => {\n    resolve(fn(...args));\n  });\n};\nconst isAnyTrue = (...args) => Math.max(...args.map(arg => arg ? 1 : 0)) > 0;\nconst safelyParseJSON = json => {\n  try {\n    return JSON.parse(json);\n  } catch (_a) {\n    return null;\n  }\n};\n/**\r\n * use when you need to render unsafe string as HTML attribute, but MAKE SURE\r\n * the attribute is double-quoted when constructing the HTML string\r\n */\n\nconst escapeDoubleQuotes = str => {\n  return str.replace(/\"/g, \"&quot;\");\n};\nconst castArray = value => Array.isArray(value) ? value : [value];\nconst elementCenterPoint = (element, xOffset = 0, yOffset = 0) => {\n  const {\n    x,\n    y,\n    width,\n    height\n  } = element;\n  const centerXPoint = x + width / 2 + xOffset;\n  const centerYPoint = y + height / 2 + yOffset;\n  return (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointFrom)(centerXPoint, centerYPoint);\n};\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.size : Object.keys(value).length;\n};\n\n//# sourceURL=webpack://ExcalidrawLib/../common/src/utils.ts?");
 /***/ }),
@@ -13069,7 +13069,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   BINDING_HIGHLIGHT_OFFSET: () => (/* binding */ BINDING_HIGHLIGHT_OFFSET),\n/* harmony export */   BINDING_HIGHLIGHT_THICKNESS: () => (/* binding */ BINDING_HIGHLIGHT_THICKNESS),\n/* harmony export */   BindableElement: () => (/* binding */ BindableElement),\n/* harmony export */   BoundElement: () => (/* binding */ BoundElement),\n/* harmony export */   FIXED_BINDING_DISTANCE: () => (/* binding */ FIXED_BINDING_DISTANCE),\n/* harmony export */   avoidRectangularCorner: () => (/* binding */ avoidRectangularCorner),\n/* harmony export */   bindLinearElement: () => (/* binding */ bindLinearElement),\n/* harmony export */   bindOrUnbindLinearElement: () => (/* binding */ bindOrUnbindLinearElement),\n/* harmony export */   bindOrUnbindLinearElements: () => (/* binding */ bindOrUnbindLinearElements),\n/* harmony export */   bindPointToSnapToElementOutline: () => (/* binding */ bindPointToSnapToElementOutline),\n/* harmony export */   bindingBorderTest: () => (/* binding */ bindingBorderTest),\n/* harmony export */   bindingProperties: () => (/* binding */ bindingProperties),\n/* harmony export */   calculateFixedPointForElbowArrowBinding: () => (/* binding */ calculateFixedPointForElbowArrowBinding),\n/* harmony export */   determineFocusDistance: () => (/* binding */ determineFocusDistance),\n/* harmony export */   fixBindingsAfterDeletion: () => (/* binding */ fixBindingsAfterDeletion),\n/* harmony export */   fixDuplicatedBindingsAfterDuplication: () => (/* binding */ fixDuplicatedBindingsAfterDuplication),\n/* harmony export */   fixReversedBindings: () => (/* binding */ fixReversedBindings),\n/* harmony export */   getArrowLocalFixedPoints: () => (/* binding */ getArrowLocalFixedPoints),\n/* harmony export */   getGlobalFixedPointForBindableElement: () => (/* binding */ getGlobalFixedPointForBindableElement),\n/* harmony export */   getGlobalFixedPoints: () => (/* binding */ getGlobalFixedPoints),\n/* harmony export */   getHeadingForElbowArrowSnap: () => (/* binding */ getHeadingForElbowArrowSnap),\n/* harmony export */   getHoveredElementForBinding: () => (/* binding */ getHoveredElementForBinding),\n/* harmony export */   getSuggestedBindingsForArrows: () => (/* binding */ getSuggestedBindingsForArrows),\n/* harmony export */   isBindingEnabled: () => (/* binding */ isBindingEnabled),\n/* harmony export */   isLinearElementSimpleAndAlreadyBound: () => (/* binding */ isLinearElementSimpleAndAlreadyBound),\n/* harmony export */   maxBindingGap: () => (/* binding */ maxBindingGap),\n/* harmony export */   maybeBindLinearElement: () => (/* binding */ maybeBindLinearElement),\n/* harmony export */   normalizeFixedPoint: () => (/* binding */ normalizeFixedPoint),\n/* harmony export */   shouldEnableBindingForPointerEvent: () => (/* binding */ shouldEnableBindingForPointerEvent),\n/* harmony export */   snapToMid: () => (/* binding */ snapToMid),\n/* harmony export */   updateBoundElements: () => (/* binding */ updateBoundElements)\n/* harmony export */ });\n/* harmony import */ var _excalidraw_common__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @excalidraw/common */ \"../common/src/index.ts\");\n/* harmony import */ var _excalidraw_math__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @excalidraw/math */ \"../math/src/index.ts\");\n/* harmony import */ var _excalidraw_utils_collision__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @excalidraw/utils/collision */ \"../utils/src/collision.ts\");\n/* harmony import */ var _bounds__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./bounds */ \"../element/src/bounds.ts\");\n/* harmony import */ var _collision__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./collision */ \"../element/src/collision.ts\");\n/* harmony import */ var _distance__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./distance */ \"../element/src/distance.ts\");\n/* harmony import */ var _heading__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./heading */ \"../element/src/heading.ts\");\n/* harmony import */ var _linearElementEditor__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./linearElementEditor */ \"../element/src/linearElementEditor.ts\");\n/* harmony import */ var _mutateElement__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./mutateElement */ \"../element/src/mutateElement.ts\");\n/* harmony import */ var _textElement__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./textElement */ \"../element/src/textElement.ts\");\n/* harmony import */ var _typeChecks__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./typeChecks */ \"../element/src/typeChecks.ts\");\n/* harmony import */ var _shapes__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./shapes */ \"../element/src/shapes.ts\");\n/* harmony import */ var _elbowArrow__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./elbowArrow */ \"../element/src/elbowArrow.ts\");\n\n\n\n\n\n\n\n\n\n\n\n\n\nconst shouldEnableBindingForPointerEvent = event => {\n  return !event[_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.KEYS.CTRL_OR_CMD];\n};\nconst isBindingEnabled = appState => {\n  return appState.invertBindingBehaviour //zsviczian\n  ? !appState.isBindingEnabled : appState.isBindingEnabled;\n};\nconst FIXED_BINDING_DISTANCE = 5;\nconst BINDING_HIGHLIGHT_THICKNESS = 10;\nconst BINDING_HIGHLIGHT_OFFSET = 4;\n\nconst getNonDeletedElements = (scene, ids) => {\n  const result = [];\n  ids.forEach(id => {\n    const element = scene.getNonDeletedElement(id);\n\n    if (element != null) {\n      result.push(element);\n    }\n  });\n  return result;\n};\n\nconst bindOrUnbindLinearElement = (linearElement, startBindingElement, endBindingElement, elementsMap, scene) => {\n  const boundToElementIds = new Set();\n  const unboundFromElementIds = new Set();\n  bindOrUnbindLinearElementEdge(linearElement, startBindingElement, endBindingElement, \"start\", boundToElementIds, unboundFromElementIds, elementsMap);\n  bindOrUnbindLinearElementEdge(linearElement, endBindingElement, startBindingElement, \"end\", boundToElementIds, unboundFromElementIds, elementsMap);\n  const onlyUnbound = Array.from(unboundFromElementIds).filter(id => !boundToElementIds.has(id));\n  getNonDeletedElements(scene, onlyUnbound).forEach(element => {\n    var _a;\n\n    (0,_mutateElement__WEBPACK_IMPORTED_MODULE_8__.mutateElement)(element, {\n      boundElements: (_a = element.boundElements) === null || _a === void 0 ? void 0 : _a.filter(element => element.type !== \"arrow\" || element.id !== linearElement.id)\n    });\n  });\n};\n\nconst bindOrUnbindLinearElementEdge = (linearElement, bindableElement, otherEdgeBindableElement, startOrEnd, // Is mutated\nboundToElementIds, // Is mutated\nunboundFromElementIds, elementsMap) => {\n  // \"keep\" is for method chaining convenience, a \"no-op\", so just bail out\n  if (bindableElement === \"keep\") {\n    return;\n  } // null means break the bind, so nothing to consider here\n\n\n  if (bindableElement === null) {\n    const unbound = unbindLinearElement(linearElement, startOrEnd);\n\n    if (unbound != null) {\n      unboundFromElementIds.add(unbound);\n    }\n\n    return;\n  } // While complext arrows can do anything, simple arrow with both ends trying\n  // to bind to the same bindable should not be allowed, start binding takes\n  // precedence\n\n\n  if (isLinearElementSimple(linearElement)) {\n    if (otherEdgeBindableElement == null || (otherEdgeBindableElement === \"keep\" ? // TODO: Refactor - Needlessly complex\n    !isLinearElementSimpleAndAlreadyBoundOnOppositeEdge(linearElement, bindableElement, startOrEnd) : startOrEnd === \"start\" || otherEdgeBindableElement.id !== bindableElement.id)) {\n      bindLinearElement(linearElement, bindableElement, startOrEnd, elementsMap);\n      boundToElementIds.add(bindableElement.id);\n    }\n  } else {\n    bindLinearElement(linearElement, bindableElement, startOrEnd, elementsMap);\n    boundToElementIds.add(bindableElement.id);\n  }\n};\n\nconst getOriginalBindingIfStillCloseOfLinearElementEdge = (linearElement, edge, elementsMap, zoom) => {\n  var _a, _b;\n\n  const coors = getLinearElementEdgeCoors(linearElement, edge, elementsMap);\n  const elementId = edge === \"start\" ? (_a = linearElement.startBinding) === null || _a === void 0 ? void 0 : _a.elementId : (_b = linearElement.endBinding) === null || _b === void 0 ? void 0 : _b.elementId;\n\n  if (elementId) {\n    const element = elementsMap.get(elementId);\n\n    if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_10__.isBindableElement)(element) && bindingBorderTest(element, coors, elementsMap, zoom)) {\n      return element;\n    }\n  }\n\n  return null;\n};\n\nconst getOriginalBindingsIfStillCloseToArrowEnds = (linearElement, elementsMap, zoom) => [\"start\", \"end\"].map(edge => getOriginalBindingIfStillCloseOfLinearElementEdge(linearElement, edge, elementsMap, zoom));\n\nconst getBindingStrategyForDraggingArrowEndpoints = (selectedElement, isBindingEnabled, draggingPoints, elementsMap, elements, zoom) => {\n  const startIdx = 0;\n  const endIdx = selectedElement.points.length - 1;\n  const startDragged = draggingPoints.findIndex(i => i === startIdx) > -1;\n  const endDragged = draggingPoints.findIndex(i => i === endIdx) > -1;\n  const start = startDragged ? isBindingEnabled ? getElligibleElementForBindingElement(selectedElement, \"start\", elementsMap, elements, zoom) : null // If binding is disabled and start is dragged, break all binds\n  : !(0,_typeChecks__WEBPACK_IMPORTED_MODULE_10__.isElbowArrow)(selectedElement) ? // We have to update the focus and gap of the binding, so let's rebind\n  getElligibleElementForBindingElement(selectedElement, \"start\", elementsMap, elements, zoom) : \"keep\";\n  const end = endDragged ? isBindingEnabled ? getElligibleElementForBindingElement(selectedElement, \"end\", elementsMap, elements, zoom) : null // If binding is disabled and end is dragged, break all binds\n  : !(0,_typeChecks__WEBPACK_IMPORTED_MODULE_10__.isElbowArrow)(selectedElement) ? // We have to update the focus and gap of the binding, so let's rebind\n  getElligibleElementForBindingElement(selectedElement, \"end\", elementsMap, elements, zoom) : \"keep\";\n  return [start, end];\n};\n\nconst getBindingStrategyForDraggingArrowOrJoints = (selectedElement, elementsMap, elements, isBindingEnabled, zoom) => {\n  // Elbow arrows don't bind when dragged as a whole\n  if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_10__.isElbowArrow)(selectedElement)) {\n    return [\"keep\", \"keep\"];\n  }\n\n  const [startIsClose, endIsClose] = getOriginalBindingsIfStillCloseToArrowEnds(selectedElement, elementsMap, zoom);\n  const start = startIsClose ? isBindingEnabled ? getElligibleElementForBindingElement(selectedElement, \"start\", elementsMap, elements, zoom) : null : null;\n  const end = endIsClose ? isBindingEnabled ? getElligibleElementForBindingElement(selectedElement, \"end\", elementsMap, elements, zoom) : null : null;\n  return [start, end];\n};\n\nconst bindOrUnbindLinearElements = (selectedElements, elementsMap, elements, scene, isBindingEnabled, draggingPoints, zoom) => {\n  selectedElements.forEach(selectedElement => {\n    const [start, end] = (draggingPoints === null || draggingPoints === void 0 ? void 0 : draggingPoints.length) ? // The arrow edge points are dragged (i.e. start, end)\n    getBindingStrategyForDraggingArrowEndpoints(selectedElement, isBindingEnabled, draggingPoints !== null && draggingPoints !== void 0 ? draggingPoints : [], elementsMap, elements, zoom) : // The arrow itself (the shaft) or the inner joins are dragged\n    getBindingStrategyForDraggingArrowOrJoints(selectedElement, elementsMap, elements, isBindingEnabled, zoom);\n    bindOrUnbindLinearElement(selectedElement, start, end, elementsMap, scene);\n  });\n};\nconst getSuggestedBindingsForArrows = (selectedElements, elementsMap, zoom) => {\n  // HOT PATH: Bail out if selected elements list is too large\n  if (selectedElements.length > 50) {\n    return [];\n  }\n\n  return selectedElements.filter(_typeChecks__WEBPACK_IMPORTED_MODULE_10__.isLinearElement).flatMap(element => getOriginalBindingsIfStillCloseToArrowEnds(element, elementsMap, zoom)).filter(element => element !== null) // Filter out bind candidates which are in the\n  // same selection / group with the arrow\n  //\n  // TODO: Is it worth turning the list into a set to avoid dupes?\n  .filter(element => selectedElements.filter(selected => selected.id === (element === null || element === void 0 ? void 0 : element.id)).length === 0);\n};\nconst maybeBindLinearElement = (linearElement, appState, pointerCoords, elementsMap, elements) => {\n  if (appState.startBoundElement != null) {\n    bindLinearElement(linearElement, appState.startBoundElement, \"start\", elementsMap);\n  }\n\n  const hoveredElement = getHoveredElementForBinding(pointerCoords, elements, elementsMap, appState.zoom, (0,_typeChecks__WEBPACK_IMPORTED_MODULE_10__.isElbowArrow)(linearElement), (0,_typeChecks__WEBPACK_IMPORTED_MODULE_10__.isElbowArrow)(linearElement));\n\n  if (hoveredElement !== null) {\n    if (!isLinearElementSimpleAndAlreadyBoundOnOppositeEdge(linearElement, hoveredElement, \"end\")) {\n      bindLinearElement(linearElement, hoveredElement, \"end\", elementsMap);\n    }\n  }\n};\n\nconst normalizePointBinding = (binding, hoveredElement) => {\n  let gap = binding.gap;\n  const maxGap = maxBindingGap(hoveredElement, hoveredElement.width, hoveredElement.height);\n\n  if (gap > maxGap) {\n    gap = BINDING_HIGHLIGHT_THICKNESS + BINDING_HIGHLIGHT_OFFSET;\n  }\n\n  return Object.assign(Object.assign({}, binding), {\n    gap\n  });\n};\n\nconst bindLinearElement = (linearElement, hoveredElement, startOrEnd, elementsMap) => {\n  if (!(0,_typeChecks__WEBPACK_IMPORTED_MODULE_10__.isArrowElement)(linearElement)) {\n    return;\n  }\n\n  let binding = Object.assign({\n    elementId: hoveredElement.id\n  }, normalizePointBinding(calculateFocusAndGap(linearElement, hoveredElement, startOrEnd, elementsMap), hoveredElement));\n\n  if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_10__.isElbowArrow)(linearElement)) {\n    binding = Object.assign(Object.assign({}, binding), calculateFixedPointForElbowArrowBinding(linearElement, hoveredElement, startOrEnd, elementsMap));\n  }\n\n  (0,_mutateElement__WEBPACK_IMPORTED_MODULE_8__.mutateElement)(linearElement, {\n    [startOrEnd === \"start\" ? \"startBinding\" : \"endBinding\"]: binding\n  });\n  const boundElementsMap = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.arrayToMap)(hoveredElement.boundElements || []);\n\n  if (!boundElementsMap.has(linearElement.id)) {\n    (0,_mutateElement__WEBPACK_IMPORTED_MODULE_8__.mutateElement)(hoveredElement, {\n      boundElements: (hoveredElement.boundElements || []).concat({\n        id: linearElement.id,\n        type: \"arrow\"\n      })\n    });\n  }\n}; // Don't bind both ends of a simple segment\n\nconst isLinearElementSimpleAndAlreadyBoundOnOppositeEdge = (linearElement, bindableElement, startOrEnd) => {\n  const otherBinding = linearElement[startOrEnd === \"start\" ? \"endBinding\" : \"startBinding\"];\n  return isLinearElementSimpleAndAlreadyBound(linearElement, otherBinding === null || otherBinding === void 0 ? void 0 : otherBinding.elementId, bindableElement);\n};\n\nconst isLinearElementSimpleAndAlreadyBound = (linearElement, alreadyBoundToId, bindableElement) => {\n  return alreadyBoundToId === bindableElement.id && isLinearElementSimple(linearElement);\n};\n\nconst isLinearElementSimple = linearElement => linearElement.points.length < 3;\n\nconst unbindLinearElement = (linearElement, startOrEnd) => {\n  const field = startOrEnd === \"start\" ? \"startBinding\" : \"endBinding\";\n  const binding = linearElement[field];\n\n  if (binding == null) {\n    return null;\n  }\n\n  (0,_mutateElement__WEBPACK_IMPORTED_MODULE_8__.mutateElement)(linearElement, {\n    [field]: null\n  });\n  return binding.elementId;\n};\n\nconst getHoveredElementForBinding = (pointerCoords, elements, elementsMap, zoom, fullShape, considerAllElements) => {\n  if (considerAllElements) {\n    let cullRest = false;\n    const candidateElements = getAllElementsAtPositionForBinding(elements, element => (0,_typeChecks__WEBPACK_IMPORTED_MODULE_10__.isBindableElement)(element, false) && bindingBorderTest(element, pointerCoords, elementsMap, zoom, (fullShape || !(0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.isBindingFallthroughEnabled)(element)) && // disable fullshape snapping for frame elements so we\n    // can bind to frame children\n    !(0,_typeChecks__WEBPACK_IMPORTED_MODULE_10__.isFrameLikeElement)(element))).filter(element => {\n      if (cullRest) {\n        return false;\n      }\n\n      if (!(0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.isBindingFallthroughEnabled)(element)) {\n        cullRest = true;\n      }\n\n      return true;\n    }); // Return early if there are no candidates or just one candidate\n\n    if (!candidateElements || candidateElements.length === 0) {\n      return null;\n    }\n\n    if (candidateElements.length === 1) {\n      return candidateElements[0];\n    } // Prefer the shape with the border being tested (if any)\n\n\n    const borderTestElements = candidateElements.filter(element => bindingBorderTest(element, pointerCoords, elementsMap, zoom, false));\n\n    if (borderTestElements.length === 1) {\n      return borderTestElements[0];\n    } // Prefer smaller shapes\n\n\n    return candidateElements.sort((a, b) => b.width ** 2 + b.height ** 2 - (a.width ** 2 + a.height ** 2)).pop();\n  }\n\n  const hoveredElement = getElementAtPositionForBinding(elements, element => (0,_typeChecks__WEBPACK_IMPORTED_MODULE_10__.isBindableElement)(element, false) && bindingBorderTest(element, pointerCoords, elementsMap, zoom, // disable fullshape snapping for frame elements so we\n  // can bind to frame children\n  (fullShape || !(0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.isBindingFallthroughEnabled)(element)) && !(0,_typeChecks__WEBPACK_IMPORTED_MODULE_10__.isFrameLikeElement)(element)));\n  return hoveredElement;\n};\n\nconst getElementAtPositionForBinding = (elements, isAtPositionFn) => {\n  let hitElement = null; // We need to to hit testing from front (end of the array) to back (beginning of the array)\n  // because array is ordered from lower z-index to highest and we want element z-index\n  // with higher z-index\n\n  for (let index = elements.length - 1; index >= 0; --index) {\n    const element = elements[index];\n\n    if (element.isDeleted) {\n      continue;\n    }\n\n    if (isAtPositionFn(element)) {\n      hitElement = element;\n      break;\n    }\n  }\n\n  return hitElement;\n};\n\nconst getAllElementsAtPositionForBinding = (elements, isAtPositionFn) => {\n  const elementsAtPosition = []; // We need to to hit testing from front (end of the array) to back (beginning of the array)\n  // because array is ordered from lower z-index to highest and we want element z-index\n  // with higher z-index\n\n  for (let index = elements.length - 1; index >= 0; --index) {\n    const element = elements[index];\n\n    if (element.isDeleted) {\n      continue;\n    }\n\n    if (isAtPositionFn(element)) {\n      elementsAtPosition.push(element);\n    }\n  }\n\n  return elementsAtPosition;\n};\n\nconst calculateFocusAndGap = (linearElement, hoveredElement, startOrEnd, elementsMap) => {\n  const direction = startOrEnd === \"start\" ? -1 : 1;\n  const edgePointIndex = direction === -1 ? 0 : linearElement.points.length - 1;\n  const adjacentPointIndex = edgePointIndex - direction;\n  const edgePoint = _linearElementEditor__WEBPACK_IMPORTED_MODULE_7__.LinearElementEditor.getPointAtIndexGlobalCoordinates(linearElement, edgePointIndex, elementsMap);\n  const adjacentPoint = _linearElementEditor__WEBPACK_IMPORTED_MODULE_7__.LinearElementEditor.getPointAtIndexGlobalCoordinates(linearElement, adjacentPointIndex, elementsMap);\n  return {\n    focus: determineFocusDistance(hoveredElement, adjacentPoint, edgePoint),\n    gap: Math.max(1, (0,_distance__WEBPACK_IMPORTED_MODULE_5__.distanceToBindableElement)(hoveredElement, edgePoint))\n  };\n}; // Supports translating, rotating and scaling `changedElement` with bound\n// linear elements.\n// Because scaling involves moving the focus points as well, it is\n// done before the `changedElement` is updated, and the `newSize` is passed\n// in explicitly.\n\n\nconst updateBoundElements = (changedElement, elementsMap, options) => {\n  const {\n    newSize,\n    simultaneouslyUpdated\n  } = options !== null && options !== void 0 ? options : {};\n  const simultaneouslyUpdatedElementIds = getSimultaneouslyUpdatedElementIds(simultaneouslyUpdated);\n\n  if (!(0,_typeChecks__WEBPACK_IMPORTED_MODULE_10__.isBindableElement)(changedElement)) {\n    return;\n  }\n\n  boundElementsVisitor(elementsMap, changedElement, element => {\n    var _a, _b;\n\n    if (!(0,_typeChecks__WEBPACK_IMPORTED_MODULE_10__.isLinearElement)(element) || element.isDeleted) {\n      return;\n    } // In case the boundElements are stale\n\n\n    if (!doesNeedUpdate(element, changedElement)) {\n      return;\n    } // Check for intersections before updating bound elements incase connected elements overlap\n\n\n    const startBindingElement = element.startBinding ? elementsMap.get(element.startBinding.elementId) : null;\n    const endBindingElement = element.endBinding ? elementsMap.get(element.endBinding.elementId) : null;\n    let startBounds = null;\n    let endBounds = null;\n\n    if (startBindingElement && endBindingElement) {\n      startBounds = (0,_bounds__WEBPACK_IMPORTED_MODULE_3__.getElementBounds)(startBindingElement, elementsMap);\n      endBounds = (0,_bounds__WEBPACK_IMPORTED_MODULE_3__.getElementBounds)(endBindingElement, elementsMap);\n    }\n\n    const bindings = {\n      startBinding: maybeCalculateNewGapWhenScaling(changedElement, element.startBinding, newSize),\n      endBinding: maybeCalculateNewGapWhenScaling(changedElement, element.endBinding, newSize)\n    }; // `linearElement` is being moved/scaled already, just update the binding\n\n    if (simultaneouslyUpdatedElementIds.has(element.id)) {\n      (0,_mutateElement__WEBPACK_IMPORTED_MODULE_8__.mutateElement)(element, bindings, true);\n      return;\n    }\n\n    const updates = bindableElementsVisitor(elementsMap, element, (bindableElement, bindingProp) => {\n      var _a, _b;\n\n      if (bindableElement && (0,_typeChecks__WEBPACK_IMPORTED_MODULE_10__.isBindableElement)(bindableElement) && (bindingProp === \"startBinding\" || bindingProp === \"endBinding\") && (changedElement.id === ((_a = element[bindingProp]) === null || _a === void 0 ? void 0 : _a.elementId) || changedElement.id === ((_b = element[bindingProp === \"startBinding\" ? \"endBinding\" : \"startBinding\"]) === null || _b === void 0 ? void 0 : _b.elementId) && !(0,_bounds__WEBPACK_IMPORTED_MODULE_3__.doBoundsIntersect)(startBounds, endBounds))) {\n        const point = updateBoundPoint(element, bindingProp, bindings[bindingProp], bindableElement, elementsMap);\n\n        if (point) {\n          return {\n            index: bindingProp === \"startBinding\" ? 0 : element.points.length - 1,\n            point\n          };\n        }\n      }\n\n      return null;\n    }).filter(update => update !== null);\n    _linearElementEditor__WEBPACK_IMPORTED_MODULE_7__.LinearElementEditor.movePoints(element, updates, Object.assign(Object.assign({}, changedElement.id === ((_a = element.startBinding) === null || _a === void 0 ? void 0 : _a.elementId) ? {\n      startBinding: bindings.startBinding\n    } : {}), changedElement.id === ((_b = element.endBinding) === null || _b === void 0 ? void 0 : _b.elementId) ? {\n      endBinding: bindings.endBinding\n    } : {}), elementsMap);\n    const boundText = (0,_textElement__WEBPACK_IMPORTED_MODULE_9__.getBoundTextElement)(element, elementsMap);\n\n    if (boundText && !boundText.isDeleted) {\n      (0,_textElement__WEBPACK_IMPORTED_MODULE_9__.handleBindTextResize)(element, elementsMap, false);\n    }\n  });\n};\n\nconst doesNeedUpdate = (boundElement, changedElement) => {\n  var _a, _b;\n\n  return ((_a = boundElement.startBinding) === null || _a === void 0 ? void 0 : _a.elementId) === changedElement.id || ((_b = boundElement.endBinding) === null || _b === void 0 ? void 0 : _b.elementId) === changedElement.id;\n};\n\nconst getSimultaneouslyUpdatedElementIds = simultaneouslyUpdated => {\n  return new Set((simultaneouslyUpdated || []).map(element => element.id));\n};\n\nconst getHeadingForElbowArrowSnap = (p, otherPoint, bindableElement, aabb, elementsMap, origPoint, zoom) => {\n  const otherPointHeading = (0,_heading__WEBPACK_IMPORTED_MODULE_6__.vectorToHeading)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorFromPoint)(otherPoint, p));\n\n  if (!bindableElement || !aabb) {\n    return otherPointHeading;\n  }\n\n  const distance = getDistanceForBinding(origPoint, bindableElement, elementsMap, zoom);\n\n  if (!distance) {\n    return (0,_heading__WEBPACK_IMPORTED_MODULE_6__.vectorToHeading)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorFromPoint)(p, (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.elementCenterPoint)(bindableElement)));\n  }\n\n  return (0,_heading__WEBPACK_IMPORTED_MODULE_6__.headingForPointFromElement)(bindableElement, aabb, p);\n};\n\nconst getDistanceForBinding = (point, bindableElement, elementsMap, zoom) => {\n  const distance = (0,_distance__WEBPACK_IMPORTED_MODULE_5__.distanceToBindableElement)(bindableElement, point);\n  const bindDistance = maxBindingGap(bindableElement, bindableElement.width, bindableElement.height, zoom);\n  return distance > bindDistance ? null : distance;\n};\n\nconst bindPointToSnapToElementOutline = (arrow, bindableElement, startOrEnd) => {\n  var _a;\n\n  if ((0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.isDevEnv)() || (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.isTestEnv)()) {\n    (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.invariant)(arrow.points.length > 1, \"Arrow should have at least 2 points\");\n  }\n\n  const aabb = (0,_shapes__WEBPACK_IMPORTED_MODULE_11__.aabbForElement)(bindableElement);\n  const localP = arrow.points[startOrEnd === \"start\" ? 0 : arrow.points.length - 1];\n  const globalP = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(arrow.x + localP[0], arrow.y + localP[1]);\n  const edgePoint = (0,_typeChecks__WEBPACK_IMPORTED_MODULE_10__.isRectanguloidElement)(bindableElement) ? avoidRectangularCorner(bindableElement, globalP) : globalP;\n  const elbowed = (0,_typeChecks__WEBPACK_IMPORTED_MODULE_10__.isElbowArrow)(arrow);\n  const center = (0,_bounds__WEBPACK_IMPORTED_MODULE_3__.getCenterForBounds)(aabb);\n  const adjacentPointIdx = startOrEnd === \"start\" ? 1 : arrow.points.length - 2;\n  const adjacentPoint = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(arrow.x + arrow.points[adjacentPointIdx][0], arrow.y + arrow.points[adjacentPointIdx][1]), center, (_a = arrow.angle) !== null && _a !== void 0 ? _a : 0);\n  let intersection = null;\n\n  if (elbowed) {\n    const isHorizontal = (0,_heading__WEBPACK_IMPORTED_MODULE_6__.headingIsHorizontal)((0,_heading__WEBPACK_IMPORTED_MODULE_6__.headingForPointFromElement)(bindableElement, aabb, globalP));\n    const otherPoint = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(isHorizontal ? center[0] : edgePoint[0], !isHorizontal ? center[1] : edgePoint[1]);\n    intersection = (0,_collision__WEBPACK_IMPORTED_MODULE_4__.intersectElementWithLineSegment)(bindableElement, (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.lineSegment)(otherPoint, (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFromVector)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorScale)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorNormalize)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorFromPoint)(edgePoint, otherPoint)), Math.max(bindableElement.width, bindableElement.height) * 2), otherPoint)))[0];\n  } else {\n    intersection = (0,_collision__WEBPACK_IMPORTED_MODULE_4__.intersectElementWithLineSegment)(bindableElement, (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.lineSegment)(adjacentPoint, (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFromVector)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorScale)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorNormalize)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorFromPoint)(edgePoint, adjacentPoint)), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointDistance)(edgePoint, adjacentPoint) + Math.max(bindableElement.width, bindableElement.height) * 2), adjacentPoint)), FIXED_BINDING_DISTANCE).sort((g, h) => (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointDistanceSq)(g, adjacentPoint) - (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointDistanceSq)(h, adjacentPoint))[0];\n  }\n\n  if (!intersection || // Too close to determine vector from intersection to edgePoint\n  (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointDistanceSq)(edgePoint, intersection) < _excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.PRECISION) {\n    return edgePoint;\n  }\n\n  if (elbowed) {\n    const scalar = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointDistanceSq)(edgePoint, center) - (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointDistanceSq)(intersection, center) > 0 ? FIXED_BINDING_DISTANCE : -FIXED_BINDING_DISTANCE;\n    return (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFromVector)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorScale)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorNormalize)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorFromPoint)(edgePoint, intersection)), scalar), intersection);\n  }\n\n  return edgePoint;\n};\nconst avoidRectangularCorner = (element, p) => {\n  const center = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.elementCenterPoint)(element);\n  const nonRotatedPoint = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointRotateRads)(p, center, -element.angle);\n\n  if (nonRotatedPoint[0] < element.x && nonRotatedPoint[1] < element.y) {\n    // Top left\n    if (nonRotatedPoint[1] - element.y > -FIXED_BINDING_DISTANCE) {\n      return (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(element.x - FIXED_BINDING_DISTANCE, element.y), center, element.angle);\n    }\n\n    return (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(element.x, element.y - FIXED_BINDING_DISTANCE), center, element.angle);\n  } else if (nonRotatedPoint[0] < element.x && nonRotatedPoint[1] > element.y + element.height) {\n    // Bottom left\n    if (nonRotatedPoint[0] - element.x > -FIXED_BINDING_DISTANCE) {\n      return (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(element.x, element.y + element.height + FIXED_BINDING_DISTANCE), center, element.angle);\n    }\n\n    return (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(element.x - FIXED_BINDING_DISTANCE, element.y + element.height), center, element.angle);\n  } else if (nonRotatedPoint[0] > element.x + element.width && nonRotatedPoint[1] > element.y + element.height) {\n    // Bottom right\n    if (nonRotatedPoint[0] - element.x < element.width + FIXED_BINDING_DISTANCE) {\n      return (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(element.x + element.width, element.y + element.height + FIXED_BINDING_DISTANCE), center, element.angle);\n    }\n\n    return (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(element.x + element.width + FIXED_BINDING_DISTANCE, element.y + element.height), center, element.angle);\n  } else if (nonRotatedPoint[0] > element.x + element.width && nonRotatedPoint[1] < element.y) {\n    // Top right\n    if (nonRotatedPoint[0] - element.x < element.width + FIXED_BINDING_DISTANCE) {\n      return (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(element.x + element.width, element.y - FIXED_BINDING_DISTANCE), center, element.angle);\n    }\n\n    return (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(element.x + element.width + FIXED_BINDING_DISTANCE, element.y), center, element.angle);\n  }\n\n  return p;\n};\nconst snapToMid = (element, p, tolerance = 0.05) => {\n  const {\n    x,\n    y,\n    width,\n    height,\n    angle\n  } = element;\n  const center = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.elementCenterPoint)(element, -0.1, -0.1);\n  const nonRotated = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointRotateRads)(p, center, -angle); // snap-to-center point is adaptive to element size, but we don't want to go\n  // above and below certain px distance\n\n  const verticalThrehsold = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.clamp)(tolerance * height, 5, 80);\n  const horizontalThrehsold = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.clamp)(tolerance * width, 5, 80);\n\n  if (nonRotated[0] <= x + width / 2 && nonRotated[1] > center[1] - verticalThrehsold && nonRotated[1] < center[1] + verticalThrehsold) {\n    // LEFT\n    return (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(x - FIXED_BINDING_DISTANCE, center[1]), center, angle);\n  } else if (nonRotated[1] <= y + height / 2 && nonRotated[0] > center[0] - horizontalThrehsold && nonRotated[0] < center[0] + horizontalThrehsold) {\n    // TOP\n    return (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(center[0], y - FIXED_BINDING_DISTANCE), center, angle);\n  } else if (nonRotated[0] >= x + width / 2 && nonRotated[1] > center[1] - verticalThrehsold && nonRotated[1] < center[1] + verticalThrehsold) {\n    // RIGHT\n    return (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(x + width + FIXED_BINDING_DISTANCE, center[1]), center, angle);\n  } else if (nonRotated[1] >= y + height / 2 && nonRotated[0] > center[0] - horizontalThrehsold && nonRotated[0] < center[0] + horizontalThrehsold) {\n    // DOWN\n    return (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(center[0], y + height + FIXED_BINDING_DISTANCE), center, angle);\n  }\n\n  return p;\n};\n\nconst updateBoundPoint = (linearElement, startOrEnd, binding, bindableElement, elementsMap) => {\n  var _a;\n\n  if (binding == null || // We only need to update the other end if this is a 2 point line element\n  binding.elementId !== bindableElement.id && linearElement.points.length > 2) {\n    return null;\n  }\n\n  const direction = startOrEnd === \"startBinding\" ? -1 : 1;\n  const edgePointIndex = direction === -1 ? 0 : linearElement.points.length - 1;\n\n  if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_10__.isElbowArrow)(linearElement) && (0,_typeChecks__WEBPACK_IMPORTED_MODULE_10__.isFixedPointBinding)(binding)) {\n    const fixedPoint = (_a = normalizeFixedPoint(binding.fixedPoint)) !== null && _a !== void 0 ? _a : calculateFixedPointForElbowArrowBinding(linearElement, bindableElement, startOrEnd === \"startBinding\" ? \"start\" : \"end\", elementsMap).fixedPoint;\n    const globalMidPoint = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.elementCenterPoint)(bindableElement);\n    const global = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(bindableElement.x + fixedPoint[0] * bindableElement.width, bindableElement.y + fixedPoint[1] * bindableElement.height);\n    const rotatedGlobal = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointRotateRads)(global, globalMidPoint, bindableElement.angle);\n    return _linearElementEditor__WEBPACK_IMPORTED_MODULE_7__.LinearElementEditor.pointFromAbsoluteCoords(linearElement, rotatedGlobal, elementsMap);\n  }\n\n  const adjacentPointIndex = edgePointIndex - direction;\n  const adjacentPoint = _linearElementEditor__WEBPACK_IMPORTED_MODULE_7__.LinearElementEditor.getPointAtIndexGlobalCoordinates(linearElement, adjacentPointIndex, elementsMap);\n  const focusPointAbsolute = determineFocusPoint(bindableElement, binding.focus, adjacentPoint);\n  let newEdgePoint; // The linear element was not originally pointing inside the bound shape,\n  // we can point directly at the focus point\n\n  if (binding.gap === 0) {\n    newEdgePoint = focusPointAbsolute;\n  } else {\n    const edgePointAbsolute = _linearElementEditor__WEBPACK_IMPORTED_MODULE_7__.LinearElementEditor.getPointAtIndexGlobalCoordinates(linearElement, edgePointIndex, elementsMap);\n    const center = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.elementCenterPoint)(bindableElement);\n    const interceptorLength = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointDistance)(adjacentPoint, edgePointAbsolute) + (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointDistance)(adjacentPoint, center) + Math.max(bindableElement.width, bindableElement.height) * 2;\n    const intersections = [...(0,_collision__WEBPACK_IMPORTED_MODULE_4__.intersectElementWithLineSegment)(bindableElement, (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.lineSegment)(adjacentPoint, (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFromVector)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorScale)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorNormalize)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorFromPoint)(focusPointAbsolute, adjacentPoint)), interceptorLength), adjacentPoint)), binding.gap).sort((g, h) => (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointDistanceSq)(g, adjacentPoint) - (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointDistanceSq)(h, adjacentPoint)), // Fallback when arrow doesn't point to the shape\n    (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFromVector)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorScale)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorNormalize)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorFromPoint)(focusPointAbsolute, adjacentPoint)), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointDistance)(adjacentPoint, edgePointAbsolute)), adjacentPoint)];\n\n    if (intersections.length > 1) {\n      // The adjacent point is outside the shape (+ gap)\n      newEdgePoint = intersections[0];\n    } else if (intersections.length === 1) {\n      // The adjacent point is inside the shape (+ gap)\n      newEdgePoint = focusPointAbsolute;\n    } else {\n      // Shouldn't happend, but just in case\n      newEdgePoint = edgePointAbsolute;\n    }\n  }\n\n  return _linearElementEditor__WEBPACK_IMPORTED_MODULE_7__.LinearElementEditor.pointFromAbsoluteCoords(linearElement, newEdgePoint, elementsMap);\n};\n\nconst calculateFixedPointForElbowArrowBinding = (linearElement, hoveredElement, startOrEnd, elementsMap) => {\n  const bounds = [hoveredElement.x, hoveredElement.y, hoveredElement.x + hoveredElement.width, hoveredElement.y + hoveredElement.height];\n  const snappedPoint = bindPointToSnapToElementOutline(linearElement, hoveredElement, startOrEnd);\n  const globalMidPoint = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(bounds[0] + (bounds[2] - bounds[0]) / 2, bounds[1] + (bounds[3] - bounds[1]) / 2);\n  const nonRotatedSnappedGlobalPoint = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointRotateRads)(snappedPoint, globalMidPoint, -hoveredElement.angle);\n  return {\n    fixedPoint: normalizeFixedPoint([(nonRotatedSnappedGlobalPoint[0] - hoveredElement.x) / hoveredElement.width, (nonRotatedSnappedGlobalPoint[1] - hoveredElement.y) / hoveredElement.height])\n  };\n};\n\nconst maybeCalculateNewGapWhenScaling = (changedElement, currentBinding, newSize) => {\n  if (currentBinding == null || newSize == null) {\n    return currentBinding;\n  }\n\n  const {\n    width: newWidth,\n    height: newHeight\n  } = newSize;\n  const {\n    width,\n    height\n  } = changedElement;\n  const newGap = Math.max(1, Math.min(maxBindingGap(changedElement, newWidth, newHeight), currentBinding.gap * (newWidth < newHeight ? newWidth / width : newHeight / height)));\n  return Object.assign(Object.assign({}, currentBinding), {\n    gap: newGap\n  });\n};\n\nconst getElligibleElementForBindingElement = (linearElement, startOrEnd, elementsMap, elements, zoom) => {\n  return getHoveredElementForBinding(getLinearElementEdgeCoors(linearElement, startOrEnd, elementsMap), elements, elementsMap, zoom, (0,_typeChecks__WEBPACK_IMPORTED_MODULE_10__.isElbowArrow)(linearElement), (0,_typeChecks__WEBPACK_IMPORTED_MODULE_10__.isElbowArrow)(linearElement));\n};\n\nconst getLinearElementEdgeCoors = (linearElement, startOrEnd, elementsMap) => {\n  const index = startOrEnd === \"start\" ? 0 : -1;\n  return (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.tupleToCoors)(_linearElementEditor__WEBPACK_IMPORTED_MODULE_7__.LinearElementEditor.getPointAtIndexGlobalCoordinates(linearElement, index, elementsMap));\n};\n\nconst fixDuplicatedBindingsAfterDuplication = (newElements, oldIdToDuplicatedId, duplicatedElementsMap) => {\n  var _a;\n\n  for (const element of newElements) {\n    if (\"boundElements\" in element && element.boundElements) {\n      Object.assign(element, {\n        boundElements: element.boundElements.reduce((acc, binding) => {\n          const newBindingId = oldIdToDuplicatedId.get(binding.id);\n\n          if (newBindingId) {\n            acc.push(Object.assign(Object.assign({}, binding), {\n              id: newBindingId\n            }));\n          }\n\n          return acc;\n        }, [])\n      });\n    }\n\n    if (\"containerId\" in element && element.containerId) {\n      Object.assign(element, {\n        containerId: (_a = oldIdToDuplicatedId.get(element.containerId)) !== null && _a !== void 0 ? _a : null\n      });\n    }\n\n    if (\"endBinding\" in element && element.endBinding) {\n      const newEndBindingId = oldIdToDuplicatedId.get(element.endBinding.elementId);\n      Object.assign(element, {\n        endBinding: newEndBindingId ? Object.assign(Object.assign({}, element.endBinding), {\n          elementId: newEndBindingId\n        }) : null\n      });\n    }\n\n    if (\"startBinding\" in element && element.startBinding) {\n      const newEndBindingId = oldIdToDuplicatedId.get(element.startBinding.elementId);\n      Object.assign(element, {\n        startBinding: newEndBindingId ? Object.assign(Object.assign({}, element.startBinding), {\n          elementId: newEndBindingId\n        }) : null\n      });\n    }\n\n    if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_10__.isElbowArrow)(element)) {\n      Object.assign(element, (0,_elbowArrow__WEBPACK_IMPORTED_MODULE_12__.updateElbowArrowPoints)(element, duplicatedElementsMap, {\n        points: [element.points[0], element.points[element.points.length - 1]]\n      }));\n    }\n  }\n};\n\nconst fixReversedBindingsForBindables = (original, duplicate, originalElements, elementsWithClones, oldIdToDuplicatedId) => {\n  var _a;\n\n  (_a = original.boundElements) === null || _a === void 0 ? void 0 : _a.forEach((binding, idx) => {\n    var _a, _b, _c, _d, _e, _f, _g, _h, _j;\n\n    if (binding.type !== \"arrow\") {\n      return;\n    }\n\n    const oldArrow = elementsWithClones.find(el => el.id === binding.id);\n\n    if (!(0,_typeChecks__WEBPACK_IMPORTED_MODULE_10__.isBindingElement)(oldArrow)) {\n      return;\n    }\n\n    if (originalElements.has(binding.id)) {\n      // Linked arrow is in the selection, so find the duplicate pair\n      const newArrowId = (_a = oldIdToDuplicatedId.get(binding.id)) !== null && _a !== void 0 ? _a : binding.id;\n      const newArrow = elementsWithClones.find(el => el.id === newArrowId);\n      (0,_mutateElement__WEBPACK_IMPORTED_MODULE_8__.mutateElement)(newArrow, {\n        startBinding: ((_b = oldArrow.startBinding) === null || _b === void 0 ? void 0 : _b.elementId) === binding.id ? Object.assign(Object.assign({}, oldArrow.startBinding), {\n          elementId: duplicate.id\n        }) : newArrow.startBinding,\n        endBinding: ((_c = oldArrow.endBinding) === null || _c === void 0 ? void 0 : _c.elementId) === binding.id ? Object.assign(Object.assign({}, oldArrow.endBinding), {\n          elementId: duplicate.id\n        }) : newArrow.endBinding\n      });\n      (0,_mutateElement__WEBPACK_IMPORTED_MODULE_8__.mutateElement)(duplicate, {\n        boundElements: [...((_d = duplicate.boundElements) !== null && _d !== void 0 ? _d : []).filter(el => el.id !== binding.id && el.id !== newArrowId), {\n          type: \"arrow\",\n          id: newArrowId\n        }]\n      });\n    } else {\n      // Linked arrow is outside the selection,\n      // so we move the binding to the duplicate\n      (0,_mutateElement__WEBPACK_IMPORTED_MODULE_8__.mutateElement)(oldArrow, {\n        startBinding: ((_e = oldArrow.startBinding) === null || _e === void 0 ? void 0 : _e.elementId) === original.id ? Object.assign(Object.assign({}, oldArrow.startBinding), {\n          elementId: duplicate.id\n        }) : oldArrow.startBinding,\n        endBinding: ((_f = oldArrow.endBinding) === null || _f === void 0 ? void 0 : _f.elementId) === original.id ? Object.assign(Object.assign({}, oldArrow.endBinding), {\n          elementId: duplicate.id\n        }) : oldArrow.endBinding\n      });\n      (0,_mutateElement__WEBPACK_IMPORTED_MODULE_8__.mutateElement)(duplicate, {\n        boundElements: [...((_g = duplicate.boundElements) !== null && _g !== void 0 ? _g : []), {\n          type: \"arrow\",\n          id: oldArrow.id\n        }]\n      });\n      (0,_mutateElement__WEBPACK_IMPORTED_MODULE_8__.mutateElement)(original, {\n        boundElements: (_j = (_h = original.boundElements) === null || _h === void 0 ? void 0 : _h.filter((_, i) => i !== idx)) !== null && _j !== void 0 ? _j : null\n      });\n    }\n  });\n};\n\nconst fixReversedBindingsForArrows = (original, duplicate, originalElements, bindingProp, oldIdToDuplicatedId, elementsWithClones) => {\n  var _a, _b, _c, _d, _e;\n\n  const oldBindableId = (_a = original[bindingProp]) === null || _a === void 0 ? void 0 : _a.elementId;\n\n  if (oldBindableId) {\n    if (originalElements.has(oldBindableId)) {\n      // Linked element is in the selection\n      const newBindableId = (_b = oldIdToDuplicatedId.get(oldBindableId)) !== null && _b !== void 0 ? _b : oldBindableId;\n      const newBindable = elementsWithClones.find(el => el.id === newBindableId);\n      (0,_mutateElement__WEBPACK_IMPORTED_MODULE_8__.mutateElement)(duplicate, {\n        [bindingProp]: Object.assign(Object.assign({}, original[bindingProp]), {\n          elementId: newBindableId\n        })\n      });\n      (0,_mutateElement__WEBPACK_IMPORTED_MODULE_8__.mutateElement)(newBindable, {\n        boundElements: [...((_c = newBindable.boundElements) !== null && _c !== void 0 ? _c : []).filter(el => el.id !== original.id && el.id !== duplicate.id), {\n          id: duplicate.id,\n          type: \"arrow\"\n        }]\n      });\n    } else {\n      // Linked element is outside the selection\n      const originalBindable = elementsWithClones.find(el => el.id === oldBindableId);\n\n      if (originalBindable) {\n        (0,_mutateElement__WEBPACK_IMPORTED_MODULE_8__.mutateElement)(duplicate, {\n          [bindingProp]: original[bindingProp]\n        });\n        (0,_mutateElement__WEBPACK_IMPORTED_MODULE_8__.mutateElement)(original, {\n          [bindingProp]: null\n        });\n        (0,_mutateElement__WEBPACK_IMPORTED_MODULE_8__.mutateElement)(originalBindable, {\n          boundElements: [...((_e = (_d = originalBindable.boundElements) === null || _d === void 0 ? void 0 : _d.filter(el => el.id !== original.id)) !== null && _e !== void 0 ? _e : []), {\n            id: duplicate.id,\n            type: \"arrow\"\n          }]\n        });\n      }\n    }\n  }\n};\n\nconst fixReversedBindings = (originalElements, elementsWithClones, oldIdToDuplicatedId) => {\n  for (const original of originalElements.values()) {\n    const duplicate = elementsWithClones.find(el => el.id === oldIdToDuplicatedId.get(original.id));\n\n    if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_10__.isBindableElement)(original) && (0,_typeChecks__WEBPACK_IMPORTED_MODULE_10__.isBindableElement)(duplicate)) {\n      fixReversedBindingsForBindables(original, duplicate, originalElements, elementsWithClones, oldIdToDuplicatedId);\n    } else if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_10__.isArrowElement)(original) && (0,_typeChecks__WEBPACK_IMPORTED_MODULE_10__.isArrowElement)(duplicate)) {\n      fixReversedBindingsForArrows(original, duplicate, originalElements, \"startBinding\", oldIdToDuplicatedId, elementsWithClones);\n      fixReversedBindingsForArrows(original, duplicate, originalElements, \"endBinding\", oldIdToDuplicatedId, elementsWithClones);\n    }\n  }\n};\nconst fixBindingsAfterDeletion = (sceneElements, deletedElements) => {\n  const elements = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.arrayToMap)(sceneElements);\n\n  for (const element of deletedElements) {\n    BoundElement.unbindAffected(elements, element, _mutateElement__WEBPACK_IMPORTED_MODULE_8__.mutateElement);\n    BindableElement.unbindAffected(elements, element, _mutateElement__WEBPACK_IMPORTED_MODULE_8__.mutateElement);\n  }\n};\n\nconst newBoundElements = (boundElements, idsToRemove, elementsToAdd = []) => {\n  if (!boundElements) {\n    return null;\n  }\n\n  const nextBoundElements = boundElements.filter(boundElement => !idsToRemove.has(boundElement.id));\n  nextBoundElements.push(...elementsToAdd.map(x => ({\n    id: x.id,\n    type: x.type\n  })));\n  return nextBoundElements;\n};\n\nconst bindingBorderTest = (element, {\n  x,\n  y\n}, elementsMap, zoom, fullShape) => {\n  const threshold = maxBindingGap(element, element.width, element.height, zoom);\n  const shape = (0,_shapes__WEBPACK_IMPORTED_MODULE_11__.getElementShape)(element, elementsMap);\n  return (0,_excalidraw_utils_collision__WEBPACK_IMPORTED_MODULE_2__.isPointOnShape)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(x, y), shape, threshold) || fullShape === true && (0,_shapes__WEBPACK_IMPORTED_MODULE_11__.pointInsideBounds)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(x, y), (0,_shapes__WEBPACK_IMPORTED_MODULE_11__.aabbForElement)(element));\n};\nconst maxBindingGap = (element, elementWidth, elementHeight, zoom) => {\n  const zoomValue = (zoom === null || zoom === void 0 ? void 0 : zoom.value) && zoom.value < 1 ? zoom.value : 1; // Aligns diamonds with rectangles\n\n  const shapeRatio = element.type === \"diamond\" ? 1 / Math.sqrt(2) : 1;\n  const smallerDimension = shapeRatio * Math.min(elementWidth, elementHeight);\n  return Math.max(16, // bigger bindable boundary for bigger elements\n  Math.min(0.25 * smallerDimension, 32), // keep in sync with the zoomed highlight\n  BINDING_HIGHLIGHT_THICKNESS / zoomValue + BINDING_HIGHLIGHT_OFFSET);\n}; // The focus distance is the oriented ratio between the size of\n// the `element` and the \"focus image\" of the element on which\n// all focus points lie, so it's a number between -1 and 1.\n// The line going through `a` and `b` is a tangent to the \"focus image\"\n// of the element.\n\nconst determineFocusDistance = ( //zsviczian added export\nelement, // Point on the line, in absolute coordinates\na, // Another point on the line, in absolute coordinates (closer to element)\nb) => {\n  var _a;\n\n  const center = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.elementCenterPoint)(element);\n\n  if ((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointsEqual)(a, b)) {\n    return 0;\n  }\n\n  const rotatedA = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointRotateRads)(a, center, -element.angle);\n  const rotatedB = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointRotateRads)(b, center, -element.angle);\n  const sign = Math.sign((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorCross)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorFromPoint)(rotatedB, a), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorFromPoint)(rotatedB, center))) * -1;\n  const rotatedInterceptor = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.lineSegment)(rotatedB, (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFromVector)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorScale)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorNormalize)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorFromPoint)(rotatedB, rotatedA)), Math.max(element.width * 2, element.height * 2)), rotatedB));\n  const axes = element.type === \"diamond\" ? [(0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.lineSegment)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(element.x + element.width / 2, element.y), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(element.x + element.width / 2, element.y + element.height)), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.lineSegment)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(element.x, element.y + element.height / 2), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(element.x + element.width, element.y + element.height / 2))] : [(0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.lineSegment)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(element.x, element.y), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(element.x + element.width, element.y + element.height)), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.lineSegment)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(element.x + element.width, element.y), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(element.x, element.y + element.height))];\n  const interceptees = element.type === \"diamond\" ? [(0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.lineSegment)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(element.x + element.width / 2, element.y - element.height), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(element.x + element.width / 2, element.y + element.height * 2)), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.lineSegment)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(element.x - element.width, element.y + element.height / 2), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(element.x + element.width * 2, element.y + element.height / 2))] : [(0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.lineSegment)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(element.x - element.width, element.y - element.height), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(element.x + element.width * 2, element.y + element.height * 2)), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.lineSegment)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(element.x + element.width * 2, element.y - element.height), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(element.x - element.width, element.y + element.height * 2))];\n  const ordered = [(0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.lineSegmentIntersectionPoints)(rotatedInterceptor, interceptees[0]), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.lineSegmentIntersectionPoints)(rotatedInterceptor, interceptees[1])].filter(p => p !== null).sort((g, h) => (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointDistanceSq)(g, b) - (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointDistanceSq)(h, b)).map((p, idx) => sign * (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointDistance)(center, p) / (element.type === \"diamond\" ? (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointDistance)(axes[idx][0], axes[idx][1]) / 2 : Math.sqrt(element.width ** 2 + element.height ** 2) / 2)).sort((g, h) => Math.abs(g) - Math.abs(h));\n  const signedDistanceRatio = (_a = ordered[0]) !== null && _a !== void 0 ? _a : 0;\n  return signedDistanceRatio;\n};\n\nconst determineFocusPoint = (element, // The oriented, relative distance from the center of `element` of the\n// returned focusPoint\nfocus, adjacentPoint) => {\n  const center = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.elementCenterPoint)(element);\n\n  if (focus === 0) {\n    return center;\n  }\n\n  const candidates = (element.type === \"diamond\" ? [(0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(element.x, element.y + element.height / 2), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(element.x + element.width / 2, element.y), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(element.x + element.width, element.y + element.height / 2), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(element.x + element.width / 2, element.y + element.height)] : [(0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(element.x, element.y), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(element.x + element.width, element.y), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(element.x + element.width, element.y + element.height), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(element.x, element.y + element.height)]).map(p => (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFromVector)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorScale)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorFromPoint)(p, center), Math.abs(focus)), center)).map(p => (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointRotateRads)(p, center, element.angle));\n  const selected = [(0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorCross)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorFromPoint)(adjacentPoint, candidates[0]), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorFromPoint)(candidates[1], candidates[0])) > 0 && ( // TOP\n  focus > 0 ? (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorCross)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorFromPoint)(adjacentPoint, candidates[1]), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorFromPoint)(candidates[2], candidates[1])) < 0 : (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorCross)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorFromPoint)(adjacentPoint, candidates[3]), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorFromPoint)(candidates[0], candidates[3])) < 0), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorCross)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorFromPoint)(adjacentPoint, candidates[1]), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorFromPoint)(candidates[2], candidates[1])) > 0 && ( // RIGHT\n  focus > 0 ? (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorCross)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorFromPoint)(adjacentPoint, candidates[2]), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorFromPoint)(candidates[3], candidates[2])) < 0 : (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorCross)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorFromPoint)(adjacentPoint, candidates[0]), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorFromPoint)(candidates[1], candidates[0])) < 0), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorCross)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorFromPoint)(adjacentPoint, candidates[2]), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorFromPoint)(candidates[3], candidates[2])) > 0 && ( // BOTTOM\n  focus > 0 ? (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorCross)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorFromPoint)(adjacentPoint, candidates[3]), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorFromPoint)(candidates[0], candidates[3])) < 0 : (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorCross)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorFromPoint)(adjacentPoint, candidates[1]), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorFromPoint)(candidates[2], candidates[1])) < 0), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorCross)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorFromPoint)(adjacentPoint, candidates[3]), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorFromPoint)(candidates[0], candidates[3])) > 0 && ( // LEFT\n  focus > 0 ? (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorCross)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorFromPoint)(adjacentPoint, candidates[0]), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorFromPoint)(candidates[1], candidates[0])) < 0 : (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorCross)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorFromPoint)(adjacentPoint, candidates[2]), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorFromPoint)(candidates[3], candidates[2])) < 0)];\n  const focusPoint = selected[0] ? focus > 0 ? candidates[1] : candidates[0] : selected[1] ? focus > 0 ? candidates[2] : candidates[1] : selected[2] ? focus > 0 ? candidates[3] : candidates[2] : focus > 0 ? candidates[0] : candidates[3];\n  return focusPoint;\n};\n\nconst bindingProperties = new Set([\"boundElements\", \"frameId\", \"containerId\", \"startBinding\", \"endBinding\"]);\n/**\r\n * Tries to visit each bound element (does not have to be found).\r\n */\n\nconst boundElementsVisitor = (elements, element, visit) => {\n  var _a, _b;\n\n  if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_10__.isBindableElement)(element)) {\n    // create new instance so that possible mutations won't play a role in visiting order\n    const boundElements = (_b = (_a = element.boundElements) === null || _a === void 0 ? void 0 : _a.slice()) !== null && _b !== void 0 ? _b : []; // last added text should be the one we keep (~previous are duplicates)\n\n    boundElements.forEach(({\n      id\n    }) => {\n      visit(elements.get(id), \"boundElements\", id);\n    });\n  }\n};\n/**\r\n * Tries to visit each bindable element (does not have to be found).\r\n */\n\n\nconst bindableElementsVisitor = (elements, element, visit) => {\n  const result = [];\n\n  if (element.frameId) {\n    const id = element.frameId;\n    result.push(visit(elements.get(id), \"frameId\", id));\n  }\n\n  if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_10__.isBoundToContainer)(element)) {\n    const id = element.containerId;\n    result.push(visit(elements.get(id), \"containerId\", id));\n  }\n\n  if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_10__.isArrowElement)(element)) {\n    if (element.startBinding) {\n      const id = element.startBinding.elementId;\n      result.push(visit(elements.get(id), \"startBinding\", id));\n    }\n\n    if (element.endBinding) {\n      const id = element.endBinding.elementId;\n      result.push(visit(elements.get(id), \"endBinding\", id));\n    }\n  }\n\n  return result;\n};\n/**\r\n * Bound element containing bindings to `frameId`, `containerId`, `startBinding` or `endBinding`.\r\n */\n\n\nclass BoundElement {\n  /**\r\n   * Unbind the affected non deleted bindable elements (removing element from `boundElements`).\r\n   * - iterates non deleted bindable elements (`containerId` | `startBinding.elementId` | `endBinding.elementId`) of the current element\r\n   * - prepares updates to unbind each bindable element's `boundElements` from the current element\r\n   */\n  static unbindAffected(elements, boundElement, updateElementWith) {\n    if (!boundElement) {\n      return;\n    }\n\n    bindableElementsVisitor(elements, boundElement, bindableElement => {\n      // bindable element is deleted, this is fine\n      if (!bindableElement || bindableElement.isDeleted) {\n        return;\n      }\n\n      boundElementsVisitor(elements, bindableElement, (_, __, boundElementId) => {\n        if (boundElementId === boundElement.id) {\n          updateElementWith(bindableElement, {\n            boundElements: newBoundElements(bindableElement.boundElements, new Set([boundElementId]))\n          });\n        }\n      });\n    });\n  }\n\n}\n/**\r\n * Rebind the next affected non deleted bindable elements (adding element to `boundElements`).\r\n * - iterates non deleted bindable elements (`containerId` | `startBinding.elementId` | `endBinding.elementId`) of the current element\r\n * - prepares updates to rebind each bindable element's `boundElements` to the current element\r\n *\r\n * NOTE: rebind expects that affected elements were previously unbound with `BoundElement.unbindAffected`\r\n */\n\nBoundElement.rebindAffected = (elements, boundElement, updateElementWith) => {\n  // don't try to rebind element that is deleted\n  if (!boundElement || boundElement.isDeleted) {\n    return;\n  }\n\n  bindableElementsVisitor(elements, boundElement, (bindableElement, bindingProp) => {\n    var _a, _b; // unbind from bindable elements, as bindings from non deleted elements into deleted elements are incorrect\n\n\n    if (!bindableElement || bindableElement.isDeleted) {\n      updateElementWith(boundElement, {\n        [bindingProp]: null\n      });\n      return;\n    } // frame bindings are unidirectional, there is nothing to rebind\n\n\n    if (bindingProp === \"frameId\") {\n      return;\n    }\n\n    if ((_a = bindableElement.boundElements) === null || _a === void 0 ? void 0 : _a.find(x => x.id === boundElement.id)) {\n      return;\n    }\n\n    if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_10__.isArrowElement)(boundElement)) {\n      // rebind if not found!\n      updateElementWith(bindableElement, {\n        boundElements: newBoundElements(bindableElement.boundElements, new Set(), new Array(boundElement))\n      });\n    }\n\n    if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_10__.isTextElement)(boundElement)) {\n      if (!((_b = bindableElement.boundElements) === null || _b === void 0 ? void 0 : _b.find(x => x.type === \"text\"))) {\n        // rebind only if there is no other text bound already\n        updateElementWith(bindableElement, {\n          boundElements: newBoundElements(bindableElement.boundElements, new Set(), new Array(boundElement))\n        });\n      } else {\n        // unbind otherwise\n        updateElementWith(boundElement, {\n          [bindingProp]: null\n        });\n      }\n    }\n  });\n};\n/**\r\n * Bindable element containing bindings to `boundElements`.\r\n */\n\n\nclass BindableElement {\n  /**\r\n   * Unbind the affected non deleted bound elements (resetting `containerId`, `startBinding`, `endBinding` to `null`).\r\n   * - iterates through non deleted `boundElements` of the current element\r\n   * - prepares updates to unbind each bound element from the current element\r\n   */\n  static unbindAffected(elements, bindableElement, updateElementWith) {\n    if (!bindableElement) {\n      return;\n    }\n\n    boundElementsVisitor(elements, bindableElement, boundElement => {\n      // bound element is deleted, this is fine\n      if (!boundElement || boundElement.isDeleted) {\n        return;\n      }\n\n      bindableElementsVisitor(elements, boundElement, (_, bindingProp, bindableElementId) => {\n        // making sure there is an element to be unbound\n        if (bindableElementId === bindableElement.id) {\n          updateElementWith(boundElement, {\n            [bindingProp]: null\n          });\n        }\n      });\n    });\n  }\n\n}\n/**\r\n * Rebind the affected non deleted bound elements (for now setting only `containerId`, as we cannot rebind arrows atm).\r\n * - iterates through non deleted `boundElements` of the current element\r\n * - prepares updates to rebind each bound element to the current element or unbind it from `boundElements` in case of conflicts\r\n *\r\n * NOTE: rebind expects that affected elements were previously unbound with `BindaleElement.unbindAffected`\r\n */\n\nBindableElement.rebindAffected = (elements, bindableElement, updateElementWith) => {\n  // don't try to rebind element that is deleted (i.e. updated as deleted)\n  if (!bindableElement || bindableElement.isDeleted) {\n    return;\n  }\n\n  boundElementsVisitor(elements, bindableElement, (boundElement, _, boundElementId) => {\n    var _a, _b, _c; // unbind from bindable elements, as bindings from non deleted elements into deleted elements are incorrect\n\n\n    if (!boundElement || boundElement.isDeleted) {\n      updateElementWith(bindableElement, {\n        boundElements: newBoundElements(bindableElement.boundElements, new Set([boundElementId]))\n      });\n      return;\n    }\n\n    if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_10__.isTextElement)(boundElement)) {\n      const boundElements = (_b = (_a = bindableElement.boundElements) === null || _a === void 0 ? void 0 : _a.slice()) !== null && _b !== void 0 ? _b : []; // check if this is the last element in the array, if not, there is an previously bound text which should be unbound\n\n      if (((_c = boundElements.reverse().find(x => x.type === \"text\")) === null || _c === void 0 ? void 0 : _c.id) === boundElement.id) {\n        if (boundElement.containerId !== bindableElement.id) {\n          // rebind if not bound already!\n          updateElementWith(boundElement, {\n            containerId: bindableElement.id\n          });\n        }\n      } else {\n        if (boundElement.containerId !== null) {\n          // unbind if not unbound already\n          updateElementWith(boundElement, {\n            containerId: null\n          });\n        } // unbind from boundElements as the element got bound to some other element in the meantime\n\n\n        updateElementWith(bindableElement, {\n          boundElements: newBoundElements(bindableElement.boundElements, new Set([boundElement.id]))\n        });\n      }\n    }\n  });\n};\n\nconst getGlobalFixedPointForBindableElement = (fixedPointRatio, element) => {\n  const [fixedX, fixedY] = normalizeFixedPoint(fixedPointRatio);\n  return (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(element.x + element.width * fixedX, element.y + element.height * fixedY), (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.elementCenterPoint)(element), element.angle);\n};\nconst getGlobalFixedPoints = (arrow, elementsMap) => {\n  const startElement = arrow.startBinding && elementsMap.get(arrow.startBinding.elementId);\n  const endElement = arrow.endBinding && elementsMap.get(arrow.endBinding.elementId);\n  const startPoint = startElement && arrow.startBinding ? getGlobalFixedPointForBindableElement(arrow.startBinding.fixedPoint, startElement) : (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(arrow.x + arrow.points[0][0], arrow.y + arrow.points[0][1]);\n  const endPoint = endElement && arrow.endBinding ? getGlobalFixedPointForBindableElement(arrow.endBinding.fixedPoint, endElement) : (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(arrow.x + arrow.points[arrow.points.length - 1][0], arrow.y + arrow.points[arrow.points.length - 1][1]);\n  return [startPoint, endPoint];\n};\nconst getArrowLocalFixedPoints = (arrow, elementsMap) => {\n  const [startPoint, endPoint] = getGlobalFixedPoints(arrow, elementsMap);\n  return [_linearElementEditor__WEBPACK_IMPORTED_MODULE_7__.LinearElementEditor.pointFromAbsoluteCoords(arrow, startPoint, elementsMap), _linearElementEditor__WEBPACK_IMPORTED_MODULE_7__.LinearElementEditor.pointFromAbsoluteCoords(arrow, endPoint, elementsMap)];\n};\nconst normalizeFixedPoint = fixedPoint => {\n  // Do not allow a precise 0.5 for fixed point ratio\n  // to avoid jumping arrow heading due to floating point imprecision\n  if (fixedPoint && (Math.abs(fixedPoint[0] - 0.5) < 0.0001 || Math.abs(fixedPoint[1] - 0.5) < 0.0001)) {\n    return fixedPoint.map(ratio => Math.abs(ratio - 0.5) < 0.0001 ? 0.5001 : ratio);\n  }\n\n  return fixedPoint;\n};\n\n//# sourceURL=webpack://ExcalidrawLib/../element/src/binding.ts?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   BINDING_HIGHLIGHT_OFFSET: () => (/* binding */ BINDING_HIGHLIGHT_OFFSET),\n/* harmony export */   BINDING_HIGHLIGHT_THICKNESS: () => (/* binding */ BINDING_HIGHLIGHT_THICKNESS),\n/* harmony export */   BindableElement: () => (/* binding */ BindableElement),\n/* harmony export */   BoundElement: () => (/* binding */ BoundElement),\n/* harmony export */   FIXED_BINDING_DISTANCE: () => (/* binding */ FIXED_BINDING_DISTANCE),\n/* harmony export */   avoidRectangularCorner: () => (/* binding */ avoidRectangularCorner),\n/* harmony export */   bindLinearElement: () => (/* binding */ bindLinearElement),\n/* harmony export */   bindOrUnbindLinearElement: () => (/* binding */ bindOrUnbindLinearElement),\n/* harmony export */   bindOrUnbindLinearElements: () => (/* binding */ bindOrUnbindLinearElements),\n/* harmony export */   bindPointToSnapToElementOutline: () => (/* binding */ bindPointToSnapToElementOutline),\n/* harmony export */   bindingBorderTest: () => (/* binding */ bindingBorderTest),\n/* harmony export */   bindingProperties: () => (/* binding */ bindingProperties),\n/* harmony export */   calculateFixedPointForElbowArrowBinding: () => (/* binding */ calculateFixedPointForElbowArrowBinding),\n/* harmony export */   determineFocusDistance: () => (/* binding */ determineFocusDistance),\n/* harmony export */   fixBindingsAfterDeletion: () => (/* binding */ fixBindingsAfterDeletion),\n/* harmony export */   fixDuplicatedBindingsAfterDuplication: () => (/* binding */ fixDuplicatedBindingsAfterDuplication),\n/* harmony export */   getArrowLocalFixedPoints: () => (/* binding */ getArrowLocalFixedPoints),\n/* harmony export */   getGlobalFixedPointForBindableElement: () => (/* binding */ getGlobalFixedPointForBindableElement),\n/* harmony export */   getGlobalFixedPoints: () => (/* binding */ getGlobalFixedPoints),\n/* harmony export */   getHeadingForElbowArrowSnap: () => (/* binding */ getHeadingForElbowArrowSnap),\n/* harmony export */   getHoveredElementForBinding: () => (/* binding */ getHoveredElementForBinding),\n/* harmony export */   getSuggestedBindingsForArrows: () => (/* binding */ getSuggestedBindingsForArrows),\n/* harmony export */   isBindingEnabled: () => (/* binding */ isBindingEnabled),\n/* harmony export */   isLinearElementSimpleAndAlreadyBound: () => (/* binding */ isLinearElementSimpleAndAlreadyBound),\n/* harmony export */   maxBindingGap: () => (/* binding */ maxBindingGap),\n/* harmony export */   maybeBindLinearElement: () => (/* binding */ maybeBindLinearElement),\n/* harmony export */   normalizeFixedPoint: () => (/* binding */ normalizeFixedPoint),\n/* harmony export */   shouldEnableBindingForPointerEvent: () => (/* binding */ shouldEnableBindingForPointerEvent),\n/* harmony export */   snapToMid: () => (/* binding */ snapToMid),\n/* harmony export */   updateBoundElements: () => (/* binding */ updateBoundElements)\n/* harmony export */ });\n/* harmony import */ var _excalidraw_common__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @excalidraw/common */ \"../common/src/index.ts\");\n/* harmony import */ var _excalidraw_math__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @excalidraw/math */ \"../math/src/index.ts\");\n/* harmony import */ var _excalidraw_utils_collision__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @excalidraw/utils/collision */ \"../utils/src/collision.ts\");\n/* harmony import */ var _bounds__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./bounds */ \"../element/src/bounds.ts\");\n/* harmony import */ var _collision__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./collision */ \"../element/src/collision.ts\");\n/* harmony import */ var _distance__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./distance */ \"../element/src/distance.ts\");\n/* harmony import */ var _heading__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./heading */ \"../element/src/heading.ts\");\n/* harmony import */ var _linearElementEditor__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./linearElementEditor */ \"../element/src/linearElementEditor.ts\");\n/* harmony import */ var _mutateElement__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./mutateElement */ \"../element/src/mutateElement.ts\");\n/* harmony import */ var _textElement__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./textElement */ \"../element/src/textElement.ts\");\n/* harmony import */ var _typeChecks__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./typeChecks */ \"../element/src/typeChecks.ts\");\n/* harmony import */ var _shapes__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./shapes */ \"../element/src/shapes.ts\");\n/* harmony import */ var _elbowArrow__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./elbowArrow */ \"../element/src/elbowArrow.ts\");\n\n\n\n\n\n\n\n\n\n\n\n\n\nconst shouldEnableBindingForPointerEvent = event => {\n  return !event[_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.KEYS.CTRL_OR_CMD];\n};\nconst isBindingEnabled = appState => {\n  return appState.invertBindingBehaviour //zsviczian\n  ? !appState.isBindingEnabled : appState.isBindingEnabled;\n};\nconst FIXED_BINDING_DISTANCE = 5;\nconst BINDING_HIGHLIGHT_THICKNESS = 10;\nconst BINDING_HIGHLIGHT_OFFSET = 4;\n\nconst getNonDeletedElements = (scene, ids) => {\n  const result = [];\n  ids.forEach(id => {\n    const element = scene.getNonDeletedElement(id);\n\n    if (element != null) {\n      result.push(element);\n    }\n  });\n  return result;\n};\n\nconst bindOrUnbindLinearElement = (linearElement, startBindingElement, endBindingElement, elementsMap, scene) => {\n  const boundToElementIds = new Set();\n  const unboundFromElementIds = new Set();\n  bindOrUnbindLinearElementEdge(linearElement, startBindingElement, endBindingElement, \"start\", boundToElementIds, unboundFromElementIds, elementsMap);\n  bindOrUnbindLinearElementEdge(linearElement, endBindingElement, startBindingElement, \"end\", boundToElementIds, unboundFromElementIds, elementsMap);\n  const onlyUnbound = Array.from(unboundFromElementIds).filter(id => !boundToElementIds.has(id));\n  getNonDeletedElements(scene, onlyUnbound).forEach(element => {\n    var _a;\n\n    (0,_mutateElement__WEBPACK_IMPORTED_MODULE_8__.mutateElement)(element, {\n      boundElements: (_a = element.boundElements) === null || _a === void 0 ? void 0 : _a.filter(element => element.type !== \"arrow\" || element.id !== linearElement.id)\n    });\n  });\n};\n\nconst bindOrUnbindLinearElementEdge = (linearElement, bindableElement, otherEdgeBindableElement, startOrEnd, // Is mutated\nboundToElementIds, // Is mutated\nunboundFromElementIds, elementsMap) => {\n  // \"keep\" is for method chaining convenience, a \"no-op\", so just bail out\n  if (bindableElement === \"keep\") {\n    return;\n  } // null means break the bind, so nothing to consider here\n\n\n  if (bindableElement === null) {\n    const unbound = unbindLinearElement(linearElement, startOrEnd);\n\n    if (unbound != null) {\n      unboundFromElementIds.add(unbound);\n    }\n\n    return;\n  } // While complext arrows can do anything, simple arrow with both ends trying\n  // to bind to the same bindable should not be allowed, start binding takes\n  // precedence\n\n\n  if (isLinearElementSimple(linearElement)) {\n    if (otherEdgeBindableElement == null || (otherEdgeBindableElement === \"keep\" ? // TODO: Refactor - Needlessly complex\n    !isLinearElementSimpleAndAlreadyBoundOnOppositeEdge(linearElement, bindableElement, startOrEnd) : startOrEnd === \"start\" || otherEdgeBindableElement.id !== bindableElement.id)) {\n      bindLinearElement(linearElement, bindableElement, startOrEnd, elementsMap);\n      boundToElementIds.add(bindableElement.id);\n    }\n  } else {\n    bindLinearElement(linearElement, bindableElement, startOrEnd, elementsMap);\n    boundToElementIds.add(bindableElement.id);\n  }\n};\n\nconst getOriginalBindingIfStillCloseOfLinearElementEdge = (linearElement, edge, elementsMap, zoom) => {\n  var _a, _b;\n\n  const coors = getLinearElementEdgeCoors(linearElement, edge, elementsMap);\n  const elementId = edge === \"start\" ? (_a = linearElement.startBinding) === null || _a === void 0 ? void 0 : _a.elementId : (_b = linearElement.endBinding) === null || _b === void 0 ? void 0 : _b.elementId;\n\n  if (elementId) {\n    const element = elementsMap.get(elementId);\n\n    if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_10__.isBindableElement)(element) && bindingBorderTest(element, coors, elementsMap, zoom)) {\n      return element;\n    }\n  }\n\n  return null;\n};\n\nconst getOriginalBindingsIfStillCloseToArrowEnds = (linearElement, elementsMap, zoom) => [\"start\", \"end\"].map(edge => getOriginalBindingIfStillCloseOfLinearElementEdge(linearElement, edge, elementsMap, zoom));\n\nconst getBindingStrategyForDraggingArrowEndpoints = (selectedElement, isBindingEnabled, draggingPoints, elementsMap, elements, zoom) => {\n  const startIdx = 0;\n  const endIdx = selectedElement.points.length - 1;\n  const startDragged = draggingPoints.findIndex(i => i === startIdx) > -1;\n  const endDragged = draggingPoints.findIndex(i => i === endIdx) > -1;\n  const start = startDragged ? isBindingEnabled ? getElligibleElementForBindingElement(selectedElement, \"start\", elementsMap, elements, zoom) : null // If binding is disabled and start is dragged, break all binds\n  : !(0,_typeChecks__WEBPACK_IMPORTED_MODULE_10__.isElbowArrow)(selectedElement) ? // We have to update the focus and gap of the binding, so let's rebind\n  getElligibleElementForBindingElement(selectedElement, \"start\", elementsMap, elements, zoom) : \"keep\";\n  const end = endDragged ? isBindingEnabled ? getElligibleElementForBindingElement(selectedElement, \"end\", elementsMap, elements, zoom) : null // If binding is disabled and end is dragged, break all binds\n  : !(0,_typeChecks__WEBPACK_IMPORTED_MODULE_10__.isElbowArrow)(selectedElement) ? // We have to update the focus and gap of the binding, so let's rebind\n  getElligibleElementForBindingElement(selectedElement, \"end\", elementsMap, elements, zoom) : \"keep\";\n  return [start, end];\n};\n\nconst getBindingStrategyForDraggingArrowOrJoints = (selectedElement, elementsMap, elements, isBindingEnabled, zoom) => {\n  // Elbow arrows don't bind when dragged as a whole\n  if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_10__.isElbowArrow)(selectedElement)) {\n    return [\"keep\", \"keep\"];\n  }\n\n  const [startIsClose, endIsClose] = getOriginalBindingsIfStillCloseToArrowEnds(selectedElement, elementsMap, zoom);\n  const start = startIsClose ? isBindingEnabled ? getElligibleElementForBindingElement(selectedElement, \"start\", elementsMap, elements, zoom) : null : null;\n  const end = endIsClose ? isBindingEnabled ? getElligibleElementForBindingElement(selectedElement, \"end\", elementsMap, elements, zoom) : null : null;\n  return [start, end];\n};\n\nconst bindOrUnbindLinearElements = (selectedElements, elementsMap, elements, scene, isBindingEnabled, draggingPoints, zoom) => {\n  selectedElements.forEach(selectedElement => {\n    const [start, end] = (draggingPoints === null || draggingPoints === void 0 ? void 0 : draggingPoints.length) ? // The arrow edge points are dragged (i.e. start, end)\n    getBindingStrategyForDraggingArrowEndpoints(selectedElement, isBindingEnabled, draggingPoints !== null && draggingPoints !== void 0 ? draggingPoints : [], elementsMap, elements, zoom) : // The arrow itself (the shaft) or the inner joins are dragged\n    getBindingStrategyForDraggingArrowOrJoints(selectedElement, elementsMap, elements, isBindingEnabled, zoom);\n    bindOrUnbindLinearElement(selectedElement, start, end, elementsMap, scene);\n  });\n};\nconst getSuggestedBindingsForArrows = (selectedElements, elementsMap, zoom) => {\n  // HOT PATH: Bail out if selected elements list is too large\n  if (selectedElements.length > 50) {\n    return [];\n  }\n\n  return selectedElements.filter(_typeChecks__WEBPACK_IMPORTED_MODULE_10__.isLinearElement).flatMap(element => getOriginalBindingsIfStillCloseToArrowEnds(element, elementsMap, zoom)).filter(element => element !== null) // Filter out bind candidates which are in the\n  // same selection / group with the arrow\n  //\n  // TODO: Is it worth turning the list into a set to avoid dupes?\n  .filter(element => selectedElements.filter(selected => selected.id === (element === null || element === void 0 ? void 0 : element.id)).length === 0);\n};\nconst maybeBindLinearElement = (linearElement, appState, pointerCoords, elementsMap, elements) => {\n  if (appState.startBoundElement != null) {\n    bindLinearElement(linearElement, appState.startBoundElement, \"start\", elementsMap);\n  }\n\n  const hoveredElement = getHoveredElementForBinding(pointerCoords, elements, elementsMap, appState.zoom, (0,_typeChecks__WEBPACK_IMPORTED_MODULE_10__.isElbowArrow)(linearElement), (0,_typeChecks__WEBPACK_IMPORTED_MODULE_10__.isElbowArrow)(linearElement));\n\n  if (hoveredElement !== null) {\n    if (!isLinearElementSimpleAndAlreadyBoundOnOppositeEdge(linearElement, hoveredElement, \"end\")) {\n      bindLinearElement(linearElement, hoveredElement, \"end\", elementsMap);\n    }\n  }\n};\n\nconst normalizePointBinding = (binding, hoveredElement) => {\n  let gap = binding.gap;\n  const maxGap = maxBindingGap(hoveredElement, hoveredElement.width, hoveredElement.height);\n\n  if (gap > maxGap) {\n    gap = BINDING_HIGHLIGHT_THICKNESS + BINDING_HIGHLIGHT_OFFSET;\n  }\n\n  return Object.assign(Object.assign({}, binding), {\n    gap\n  });\n};\n\nconst bindLinearElement = (linearElement, hoveredElement, startOrEnd, elementsMap) => {\n  if (!(0,_typeChecks__WEBPACK_IMPORTED_MODULE_10__.isArrowElement)(linearElement)) {\n    return;\n  }\n\n  let binding = Object.assign({\n    elementId: hoveredElement.id\n  }, normalizePointBinding(calculateFocusAndGap(linearElement, hoveredElement, startOrEnd, elementsMap), hoveredElement));\n\n  if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_10__.isElbowArrow)(linearElement)) {\n    binding = Object.assign(Object.assign({}, binding), calculateFixedPointForElbowArrowBinding(linearElement, hoveredElement, startOrEnd, elementsMap));\n  }\n\n  (0,_mutateElement__WEBPACK_IMPORTED_MODULE_8__.mutateElement)(linearElement, {\n    [startOrEnd === \"start\" ? \"startBinding\" : \"endBinding\"]: binding\n  });\n  const boundElementsMap = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.arrayToMap)(hoveredElement.boundElements || []);\n\n  if (!boundElementsMap.has(linearElement.id)) {\n    (0,_mutateElement__WEBPACK_IMPORTED_MODULE_8__.mutateElement)(hoveredElement, {\n      boundElements: (hoveredElement.boundElements || []).concat({\n        id: linearElement.id,\n        type: \"arrow\"\n      })\n    });\n  }\n}; // Don't bind both ends of a simple segment\n\nconst isLinearElementSimpleAndAlreadyBoundOnOppositeEdge = (linearElement, bindableElement, startOrEnd) => {\n  const otherBinding = linearElement[startOrEnd === \"start\" ? \"endBinding\" : \"startBinding\"];\n  return isLinearElementSimpleAndAlreadyBound(linearElement, otherBinding === null || otherBinding === void 0 ? void 0 : otherBinding.elementId, bindableElement);\n};\n\nconst isLinearElementSimpleAndAlreadyBound = (linearElement, alreadyBoundToId, bindableElement) => {\n  return alreadyBoundToId === bindableElement.id && isLinearElementSimple(linearElement);\n};\n\nconst isLinearElementSimple = linearElement => linearElement.points.length < 3;\n\nconst unbindLinearElement = (linearElement, startOrEnd) => {\n  const field = startOrEnd === \"start\" ? \"startBinding\" : \"endBinding\";\n  const binding = linearElement[field];\n\n  if (binding == null) {\n    return null;\n  }\n\n  (0,_mutateElement__WEBPACK_IMPORTED_MODULE_8__.mutateElement)(linearElement, {\n    [field]: null\n  });\n  return binding.elementId;\n};\n\nconst getHoveredElementForBinding = (pointerCoords, elements, elementsMap, zoom, fullShape, considerAllElements) => {\n  if (considerAllElements) {\n    let cullRest = false;\n    const candidateElements = getAllElementsAtPositionForBinding(elements, element => (0,_typeChecks__WEBPACK_IMPORTED_MODULE_10__.isBindableElement)(element, false) && bindingBorderTest(element, pointerCoords, elementsMap, zoom, (fullShape || !(0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.isBindingFallthroughEnabled)(element)) && // disable fullshape snapping for frame elements so we\n    // can bind to frame children\n    !(0,_typeChecks__WEBPACK_IMPORTED_MODULE_10__.isFrameLikeElement)(element))).filter(element => {\n      if (cullRest) {\n        return false;\n      }\n\n      if (!(0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.isBindingFallthroughEnabled)(element)) {\n        cullRest = true;\n      }\n\n      return true;\n    }); // Return early if there are no candidates or just one candidate\n\n    if (!candidateElements || candidateElements.length === 0) {\n      return null;\n    }\n\n    if (candidateElements.length === 1) {\n      return candidateElements[0];\n    } // Prefer the shape with the border being tested (if any)\n\n\n    const borderTestElements = candidateElements.filter(element => bindingBorderTest(element, pointerCoords, elementsMap, zoom, false));\n\n    if (borderTestElements.length === 1) {\n      return borderTestElements[0];\n    } // Prefer smaller shapes\n\n\n    return candidateElements.sort((a, b) => b.width ** 2 + b.height ** 2 - (a.width ** 2 + a.height ** 2)).pop();\n  }\n\n  const hoveredElement = getElementAtPositionForBinding(elements, element => (0,_typeChecks__WEBPACK_IMPORTED_MODULE_10__.isBindableElement)(element, false) && bindingBorderTest(element, pointerCoords, elementsMap, zoom, // disable fullshape snapping for frame elements so we\n  // can bind to frame children\n  (fullShape || !(0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.isBindingFallthroughEnabled)(element)) && !(0,_typeChecks__WEBPACK_IMPORTED_MODULE_10__.isFrameLikeElement)(element)));\n  return hoveredElement;\n};\n\nconst getElementAtPositionForBinding = (elements, isAtPositionFn) => {\n  let hitElement = null; // We need to to hit testing from front (end of the array) to back (beginning of the array)\n  // because array is ordered from lower z-index to highest and we want element z-index\n  // with higher z-index\n\n  for (let index = elements.length - 1; index >= 0; --index) {\n    const element = elements[index];\n\n    if (element.isDeleted) {\n      continue;\n    }\n\n    if (isAtPositionFn(element)) {\n      hitElement = element;\n      break;\n    }\n  }\n\n  return hitElement;\n};\n\nconst getAllElementsAtPositionForBinding = (elements, isAtPositionFn) => {\n  const elementsAtPosition = []; // We need to to hit testing from front (end of the array) to back (beginning of the array)\n  // because array is ordered from lower z-index to highest and we want element z-index\n  // with higher z-index\n\n  for (let index = elements.length - 1; index >= 0; --index) {\n    const element = elements[index];\n\n    if (element.isDeleted) {\n      continue;\n    }\n\n    if (isAtPositionFn(element)) {\n      elementsAtPosition.push(element);\n    }\n  }\n\n  return elementsAtPosition;\n};\n\nconst calculateFocusAndGap = (linearElement, hoveredElement, startOrEnd, elementsMap) => {\n  const direction = startOrEnd === \"start\" ? -1 : 1;\n  const edgePointIndex = direction === -1 ? 0 : linearElement.points.length - 1;\n  const adjacentPointIndex = edgePointIndex - direction;\n  const edgePoint = _linearElementEditor__WEBPACK_IMPORTED_MODULE_7__.LinearElementEditor.getPointAtIndexGlobalCoordinates(linearElement, edgePointIndex, elementsMap);\n  const adjacentPoint = _linearElementEditor__WEBPACK_IMPORTED_MODULE_7__.LinearElementEditor.getPointAtIndexGlobalCoordinates(linearElement, adjacentPointIndex, elementsMap);\n  return {\n    focus: determineFocusDistance(hoveredElement, adjacentPoint, edgePoint),\n    gap: Math.max(1, (0,_distance__WEBPACK_IMPORTED_MODULE_5__.distanceToBindableElement)(hoveredElement, edgePoint))\n  };\n}; // Supports translating, rotating and scaling `changedElement` with bound\n// linear elements.\n// Because scaling involves moving the focus points as well, it is\n// done before the `changedElement` is updated, and the `newSize` is passed\n// in explicitly.\n\n\nconst updateBoundElements = (changedElement, elementsMap, options) => {\n  const {\n    newSize,\n    simultaneouslyUpdated\n  } = options !== null && options !== void 0 ? options : {};\n  const simultaneouslyUpdatedElementIds = getSimultaneouslyUpdatedElementIds(simultaneouslyUpdated);\n\n  if (!(0,_typeChecks__WEBPACK_IMPORTED_MODULE_10__.isBindableElement)(changedElement)) {\n    return;\n  }\n\n  boundElementsVisitor(elementsMap, changedElement, element => {\n    var _a, _b;\n\n    if (!(0,_typeChecks__WEBPACK_IMPORTED_MODULE_10__.isLinearElement)(element) || element.isDeleted) {\n      return;\n    } // In case the boundElements are stale\n\n\n    if (!doesNeedUpdate(element, changedElement)) {\n      return;\n    } // Check for intersections before updating bound elements incase connected elements overlap\n\n\n    const startBindingElement = element.startBinding ? elementsMap.get(element.startBinding.elementId) : null;\n    const endBindingElement = element.endBinding ? elementsMap.get(element.endBinding.elementId) : null;\n    let startBounds = null;\n    let endBounds = null;\n\n    if (startBindingElement && endBindingElement) {\n      startBounds = (0,_bounds__WEBPACK_IMPORTED_MODULE_3__.getElementBounds)(startBindingElement, elementsMap);\n      endBounds = (0,_bounds__WEBPACK_IMPORTED_MODULE_3__.getElementBounds)(endBindingElement, elementsMap);\n    }\n\n    const bindings = {\n      startBinding: maybeCalculateNewGapWhenScaling(changedElement, element.startBinding, newSize),\n      endBinding: maybeCalculateNewGapWhenScaling(changedElement, element.endBinding, newSize)\n    }; // `linearElement` is being moved/scaled already, just update the binding\n\n    if (simultaneouslyUpdatedElementIds.has(element.id)) {\n      (0,_mutateElement__WEBPACK_IMPORTED_MODULE_8__.mutateElement)(element, bindings, true);\n      return;\n    }\n\n    const updates = bindableElementsVisitor(elementsMap, element, (bindableElement, bindingProp) => {\n      var _a, _b;\n\n      if (bindableElement && (0,_typeChecks__WEBPACK_IMPORTED_MODULE_10__.isBindableElement)(bindableElement) && (bindingProp === \"startBinding\" || bindingProp === \"endBinding\") && (changedElement.id === ((_a = element[bindingProp]) === null || _a === void 0 ? void 0 : _a.elementId) || changedElement.id === ((_b = element[bindingProp === \"startBinding\" ? \"endBinding\" : \"startBinding\"]) === null || _b === void 0 ? void 0 : _b.elementId) && !(0,_bounds__WEBPACK_IMPORTED_MODULE_3__.doBoundsIntersect)(startBounds, endBounds))) {\n        const point = updateBoundPoint(element, bindingProp, bindings[bindingProp], bindableElement, elementsMap);\n\n        if (point) {\n          return {\n            index: bindingProp === \"startBinding\" ? 0 : element.points.length - 1,\n            point\n          };\n        }\n      }\n\n      return null;\n    }).filter(update => update !== null);\n    _linearElementEditor__WEBPACK_IMPORTED_MODULE_7__.LinearElementEditor.movePoints(element, updates, Object.assign(Object.assign({}, changedElement.id === ((_a = element.startBinding) === null || _a === void 0 ? void 0 : _a.elementId) ? {\n      startBinding: bindings.startBinding\n    } : {}), changedElement.id === ((_b = element.endBinding) === null || _b === void 0 ? void 0 : _b.elementId) ? {\n      endBinding: bindings.endBinding\n    } : {}), elementsMap);\n    const boundText = (0,_textElement__WEBPACK_IMPORTED_MODULE_9__.getBoundTextElement)(element, elementsMap);\n\n    if (boundText && !boundText.isDeleted) {\n      (0,_textElement__WEBPACK_IMPORTED_MODULE_9__.handleBindTextResize)(element, elementsMap, false);\n    }\n  });\n};\n\nconst doesNeedUpdate = (boundElement, changedElement) => {\n  var _a, _b;\n\n  return ((_a = boundElement.startBinding) === null || _a === void 0 ? void 0 : _a.elementId) === changedElement.id || ((_b = boundElement.endBinding) === null || _b === void 0 ? void 0 : _b.elementId) === changedElement.id;\n};\n\nconst getSimultaneouslyUpdatedElementIds = simultaneouslyUpdated => {\n  return new Set((simultaneouslyUpdated || []).map(element => element.id));\n};\n\nconst getHeadingForElbowArrowSnap = (p, otherPoint, bindableElement, aabb, elementsMap, origPoint, zoom) => {\n  const otherPointHeading = (0,_heading__WEBPACK_IMPORTED_MODULE_6__.vectorToHeading)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorFromPoint)(otherPoint, p));\n\n  if (!bindableElement || !aabb) {\n    return otherPointHeading;\n  }\n\n  const distance = getDistanceForBinding(origPoint, bindableElement, elementsMap, zoom);\n\n  if (!distance) {\n    return (0,_heading__WEBPACK_IMPORTED_MODULE_6__.vectorToHeading)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorFromPoint)(p, (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.elementCenterPoint)(bindableElement)));\n  }\n\n  return (0,_heading__WEBPACK_IMPORTED_MODULE_6__.headingForPointFromElement)(bindableElement, aabb, p);\n};\n\nconst getDistanceForBinding = (point, bindableElement, elementsMap, zoom) => {\n  const distance = (0,_distance__WEBPACK_IMPORTED_MODULE_5__.distanceToBindableElement)(bindableElement, point);\n  const bindDistance = maxBindingGap(bindableElement, bindableElement.width, bindableElement.height, zoom);\n  return distance > bindDistance ? null : distance;\n};\n\nconst bindPointToSnapToElementOutline = (arrow, bindableElement, startOrEnd) => {\n  var _a;\n\n  if ((0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.isDevEnv)() || (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.isTestEnv)()) {\n    (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.invariant)(arrow.points.length > 1, \"Arrow should have at least 2 points\");\n  }\n\n  const aabb = (0,_shapes__WEBPACK_IMPORTED_MODULE_11__.aabbForElement)(bindableElement);\n  const localP = arrow.points[startOrEnd === \"start\" ? 0 : arrow.points.length - 1];\n  const globalP = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(arrow.x + localP[0], arrow.y + localP[1]);\n  const edgePoint = (0,_typeChecks__WEBPACK_IMPORTED_MODULE_10__.isRectanguloidElement)(bindableElement) ? avoidRectangularCorner(bindableElement, globalP) : globalP;\n  const elbowed = (0,_typeChecks__WEBPACK_IMPORTED_MODULE_10__.isElbowArrow)(arrow);\n  const center = (0,_bounds__WEBPACK_IMPORTED_MODULE_3__.getCenterForBounds)(aabb);\n  const adjacentPointIdx = startOrEnd === \"start\" ? 1 : arrow.points.length - 2;\n  const adjacentPoint = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(arrow.x + arrow.points[adjacentPointIdx][0], arrow.y + arrow.points[adjacentPointIdx][1]), center, (_a = arrow.angle) !== null && _a !== void 0 ? _a : 0);\n  let intersection = null;\n\n  if (elbowed) {\n    const isHorizontal = (0,_heading__WEBPACK_IMPORTED_MODULE_6__.headingIsHorizontal)((0,_heading__WEBPACK_IMPORTED_MODULE_6__.headingForPointFromElement)(bindableElement, aabb, globalP));\n    const otherPoint = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(isHorizontal ? center[0] : edgePoint[0], !isHorizontal ? center[1] : edgePoint[1]);\n    intersection = (0,_collision__WEBPACK_IMPORTED_MODULE_4__.intersectElementWithLineSegment)(bindableElement, (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.lineSegment)(otherPoint, (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFromVector)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorScale)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorNormalize)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorFromPoint)(edgePoint, otherPoint)), Math.max(bindableElement.width, bindableElement.height) * 2), otherPoint)))[0];\n  } else {\n    intersection = (0,_collision__WEBPACK_IMPORTED_MODULE_4__.intersectElementWithLineSegment)(bindableElement, (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.lineSegment)(adjacentPoint, (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFromVector)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorScale)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorNormalize)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorFromPoint)(edgePoint, adjacentPoint)), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointDistance)(edgePoint, adjacentPoint) + Math.max(bindableElement.width, bindableElement.height) * 2), adjacentPoint)), FIXED_BINDING_DISTANCE).sort((g, h) => (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointDistanceSq)(g, adjacentPoint) - (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointDistanceSq)(h, adjacentPoint))[0];\n  }\n\n  if (!intersection || // Too close to determine vector from intersection to edgePoint\n  (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointDistanceSq)(edgePoint, intersection) < _excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.PRECISION) {\n    return edgePoint;\n  }\n\n  if (elbowed) {\n    const scalar = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointDistanceSq)(edgePoint, center) - (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointDistanceSq)(intersection, center) > 0 ? FIXED_BINDING_DISTANCE : -FIXED_BINDING_DISTANCE;\n    return (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFromVector)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorScale)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorNormalize)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorFromPoint)(edgePoint, intersection)), scalar), intersection);\n  }\n\n  return edgePoint;\n};\nconst avoidRectangularCorner = (element, p) => {\n  const center = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.elementCenterPoint)(element);\n  const nonRotatedPoint = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointRotateRads)(p, center, -element.angle);\n\n  if (nonRotatedPoint[0] < element.x && nonRotatedPoint[1] < element.y) {\n    // Top left\n    if (nonRotatedPoint[1] - element.y > -FIXED_BINDING_DISTANCE) {\n      return (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(element.x - FIXED_BINDING_DISTANCE, element.y), center, element.angle);\n    }\n\n    return (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(element.x, element.y - FIXED_BINDING_DISTANCE), center, element.angle);\n  } else if (nonRotatedPoint[0] < element.x && nonRotatedPoint[1] > element.y + element.height) {\n    // Bottom left\n    if (nonRotatedPoint[0] - element.x > -FIXED_BINDING_DISTANCE) {\n      return (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(element.x, element.y + element.height + FIXED_BINDING_DISTANCE), center, element.angle);\n    }\n\n    return (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(element.x - FIXED_BINDING_DISTANCE, element.y + element.height), center, element.angle);\n  } else if (nonRotatedPoint[0] > element.x + element.width && nonRotatedPoint[1] > element.y + element.height) {\n    // Bottom right\n    if (nonRotatedPoint[0] - element.x < element.width + FIXED_BINDING_DISTANCE) {\n      return (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(element.x + element.width, element.y + element.height + FIXED_BINDING_DISTANCE), center, element.angle);\n    }\n\n    return (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(element.x + element.width + FIXED_BINDING_DISTANCE, element.y + element.height), center, element.angle);\n  } else if (nonRotatedPoint[0] > element.x + element.width && nonRotatedPoint[1] < element.y) {\n    // Top right\n    if (nonRotatedPoint[0] - element.x < element.width + FIXED_BINDING_DISTANCE) {\n      return (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(element.x + element.width, element.y - FIXED_BINDING_DISTANCE), center, element.angle);\n    }\n\n    return (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(element.x + element.width + FIXED_BINDING_DISTANCE, element.y), center, element.angle);\n  }\n\n  return p;\n};\nconst snapToMid = (element, p, tolerance = 0.05) => {\n  const {\n    x,\n    y,\n    width,\n    height,\n    angle\n  } = element;\n  const center = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.elementCenterPoint)(element, -0.1, -0.1);\n  const nonRotated = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointRotateRads)(p, center, -angle); // snap-to-center point is adaptive to element size, but we don't want to go\n  // above and below certain px distance\n\n  const verticalThrehsold = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.clamp)(tolerance * height, 5, 80);\n  const horizontalThrehsold = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.clamp)(tolerance * width, 5, 80);\n\n  if (nonRotated[0] <= x + width / 2 && nonRotated[1] > center[1] - verticalThrehsold && nonRotated[1] < center[1] + verticalThrehsold) {\n    // LEFT\n    return (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(x - FIXED_BINDING_DISTANCE, center[1]), center, angle);\n  } else if (nonRotated[1] <= y + height / 2 && nonRotated[0] > center[0] - horizontalThrehsold && nonRotated[0] < center[0] + horizontalThrehsold) {\n    // TOP\n    return (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(center[0], y - FIXED_BINDING_DISTANCE), center, angle);\n  } else if (nonRotated[0] >= x + width / 2 && nonRotated[1] > center[1] - verticalThrehsold && nonRotated[1] < center[1] + verticalThrehsold) {\n    // RIGHT\n    return (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(x + width + FIXED_BINDING_DISTANCE, center[1]), center, angle);\n  } else if (nonRotated[1] >= y + height / 2 && nonRotated[0] > center[0] - horizontalThrehsold && nonRotated[0] < center[0] + horizontalThrehsold) {\n    // DOWN\n    return (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(center[0], y + height + FIXED_BINDING_DISTANCE), center, angle);\n  }\n\n  return p;\n};\n\nconst updateBoundPoint = (linearElement, startOrEnd, binding, bindableElement, elementsMap) => {\n  var _a;\n\n  if (binding == null || // We only need to update the other end if this is a 2 point line element\n  binding.elementId !== bindableElement.id && linearElement.points.length > 2) {\n    return null;\n  }\n\n  const direction = startOrEnd === \"startBinding\" ? -1 : 1;\n  const edgePointIndex = direction === -1 ? 0 : linearElement.points.length - 1;\n\n  if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_10__.isElbowArrow)(linearElement) && (0,_typeChecks__WEBPACK_IMPORTED_MODULE_10__.isFixedPointBinding)(binding)) {\n    const fixedPoint = (_a = normalizeFixedPoint(binding.fixedPoint)) !== null && _a !== void 0 ? _a : calculateFixedPointForElbowArrowBinding(linearElement, bindableElement, startOrEnd === \"startBinding\" ? \"start\" : \"end\", elementsMap).fixedPoint;\n    const globalMidPoint = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.elementCenterPoint)(bindableElement);\n    const global = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(bindableElement.x + fixedPoint[0] * bindableElement.width, bindableElement.y + fixedPoint[1] * bindableElement.height);\n    const rotatedGlobal = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointRotateRads)(global, globalMidPoint, bindableElement.angle);\n    return _linearElementEditor__WEBPACK_IMPORTED_MODULE_7__.LinearElementEditor.pointFromAbsoluteCoords(linearElement, rotatedGlobal, elementsMap);\n  }\n\n  const adjacentPointIndex = edgePointIndex - direction;\n  const adjacentPoint = _linearElementEditor__WEBPACK_IMPORTED_MODULE_7__.LinearElementEditor.getPointAtIndexGlobalCoordinates(linearElement, adjacentPointIndex, elementsMap);\n  const focusPointAbsolute = determineFocusPoint(bindableElement, binding.focus, adjacentPoint);\n  let newEdgePoint; // The linear element was not originally pointing inside the bound shape,\n  // we can point directly at the focus point\n\n  if (binding.gap === 0) {\n    newEdgePoint = focusPointAbsolute;\n  } else {\n    const edgePointAbsolute = _linearElementEditor__WEBPACK_IMPORTED_MODULE_7__.LinearElementEditor.getPointAtIndexGlobalCoordinates(linearElement, edgePointIndex, elementsMap);\n    const center = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.elementCenterPoint)(bindableElement);\n    const interceptorLength = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointDistance)(adjacentPoint, edgePointAbsolute) + (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointDistance)(adjacentPoint, center) + Math.max(bindableElement.width, bindableElement.height) * 2;\n    const intersections = [...(0,_collision__WEBPACK_IMPORTED_MODULE_4__.intersectElementWithLineSegment)(bindableElement, (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.lineSegment)(adjacentPoint, (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFromVector)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorScale)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorNormalize)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorFromPoint)(focusPointAbsolute, adjacentPoint)), interceptorLength), adjacentPoint)), binding.gap).sort((g, h) => (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointDistanceSq)(g, adjacentPoint) - (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointDistanceSq)(h, adjacentPoint)), // Fallback when arrow doesn't point to the shape\n    (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFromVector)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorScale)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorNormalize)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorFromPoint)(focusPointAbsolute, adjacentPoint)), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointDistance)(adjacentPoint, edgePointAbsolute)), adjacentPoint)];\n\n    if (intersections.length > 1) {\n      // The adjacent point is outside the shape (+ gap)\n      newEdgePoint = intersections[0];\n    } else if (intersections.length === 1) {\n      // The adjacent point is inside the shape (+ gap)\n      newEdgePoint = focusPointAbsolute;\n    } else {\n      // Shouldn't happend, but just in case\n      newEdgePoint = edgePointAbsolute;\n    }\n  }\n\n  return _linearElementEditor__WEBPACK_IMPORTED_MODULE_7__.LinearElementEditor.pointFromAbsoluteCoords(linearElement, newEdgePoint, elementsMap);\n};\n\nconst calculateFixedPointForElbowArrowBinding = (linearElement, hoveredElement, startOrEnd, elementsMap) => {\n  const bounds = [hoveredElement.x, hoveredElement.y, hoveredElement.x + hoveredElement.width, hoveredElement.y + hoveredElement.height];\n  const snappedPoint = bindPointToSnapToElementOutline(linearElement, hoveredElement, startOrEnd);\n  const globalMidPoint = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(bounds[0] + (bounds[2] - bounds[0]) / 2, bounds[1] + (bounds[3] - bounds[1]) / 2);\n  const nonRotatedSnappedGlobalPoint = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointRotateRads)(snappedPoint, globalMidPoint, -hoveredElement.angle);\n  return {\n    fixedPoint: normalizeFixedPoint([(nonRotatedSnappedGlobalPoint[0] - hoveredElement.x) / hoveredElement.width, (nonRotatedSnappedGlobalPoint[1] - hoveredElement.y) / hoveredElement.height])\n  };\n};\n\nconst maybeCalculateNewGapWhenScaling = (changedElement, currentBinding, newSize) => {\n  if (currentBinding == null || newSize == null) {\n    return currentBinding;\n  }\n\n  const {\n    width: newWidth,\n    height: newHeight\n  } = newSize;\n  const {\n    width,\n    height\n  } = changedElement;\n  const newGap = Math.max(1, Math.min(maxBindingGap(changedElement, newWidth, newHeight), currentBinding.gap * (newWidth < newHeight ? newWidth / width : newHeight / height)));\n  return Object.assign(Object.assign({}, currentBinding), {\n    gap: newGap\n  });\n};\n\nconst getElligibleElementForBindingElement = (linearElement, startOrEnd, elementsMap, elements, zoom) => {\n  return getHoveredElementForBinding(getLinearElementEdgeCoors(linearElement, startOrEnd, elementsMap), elements, elementsMap, zoom, (0,_typeChecks__WEBPACK_IMPORTED_MODULE_10__.isElbowArrow)(linearElement), (0,_typeChecks__WEBPACK_IMPORTED_MODULE_10__.isElbowArrow)(linearElement));\n};\n\nconst getLinearElementEdgeCoors = (linearElement, startOrEnd, elementsMap) => {\n  const index = startOrEnd === \"start\" ? 0 : -1;\n  return (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.tupleToCoors)(_linearElementEditor__WEBPACK_IMPORTED_MODULE_7__.LinearElementEditor.getPointAtIndexGlobalCoordinates(linearElement, index, elementsMap));\n};\n\nconst fixDuplicatedBindingsAfterDuplication = (duplicatedElements, origIdToDuplicateId, duplicateElementsMap) => {\n  var _a;\n\n  for (const duplicateElement of duplicatedElements) {\n    if (\"boundElements\" in duplicateElement && duplicateElement.boundElements) {\n      Object.assign(duplicateElement, {\n        boundElements: duplicateElement.boundElements.reduce((acc, binding) => {\n          const newBindingId = origIdToDuplicateId.get(binding.id);\n\n          if (newBindingId) {\n            acc.push(Object.assign(Object.assign({}, binding), {\n              id: newBindingId\n            }));\n          }\n\n          return acc;\n        }, [])\n      });\n    }\n\n    if (\"containerId\" in duplicateElement && duplicateElement.containerId) {\n      Object.assign(duplicateElement, {\n        containerId: (_a = origIdToDuplicateId.get(duplicateElement.containerId)) !== null && _a !== void 0 ? _a : null\n      });\n    }\n\n    if (\"endBinding\" in duplicateElement && duplicateElement.endBinding) {\n      const newEndBindingId = origIdToDuplicateId.get(duplicateElement.endBinding.elementId);\n      Object.assign(duplicateElement, {\n        endBinding: newEndBindingId ? Object.assign(Object.assign({}, duplicateElement.endBinding), {\n          elementId: newEndBindingId\n        }) : null\n      });\n    }\n\n    if (\"startBinding\" in duplicateElement && duplicateElement.startBinding) {\n      const newEndBindingId = origIdToDuplicateId.get(duplicateElement.startBinding.elementId);\n      Object.assign(duplicateElement, {\n        startBinding: newEndBindingId ? Object.assign(Object.assign({}, duplicateElement.startBinding), {\n          elementId: newEndBindingId\n        }) : null\n      });\n    }\n\n    if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_10__.isElbowArrow)(duplicateElement)) {\n      Object.assign(duplicateElement, (0,_elbowArrow__WEBPACK_IMPORTED_MODULE_12__.updateElbowArrowPoints)(duplicateElement, duplicateElementsMap, {\n        points: [duplicateElement.points[0], duplicateElement.points[duplicateElement.points.length - 1]]\n      }));\n    }\n  }\n};\nconst fixBindingsAfterDeletion = (sceneElements, deletedElements) => {\n  const elements = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.arrayToMap)(sceneElements);\n\n  for (const element of deletedElements) {\n    BoundElement.unbindAffected(elements, element, _mutateElement__WEBPACK_IMPORTED_MODULE_8__.mutateElement);\n    BindableElement.unbindAffected(elements, element, _mutateElement__WEBPACK_IMPORTED_MODULE_8__.mutateElement);\n  }\n};\n\nconst newBoundElements = (boundElements, idsToRemove, elementsToAdd = []) => {\n  if (!boundElements) {\n    return null;\n  }\n\n  const nextBoundElements = boundElements.filter(boundElement => !idsToRemove.has(boundElement.id));\n  nextBoundElements.push(...elementsToAdd.map(x => ({\n    id: x.id,\n    type: x.type\n  })));\n  return nextBoundElements;\n};\n\nconst bindingBorderTest = (element, {\n  x,\n  y\n}, elementsMap, zoom, fullShape) => {\n  const threshold = maxBindingGap(element, element.width, element.height, zoom);\n  const shape = (0,_shapes__WEBPACK_IMPORTED_MODULE_11__.getElementShape)(element, elementsMap);\n  return (0,_excalidraw_utils_collision__WEBPACK_IMPORTED_MODULE_2__.isPointOnShape)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(x, y), shape, threshold) || fullShape === true && (0,_shapes__WEBPACK_IMPORTED_MODULE_11__.pointInsideBounds)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(x, y), (0,_shapes__WEBPACK_IMPORTED_MODULE_11__.aabbForElement)(element));\n};\nconst maxBindingGap = (element, elementWidth, elementHeight, zoom) => {\n  const zoomValue = (zoom === null || zoom === void 0 ? void 0 : zoom.value) && zoom.value < 1 ? zoom.value : 1; // Aligns diamonds with rectangles\n\n  const shapeRatio = element.type === \"diamond\" ? 1 / Math.sqrt(2) : 1;\n  const smallerDimension = shapeRatio * Math.min(elementWidth, elementHeight);\n  return Math.max(16, // bigger bindable boundary for bigger elements\n  Math.min(0.25 * smallerDimension, 32), // keep in sync with the zoomed highlight\n  BINDING_HIGHLIGHT_THICKNESS / zoomValue + BINDING_HIGHLIGHT_OFFSET);\n}; // The focus distance is the oriented ratio between the size of\n// the `element` and the \"focus image\" of the element on which\n// all focus points lie, so it's a number between -1 and 1.\n// The line going through `a` and `b` is a tangent to the \"focus image\"\n// of the element.\n\nconst determineFocusDistance = ( //zsviczian added export\nelement, // Point on the line, in absolute coordinates\na, // Another point on the line, in absolute coordinates (closer to element)\nb) => {\n  var _a;\n\n  const center = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.elementCenterPoint)(element);\n\n  if ((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointsEqual)(a, b)) {\n    return 0;\n  }\n\n  const rotatedA = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointRotateRads)(a, center, -element.angle);\n  const rotatedB = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointRotateRads)(b, center, -element.angle);\n  const sign = Math.sign((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorCross)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorFromPoint)(rotatedB, a), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorFromPoint)(rotatedB, center))) * -1;\n  const rotatedInterceptor = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.lineSegment)(rotatedB, (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFromVector)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorScale)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorNormalize)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorFromPoint)(rotatedB, rotatedA)), Math.max(element.width * 2, element.height * 2)), rotatedB));\n  const axes = element.type === \"diamond\" ? [(0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.lineSegment)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(element.x + element.width / 2, element.y), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(element.x + element.width / 2, element.y + element.height)), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.lineSegment)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(element.x, element.y + element.height / 2), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(element.x + element.width, element.y + element.height / 2))] : [(0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.lineSegment)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(element.x, element.y), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(element.x + element.width, element.y + element.height)), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.lineSegment)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(element.x + element.width, element.y), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(element.x, element.y + element.height))];\n  const interceptees = element.type === \"diamond\" ? [(0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.lineSegment)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(element.x + element.width / 2, element.y - element.height), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(element.x + element.width / 2, element.y + element.height * 2)), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.lineSegment)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(element.x - element.width, element.y + element.height / 2), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(element.x + element.width * 2, element.y + element.height / 2))] : [(0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.lineSegment)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(element.x - element.width, element.y - element.height), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(element.x + element.width * 2, element.y + element.height * 2)), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.lineSegment)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(element.x + element.width * 2, element.y - element.height), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(element.x - element.width, element.y + element.height * 2))];\n  const ordered = [(0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.lineSegmentIntersectionPoints)(rotatedInterceptor, interceptees[0]), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.lineSegmentIntersectionPoints)(rotatedInterceptor, interceptees[1])].filter(p => p !== null).sort((g, h) => (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointDistanceSq)(g, b) - (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointDistanceSq)(h, b)).map((p, idx) => sign * (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointDistance)(center, p) / (element.type === \"diamond\" ? (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointDistance)(axes[idx][0], axes[idx][1]) / 2 : Math.sqrt(element.width ** 2 + element.height ** 2) / 2)).sort((g, h) => Math.abs(g) - Math.abs(h));\n  const signedDistanceRatio = (_a = ordered[0]) !== null && _a !== void 0 ? _a : 0;\n  return signedDistanceRatio;\n};\n\nconst determineFocusPoint = (element, // The oriented, relative distance from the center of `element` of the\n// returned focusPoint\nfocus, adjacentPoint) => {\n  const center = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.elementCenterPoint)(element);\n\n  if (focus === 0) {\n    return center;\n  }\n\n  const candidates = (element.type === \"diamond\" ? [(0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(element.x, element.y + element.height / 2), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(element.x + element.width / 2, element.y), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(element.x + element.width, element.y + element.height / 2), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(element.x + element.width / 2, element.y + element.height)] : [(0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(element.x, element.y), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(element.x + element.width, element.y), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(element.x + element.width, element.y + element.height), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(element.x, element.y + element.height)]).map(p => (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFromVector)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorScale)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorFromPoint)(p, center), Math.abs(focus)), center)).map(p => (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointRotateRads)(p, center, element.angle));\n  const selected = [(0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorCross)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorFromPoint)(adjacentPoint, candidates[0]), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorFromPoint)(candidates[1], candidates[0])) > 0 && ( // TOP\n  focus > 0 ? (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorCross)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorFromPoint)(adjacentPoint, candidates[1]), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorFromPoint)(candidates[2], candidates[1])) < 0 : (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorCross)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorFromPoint)(adjacentPoint, candidates[3]), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorFromPoint)(candidates[0], candidates[3])) < 0), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorCross)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorFromPoint)(adjacentPoint, candidates[1]), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorFromPoint)(candidates[2], candidates[1])) > 0 && ( // RIGHT\n  focus > 0 ? (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorCross)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorFromPoint)(adjacentPoint, candidates[2]), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorFromPoint)(candidates[3], candidates[2])) < 0 : (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorCross)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorFromPoint)(adjacentPoint, candidates[0]), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorFromPoint)(candidates[1], candidates[0])) < 0), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorCross)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorFromPoint)(adjacentPoint, candidates[2]), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorFromPoint)(candidates[3], candidates[2])) > 0 && ( // BOTTOM\n  focus > 0 ? (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorCross)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorFromPoint)(adjacentPoint, candidates[3]), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorFromPoint)(candidates[0], candidates[3])) < 0 : (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorCross)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorFromPoint)(adjacentPoint, candidates[1]), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorFromPoint)(candidates[2], candidates[1])) < 0), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorCross)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorFromPoint)(adjacentPoint, candidates[3]), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorFromPoint)(candidates[0], candidates[3])) > 0 && ( // LEFT\n  focus > 0 ? (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorCross)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorFromPoint)(adjacentPoint, candidates[0]), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorFromPoint)(candidates[1], candidates[0])) < 0 : (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorCross)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorFromPoint)(adjacentPoint, candidates[2]), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.vectorFromPoint)(candidates[3], candidates[2])) < 0)];\n  const focusPoint = selected[0] ? focus > 0 ? candidates[1] : candidates[0] : selected[1] ? focus > 0 ? candidates[2] : candidates[1] : selected[2] ? focus > 0 ? candidates[3] : candidates[2] : focus > 0 ? candidates[0] : candidates[3];\n  return focusPoint;\n};\n\nconst bindingProperties = new Set([\"boundElements\", \"frameId\", \"containerId\", \"startBinding\", \"endBinding\"]);\n/**\r\n * Tries to visit each bound element (does not have to be found).\r\n */\n\nconst boundElementsVisitor = (elements, element, visit) => {\n  var _a, _b;\n\n  if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_10__.isBindableElement)(element)) {\n    // create new instance so that possible mutations won't play a role in visiting order\n    const boundElements = (_b = (_a = element.boundElements) === null || _a === void 0 ? void 0 : _a.slice()) !== null && _b !== void 0 ? _b : []; // last added text should be the one we keep (~previous are duplicates)\n\n    boundElements.forEach(({\n      id\n    }) => {\n      visit(elements.get(id), \"boundElements\", id);\n    });\n  }\n};\n/**\r\n * Tries to visit each bindable element (does not have to be found).\r\n */\n\n\nconst bindableElementsVisitor = (elements, element, visit) => {\n  const result = [];\n\n  if (element.frameId) {\n    const id = element.frameId;\n    result.push(visit(elements.get(id), \"frameId\", id));\n  }\n\n  if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_10__.isBoundToContainer)(element)) {\n    const id = element.containerId;\n    result.push(visit(elements.get(id), \"containerId\", id));\n  }\n\n  if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_10__.isArrowElement)(element)) {\n    if (element.startBinding) {\n      const id = element.startBinding.elementId;\n      result.push(visit(elements.get(id), \"startBinding\", id));\n    }\n\n    if (element.endBinding) {\n      const id = element.endBinding.elementId;\n      result.push(visit(elements.get(id), \"endBinding\", id));\n    }\n  }\n\n  return result;\n};\n/**\r\n * Bound element containing bindings to `frameId`, `containerId`, `startBinding` or `endBinding`.\r\n */\n\n\nclass BoundElement {\n  /**\r\n   * Unbind the affected non deleted bindable elements (removing element from `boundElements`).\r\n   * - iterates non deleted bindable elements (`containerId` | `startBinding.elementId` | `endBinding.elementId`) of the current element\r\n   * - prepares updates to unbind each bindable element's `boundElements` from the current element\r\n   */\n  static unbindAffected(elements, boundElement, updateElementWith) {\n    if (!boundElement) {\n      return;\n    }\n\n    bindableElementsVisitor(elements, boundElement, bindableElement => {\n      // bindable element is deleted, this is fine\n      if (!bindableElement || bindableElement.isDeleted) {\n        return;\n      }\n\n      boundElementsVisitor(elements, bindableElement, (_, __, boundElementId) => {\n        if (boundElementId === boundElement.id) {\n          updateElementWith(bindableElement, {\n            boundElements: newBoundElements(bindableElement.boundElements, new Set([boundElementId]))\n          });\n        }\n      });\n    });\n  }\n\n}\n/**\r\n * Rebind the next affected non deleted bindable elements (adding element to `boundElements`).\r\n * - iterates non deleted bindable elements (`containerId` | `startBinding.elementId` | `endBinding.elementId`) of the current element\r\n * - prepares updates to rebind each bindable element's `boundElements` to the current element\r\n *\r\n * NOTE: rebind expects that affected elements were previously unbound with `BoundElement.unbindAffected`\r\n */\n\nBoundElement.rebindAffected = (elements, boundElement, updateElementWith) => {\n  // don't try to rebind element that is deleted\n  if (!boundElement || boundElement.isDeleted) {\n    return;\n  }\n\n  bindableElementsVisitor(elements, boundElement, (bindableElement, bindingProp) => {\n    var _a, _b; // unbind from bindable elements, as bindings from non deleted elements into deleted elements are incorrect\n\n\n    if (!bindableElement || bindableElement.isDeleted) {\n      updateElementWith(boundElement, {\n        [bindingProp]: null\n      });\n      return;\n    } // frame bindings are unidirectional, there is nothing to rebind\n\n\n    if (bindingProp === \"frameId\") {\n      return;\n    }\n\n    if ((_a = bindableElement.boundElements) === null || _a === void 0 ? void 0 : _a.find(x => x.id === boundElement.id)) {\n      return;\n    }\n\n    if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_10__.isArrowElement)(boundElement)) {\n      // rebind if not found!\n      updateElementWith(bindableElement, {\n        boundElements: newBoundElements(bindableElement.boundElements, new Set(), new Array(boundElement))\n      });\n    }\n\n    if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_10__.isTextElement)(boundElement)) {\n      if (!((_b = bindableElement.boundElements) === null || _b === void 0 ? void 0 : _b.find(x => x.type === \"text\"))) {\n        // rebind only if there is no other text bound already\n        updateElementWith(bindableElement, {\n          boundElements: newBoundElements(bindableElement.boundElements, new Set(), new Array(boundElement))\n        });\n      } else {\n        // unbind otherwise\n        updateElementWith(boundElement, {\n          [bindingProp]: null\n        });\n      }\n    }\n  });\n};\n/**\r\n * Bindable element containing bindings to `boundElements`.\r\n */\n\n\nclass BindableElement {\n  /**\r\n   * Unbind the affected non deleted bound elements (resetting `containerId`, `startBinding`, `endBinding` to `null`).\r\n   * - iterates through non deleted `boundElements` of the current element\r\n   * - prepares updates to unbind each bound element from the current element\r\n   */\n  static unbindAffected(elements, bindableElement, updateElementWith) {\n    if (!bindableElement) {\n      return;\n    }\n\n    boundElementsVisitor(elements, bindableElement, boundElement => {\n      // bound element is deleted, this is fine\n      if (!boundElement || boundElement.isDeleted) {\n        return;\n      }\n\n      bindableElementsVisitor(elements, boundElement, (_, bindingProp, bindableElementId) => {\n        // making sure there is an element to be unbound\n        if (bindableElementId === bindableElement.id) {\n          updateElementWith(boundElement, {\n            [bindingProp]: null\n          });\n        }\n      });\n    });\n  }\n\n}\n/**\r\n * Rebind the affected non deleted bound elements (for now setting only `containerId`, as we cannot rebind arrows atm).\r\n * - iterates through non deleted `boundElements` of the current element\r\n * - prepares updates to rebind each bound element to the current element or unbind it from `boundElements` in case of conflicts\r\n *\r\n * NOTE: rebind expects that affected elements were previously unbound with `BindaleElement.unbindAffected`\r\n */\n\nBindableElement.rebindAffected = (elements, bindableElement, updateElementWith) => {\n  // don't try to rebind element that is deleted (i.e. updated as deleted)\n  if (!bindableElement || bindableElement.isDeleted) {\n    return;\n  }\n\n  boundElementsVisitor(elements, bindableElement, (boundElement, _, boundElementId) => {\n    var _a, _b, _c; // unbind from bindable elements, as bindings from non deleted elements into deleted elements are incorrect\n\n\n    if (!boundElement || boundElement.isDeleted) {\n      updateElementWith(bindableElement, {\n        boundElements: newBoundElements(bindableElement.boundElements, new Set([boundElementId]))\n      });\n      return;\n    }\n\n    if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_10__.isTextElement)(boundElement)) {\n      const boundElements = (_b = (_a = bindableElement.boundElements) === null || _a === void 0 ? void 0 : _a.slice()) !== null && _b !== void 0 ? _b : []; // check if this is the last element in the array, if not, there is an previously bound text which should be unbound\n\n      if (((_c = boundElements.reverse().find(x => x.type === \"text\")) === null || _c === void 0 ? void 0 : _c.id) === boundElement.id) {\n        if (boundElement.containerId !== bindableElement.id) {\n          // rebind if not bound already!\n          updateElementWith(boundElement, {\n            containerId: bindableElement.id\n          });\n        }\n      } else {\n        if (boundElement.containerId !== null) {\n          // unbind if not unbound already\n          updateElementWith(boundElement, {\n            containerId: null\n          });\n        } // unbind from boundElements as the element got bound to some other element in the meantime\n\n\n        updateElementWith(bindableElement, {\n          boundElements: newBoundElements(bindableElement.boundElements, new Set([boundElement.id]))\n        });\n      }\n    }\n  });\n};\n\nconst getGlobalFixedPointForBindableElement = (fixedPointRatio, element) => {\n  const [fixedX, fixedY] = normalizeFixedPoint(fixedPointRatio);\n  return (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(element.x + element.width * fixedX, element.y + element.height * fixedY), (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.elementCenterPoint)(element), element.angle);\n};\nconst getGlobalFixedPoints = (arrow, elementsMap) => {\n  const startElement = arrow.startBinding && elementsMap.get(arrow.startBinding.elementId);\n  const endElement = arrow.endBinding && elementsMap.get(arrow.endBinding.elementId);\n  const startPoint = startElement && arrow.startBinding ? getGlobalFixedPointForBindableElement(arrow.startBinding.fixedPoint, startElement) : (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(arrow.x + arrow.points[0][0], arrow.y + arrow.points[0][1]);\n  const endPoint = endElement && arrow.endBinding ? getGlobalFixedPointForBindableElement(arrow.endBinding.fixedPoint, endElement) : (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(arrow.x + arrow.points[arrow.points.length - 1][0], arrow.y + arrow.points[arrow.points.length - 1][1]);\n  return [startPoint, endPoint];\n};\nconst getArrowLocalFixedPoints = (arrow, elementsMap) => {\n  const [startPoint, endPoint] = getGlobalFixedPoints(arrow, elementsMap);\n  return [_linearElementEditor__WEBPACK_IMPORTED_MODULE_7__.LinearElementEditor.pointFromAbsoluteCoords(arrow, startPoint, elementsMap), _linearElementEditor__WEBPACK_IMPORTED_MODULE_7__.LinearElementEditor.pointFromAbsoluteCoords(arrow, endPoint, elementsMap)];\n};\nconst normalizeFixedPoint = fixedPoint => {\n  // Do not allow a precise 0.5 for fixed point ratio\n  // to avoid jumping arrow heading due to floating point imprecision\n  if (fixedPoint && (Math.abs(fixedPoint[0] - 0.5) < 0.0001 || Math.abs(fixedPoint[1] - 0.5) < 0.0001)) {\n    return fixedPoint.map(ratio => Math.abs(ratio - 0.5) < 0.0001 ? 0.5001 : ratio);\n  }\n\n  return fixedPoint;\n};\n\n//# sourceURL=webpack://ExcalidrawLib/../element/src/binding.ts?");
 /***/ }),
@@ -13080,7 +13080,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 */   ElementBounds: () => (/* binding */ ElementBounds),\n/* harmony export */   doBoundsIntersect: () => (/* binding */ doBoundsIntersect),\n/* harmony export */   getArrowheadAngle: () => (/* binding */ getArrowheadAngle),\n/* harmony export */   getArrowheadPoints: () => (/* binding */ getArrowheadPoints),\n/* harmony export */   getArrowheadSize: () => (/* binding */ getArrowheadSize),\n/* harmony export */   getBoundsFromPoints: () => (/* binding */ getBoundsFromPoints),\n/* harmony export */   getCenterForBounds: () => (/* binding */ getCenterForBounds),\n/* harmony export */   getClosestElementBounds: () => (/* binding */ getClosestElementBounds),\n/* harmony export */   getCommonBoundingBox: () => (/* binding */ getCommonBoundingBox),\n/* harmony export */   getCommonBounds: () => (/* binding */ getCommonBounds),\n/* harmony export */   getDiamondPoints: () => (/* binding */ getDiamondPoints),\n/* harmony export */   getDraggedElementsBounds: () => (/* binding */ getDraggedElementsBounds),\n/* harmony export */   getElementAbsoluteCoords: () => (/* binding */ getElementAbsoluteCoords),\n/* harmony export */   getElementBounds: () => (/* binding */ getElementBounds),\n/* harmony export */   getElementLineSegments: () => (/* binding */ getElementLineSegments),\n/* harmony export */   getElementPointsCoords: () => (/* binding */ getElementPointsCoords),\n/* harmony export */   getMinMaxXYFromCurvePathOps: () => (/* binding */ getMinMaxXYFromCurvePathOps),\n/* harmony export */   getRectangleBoxAbsoluteCoords: () => (/* binding */ getRectangleBoxAbsoluteCoords),\n/* harmony export */   getResizedElementAbsoluteCoords: () => (/* binding */ getResizedElementAbsoluteCoords),\n/* harmony export */   getVisibleSceneBounds: () => (/* binding */ getVisibleSceneBounds)\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_common__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @excalidraw/common */ \"../common/src/index.ts\");\n/* harmony import */ var _excalidraw_math__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @excalidraw/math */ \"../math/src/index.ts\");\n/* harmony import */ var _excalidraw_utils_shape__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @excalidraw/utils/shape */ \"../utils/src/shape.ts\");\n/* harmony import */ var points_on_curve__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! points-on-curve */ \"../../node_modules/points-on-curve/lib/index.js\");\n/* harmony import */ var _ShapeCache__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./ShapeCache */ \"../element/src/ShapeCache.ts\");\n/* harmony import */ var _Shape__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./Shape */ \"../element/src/Shape.ts\");\n/* harmony import */ var _linearElementEditor__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./linearElementEditor */ \"../element/src/linearElementEditor.ts\");\n/* harmony import */ var _textElement__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./textElement */ \"../element/src/textElement.ts\");\n/* harmony import */ var _typeChecks__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./typeChecks */ \"../element/src/typeChecks.ts\");\n/* harmony import */ var _shapes__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./shapes */ \"../element/src/shapes.ts\");\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./utils */ \"../element/src/utils.ts\");\n\n\n\n\n\n\n\n\n\n\n\n\nclass ElementBounds {\n  static getBounds(element, elementsMap) {\n    const cachedBounds = ElementBounds.boundsCache.get(element);\n\n    if ((cachedBounds === null || cachedBounds === void 0 ? void 0 : cachedBounds.version) && cachedBounds.version === element.version && // we don't invalidate cache when we update containers and not labels,\n    // which is causing problems down the line. Fix TBA.\n    !(0,_typeChecks__WEBPACK_IMPORTED_MODULE_9__.isBoundToContainer)(element)) {\n      return cachedBounds.bounds;\n    }\n\n    const bounds = ElementBounds.calculateBounds(element, elementsMap);\n    ElementBounds.boundsCache.set(element, {\n      version: element.version,\n      bounds\n    });\n    return bounds;\n  }\n\n  static calculateBounds(element, elementsMap) {\n    let bounds;\n    const [x1, y1, x2, y2, cx, cy] = getElementAbsoluteCoords(element, elementsMap);\n\n    if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_9__.isFreeDrawElement)(element)) {\n      const [minX, minY, maxX, maxY] = getBoundsFromPoints(element.points.map(([x, y]) => (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(x, y), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(cx - element.x, cy - element.y), element.angle)));\n      return [minX + element.x, minY + element.y, maxX + element.x, maxY + element.y];\n    } else if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_9__.isLinearElement)(element)) {\n      bounds = getLinearElementRotatedBounds(element, cx, cy, elementsMap);\n    } else if (element.type === \"diamond\") {\n      const [x11, y11] = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(cx, y1), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(cx, cy), element.angle);\n      const [x12, y12] = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(cx, y2), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(cx, cy), element.angle);\n      const [x22, y22] = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(x1, cy), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(cx, cy), element.angle);\n      const [x21, y21] = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(x2, cy), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(cx, cy), element.angle);\n      const minX = Math.min(x11, x12, x22, x21);\n      const minY = Math.min(y11, y12, y22, y21);\n      const maxX = Math.max(x11, x12, x22, x21);\n      const maxY = Math.max(y11, y12, y22, y21);\n      bounds = [minX, minY, maxX, maxY];\n    } else if (element.type === \"ellipse\") {\n      const w = (x2 - x1) / 2;\n      const h = (y2 - y1) / 2;\n      const cos = Math.cos(element.angle);\n      const sin = Math.sin(element.angle);\n      const ww = Math.hypot(w * cos, h * sin);\n      const hh = Math.hypot(h * cos, w * sin);\n      bounds = [cx - ww, cy - hh, cx + ww, cy + hh];\n    } else {\n      const [x11, y11] = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(x1, y1), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(cx, cy), element.angle);\n      const [x12, y12] = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(x1, y2), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(cx, cy), element.angle);\n      const [x22, y22] = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(x2, y2), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(cx, cy), element.angle);\n      const [x21, y21] = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(x2, y1), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(cx, cy), element.angle);\n      const minX = Math.min(x11, x12, x22, x21);\n      const minY = Math.min(y11, y12, y22, y21);\n      const maxX = Math.max(x11, x12, x22, x21);\n      const maxY = Math.max(y11, y12, y22, y21);\n      bounds = [minX, minY, maxX, maxY];\n    }\n\n    return bounds;\n  }\n\n}\nElementBounds.boundsCache = new WeakMap(); // Scene -> Scene coords, but in x1,x2,y1,y2 format.\n//\n// If the element is created from right to left, the width is going to be negative\n// This set of functions retrieves the absolute position of the 4 points.\n\nconst getElementAbsoluteCoords = (element, elementsMap, includeBoundText = false) => {\n  if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_9__.isFreeDrawElement)(element)) {\n    return getFreeDrawElementAbsoluteCoords(element);\n  } else if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_9__.isLinearElement)(element)) {\n    return _linearElementEditor__WEBPACK_IMPORTED_MODULE_7__.LinearElementEditor.getElementAbsoluteCoords(element, elementsMap, includeBoundText);\n  } else if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_9__.isTextElement)(element)) {\n    const container = elementsMap ? (0,_textElement__WEBPACK_IMPORTED_MODULE_8__.getContainerElement)(element, elementsMap) : null;\n\n    if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_9__.isArrowElement)(container)) {\n      const {\n        x,\n        y\n      } = _linearElementEditor__WEBPACK_IMPORTED_MODULE_7__.LinearElementEditor.getBoundTextElementPosition(container, element, elementsMap);\n      return [x, y, x + element.width, y + element.height, x + element.width / 2, y + element.height / 2];\n    }\n  }\n\n  return [element.x, element.y, element.x + element.width, element.y + element.height, element.x + element.width / 2, element.y + element.height / 2];\n};\n/*\r\n * for a given element, `getElementLineSegments` returns line segments\r\n * that can be used for visual collision detection (useful for frames)\r\n * as opposed to bounding box collision detection\r\n */\n\n/**\r\n * Given an element, return the line segments that make up the element.\r\n *\r\n * Uses helpers from /math\r\n */\n\nconst getElementLineSegments = (element, elementsMap) => {\n  const shape = (0,_shapes__WEBPACK_IMPORTED_MODULE_10__.getElementShape)(element, elementsMap);\n  const [x1, y1, x2, y2, cx, cy] = getElementAbsoluteCoords(element, elementsMap);\n  const center = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(cx, cy);\n\n  if (shape.type === \"polycurve\") {\n    const curves = shape.data;\n    const points = curves.map(curve => (0,points_on_curve__WEBPACK_IMPORTED_MODULE_4__.pointsOnBezierCurves)(curve, 10)).flat();\n    let i = 0;\n    const segments = [];\n\n    while (i < points.length - 1) {\n      segments.push((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.lineSegment)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(points[i][0], points[i][1]), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(points[i + 1][0], points[i + 1][1])));\n      i++;\n    }\n\n    return segments;\n  } else if (shape.type === \"polyline\") {\n    return shape.data;\n  } else if (_isRectanguloidElement(element)) {\n    const [sides, corners] = (0,_utils__WEBPACK_IMPORTED_MODULE_11__.deconstructRectanguloidElement)(element);\n    const cornerSegments = corners.map(corner => getSegmentsOnCurve(corner, center, element.angle)).flat();\n    const rotatedSides = getRotatedSides(sides, center, element.angle);\n    return [...rotatedSides, ...cornerSegments];\n  } else if (element.type === \"diamond\") {\n    const [sides, corners] = (0,_utils__WEBPACK_IMPORTED_MODULE_11__.deconstructDiamondElement)(element);\n    const cornerSegments = corners.map(corner => getSegmentsOnCurve(corner, center, element.angle)).flat();\n    const rotatedSides = getRotatedSides(sides, center, element.angle);\n    return [...rotatedSides, ...cornerSegments];\n  } else if (shape.type === \"polygon\") {\n    if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_9__.isTextElement)(element)) {\n      const container = (0,_textElement__WEBPACK_IMPORTED_MODULE_8__.getContainerElement)(element, elementsMap);\n\n      if (container && (0,_typeChecks__WEBPACK_IMPORTED_MODULE_9__.isLinearElement)(container)) {\n        const segments = [(0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.lineSegment)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(x1, y1), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(x2, y1)), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.lineSegment)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(x2, y1), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(x2, y2)), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.lineSegment)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(x2, y2), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(x1, y2)), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.lineSegment)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(x1, y2), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(x1, y1))];\n        return segments;\n      }\n    }\n\n    const points = shape.data;\n    const segments = [];\n\n    for (let i = 0; i < points.length - 1; i++) {\n      segments.push((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.lineSegment)(points[i], points[i + 1]));\n    }\n\n    return segments;\n  } else if (shape.type === \"ellipse\") {\n    return getSegmentsOnEllipse(element);\n  }\n\n  const [nw, ne, sw, se,,, w, e] = [[x1, y1], [x2, y1], [x1, y2], [x2, y2], [cx, y1], [cx, y2], [x1, cy], [x2, cy]].map(point => (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointRotateRads)(point, center, element.angle));\n  return [(0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.lineSegment)(nw, ne), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.lineSegment)(sw, se), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.lineSegment)(nw, sw), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.lineSegment)(ne, se), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.lineSegment)(nw, e), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.lineSegment)(sw, e), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.lineSegment)(ne, w), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.lineSegment)(se, w)];\n};\n\nconst _isRectanguloidElement = element => {\n  return element != null && (element.type === \"rectangle\" || element.type === \"image\" || element.type === \"iframe\" || element.type === \"embeddable\" || element.type === \"frame\" || element.type === \"magicframe\" || element.type === \"text\" && !element.containerId);\n};\n\nconst getRotatedSides = (sides, center, angle) => {\n  return sides.map(side => {\n    return (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.lineSegment)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointRotateRads)(side[0], center, angle), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointRotateRads)(side[1], center, angle));\n  });\n};\n\nconst getSegmentsOnCurve = (curve, center, angle) => {\n  const points = (0,points_on_curve__WEBPACK_IMPORTED_MODULE_4__.pointsOnBezierCurves)(curve, 10);\n  let i = 0;\n  const segments = [];\n\n  while (i < points.length - 1) {\n    segments.push((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.lineSegment)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(points[i][0], points[i][1]), center, angle), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(points[i + 1][0], points[i + 1][1]), center, angle)));\n    i++;\n  }\n\n  return segments;\n};\n\nconst getSegmentsOnEllipse = ellipse => {\n  const center = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(ellipse.x + ellipse.width / 2, ellipse.y + ellipse.height / 2);\n  const a = ellipse.width / 2;\n  const b = ellipse.height / 2;\n  const segments = [];\n  const points = [];\n  const n = 90;\n  const deltaT = Math.PI * 2 / n;\n\n  for (let i = 0; i < n; i++) {\n    const t = i * deltaT;\n    const x = center[0] + a * Math.cos(t);\n    const y = center[1] + b * Math.sin(t);\n    points.push((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(x, y), center, ellipse.angle));\n  }\n\n  for (let i = 0; i < points.length - 1; i++) {\n    segments.push((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.lineSegment)(points[i], points[i + 1]));\n  }\n\n  segments.push((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.lineSegment)(points[points.length - 1], points[0]));\n  return segments;\n};\n/**\r\n * Scene -> Scene coords, but in x1,x2,y1,y2 format.\r\n *\r\n * Rectangle here means any rectangular frame, not an excalidraw element.\r\n */\n\n\nconst getRectangleBoxAbsoluteCoords = boxSceneCoords => {\n  return [boxSceneCoords.x, boxSceneCoords.y, boxSceneCoords.x + boxSceneCoords.width, boxSceneCoords.y + boxSceneCoords.height, boxSceneCoords.x + boxSceneCoords.width / 2, boxSceneCoords.y + boxSceneCoords.height / 2];\n};\nconst getDiamondPoints = element => {\n  // Here we add +1 to avoid these numbers to be 0\n  // otherwise rough.js will throw an error complaining about it\n  const topX = Math.floor(element.width / 2) + 1;\n  const topY = 0;\n  const rightX = element.width;\n  const rightY = Math.floor(element.height / 2) + 1;\n  const bottomX = topX;\n  const bottomY = element.height;\n  const leftX = 0;\n  const leftY = rightY;\n  return [topX, topY, rightX, rightY, bottomX, bottomY, leftX, leftY];\n}; // reference: https://eliot-jones.com/2019/12/cubic-bezier-curve-bounding-boxes\n\nconst getBezierValueForT = (t, p0, p1, p2, p3) => {\n  const oneMinusT = 1 - t;\n  return Math.pow(oneMinusT, 3) * p0 + 3 * Math.pow(oneMinusT, 2) * t * p1 + 3 * oneMinusT * Math.pow(t, 2) * p2 + Math.pow(t, 3) * p3;\n};\n\nconst solveQuadratic = (p0, p1, p2, p3) => {\n  const i = p1 - p0;\n  const j = p2 - p1;\n  const k = p3 - p2;\n  const a = 3 * i - 6 * j + 3 * k;\n  const b = 6 * j - 6 * i;\n  const c = 3 * i;\n  const sqrtPart = b * b - 4 * a * c;\n  const hasSolution = sqrtPart >= 0;\n\n  if (!hasSolution) {\n    return false;\n  }\n\n  let s1 = null;\n  let s2 = null;\n  let t1 = Infinity;\n  let t2 = Infinity;\n\n  if (a === 0) {\n    t1 = t2 = -c / b;\n  } else {\n    t1 = (-b + Math.sqrt(sqrtPart)) / (2 * a);\n    t2 = (-b - Math.sqrt(sqrtPart)) / (2 * a);\n  }\n\n  if (t1 >= 0 && t1 <= 1) {\n    s1 = getBezierValueForT(t1, p0, p1, p2, p3);\n  }\n\n  if (t2 >= 0 && t2 <= 1) {\n    s2 = getBezierValueForT(t2, p0, p1, p2, p3);\n  }\n\n  return [s1, s2];\n};\n\nconst getCubicBezierCurveBound = (p0, p1, p2, p3) => {\n  const solX = solveQuadratic(p0[0], p1[0], p2[0], p3[0]);\n  const solY = solveQuadratic(p0[1], p1[1], p2[1], p3[1]);\n  let minX = Math.min(p0[0], p3[0]);\n  let maxX = Math.max(p0[0], p3[0]);\n\n  if (solX) {\n    const xs = solX.filter(x => x !== null);\n    minX = Math.min(minX, ...xs);\n    maxX = Math.max(maxX, ...xs);\n  }\n\n  let minY = Math.min(p0[1], p3[1]);\n  let maxY = Math.max(p0[1], p3[1]);\n\n  if (solY) {\n    const ys = solY.filter(y => y !== null);\n    minY = Math.min(minY, ...ys);\n    maxY = Math.max(maxY, ...ys);\n  }\n\n  return [minX, minY, maxX, maxY];\n};\n\nconst getMinMaxXYFromCurvePathOps = (ops, transformXY) => {\n  let currentP = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(0, 0);\n  const {\n    minX,\n    minY,\n    maxX,\n    maxY\n  } = ops.reduce((limits, {\n    op,\n    data\n  }) => {\n    // There are only four operation types:\n    // move, bcurveTo, lineTo, and curveTo\n    if (op === \"move\") {\n      // change starting point\n      const p = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFromArray)(data);\n      (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_1__.invariant)(p != null, \"Op data is not a point\");\n      currentP = p; // move operation does not draw anything; so, it always\n      // returns false\n    } else if (op === \"bcurveTo\") {\n      const _p1 = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(data[0], data[1]);\n\n      const _p2 = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(data[2], data[3]);\n\n      const _p3 = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(data[4], data[5]);\n\n      const p1 = transformXY ? transformXY(_p1) : _p1;\n      const p2 = transformXY ? transformXY(_p2) : _p2;\n      const p3 = transformXY ? transformXY(_p3) : _p3;\n      const p0 = transformXY ? transformXY(currentP) : currentP;\n      currentP = _p3;\n      const [minX, minY, maxX, maxY] = getCubicBezierCurveBound(p0, p1, p2, p3);\n      limits.minX = Math.min(limits.minX, minX);\n      limits.minY = Math.min(limits.minY, minY);\n      limits.maxX = Math.max(limits.maxX, maxX);\n      limits.maxY = Math.max(limits.maxY, maxY);\n    } else if (op === \"lineTo\") {// TODO: Implement this\n    } else if (op === \"qcurveTo\") {// TODO: Implement this\n    }\n\n    return limits;\n  }, {\n    minX: Infinity,\n    minY: Infinity,\n    maxX: -Infinity,\n    maxY: -Infinity\n  });\n  return [minX, minY, maxX, maxY];\n};\nconst getBoundsFromPoints = points => {\n  let minX = Infinity;\n  let minY = Infinity;\n  let maxX = -Infinity;\n  let maxY = -Infinity;\n\n  for (const [x, y] of points) {\n    minX = Math.min(minX, x);\n    minY = Math.min(minY, y);\n    maxX = Math.max(maxX, x);\n    maxY = Math.max(maxY, y);\n  }\n\n  return [minX, minY, maxX, maxY];\n};\n\nconst getFreeDrawElementAbsoluteCoords = element => {\n  const [minX, minY, maxX, maxY] = getBoundsFromPoints(element.points);\n  const x1 = minX + element.x;\n  const y1 = minY + element.y;\n  const x2 = maxX + element.x;\n  const y2 = maxY + element.y;\n  return [x1, y1, x2, y2, (x1 + x2) / 2, (y1 + y2) / 2];\n};\n/** @returns number in pixels */\n\n\nconst getArrowheadSize = arrowhead => {\n  switch (arrowhead) {\n    case \"arrow\":\n      return 25;\n\n    case \"diamond\":\n    case \"diamond_outline\":\n      return 12;\n\n    case \"crowfoot_many\":\n    case \"crowfoot_one\":\n    case \"crowfoot_one_or_many\":\n      return 20;\n\n    default:\n      return 15;\n  }\n};\n/** @returns number in degrees */\n\nconst getArrowheadAngle = arrowhead => {\n  switch (arrowhead) {\n    case \"bar\":\n      return 90;\n\n    case \"arrow\":\n      return 20;\n\n    default:\n      return 25;\n  }\n};\nconst getArrowheadPoints = (element, shape, position, arrowhead) => {\n  if (shape.length < 1) {\n    return null;\n  }\n\n  const ops = (0,_excalidraw_utils_shape__WEBPACK_IMPORTED_MODULE_3__.getCurvePathOps)(shape[0]);\n\n  if (ops.length < 1) {\n    return null;\n  } // The index of the bCurve operation to examine.\n\n\n  const index = position === \"start\" ? 1 : ops.length - 1;\n  const data = ops[index].data;\n  (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_1__.invariant)(data.length === 6, \"Op data length is not 6\");\n  const p3 = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(data[4], data[5]);\n  const p2 = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(data[2], data[3]);\n  const p1 = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(data[0], data[1]); // We need to find p0 of the bezier curve.\n  // It is typically the last point of the previous\n  // curve; it can also be the position of moveTo operation.\n\n  const prevOp = ops[index - 1];\n  let p0 = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(0, 0);\n\n  if (prevOp.op === \"move\") {\n    const p = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFromArray)(prevOp.data);\n    (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_1__.invariant)(p != null, \"Op data is not a point\");\n    p0 = p;\n  } else if (prevOp.op === \"bcurveTo\") {\n    p0 = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(prevOp.data[4], prevOp.data[5]);\n  } // B(t) = p0 * (1-t)^3 + 3p1 * t * (1-t)^2 + 3p2 * t^2 * (1-t) + p3 * t^3\n\n\n  const equation = (t, idx) => Math.pow(1 - t, 3) * p3[idx] + 3 * t * Math.pow(1 - t, 2) * p2[idx] + 3 * Math.pow(t, 2) * (1 - t) * p1[idx] + p0[idx] * Math.pow(t, 3); // Ee know the last point of the arrow (or the first, if start arrowhead).\n\n\n  const [x2, y2] = position === \"start\" ? p0 : p3; // By using cubic bezier equation (B(t)) and the given parameters,\n  // we calculate a point that is closer to the last point.\n  // The value 0.3 is chosen arbitrarily and it works best for all\n  // the tested cases.\n\n  const [x1, y1] = [equation(0.3, 0), equation(0.3, 1)]; // Find the normalized direction vector based on the\n  // previously calculated points.\n\n  const distance = Math.hypot(x2 - x1, y2 - y1);\n  const nx = (x2 - x1) / distance;\n  const ny = (y2 - y1) / distance;\n  const size = getArrowheadSize(arrowhead);\n  let length = 0;\n  {\n    // Length for -> arrows is based on the length of the last section\n    const [cx, cy] = position === \"end\" ? element.points[element.points.length - 1] : element.points[0];\n    const [px, py] = element.points.length > 1 ? position === \"end\" ? element.points[element.points.length - 2] : element.points[1] : [0, 0];\n    length = Math.hypot(cx - px, cy - py);\n  } // Scale down the arrowhead until we hit a certain size so that it doesn't look weird.\n  // This value is selected by minimizing a minimum size with the last segment of the arrowhead\n\n  const lengthMultiplier = arrowhead === \"diamond\" || arrowhead === \"diamond_outline\" ? 0.25 : 0.5;\n  const minSize = Math.min(size, length * lengthMultiplier);\n  const xs = x2 - nx * minSize;\n  const ys = y2 - ny * minSize;\n\n  if (arrowhead === \"dot\") {\n    //zsviczian\n    const diameter = Math.hypot(ys - y2, xs - x2) + element.strokeWidth - 2;\n    return [x2, y2, diameter * 0.8]; //zsviczian\n  }\n\n  if ( //zsviczian removed \"dot\"\n  arrowhead === \"circle\" || arrowhead === \"circle_outline\") {\n    const diameter = Math.hypot(ys - y2, xs - x2) + element.strokeWidth - 2;\n    return [x2, y2, diameter * 1.2]; //zsviczian\n  }\n\n  const angle = getArrowheadAngle(arrowhead);\n\n  if (arrowhead === \"crowfoot_many\" || arrowhead === \"crowfoot_one_or_many\") {\n    // swap (xs, ys) with (x2, y2)\n    const [x3, y3] = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(x2, y2), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(xs, ys), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.degreesToRadians)(-angle));\n    const [x4, y4] = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(x2, y2), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(xs, ys), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.degreesToRadians)(angle));\n    return [xs, ys, x3, y3, x4, y4];\n  } // Return points\n\n\n  const [x3, y3] = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(xs, ys), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(x2, y2), -angle * Math.PI / 180);\n  const [x4, y4] = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(xs, ys), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(x2, y2), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.degreesToRadians)(angle));\n\n  if (arrowhead === \"diamond\" || arrowhead === \"diamond_outline\") {\n    // point opposite to the arrowhead point\n    let ox;\n    let oy;\n\n    if (position === \"start\") {\n      const [px, py] = element.points.length > 1 ? element.points[1] : [0, 0];\n      [ox, oy] = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(x2 + minSize * 2, y2), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(x2, y2), Math.atan2(py - y2, px - x2));\n    } else {\n      const [px, py] = element.points.length > 1 ? element.points[element.points.length - 2] : [0, 0];\n      [ox, oy] = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(x2 - minSize * 2, y2), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(x2, y2), Math.atan2(y2 - py, x2 - px));\n    }\n\n    return [x2, y2, x3, y3, ox, oy, x4, y4];\n  }\n\n  return [x2, y2, x3, y3, x4, y4];\n};\n\nconst generateLinearElementShape = element => {\n  const generator = roughjs_bin_rough__WEBPACK_IMPORTED_MODULE_0__[\"default\"].generator();\n  const options = (0,_Shape__WEBPACK_IMPORTED_MODULE_6__.generateRoughOptions)(element);\n\n  const method = (() => {\n    if (element.roundness) {\n      return \"curve\";\n    }\n\n    if (options.fill) {\n      return \"polygon\";\n    }\n\n    return \"linearPath\";\n  })();\n\n  return generator[method](element.points, options);\n};\n\nconst getLinearElementRotatedBounds = (element, cx, cy, elementsMap) => {\n  var _a;\n\n  const boundTextElement = (0,_textElement__WEBPACK_IMPORTED_MODULE_8__.getBoundTextElement)(element, elementsMap);\n\n  if (element.points.length < 2) {\n    const [pointX, pointY] = element.points[0];\n    const [x, y] = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(element.x + pointX, element.y + pointY), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(cx, cy), element.angle);\n    let coords = [x, y, x, y];\n\n    if (boundTextElement) {\n      const coordsWithBoundText = _linearElementEditor__WEBPACK_IMPORTED_MODULE_7__.LinearElementEditor.getMinMaxXYWithBoundText(element, elementsMap, [x, y, x, y], boundTextElement);\n      coords = [coordsWithBoundText[0], coordsWithBoundText[1], coordsWithBoundText[2], coordsWithBoundText[3]];\n    }\n\n    return coords;\n  } // first element is always the curve\n\n\n  const cachedShape = (_a = _ShapeCache__WEBPACK_IMPORTED_MODULE_5__.ShapeCache.get(element)) === null || _a === void 0 ? void 0 : _a[0];\n  const shape = cachedShape !== null && cachedShape !== void 0 ? cachedShape : generateLinearElementShape(element);\n  const ops = (0,_excalidraw_utils_shape__WEBPACK_IMPORTED_MODULE_3__.getCurvePathOps)(shape);\n\n  const transformXY = ([x, y]) => (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(element.x + x, element.y + y), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(cx, cy), element.angle);\n\n  const res = getMinMaxXYFromCurvePathOps(ops, transformXY);\n  let coords = [res[0], res[1], res[2], res[3]];\n\n  if (boundTextElement) {\n    const coordsWithBoundText = _linearElementEditor__WEBPACK_IMPORTED_MODULE_7__.LinearElementEditor.getMinMaxXYWithBoundText(element, elementsMap, coords, boundTextElement);\n    coords = [coordsWithBoundText[0], coordsWithBoundText[1], coordsWithBoundText[2], coordsWithBoundText[3]];\n  }\n\n  return coords;\n};\n\nconst getElementBounds = (element, elementsMap) => {\n  return ElementBounds.getBounds(element, elementsMap);\n};\nconst getCommonBounds = (elements, elementsMap) => {\n  if (!elements.length) {\n    return [0, 0, 0, 0];\n  }\n\n  let minX = Infinity;\n  let maxX = -Infinity;\n  let minY = Infinity;\n  let maxY = -Infinity;\n\n  const _elementsMap = elementsMap || (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_1__.arrayToMap)(elements);\n\n  elements.forEach(element => {\n    const [x1, y1, x2, y2] = getElementBounds(element, _elementsMap);\n    minX = Math.min(minX, x1);\n    minY = Math.min(minY, y1);\n    maxX = Math.max(maxX, x2);\n    maxY = Math.max(maxY, y2);\n  });\n  return [minX, minY, maxX, maxY];\n};\nconst getDraggedElementsBounds = (elements, dragOffset) => {\n  const [minX, minY, maxX, maxY] = getCommonBounds(elements);\n  return [minX + dragOffset.x, minY + dragOffset.y, maxX + dragOffset.x, maxY + dragOffset.y];\n};\nconst getResizedElementAbsoluteCoords = (element, nextWidth, nextHeight, normalizePoints) => {\n  if (!((0,_typeChecks__WEBPACK_IMPORTED_MODULE_9__.isLinearElement)(element) || (0,_typeChecks__WEBPACK_IMPORTED_MODULE_9__.isFreeDrawElement)(element))) {\n    return [element.x, element.y, element.x + nextWidth, element.y + nextHeight];\n  }\n\n  const points = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_1__.rescalePoints)(0, nextWidth, (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_1__.rescalePoints)(1, nextHeight, element.points, normalizePoints), normalizePoints);\n  let bounds;\n\n  if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_9__.isFreeDrawElement)(element)) {\n    // Free Draw\n    bounds = getBoundsFromPoints(points);\n  } else {\n    // Line\n    const gen = roughjs_bin_rough__WEBPACK_IMPORTED_MODULE_0__[\"default\"].generator();\n    const curve = !element.roundness ? gen.linearPath(points, (0,_Shape__WEBPACK_IMPORTED_MODULE_6__.generateRoughOptions)(element)) : gen.curve(points, (0,_Shape__WEBPACK_IMPORTED_MODULE_6__.generateRoughOptions)(element));\n    const ops = (0,_excalidraw_utils_shape__WEBPACK_IMPORTED_MODULE_3__.getCurvePathOps)(curve);\n    bounds = getMinMaxXYFromCurvePathOps(ops);\n  }\n\n  const [minX, minY, maxX, maxY] = bounds;\n  return [minX + element.x, minY + element.y, maxX + element.x, maxY + element.y];\n};\nconst getElementPointsCoords = (element, points) => {\n  // This might be computationally heavey\n  const gen = roughjs_bin_rough__WEBPACK_IMPORTED_MODULE_0__[\"default\"].generator();\n  const curve = element.roundness == null ? gen.linearPath(points, (0,_Shape__WEBPACK_IMPORTED_MODULE_6__.generateRoughOptions)(element)) : gen.curve(points, (0,_Shape__WEBPACK_IMPORTED_MODULE_6__.generateRoughOptions)(element));\n  const ops = (0,_excalidraw_utils_shape__WEBPACK_IMPORTED_MODULE_3__.getCurvePathOps)(curve);\n  const [minX, minY, maxX, maxY] = getMinMaxXYFromCurvePathOps(ops);\n  return [minX + element.x, minY + element.y, maxX + element.x, maxY + element.y];\n};\nconst getClosestElementBounds = (elements, from) => {\n  if (!elements.length) {\n    return [0, 0, 0, 0];\n  }\n\n  let minDistance = Infinity;\n  let closestElement = elements[0];\n  const elementsMap = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_1__.arrayToMap)(elements);\n  elements.forEach(element => {\n    const [x1, y1, x2, y2] = getElementBounds(element, elementsMap);\n    const distance = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointDistance)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)((x1 + x2) / 2, (y1 + y2) / 2), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(from.x, from.y));\n\n    if (distance < minDistance) {\n      minDistance = distance;\n      closestElement = element;\n    }\n  });\n  return getElementBounds(closestElement, elementsMap);\n};\nconst getCommonBoundingBox = elements => {\n  const [minX, minY, maxX, maxY] = getCommonBounds(elements);\n  return {\n    minX,\n    minY,\n    maxX,\n    maxY,\n    width: maxX - minX,\n    height: maxY - minY,\n    midX: (minX + maxX) / 2,\n    midY: (minY + maxY) / 2\n  };\n};\n/**\r\n * returns scene coords of user's editor viewport (visible canvas area) bounds\r\n */\n\nconst getVisibleSceneBounds = ({\n  scrollX,\n  scrollY,\n  width,\n  height,\n  zoom\n}) => {\n  return [-scrollX, -scrollY, -scrollX + width / zoom.value, -scrollY + height / zoom.value];\n};\nconst getCenterForBounds = bounds => (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(bounds[0] + (bounds[2] - bounds[0]) / 2, bounds[1] + (bounds[3] - bounds[1]) / 2);\nconst doBoundsIntersect = (bounds1, bounds2) => {\n  if (bounds1 == null || bounds2 == null) {\n    return false;\n  }\n\n  const [minX1, minY1, maxX1, maxY1] = bounds1;\n  const [minX2, minY2, maxX2, maxY2] = bounds2;\n  return minX1 < maxX2 && maxX1 > minX2 && minY1 < maxY2 && maxY1 > minY2;\n};\n\n//# sourceURL=webpack://ExcalidrawLib/../element/src/bounds.ts?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   ElementBounds: () => (/* binding */ ElementBounds),\n/* harmony export */   doBoundsIntersect: () => (/* binding */ doBoundsIntersect),\n/* harmony export */   getArrowheadAngle: () => (/* binding */ getArrowheadAngle),\n/* harmony export */   getArrowheadPoints: () => (/* binding */ getArrowheadPoints),\n/* harmony export */   getArrowheadSize: () => (/* binding */ getArrowheadSize),\n/* harmony export */   getBoundsFromPoints: () => (/* binding */ getBoundsFromPoints),\n/* harmony export */   getCenterForBounds: () => (/* binding */ getCenterForBounds),\n/* harmony export */   getClosestElementBounds: () => (/* binding */ getClosestElementBounds),\n/* harmony export */   getCommonBoundingBox: () => (/* binding */ getCommonBoundingBox),\n/* harmony export */   getCommonBounds: () => (/* binding */ getCommonBounds),\n/* harmony export */   getDiamondPoints: () => (/* binding */ getDiamondPoints),\n/* harmony export */   getDraggedElementsBounds: () => (/* binding */ getDraggedElementsBounds),\n/* harmony export */   getElementAbsoluteCoords: () => (/* binding */ getElementAbsoluteCoords),\n/* harmony export */   getElementBounds: () => (/* binding */ getElementBounds),\n/* harmony export */   getElementLineSegments: () => (/* binding */ getElementLineSegments),\n/* harmony export */   getElementPointsCoords: () => (/* binding */ getElementPointsCoords),\n/* harmony export */   getMinMaxXYFromCurvePathOps: () => (/* binding */ getMinMaxXYFromCurvePathOps),\n/* harmony export */   getRectangleBoxAbsoluteCoords: () => (/* binding */ getRectangleBoxAbsoluteCoords),\n/* harmony export */   getResizedElementAbsoluteCoords: () => (/* binding */ getResizedElementAbsoluteCoords),\n/* harmony export */   getVisibleSceneBounds: () => (/* binding */ getVisibleSceneBounds)\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_common__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @excalidraw/common */ \"../common/src/index.ts\");\n/* harmony import */ var _excalidraw_math__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @excalidraw/math */ \"../math/src/index.ts\");\n/* harmony import */ var _excalidraw_utils_shape__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @excalidraw/utils/shape */ \"../utils/src/shape.ts\");\n/* harmony import */ var points_on_curve__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! points-on-curve */ \"../../node_modules/points-on-curve/lib/index.js\");\n/* harmony import */ var _ShapeCache__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./ShapeCache */ \"../element/src/ShapeCache.ts\");\n/* harmony import */ var _Shape__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./Shape */ \"../element/src/Shape.ts\");\n/* harmony import */ var _linearElementEditor__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./linearElementEditor */ \"../element/src/linearElementEditor.ts\");\n/* harmony import */ var _textElement__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./textElement */ \"../element/src/textElement.ts\");\n/* harmony import */ var _typeChecks__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./typeChecks */ \"../element/src/typeChecks.ts\");\n/* harmony import */ var _shapes__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./shapes */ \"../element/src/shapes.ts\");\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./utils */ \"../element/src/utils.ts\");\n\n\n\n\n\n\n\n\n\n\n\n\nclass ElementBounds {\n  static getBounds(element, elementsMap) {\n    const cachedBounds = ElementBounds.boundsCache.get(element);\n\n    if ((cachedBounds === null || cachedBounds === void 0 ? void 0 : cachedBounds.version) && cachedBounds.version === element.version && // we don't invalidate cache when we update containers and not labels,\n    // which is causing problems down the line. Fix TBA.\n    !(0,_typeChecks__WEBPACK_IMPORTED_MODULE_9__.isBoundToContainer)(element)) {\n      return cachedBounds.bounds;\n    }\n\n    const bounds = ElementBounds.calculateBounds(element, elementsMap);\n    ElementBounds.boundsCache.set(element, {\n      version: element.version,\n      bounds\n    });\n    return bounds;\n  }\n\n  static calculateBounds(element, elementsMap) {\n    let bounds;\n    const [x1, y1, x2, y2, cx, cy] = getElementAbsoluteCoords(element, elementsMap);\n\n    if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_9__.isFreeDrawElement)(element)) {\n      const [minX, minY, maxX, maxY] = getBoundsFromPoints(element.points.map(([x, y]) => (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(x, y), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(cx - element.x, cy - element.y), element.angle)));\n      return [minX + element.x, minY + element.y, maxX + element.x, maxY + element.y];\n    } else if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_9__.isLinearElement)(element)) {\n      bounds = getLinearElementRotatedBounds(element, cx, cy, elementsMap);\n    } else if (element.type === \"diamond\") {\n      const [x11, y11] = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(cx, y1), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(cx, cy), element.angle);\n      const [x12, y12] = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(cx, y2), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(cx, cy), element.angle);\n      const [x22, y22] = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(x1, cy), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(cx, cy), element.angle);\n      const [x21, y21] = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(x2, cy), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(cx, cy), element.angle);\n      const minX = Math.min(x11, x12, x22, x21);\n      const minY = Math.min(y11, y12, y22, y21);\n      const maxX = Math.max(x11, x12, x22, x21);\n      const maxY = Math.max(y11, y12, y22, y21);\n      bounds = [minX, minY, maxX, maxY];\n    } else if (element.type === \"ellipse\") {\n      const w = (x2 - x1) / 2;\n      const h = (y2 - y1) / 2;\n      const cos = Math.cos(element.angle);\n      const sin = Math.sin(element.angle);\n      const ww = Math.hypot(w * cos, h * sin);\n      const hh = Math.hypot(h * cos, w * sin);\n      bounds = [cx - ww, cy - hh, cx + ww, cy + hh];\n    } else {\n      const [x11, y11] = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(x1, y1), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(cx, cy), element.angle);\n      const [x12, y12] = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(x1, y2), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(cx, cy), element.angle);\n      const [x22, y22] = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(x2, y2), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(cx, cy), element.angle);\n      const [x21, y21] = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(x2, y1), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(cx, cy), element.angle);\n      const minX = Math.min(x11, x12, x22, x21);\n      const minY = Math.min(y11, y12, y22, y21);\n      const maxX = Math.max(x11, x12, x22, x21);\n      const maxY = Math.max(y11, y12, y22, y21);\n      bounds = [minX, minY, maxX, maxY];\n    }\n\n    return bounds;\n  }\n\n}\nElementBounds.boundsCache = new WeakMap(); // Scene -> Scene coords, but in x1,x2,y1,y2 format.\n//\n// If the element is created from right to left, the width is going to be negative\n// This set of functions retrieves the absolute position of the 4 points.\n\nconst getElementAbsoluteCoords = (element, elementsMap, includeBoundText = false) => {\n  if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_9__.isFreeDrawElement)(element)) {\n    return getFreeDrawElementAbsoluteCoords(element);\n  } else if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_9__.isLinearElement)(element)) {\n    return _linearElementEditor__WEBPACK_IMPORTED_MODULE_7__.LinearElementEditor.getElementAbsoluteCoords(element, elementsMap, includeBoundText);\n  } else if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_9__.isTextElement)(element)) {\n    const container = elementsMap ? (0,_textElement__WEBPACK_IMPORTED_MODULE_8__.getContainerElement)(element, elementsMap) : null;\n\n    if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_9__.isArrowElement)(container)) {\n      const {\n        x,\n        y\n      } = _linearElementEditor__WEBPACK_IMPORTED_MODULE_7__.LinearElementEditor.getBoundTextElementPosition(container, element, elementsMap);\n      return [x, y, x + element.width, y + element.height, x + element.width / 2, y + element.height / 2];\n    }\n  }\n\n  return [element.x, element.y, element.x + element.width, element.y + element.height, element.x + element.width / 2, element.y + element.height / 2];\n};\n/*\r\n * for a given element, `getElementLineSegments` returns line segments\r\n * that can be used for visual collision detection (useful for frames)\r\n * as opposed to bounding box collision detection\r\n */\n\n/**\r\n * Given an element, return the line segments that make up the element.\r\n *\r\n * Uses helpers from /math\r\n */\n\nconst getElementLineSegments = (element, elementsMap) => {\n  const shape = (0,_shapes__WEBPACK_IMPORTED_MODULE_10__.getElementShape)(element, elementsMap);\n  const [x1, y1, x2, y2, cx, cy] = getElementAbsoluteCoords(element, elementsMap);\n  const center = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(cx, cy);\n\n  if (shape.type === \"polycurve\") {\n    const curves = shape.data;\n    const points = curves.map(curve => (0,points_on_curve__WEBPACK_IMPORTED_MODULE_4__.pointsOnBezierCurves)(curve, 10)).flat();\n    let i = 0;\n    const segments = [];\n\n    while (i < points.length - 1) {\n      segments.push((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.lineSegment)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(points[i][0], points[i][1]), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(points[i + 1][0], points[i + 1][1])));\n      i++;\n    }\n\n    return segments;\n  } else if (shape.type === \"polyline\") {\n    return shape.data;\n  } else if (_isRectanguloidElement(element)) {\n    const [sides, corners] = (0,_utils__WEBPACK_IMPORTED_MODULE_11__.deconstructRectanguloidElement)(element);\n    const cornerSegments = corners.map(corner => getSegmentsOnCurve(corner, center, element.angle)).flat();\n    const rotatedSides = getRotatedSides(sides, center, element.angle);\n    return [...rotatedSides, ...cornerSegments];\n  } else if (element.type === \"diamond\") {\n    const [sides, corners] = (0,_utils__WEBPACK_IMPORTED_MODULE_11__.deconstructDiamondElement)(element);\n    const cornerSegments = corners.map(corner => getSegmentsOnCurve(corner, center, element.angle)).flat();\n    const rotatedSides = getRotatedSides(sides, center, element.angle);\n    return [...rotatedSides, ...cornerSegments];\n  } else if (shape.type === \"polygon\") {\n    if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_9__.isTextElement)(element)) {\n      const container = (0,_textElement__WEBPACK_IMPORTED_MODULE_8__.getContainerElement)(element, elementsMap);\n\n      if (container && (0,_typeChecks__WEBPACK_IMPORTED_MODULE_9__.isLinearElement)(container)) {\n        const segments = [(0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.lineSegment)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(x1, y1), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(x2, y1)), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.lineSegment)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(x2, y1), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(x2, y2)), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.lineSegment)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(x2, y2), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(x1, y2)), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.lineSegment)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(x1, y2), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(x1, y1))];\n        return segments;\n      }\n    }\n\n    const points = shape.data;\n    const segments = [];\n\n    for (let i = 0; i < points.length - 1; i++) {\n      segments.push((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.lineSegment)(points[i], points[i + 1]));\n    }\n\n    return segments;\n  } else if (shape.type === \"ellipse\") {\n    return getSegmentsOnEllipse(element);\n  }\n\n  const [nw, ne, sw, se,,, w, e] = [[x1, y1], [x2, y1], [x1, y2], [x2, y2], [cx, y1], [cx, y2], [x1, cy], [x2, cy]].map(point => (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointRotateRads)(point, center, element.angle));\n  return [(0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.lineSegment)(nw, ne), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.lineSegment)(sw, se), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.lineSegment)(nw, sw), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.lineSegment)(ne, se), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.lineSegment)(nw, e), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.lineSegment)(sw, e), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.lineSegment)(ne, w), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.lineSegment)(se, w)];\n};\n\nconst _isRectanguloidElement = element => {\n  return element != null && (element.type === \"rectangle\" || element.type === \"image\" || element.type === \"iframe\" || element.type === \"embeddable\" || element.type === \"frame\" || element.type === \"magicframe\" || element.type === \"text\" && !element.containerId);\n};\n\nconst getRotatedSides = (sides, center, angle) => {\n  return sides.map(side => {\n    return (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.lineSegment)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointRotateRads)(side[0], center, angle), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointRotateRads)(side[1], center, angle));\n  });\n};\n\nconst getSegmentsOnCurve = (curve, center, angle) => {\n  const points = (0,points_on_curve__WEBPACK_IMPORTED_MODULE_4__.pointsOnBezierCurves)(curve, 10);\n  let i = 0;\n  const segments = [];\n\n  while (i < points.length - 1) {\n    segments.push((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.lineSegment)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(points[i][0], points[i][1]), center, angle), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(points[i + 1][0], points[i + 1][1]), center, angle)));\n    i++;\n  }\n\n  return segments;\n};\n\nconst getSegmentsOnEllipse = ellipse => {\n  const center = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(ellipse.x + ellipse.width / 2, ellipse.y + ellipse.height / 2);\n  const a = ellipse.width / 2;\n  const b = ellipse.height / 2;\n  const segments = [];\n  const points = [];\n  const n = 90;\n  const deltaT = Math.PI * 2 / n;\n\n  for (let i = 0; i < n; i++) {\n    const t = i * deltaT;\n    const x = center[0] + a * Math.cos(t);\n    const y = center[1] + b * Math.sin(t);\n    points.push((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(x, y), center, ellipse.angle));\n  }\n\n  for (let i = 0; i < points.length - 1; i++) {\n    segments.push((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.lineSegment)(points[i], points[i + 1]));\n  }\n\n  segments.push((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.lineSegment)(points[points.length - 1], points[0]));\n  return segments;\n};\n/**\r\n * Scene -> Scene coords, but in x1,x2,y1,y2 format.\r\n *\r\n * Rectangle here means any rectangular frame, not an excalidraw element.\r\n */\n\n\nconst getRectangleBoxAbsoluteCoords = boxSceneCoords => {\n  return [boxSceneCoords.x, boxSceneCoords.y, boxSceneCoords.x + boxSceneCoords.width, boxSceneCoords.y + boxSceneCoords.height, boxSceneCoords.x + boxSceneCoords.width / 2, boxSceneCoords.y + boxSceneCoords.height / 2];\n};\nconst getDiamondPoints = element => {\n  // Here we add +1 to avoid these numbers to be 0\n  // otherwise rough.js will throw an error complaining about it\n  const topX = Math.floor(element.width / 2) + 1;\n  const topY = 0;\n  const rightX = element.width;\n  const rightY = Math.floor(element.height / 2) + 1;\n  const bottomX = topX;\n  const bottomY = element.height;\n  const leftX = 0;\n  const leftY = rightY;\n  return [topX, topY, rightX, rightY, bottomX, bottomY, leftX, leftY];\n}; // reference: https://eliot-jones.com/2019/12/cubic-bezier-curve-bounding-boxes\n\nconst getBezierValueForT = (t, p0, p1, p2, p3) => {\n  const oneMinusT = 1 - t;\n  return Math.pow(oneMinusT, 3) * p0 + 3 * Math.pow(oneMinusT, 2) * t * p1 + 3 * oneMinusT * Math.pow(t, 2) * p2 + Math.pow(t, 3) * p3;\n};\n\nconst solveQuadratic = (p0, p1, p2, p3) => {\n  const i = p1 - p0;\n  const j = p2 - p1;\n  const k = p3 - p2;\n  const a = 3 * i - 6 * j + 3 * k;\n  const b = 6 * j - 6 * i;\n  const c = 3 * i;\n  const sqrtPart = b * b - 4 * a * c;\n  const hasSolution = sqrtPart >= 0;\n\n  if (!hasSolution) {\n    return false;\n  }\n\n  let s1 = null;\n  let s2 = null;\n  let t1 = Infinity;\n  let t2 = Infinity;\n\n  if (a === 0) {\n    t1 = t2 = -c / b;\n  } else {\n    t1 = (-b + Math.sqrt(sqrtPart)) / (2 * a);\n    t2 = (-b - Math.sqrt(sqrtPart)) / (2 * a);\n  }\n\n  if (t1 >= 0 && t1 <= 1) {\n    s1 = getBezierValueForT(t1, p0, p1, p2, p3);\n  }\n\n  if (t2 >= 0 && t2 <= 1) {\n    s2 = getBezierValueForT(t2, p0, p1, p2, p3);\n  }\n\n  return [s1, s2];\n};\n\nconst getCubicBezierCurveBound = (p0, p1, p2, p3) => {\n  const solX = solveQuadratic(p0[0], p1[0], p2[0], p3[0]);\n  const solY = solveQuadratic(p0[1], p1[1], p2[1], p3[1]);\n  let minX = Math.min(p0[0], p3[0]);\n  let maxX = Math.max(p0[0], p3[0]);\n\n  if (solX) {\n    const xs = solX.filter(x => x !== null);\n    minX = Math.min(minX, ...xs);\n    maxX = Math.max(maxX, ...xs);\n  }\n\n  let minY = Math.min(p0[1], p3[1]);\n  let maxY = Math.max(p0[1], p3[1]);\n\n  if (solY) {\n    const ys = solY.filter(y => y !== null);\n    minY = Math.min(minY, ...ys);\n    maxY = Math.max(maxY, ...ys);\n  }\n\n  return [minX, minY, maxX, maxY];\n};\n\nconst getMinMaxXYFromCurvePathOps = (ops, transformXY) => {\n  let currentP = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(0, 0);\n  const {\n    minX,\n    minY,\n    maxX,\n    maxY\n  } = ops.reduce((limits, {\n    op,\n    data\n  }) => {\n    // There are only four operation types:\n    // move, bcurveTo, lineTo, and curveTo\n    if (op === \"move\") {\n      // change starting point\n      const p = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFromArray)(data);\n      (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_1__.invariant)(p != null, \"Op data is not a point\");\n      currentP = p; // move operation does not draw anything; so, it always\n      // returns false\n    } else if (op === \"bcurveTo\") {\n      const _p1 = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(data[0], data[1]);\n\n      const _p2 = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(data[2], data[3]);\n\n      const _p3 = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(data[4], data[5]);\n\n      const p1 = transformXY ? transformXY(_p1) : _p1;\n      const p2 = transformXY ? transformXY(_p2) : _p2;\n      const p3 = transformXY ? transformXY(_p3) : _p3;\n      const p0 = transformXY ? transformXY(currentP) : currentP;\n      currentP = _p3;\n      const [minX, minY, maxX, maxY] = getCubicBezierCurveBound(p0, p1, p2, p3);\n      limits.minX = Math.min(limits.minX, minX);\n      limits.minY = Math.min(limits.minY, minY);\n      limits.maxX = Math.max(limits.maxX, maxX);\n      limits.maxY = Math.max(limits.maxY, maxY);\n    } else if (op === \"lineTo\") {// TODO: Implement this\n    } else if (op === \"qcurveTo\") {// TODO: Implement this\n    }\n\n    return limits;\n  }, {\n    minX: Infinity,\n    minY: Infinity,\n    maxX: -Infinity,\n    maxY: -Infinity\n  });\n  return [minX, minY, maxX, maxY];\n};\nconst getBoundsFromPoints = points => {\n  let minX = Infinity;\n  let minY = Infinity;\n  let maxX = -Infinity;\n  let maxY = -Infinity;\n\n  for (const [x, y] of points) {\n    minX = Math.min(minX, x);\n    minY = Math.min(minY, y);\n    maxX = Math.max(maxX, x);\n    maxY = Math.max(maxY, y);\n  }\n\n  return [minX, minY, maxX, maxY];\n};\n\nconst getFreeDrawElementAbsoluteCoords = element => {\n  const [minX, minY, maxX, maxY] = getBoundsFromPoints(element.points);\n  const x1 = minX + element.x;\n  const y1 = minY + element.y;\n  const x2 = maxX + element.x;\n  const y2 = maxY + element.y;\n  return [x1, y1, x2, y2, (x1 + x2) / 2, (y1 + y2) / 2];\n};\n/** @returns number in pixels */\n\n\nconst getArrowheadSize = arrowhead => {\n  switch (arrowhead) {\n    case \"arrow\":\n      return 25;\n\n    case \"diamond\":\n    case \"diamond_outline\":\n      return 12;\n\n    case \"crowfoot_many\":\n    case \"crowfoot_one\":\n    case \"crowfoot_one_or_many\":\n      return 20;\n\n    default:\n      return 15;\n  }\n};\n/** @returns number in degrees */\n\nconst getArrowheadAngle = arrowhead => {\n  switch (arrowhead) {\n    case \"bar\":\n      return 90;\n\n    case \"arrow\":\n      return 20;\n\n    default:\n      return 25;\n  }\n};\nconst getArrowheadPoints = (element, shape, position, arrowhead) => {\n  if (shape.length < 1) {\n    return null;\n  }\n\n  const ops = (0,_excalidraw_utils_shape__WEBPACK_IMPORTED_MODULE_3__.getCurvePathOps)(shape[0]);\n\n  if (ops.length < 1) {\n    return null;\n  } // The index of the bCurve operation to examine.\n\n\n  const index = position === \"start\" ? 1 : ops.length - 1;\n  const data = ops[index].data;\n  (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_1__.invariant)(data.length === 6, \"Op data length is not 6\");\n  const p3 = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(data[4], data[5]);\n  const p2 = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(data[2], data[3]);\n  const p1 = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(data[0], data[1]); // We need to find p0 of the bezier curve.\n  // It is typically the last point of the previous\n  // curve; it can also be the position of moveTo operation.\n\n  const prevOp = ops[index - 1];\n  let p0 = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(0, 0);\n\n  if (prevOp.op === \"move\") {\n    const p = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFromArray)(prevOp.data);\n    (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_1__.invariant)(p != null, \"Op data is not a point\");\n    p0 = p;\n  } else if (prevOp.op === \"bcurveTo\") {\n    p0 = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(prevOp.data[4], prevOp.data[5]);\n  } // B(t) = p0 * (1-t)^3 + 3p1 * t * (1-t)^2 + 3p2 * t^2 * (1-t) + p3 * t^3\n\n\n  const equation = (t, idx) => Math.pow(1 - t, 3) * p3[idx] + 3 * t * Math.pow(1 - t, 2) * p2[idx] + 3 * Math.pow(t, 2) * (1 - t) * p1[idx] + p0[idx] * Math.pow(t, 3); // Ee know the last point of the arrow (or the first, if start arrowhead).\n\n\n  const [x2, y2] = position === \"start\" ? p0 : p3; // By using cubic bezier equation (B(t)) and the given parameters,\n  // we calculate a point that is closer to the last point.\n  // The value 0.3 is chosen arbitrarily and it works best for all\n  // the tested cases.\n\n  const [x1, y1] = [equation(0.3, 0), equation(0.3, 1)]; // Find the normalized direction vector based on the\n  // previously calculated points.\n\n  const distance = Math.hypot(x2 - x1, y2 - y1);\n  const nx = (x2 - x1) / distance;\n  const ny = (y2 - y1) / distance;\n  const size = getArrowheadSize(arrowhead);\n  let length = 0;\n  {\n    // Length for -> arrows is based on the length of the last section\n    const [cx, cy] = position === \"end\" ? element.points[element.points.length - 1] : element.points[0];\n    const [px, py] = element.points.length > 1 ? position === \"end\" ? element.points[element.points.length - 2] : element.points[1] : [0, 0];\n    length = Math.hypot(cx - px, cy - py);\n  } // Scale down the arrowhead until we hit a certain size so that it doesn't look weird.\n  // This value is selected by minimizing a minimum size with the last segment of the arrowhead\n\n  const lengthMultiplier = arrowhead === \"diamond\" || arrowhead === \"diamond_outline\" ? 0.25 : 0.5;\n  const minSize = Math.min(size, length * lengthMultiplier);\n  const xs = x2 - nx * minSize;\n  const ys = y2 - ny * minSize;\n\n  if (arrowhead === \"dot\") {\n    //zsviczian\n    const diameter = Math.hypot(ys - y2, xs - x2) + element.strokeWidth - 2;\n    return [x2, y2, diameter * 0.8]; //zsviczian\n  }\n\n  if ( //zsviczian removed \"dot\"\n  arrowhead === \"circle\" || arrowhead === \"circle_outline\") {\n    const diameter = Math.hypot(ys - y2, xs - x2) + element.strokeWidth - 2;\n    return [x2, y2, diameter * 1.2]; //zsviczian\n  }\n\n  const angle = getArrowheadAngle(arrowhead);\n\n  if (arrowhead === \"crowfoot_many\" || arrowhead === \"crowfoot_one_or_many\") {\n    // swap (xs, ys) with (x2, y2)\n    const [x3, y3] = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(x2, y2), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(xs, ys), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.degreesToRadians)(-angle));\n    const [x4, y4] = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(x2, y2), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(xs, ys), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.degreesToRadians)(angle));\n    return [xs, ys, x3, y3, x4, y4];\n  } // Return points\n\n\n  const [x3, y3] = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(xs, ys), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(x2, y2), -angle * Math.PI / 180);\n  const [x4, y4] = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(xs, ys), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(x2, y2), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.degreesToRadians)(angle));\n\n  if (arrowhead === \"diamond\" || arrowhead === \"diamond_outline\") {\n    // point opposite to the arrowhead point\n    let ox;\n    let oy;\n\n    if (position === \"start\") {\n      const [px, py] = element.points.length > 1 ? element.points[1] : [0, 0];\n      [ox, oy] = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(x2 + minSize * 2, y2), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(x2, y2), Math.atan2(py - y2, px - x2));\n    } else {\n      const [px, py] = element.points.length > 1 ? element.points[element.points.length - 2] : [0, 0];\n      [ox, oy] = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(x2 - minSize * 2, y2), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(x2, y2), Math.atan2(y2 - py, x2 - px));\n    }\n\n    return [x2, y2, x3, y3, ox, oy, x4, y4];\n  }\n\n  return [x2, y2, x3, y3, x4, y4];\n};\n\nconst generateLinearElementShape = element => {\n  const generator = roughjs_bin_rough__WEBPACK_IMPORTED_MODULE_0__[\"default\"].generator();\n  const options = (0,_Shape__WEBPACK_IMPORTED_MODULE_6__.generateRoughOptions)(element);\n\n  const method = (() => {\n    if (element.roundness) {\n      return \"curve\";\n    }\n\n    if (options.fill) {\n      return \"polygon\";\n    }\n\n    return \"linearPath\";\n  })();\n\n  return generator[method](element.points, options);\n};\n\nconst getLinearElementRotatedBounds = (element, cx, cy, elementsMap) => {\n  var _a;\n\n  const boundTextElement = (0,_textElement__WEBPACK_IMPORTED_MODULE_8__.getBoundTextElement)(element, elementsMap);\n\n  if (element.points.length < 2) {\n    const [pointX, pointY] = element.points[0];\n    const [x, y] = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(element.x + pointX, element.y + pointY), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(cx, cy), element.angle);\n    let coords = [x, y, x, y];\n\n    if (boundTextElement) {\n      const coordsWithBoundText = _linearElementEditor__WEBPACK_IMPORTED_MODULE_7__.LinearElementEditor.getMinMaxXYWithBoundText(element, elementsMap, [x, y, x, y], boundTextElement);\n      coords = [coordsWithBoundText[0], coordsWithBoundText[1], coordsWithBoundText[2], coordsWithBoundText[3]];\n    }\n\n    return coords;\n  } // first element is always the curve\n\n\n  const cachedShape = (_a = _ShapeCache__WEBPACK_IMPORTED_MODULE_5__.ShapeCache.get(element)) === null || _a === void 0 ? void 0 : _a[0];\n  const shape = cachedShape !== null && cachedShape !== void 0 ? cachedShape : generateLinearElementShape(element);\n  const ops = (0,_excalidraw_utils_shape__WEBPACK_IMPORTED_MODULE_3__.getCurvePathOps)(shape);\n\n  const transformXY = ([x, y]) => (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(element.x + x, element.y + y), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(cx, cy), element.angle);\n\n  const res = getMinMaxXYFromCurvePathOps(ops, transformXY);\n  let coords = [res[0], res[1], res[2], res[3]];\n\n  if (boundTextElement) {\n    const coordsWithBoundText = _linearElementEditor__WEBPACK_IMPORTED_MODULE_7__.LinearElementEditor.getMinMaxXYWithBoundText(element, elementsMap, coords, boundTextElement);\n    coords = [coordsWithBoundText[0], coordsWithBoundText[1], coordsWithBoundText[2], coordsWithBoundText[3]];\n  }\n\n  return coords;\n};\n\nconst getElementBounds = (element, elementsMap) => {\n  return ElementBounds.getBounds(element, elementsMap);\n};\nconst getCommonBounds = (elements, elementsMap) => {\n  if (!(0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_1__.sizeOf)(elements)) {\n    return [0, 0, 0, 0];\n  }\n\n  let minX = Infinity;\n  let maxX = -Infinity;\n  let minY = Infinity;\n  let maxY = -Infinity;\n\n  const _elementsMap = elementsMap || (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_1__.arrayToMap)(elements);\n\n  elements.forEach(element => {\n    const [x1, y1, x2, y2] = getElementBounds(element, _elementsMap);\n    minX = Math.min(minX, x1);\n    minY = Math.min(minY, y1);\n    maxX = Math.max(maxX, x2);\n    maxY = Math.max(maxY, y2);\n  });\n  return [minX, minY, maxX, maxY];\n};\nconst getDraggedElementsBounds = (elements, dragOffset) => {\n  const [minX, minY, maxX, maxY] = getCommonBounds(elements);\n  return [minX + dragOffset.x, minY + dragOffset.y, maxX + dragOffset.x, maxY + dragOffset.y];\n};\nconst getResizedElementAbsoluteCoords = (element, nextWidth, nextHeight, normalizePoints) => {\n  if (!((0,_typeChecks__WEBPACK_IMPORTED_MODULE_9__.isLinearElement)(element) || (0,_typeChecks__WEBPACK_IMPORTED_MODULE_9__.isFreeDrawElement)(element))) {\n    return [element.x, element.y, element.x + nextWidth, element.y + nextHeight];\n  }\n\n  const points = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_1__.rescalePoints)(0, nextWidth, (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_1__.rescalePoints)(1, nextHeight, element.points, normalizePoints), normalizePoints);\n  let bounds;\n\n  if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_9__.isFreeDrawElement)(element)) {\n    // Free Draw\n    bounds = getBoundsFromPoints(points);\n  } else {\n    // Line\n    const gen = roughjs_bin_rough__WEBPACK_IMPORTED_MODULE_0__[\"default\"].generator();\n    const curve = !element.roundness ? gen.linearPath(points, (0,_Shape__WEBPACK_IMPORTED_MODULE_6__.generateRoughOptions)(element)) : gen.curve(points, (0,_Shape__WEBPACK_IMPORTED_MODULE_6__.generateRoughOptions)(element));\n    const ops = (0,_excalidraw_utils_shape__WEBPACK_IMPORTED_MODULE_3__.getCurvePathOps)(curve);\n    bounds = getMinMaxXYFromCurvePathOps(ops);\n  }\n\n  const [minX, minY, maxX, maxY] = bounds;\n  return [minX + element.x, minY + element.y, maxX + element.x, maxY + element.y];\n};\nconst getElementPointsCoords = (element, points) => {\n  // This might be computationally heavey\n  const gen = roughjs_bin_rough__WEBPACK_IMPORTED_MODULE_0__[\"default\"].generator();\n  const curve = element.roundness == null ? gen.linearPath(points, (0,_Shape__WEBPACK_IMPORTED_MODULE_6__.generateRoughOptions)(element)) : gen.curve(points, (0,_Shape__WEBPACK_IMPORTED_MODULE_6__.generateRoughOptions)(element));\n  const ops = (0,_excalidraw_utils_shape__WEBPACK_IMPORTED_MODULE_3__.getCurvePathOps)(curve);\n  const [minX, minY, maxX, maxY] = getMinMaxXYFromCurvePathOps(ops);\n  return [minX + element.x, minY + element.y, maxX + element.x, maxY + element.y];\n};\nconst getClosestElementBounds = (elements, from) => {\n  if (!elements.length) {\n    return [0, 0, 0, 0];\n  }\n\n  let minDistance = Infinity;\n  let closestElement = elements[0];\n  const elementsMap = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_1__.arrayToMap)(elements);\n  elements.forEach(element => {\n    const [x1, y1, x2, y2] = getElementBounds(element, elementsMap);\n    const distance = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointDistance)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)((x1 + x2) / 2, (y1 + y2) / 2), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(from.x, from.y));\n\n    if (distance < minDistance) {\n      minDistance = distance;\n      closestElement = element;\n    }\n  });\n  return getElementBounds(closestElement, elementsMap);\n};\nconst getCommonBoundingBox = elements => {\n  const [minX, minY, maxX, maxY] = getCommonBounds(elements);\n  return {\n    minX,\n    minY,\n    maxX,\n    maxY,\n    width: maxX - minX,\n    height: maxY - minY,\n    midX: (minX + maxX) / 2,\n    midY: (minY + maxY) / 2\n  };\n};\n/**\r\n * returns scene coords of user's editor viewport (visible canvas area) bounds\r\n */\n\nconst getVisibleSceneBounds = ({\n  scrollX,\n  scrollY,\n  width,\n  height,\n  zoom\n}) => {\n  return [-scrollX, -scrollY, -scrollX + width / zoom.value, -scrollY + height / zoom.value];\n};\nconst getCenterForBounds = bounds => (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_2__.pointFrom)(bounds[0] + (bounds[2] - bounds[0]) / 2, bounds[1] + (bounds[3] - bounds[1]) / 2);\nconst doBoundsIntersect = (bounds1, bounds2) => {\n  if (bounds1 == null || bounds2 == null) {\n    return false;\n  }\n\n  const [minX1, minY1, maxX1, maxY1] = bounds1;\n  const [minX2, minY2, maxX2, maxY2] = bounds2;\n  return minX1 < maxX2 && maxX1 > minX2 && minY1 < maxY2 && maxY1 > minY2;\n};\n\n//# sourceURL=webpack://ExcalidrawLib/../element/src/bounds.ts?");
 /***/ }),
@@ -13168,7 +13168,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 */   deepCopyElement: () => (/* binding */ deepCopyElement),\n/* harmony export */   duplicateElement: () => (/* binding */ duplicateElement),\n/* harmony export */   duplicateElements: () => (/* binding */ duplicateElements)\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 _groups__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./groups */ \"../element/src/groups.ts\");\n/* harmony import */ var _frame__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./frame */ \"../element/src/frame.ts\");\n/* harmony import */ var _sortElements__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./sortElements */ \"../element/src/sortElements.ts\");\n/* harmony import */ var _mutateElement__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./mutateElement */ \"../element/src/mutateElement.ts\");\n/* harmony import */ var _typeChecks__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./typeChecks */ \"../element/src/typeChecks.ts\");\n/* harmony import */ var _textElement__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./textElement */ \"../element/src/textElement.ts\");\n/* harmony import */ var _binding__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./binding */ \"../element/src/binding.ts\");\n\n\n\n\n\n\n\n\n/**\r\n * Duplicate an element, often used in the alt-drag operation.\r\n * Note that this method has gotten a bit complicated since the\r\n * introduction of gruoping/ungrouping elements.\r\n * @param editingGroupId The current group being edited. The new\r\n *                       element will inherit this group and its\r\n *                       parents.\r\n * @param groupIdMapForOperation A Map that maps old group IDs to\r\n *                               duplicated ones. If you are duplicating\r\n *                               multiple elements at once, share this map\r\n *                               amongst all of them\r\n * @param element Element to duplicate\r\n * @param overrides Any element properties to override\r\n */\n\nconst duplicateElement = (editingGroupId, groupIdMapForOperation, element, overrides, randomizeSeed) => {\n  let copy = deepCopyElement(element);\n\n  if ((0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.isTestEnv)()) {\n    __test__defineOrigId(copy, element.id);\n  }\n\n  copy.id = copy.type === \"text\" ? (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.obsidianId)() : (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.randomId)(); //zsviczian\n\n  copy.updated = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.getUpdatedTimestamp)();\n\n  if (randomizeSeed) {\n    copy.seed = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.randomInteger)();\n    (0,_mutateElement__WEBPACK_IMPORTED_MODULE_4__.bumpVersion)(copy);\n  }\n\n  copy.groupIds = (0,_groups__WEBPACK_IMPORTED_MODULE_1__.getNewGroupIdsForDuplication)(copy.groupIds, editingGroupId, groupId => {\n    if (!groupIdMapForOperation.has(groupId)) {\n      groupIdMapForOperation.set(groupId, (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.randomId)());\n    }\n\n    return groupIdMapForOperation.get(groupId);\n  });\n\n  if (overrides) {\n    copy = Object.assign(copy, overrides);\n  }\n\n  return copy;\n};\nconst duplicateElements = opts => {\n  let {\n    elements\n  } = opts;\n  const appState = \"appState\" in opts ? opts.appState : {\n    editingGroupId: null,\n    selectedGroupIds: {}\n  };\n  const reverseOrder = opts.type === \"in-place\" ? opts.reverseOrder : false; // Ids of elements that have already been processed so we don't push them\n  // into the array twice if we end up backtracking when retrieving\n  // discontiguous group of elements (can happen due to a bug, or in edge\n  // cases such as a group containing deleted elements which were not selected).\n  //\n  // This is not enough to prevent duplicates, so we do a second loop afterwards\n  // to remove them.\n  //\n  // For convenience we mark even the newly created ones even though we don't\n  // loop over them.\n\n  const processedIds = new Map();\n  const groupIdMap = new Map();\n  const newElements = [];\n  const oldElements = [];\n  const oldIdToDuplicatedId = new Map();\n  const duplicatedElementsMap = new Map();\n  const elementsMap = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.arrayToMap)(elements);\n\n  const _idsOfElementsToDuplicate = opts.type === \"in-place\" ? opts.idsOfElementsToDuplicate : new Map(elements.map(el => [el.id, el])); // For sanity\n\n\n  if (opts.type === \"in-place\") {\n    for (const groupId of Object.keys(opts.appState.selectedGroupIds)) {\n      elements.filter(el => {\n        var _a;\n\n        return (_a = el.groupIds) === null || _a === void 0 ? void 0 : _a.includes(groupId);\n      }).forEach(el => _idsOfElementsToDuplicate.set(el.id, el));\n    }\n  }\n\n  elements = (0,_sortElements__WEBPACK_IMPORTED_MODULE_3__.normalizeElementOrder)(elements);\n  const elementsWithClones = elements.slice(); // helper functions\n  // -------------------------------------------------------------------------\n  // Used for the heavy lifing of copying a single element, a group of elements\n  // an element with bound text etc.\n\n  const copyElements = element => {\n    const elements = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.castArray)(element);\n\n    const _newElements = elements.reduce((acc, element) => {\n      var _a;\n\n      if (processedIds.has(element.id)) {\n        return acc;\n      }\n\n      processedIds.set(element.id, true);\n      const newElement = duplicateElement(appState.editingGroupId, groupIdMap, element, (_a = opts.overrides) === null || _a === void 0 ? void 0 : _a.call(opts, element), opts.randomizeSeed);\n      processedIds.set(newElement.id, true);\n      duplicatedElementsMap.set(newElement.id, newElement);\n      oldIdToDuplicatedId.set(element.id, newElement.id);\n      oldElements.push(element);\n      newElements.push(newElement);\n      acc.push(newElement);\n      return acc;\n    }, []);\n\n    return Array.isArray(element) ? _newElements : _newElements[0] || null;\n  }; // Helper to position cloned elements in the Z-order the product needs it\n\n\n  const insertBeforeOrAfterIndex = (index, elements) => {\n    if (!elements) {\n      return;\n    }\n\n    if (reverseOrder && index < 1) {\n      elementsWithClones.unshift(...(0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.castArray)(elements));\n      return;\n    }\n\n    if (!reverseOrder && index > elementsWithClones.length - 1) {\n      elementsWithClones.push(...(0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.castArray)(elements));\n      return;\n    }\n\n    elementsWithClones.splice(index + (reverseOrder ? 0 : 1), 0, ...(0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.castArray)(elements));\n  };\n\n  const frameIdsToDuplicate = new Set(elements.filter(el => _idsOfElementsToDuplicate.has(el.id) && (0,_typeChecks__WEBPACK_IMPORTED_MODULE_5__.isFrameLikeElement)(el)).map(el => el.id));\n\n  for (const element of elements) {\n    if (processedIds.has(element.id)) {\n      continue;\n    }\n\n    if (!_idsOfElementsToDuplicate.has(element.id)) {\n      continue;\n    } // groups\n    // -------------------------------------------------------------------------\n\n\n    const groupId = (0,_groups__WEBPACK_IMPORTED_MODULE_1__.getSelectedGroupForElement)(appState, element);\n\n    if (groupId) {\n      const groupElements = (0,_groups__WEBPACK_IMPORTED_MODULE_1__.getElementsInGroup)(elements, groupId).flatMap(element => (0,_typeChecks__WEBPACK_IMPORTED_MODULE_5__.isFrameLikeElement)(element) ? [...(0,_frame__WEBPACK_IMPORTED_MODULE_2__.getFrameChildren)(elements, element.id), element] : [element]);\n      const targetIndex = reverseOrder ? elementsWithClones.findIndex(el => {\n        var _a;\n\n        return (_a = el.groupIds) === null || _a === void 0 ? void 0 : _a.includes(groupId);\n      }) : (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.findLastIndex)(elementsWithClones, el => {\n        var _a;\n\n        return (_a = el.groupIds) === null || _a === void 0 ? void 0 : _a.includes(groupId);\n      });\n      insertBeforeOrAfterIndex(targetIndex, copyElements(groupElements));\n      continue;\n    } // frame duplication\n    // -------------------------------------------------------------------------\n\n\n    if (element.frameId && frameIdsToDuplicate.has(element.frameId)) {\n      continue;\n    }\n\n    if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_5__.isFrameLikeElement)(element)) {\n      const frameId = element.id;\n      const frameChildren = (0,_frame__WEBPACK_IMPORTED_MODULE_2__.getFrameChildren)(elements, frameId);\n      const targetIndex = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.findLastIndex)(elementsWithClones, el => {\n        return el.frameId === frameId || el.id === frameId;\n      });\n      insertBeforeOrAfterIndex(targetIndex, copyElements([...frameChildren, element]));\n      continue;\n    } // text container\n    // -------------------------------------------------------------------------\n\n\n    if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_5__.hasBoundTextElement)(element)) {\n      const boundTextElement = (0,_textElement__WEBPACK_IMPORTED_MODULE_6__.getBoundTextElement)(element, elementsMap);\n      const targetIndex = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.findLastIndex)(elementsWithClones, el => {\n        return el.id === element.id || \"containerId\" in el && el.containerId === element.id;\n      });\n\n      if (boundTextElement) {\n        insertBeforeOrAfterIndex(targetIndex + (reverseOrder ? -1 : 0), copyElements([element, boundTextElement]));\n      } else {\n        insertBeforeOrAfterIndex(targetIndex, copyElements(element));\n      }\n\n      continue;\n    }\n\n    if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_5__.isBoundToContainer)(element)) {\n      const container = (0,_textElement__WEBPACK_IMPORTED_MODULE_6__.getContainerElement)(element, elementsMap);\n      const targetIndex = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.findLastIndex)(elementsWithClones, el => {\n        return el.id === element.id || el.id === (container === null || container === void 0 ? void 0 : container.id);\n      });\n\n      if (container) {\n        insertBeforeOrAfterIndex(targetIndex, copyElements([container, element]));\n      } else {\n        insertBeforeOrAfterIndex(targetIndex, copyElements(element));\n      }\n\n      continue;\n    } // default duplication (regular elements)\n    // -------------------------------------------------------------------------\n\n\n    insertBeforeOrAfterIndex((0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.findLastIndex)(elementsWithClones, el => el.id === element.id), copyElements(element));\n  } // ---------------------------------------------------------------------------\n\n\n  (0,_binding__WEBPACK_IMPORTED_MODULE_7__.fixDuplicatedBindingsAfterDuplication)(newElements, oldIdToDuplicatedId, duplicatedElementsMap);\n\n  if (reverseOrder) {\n    (0,_binding__WEBPACK_IMPORTED_MODULE_7__.fixReversedBindings)(_idsOfElementsToDuplicate, elementsWithClones, oldIdToDuplicatedId);\n  }\n\n  (0,_frame__WEBPACK_IMPORTED_MODULE_2__.bindElementsToFramesAfterDuplication)(elementsWithClones, oldElements, oldIdToDuplicatedId);\n  return {\n    newElements,\n    elementsWithClones\n  };\n}; // Simplified deep clone for the purpose of cloning ExcalidrawElement.\n//\n// Only clones plain objects and arrays. Doesn't clone Date, RegExp, Map, Set,\n// Typed arrays and other non-null objects.\n//\n// Adapted from https://github.com/lukeed/klona\n//\n// The reason for `deepCopyElement()` wrapper is type safety (only allow\n// passing ExcalidrawElement as the top-level argument).\n\nconst _deepCopyElement = (val, depth = 0) => {\n  // only clone non-primitives\n  if (val == null || typeof val !== \"object\") {\n    return val;\n  }\n\n  const objectType = Object.prototype.toString.call(val);\n\n  if (objectType === \"[object Object]\") {\n    const tmp = typeof val.constructor === \"function\" ? Object.create(Object.getPrototypeOf(val)) : {};\n\n    for (const key in val) {\n      if (val.hasOwnProperty(key)) {\n        // don't copy non-serializable objects like these caches. They'll be\n        // populated when the element is rendered.\n        if (depth === 0 && (key === \"shape\" || key === \"canvas\")) {\n          continue;\n        }\n\n        tmp[key] = _deepCopyElement(val[key], depth + 1);\n      }\n    }\n\n    return tmp;\n  }\n\n  if (Array.isArray(val)) {\n    let k = val.length;\n    const arr = new Array(k);\n\n    while (k--) {\n      arr[k] = _deepCopyElement(val[k], depth + 1);\n    }\n\n    return arr;\n  } // we're not cloning non-array & non-plain-object objects because we\n  // don't support them on excalidraw elements yet. If we do, we need to make\n  // sure we start cloning them, so let's warn about it.\n\n\n  if (true) {\n    if (objectType !== \"[object Object]\" && objectType !== \"[object Array]\" && objectType.startsWith(\"[object \")) {\n      console.warn(`_deepCloneElement: unexpected object type ${objectType}. This value will not be cloned!`);\n    }\n  }\n\n  return val;\n};\n/**\r\n * Clones ExcalidrawElement data structure. Does not regenerate id, nonce, or\r\n * any value. The purpose is to to break object references for immutability\r\n * reasons, whenever we want to keep the original element, but ensure it's not\r\n * mutated.\r\n *\r\n * Only clones plain objects and arrays. Doesn't clone Date, RegExp, Map, Set,\r\n * Typed arrays and other non-null objects.\r\n */\n\n\nconst deepCopyElement = val => {\n  return _deepCopyElement(val);\n};\n\nconst __test__defineOrigId = (clonedObj, origId) => {\n  Object.defineProperty(clonedObj, _excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.ORIG_ID, {\n    value: origId,\n    writable: false,\n    enumerable: false\n  });\n};\n\n//# sourceURL=webpack://ExcalidrawLib/../element/src/duplicate.ts?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   deepCopyElement: () => (/* binding */ deepCopyElement),\n/* harmony export */   duplicateElement: () => (/* binding */ duplicateElement),\n/* harmony export */   duplicateElements: () => (/* binding */ duplicateElements)\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 _groups__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./groups */ \"../element/src/groups.ts\");\n/* harmony import */ var _frame__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./frame */ \"../element/src/frame.ts\");\n/* harmony import */ var _sortElements__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./sortElements */ \"../element/src/sortElements.ts\");\n/* harmony import */ var _mutateElement__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./mutateElement */ \"../element/src/mutateElement.ts\");\n/* harmony import */ var _typeChecks__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./typeChecks */ \"../element/src/typeChecks.ts\");\n/* harmony import */ var _textElement__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./textElement */ \"../element/src/textElement.ts\");\n/* harmony import */ var _binding__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./binding */ \"../element/src/binding.ts\");\n\n\n\n\n\n\n\n\n/**\r\n * Duplicate an element, often used in the alt-drag operation.\r\n * Note that this method has gotten a bit complicated since the\r\n * introduction of gruoping/ungrouping elements.\r\n * @param editingGroupId The current group being edited. The new\r\n *                       element will inherit this group and its\r\n *                       parents.\r\n * @param groupIdMapForOperation A Map that maps old group IDs to\r\n *                               duplicated ones. If you are duplicating\r\n *                               multiple elements at once, share this map\r\n *                               amongst all of them\r\n * @param element Element to duplicate\r\n */\n\nconst duplicateElement = (editingGroupId, groupIdMapForOperation, element, randomizeSeed) => {\n  const copy = deepCopyElement(element);\n\n  if ((0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.isTestEnv)()) {\n    __test__defineOrigId(copy, element.id);\n  }\n\n  copy.id = copy.type === \"text\" ? (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.obsidianId)() : (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.randomId)(); //zsviczian\n\n  copy.updated = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.getUpdatedTimestamp)();\n\n  if (randomizeSeed) {\n    copy.seed = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.randomInteger)();\n    (0,_mutateElement__WEBPACK_IMPORTED_MODULE_4__.bumpVersion)(copy);\n  }\n\n  copy.groupIds = (0,_groups__WEBPACK_IMPORTED_MODULE_1__.getNewGroupIdsForDuplication)(copy.groupIds, editingGroupId, groupId => {\n    if (!groupIdMapForOperation.has(groupId)) {\n      groupIdMapForOperation.set(groupId, (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.randomId)());\n    }\n\n    return groupIdMapForOperation.get(groupId);\n  });\n  return copy;\n};\nconst duplicateElements = opts => {\n  let {\n    elements\n  } = opts;\n  const appState = \"appState\" in opts ? opts.appState : {\n    editingGroupId: null,\n    selectedGroupIds: {}\n  }; // Ids of elements that have already been processed so we don't push them\n  // into the array twice if we end up backtracking when retrieving\n  // discontiguous group of elements (can happen due to a bug, or in edge\n  // cases such as a group containing deleted elements which were not selected).\n  //\n  // This is not enough to prevent duplicates, so we do a second loop afterwards\n  // to remove them.\n  //\n  // For convenience we mark even the newly created ones even though we don't\n  // loop over them.\n\n  const processedIds = new Map();\n  const groupIdMap = new Map();\n  const duplicatedElements = [];\n  const origElements = [];\n  const origIdToDuplicateId = new Map();\n  const duplicateIdToOrigElement = new Map();\n  const duplicateElementsMap = new Map();\n  const elementsMap = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.arrayToMap)(elements);\n\n  const _idsOfElementsToDuplicate = opts.type === \"in-place\" ? opts.idsOfElementsToDuplicate : new Map(elements.map(el => [el.id, el])); // For sanity\n\n\n  if (opts.type === \"in-place\") {\n    for (const groupId of Object.keys(opts.appState.selectedGroupIds)) {\n      elements.filter(el => {\n        var _a;\n\n        return (_a = el.groupIds) === null || _a === void 0 ? void 0 : _a.includes(groupId);\n      }).forEach(el => _idsOfElementsToDuplicate.set(el.id, el));\n    }\n  }\n\n  elements = (0,_sortElements__WEBPACK_IMPORTED_MODULE_3__.normalizeElementOrder)(elements);\n  const elementsWithDuplicates = elements.slice(); // helper functions\n  // -------------------------------------------------------------------------\n  // Used for the heavy lifing of copying a single element, a group of elements\n  // an element with bound text etc.\n\n  const copyElements = element => {\n    const elements = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.castArray)(element);\n\n    const _newElements = elements.reduce((acc, element) => {\n      if (processedIds.has(element.id)) {\n        return acc;\n      }\n\n      processedIds.set(element.id, true);\n      const newElement = duplicateElement(appState.editingGroupId, groupIdMap, element, opts.randomizeSeed);\n      processedIds.set(newElement.id, true);\n      duplicateElementsMap.set(newElement.id, newElement);\n      origIdToDuplicateId.set(element.id, newElement.id);\n      duplicateIdToOrigElement.set(newElement.id, element);\n      origElements.push(element);\n      duplicatedElements.push(newElement);\n      acc.push(newElement);\n      return acc;\n    }, []);\n\n    return Array.isArray(element) ? _newElements : _newElements[0] || null;\n  }; // Helper to position cloned elements in the Z-order the product needs it\n\n\n  const insertBeforeOrAfterIndex = (index, elements) => {\n    if (!elements) {\n      return;\n    }\n\n    if (index > elementsWithDuplicates.length - 1) {\n      elementsWithDuplicates.push(...(0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.castArray)(elements));\n      return;\n    }\n\n    elementsWithDuplicates.splice(index + 1, 0, ...(0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.castArray)(elements));\n  };\n\n  const frameIdsToDuplicate = new Set(elements.filter(el => _idsOfElementsToDuplicate.has(el.id) && (0,_typeChecks__WEBPACK_IMPORTED_MODULE_5__.isFrameLikeElement)(el)).map(el => el.id));\n\n  for (const element of elements) {\n    if (processedIds.has(element.id)) {\n      continue;\n    }\n\n    if (!_idsOfElementsToDuplicate.has(element.id)) {\n      continue;\n    } // groups\n    // -------------------------------------------------------------------------\n\n\n    const groupId = (0,_groups__WEBPACK_IMPORTED_MODULE_1__.getSelectedGroupForElement)(appState, element);\n\n    if (groupId) {\n      const groupElements = (0,_groups__WEBPACK_IMPORTED_MODULE_1__.getElementsInGroup)(elements, groupId).flatMap(element => (0,_typeChecks__WEBPACK_IMPORTED_MODULE_5__.isFrameLikeElement)(element) ? [...(0,_frame__WEBPACK_IMPORTED_MODULE_2__.getFrameChildren)(elements, element.id), element] : [element]);\n      const targetIndex = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.findLastIndex)(elementsWithDuplicates, el => {\n        var _a;\n\n        return (_a = el.groupIds) === null || _a === void 0 ? void 0 : _a.includes(groupId);\n      });\n      insertBeforeOrAfterIndex(targetIndex, copyElements(groupElements));\n      continue;\n    } // frame duplication\n    // -------------------------------------------------------------------------\n\n\n    if (element.frameId && frameIdsToDuplicate.has(element.frameId)) {\n      continue;\n    }\n\n    if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_5__.isFrameLikeElement)(element)) {\n      const frameId = element.id;\n      const frameChildren = (0,_frame__WEBPACK_IMPORTED_MODULE_2__.getFrameChildren)(elements, frameId);\n      const targetIndex = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.findLastIndex)(elementsWithDuplicates, el => {\n        return el.frameId === frameId || el.id === frameId;\n      });\n      insertBeforeOrAfterIndex(targetIndex, copyElements([...frameChildren, element]));\n      continue;\n    } // text container\n    // -------------------------------------------------------------------------\n\n\n    if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_5__.hasBoundTextElement)(element)) {\n      const boundTextElement = (0,_textElement__WEBPACK_IMPORTED_MODULE_6__.getBoundTextElement)(element, elementsMap);\n      const targetIndex = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.findLastIndex)(elementsWithDuplicates, el => {\n        return el.id === element.id || \"containerId\" in el && el.containerId === element.id;\n      });\n\n      if (boundTextElement) {\n        insertBeforeOrAfterIndex(targetIndex, copyElements([element, boundTextElement]));\n      } else {\n        insertBeforeOrAfterIndex(targetIndex, copyElements(element));\n      }\n\n      continue;\n    }\n\n    if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_5__.isBoundToContainer)(element)) {\n      const container = (0,_textElement__WEBPACK_IMPORTED_MODULE_6__.getContainerElement)(element, elementsMap);\n      const targetIndex = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.findLastIndex)(elementsWithDuplicates, el => {\n        return el.id === element.id || el.id === (container === null || container === void 0 ? void 0 : container.id);\n      });\n\n      if (container) {\n        insertBeforeOrAfterIndex(targetIndex, copyElements([container, element]));\n      } else {\n        insertBeforeOrAfterIndex(targetIndex, copyElements(element));\n      }\n\n      continue;\n    } // default duplication (regular elements)\n    // -------------------------------------------------------------------------\n\n\n    insertBeforeOrAfterIndex((0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.findLastIndex)(elementsWithDuplicates, el => el.id === element.id), copyElements(element));\n  } // ---------------------------------------------------------------------------\n\n\n  (0,_binding__WEBPACK_IMPORTED_MODULE_7__.fixDuplicatedBindingsAfterDuplication)(duplicatedElements, origIdToDuplicateId, duplicateElementsMap);\n  (0,_frame__WEBPACK_IMPORTED_MODULE_2__.bindElementsToFramesAfterDuplication)(elementsWithDuplicates, origElements, origIdToDuplicateId);\n\n  if (opts.overrides) {\n    for (const duplicateElement of duplicatedElements) {\n      const origElement = duplicateIdToOrigElement.get(duplicateElement.id);\n\n      if (origElement) {\n        Object.assign(duplicateElement, opts.overrides({\n          duplicateElement,\n          origElement,\n          origIdToDuplicateId\n        }));\n      }\n    }\n  }\n\n  return {\n    duplicatedElements,\n    duplicateElementsMap,\n    elementsWithDuplicates,\n    origIdToDuplicateId\n  };\n}; // Simplified deep clone for the purpose of cloning ExcalidrawElement.\n//\n// Only clones plain objects and arrays. Doesn't clone Date, RegExp, Map, Set,\n// Typed arrays and other non-null objects.\n//\n// Adapted from https://github.com/lukeed/klona\n//\n// The reason for `deepCopyElement()` wrapper is type safety (only allow\n// passing ExcalidrawElement as the top-level argument).\n\nconst _deepCopyElement = (val, depth = 0) => {\n  // only clone non-primitives\n  if (val == null || typeof val !== \"object\") {\n    return val;\n  }\n\n  const objectType = Object.prototype.toString.call(val);\n\n  if (objectType === \"[object Object]\") {\n    const tmp = typeof val.constructor === \"function\" ? Object.create(Object.getPrototypeOf(val)) : {};\n\n    for (const key in val) {\n      if (val.hasOwnProperty(key)) {\n        // don't copy non-serializable objects like these caches. They'll be\n        // populated when the element is rendered.\n        if (depth === 0 && (key === \"shape\" || key === \"canvas\")) {\n          continue;\n        }\n\n        tmp[key] = _deepCopyElement(val[key], depth + 1);\n      }\n    }\n\n    return tmp;\n  }\n\n  if (Array.isArray(val)) {\n    let k = val.length;\n    const arr = new Array(k);\n\n    while (k--) {\n      arr[k] = _deepCopyElement(val[k], depth + 1);\n    }\n\n    return arr;\n  } // we're not cloning non-array & non-plain-object objects because we\n  // don't support them on excalidraw elements yet. If we do, we need to make\n  // sure we start cloning them, so let's warn about it.\n\n\n  if (true) {\n    if (objectType !== \"[object Object]\" && objectType !== \"[object Array]\" && objectType.startsWith(\"[object \")) {\n      console.warn(`_deepCloneElement: unexpected object type ${objectType}. This value will not be cloned!`);\n    }\n  }\n\n  return val;\n};\n/**\r\n * Clones ExcalidrawElement data structure. Does not regenerate id, nonce, or\r\n * any value. The purpose is to to break object references for immutability\r\n * reasons, whenever we want to keep the original element, but ensure it's not\r\n * mutated.\r\n *\r\n * Only clones plain objects and arrays. Doesn't clone Date, RegExp, Map, Set,\r\n * Typed arrays and other non-null objects.\r\n */\n\n\nconst deepCopyElement = val => {\n  return _deepCopyElement(val);\n};\n\nconst __test__defineOrigId = (clonedObj, origId) => {\n  Object.defineProperty(clonedObj, _excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.ORIG_ID, {\n    value: origId,\n    writable: false,\n    enumerable: false\n  });\n};\n\n//# sourceURL=webpack://ExcalidrawLib/../element/src/duplicate.ts?");
 /***/ }),
@@ -13245,7 +13245,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 */   addElementsToFrame: () => (/* binding */ addElementsToFrame),\n/* harmony export */   bindElementsToFramesAfterDuplication: () => (/* binding */ bindElementsToFramesAfterDuplication),\n/* harmony export */   elementOverlapsWithFrame: () => (/* binding */ elementOverlapsWithFrame),\n/* harmony export */   elementsAreInFrameBounds: () => (/* binding */ elementsAreInFrameBounds),\n/* harmony export */   filterElementsEligibleAsFrameChildren: () => (/* binding */ filterElementsEligibleAsFrameChildren),\n/* harmony export */   frameAndChildrenSelectedTogether: () => (/* binding */ frameAndChildrenSelectedTogether),\n/* harmony export */   getContainingFrame: () => (/* binding */ getContainingFrame),\n/* harmony export */   getElementsCompletelyInFrame: () => (/* binding */ getElementsCompletelyInFrame),\n/* harmony export */   getElementsInNewFrame: () => (/* binding */ getElementsInNewFrame),\n/* harmony export */   getElementsInResizingFrame: () => (/* binding */ getElementsInResizingFrame),\n/* harmony export */   getElementsIntersectingFrame: () => (/* binding */ getElementsIntersectingFrame),\n/* harmony export */   getElementsOverlappingFrame: () => (/* binding */ getElementsOverlappingFrame),\n/* harmony export */   getFrameChildren: () => (/* binding */ getFrameChildren),\n/* harmony export */   getFrameLikeElements: () => (/* binding */ getFrameLikeElements),\n/* harmony export */   getFrameLikeTitle: () => (/* binding */ getFrameLikeTitle),\n/* harmony export */   getRootElements: () => (/* binding */ getRootElements),\n/* harmony export */   getTargetFrame: () => (/* binding */ getTargetFrame),\n/* harmony export */   groupByFrameLikes: () => (/* binding */ groupByFrameLikes),\n/* harmony export */   groupsAreAtLeastIntersectingTheFrame: () => (/* binding */ groupsAreAtLeastIntersectingTheFrame),\n/* harmony export */   groupsAreCompletelyOutOfFrame: () => (/* binding */ groupsAreCompletelyOutOfFrame),\n/* harmony export */   isCursorInFrame: () => (/* binding */ isCursorInFrame),\n/* harmony export */   isElementContainingFrame: () => (/* binding */ isElementContainingFrame),\n/* harmony export */   isElementInFrame: () => (/* binding */ isElementInFrame),\n/* harmony export */   isElementIntersectingFrame: () => (/* binding */ isElementIntersectingFrame),\n/* harmony export */   omitGroupsContainingFrameLikes: () => (/* binding */ omitGroupsContainingFrameLikes),\n/* harmony export */   omitPartialGroups: () => (/* binding */ omitPartialGroups),\n/* harmony export */   removeAllElementsFromFrame: () => (/* binding */ removeAllElementsFromFrame),\n/* harmony export */   removeElementsFromFrame: () => (/* binding */ removeElementsFromFrame),\n/* harmony export */   replaceAllElementsInFrame: () => (/* binding */ replaceAllElementsInFrame),\n/* harmony export */   shouldApplyFrameClip: () => (/* binding */ shouldApplyFrameClip),\n/* harmony export */   updateFrameMembershipOfSelectedElements: () => (/* binding */ updateFrameMembershipOfSelectedElements)\n/* harmony export */ });\n/* harmony import */ var _excalidraw_common__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @excalidraw/common */ \"../common/src/index.ts\");\n/* harmony import */ var _excalidraw_math__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @excalidraw/math */ \"../math/src/index.ts\");\n/* harmony import */ var _excalidraw_utils_bbox__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @excalidraw/utils/bbox */ \"../utils/src/bbox.ts\");\n/* harmony import */ var _excalidraw_utils_withinBounds__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @excalidraw/utils/withinBounds */ \"../utils/src/withinBounds.ts\");\n/* harmony import */ var _selection__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./selection */ \"../element/src/selection.ts\");\n/* harmony import */ var _groups__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./groups */ \"../element/src/groups.ts\");\n/* harmony import */ var _bounds__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./bounds */ \"../element/src/bounds.ts\");\n/* harmony import */ var _mutateElement__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./mutateElement */ \"../element/src/mutateElement.ts\");\n/* harmony import */ var _textElement__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./textElement */ \"../element/src/textElement.ts\");\n/* harmony import */ var _typeChecks__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./typeChecks */ \"../element/src/typeChecks.ts\");\n\n\n\n\n\n\n\n\n\n // --------------------------- Frame State ------------------------------------\n\nconst bindElementsToFramesAfterDuplication = (nextElements, oldElements, oldIdToDuplicatedId) => {\n  const nextElementMap = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.arrayToMap)(nextElements);\n\n  for (const element of oldElements) {\n    if (element.frameId) {\n      // use its frameId to get the new frameId\n      const nextElementId = oldIdToDuplicatedId.get(element.id);\n      const nextFrameId = oldIdToDuplicatedId.get(element.frameId);\n\n      if (nextElementId) {\n        const nextElement = nextElementMap.get(nextElementId);\n\n        if (nextElement) {\n          (0,_mutateElement__WEBPACK_IMPORTED_MODULE_7__.mutateElement)(nextElement, {\n            frameId: nextFrameId !== null && nextFrameId !== void 0 ? nextFrameId : element.frameId\n          }, false);\n        }\n      }\n    }\n  }\n};\nfunction isElementIntersectingFrame(element, frame, elementsMap) {\n  const frameLineSegments = (0,_bounds__WEBPACK_IMPORTED_MODULE_6__.getElementLineSegments)(frame, elementsMap);\n  const elementLineSegments = (0,_bounds__WEBPACK_IMPORTED_MODULE_6__.getElementLineSegments)(element, elementsMap);\n  const intersecting = frameLineSegments.some(frameLineSegment => elementLineSegments.some(elementLineSegment => (0,_excalidraw_utils_bbox__WEBPACK_IMPORTED_MODULE_2__.doLineSegmentsIntersect)(frameLineSegment, elementLineSegment)));\n  return intersecting;\n}\nconst getElementsCompletelyInFrame = (elements, frame, elementsMap) => omitGroupsContainingFrameLikes((0,_selection__WEBPACK_IMPORTED_MODULE_4__.getElementsWithinSelection)(elements, frame, elementsMap, false)).filter(element => !(0,_typeChecks__WEBPACK_IMPORTED_MODULE_9__.isFrameLikeElement)(element) && !element.frameId || element.frameId === frame.id);\nconst isElementContainingFrame = (element, frame, elementsMap) => {\n  return (0,_selection__WEBPACK_IMPORTED_MODULE_4__.getElementsWithinSelection)([frame], element, elementsMap).some(e => e.id === frame.id);\n};\nconst getElementsIntersectingFrame = (elements, frame) => {\n  const elementsMap = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.arrayToMap)(elements);\n  return elements.filter(element => isElementIntersectingFrame(element, frame, elementsMap));\n};\nconst elementsAreInFrameBounds = (elements, frame, elementsMap) => {\n  const [frameX1, frameY1, frameX2, frameY2] = (0,_bounds__WEBPACK_IMPORTED_MODULE_6__.getElementAbsoluteCoords)(frame, elementsMap);\n  const [elementX1, elementY1, elementX2, elementY2] = (0,_bounds__WEBPACK_IMPORTED_MODULE_6__.getCommonBounds)(elements);\n  return frameX1 <= elementX1 && frameY1 <= elementY1 && frameX2 >= elementX2 && frameY2 >= elementY2;\n};\nconst elementOverlapsWithFrame = (element, frame, elementsMap) => {\n  return elementsAreInFrameBounds([element], frame, elementsMap) || isElementIntersectingFrame(element, frame, elementsMap) || isElementContainingFrame(element, frame, elementsMap);\n};\nconst isCursorInFrame = (cursorCoords, frame, elementsMap) => {\n  const [fx1, fy1, fx2, fy2] = (0,_bounds__WEBPACK_IMPORTED_MODULE_6__.getElementAbsoluteCoords)(frame, elementsMap);\n  return (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.isPointWithinBounds)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(fx1, fy1), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(cursorCoords.x, cursorCoords.y), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(fx2, fy2));\n};\nconst groupsAreAtLeastIntersectingTheFrame = (elements, groupIds, frame) => {\n  const elementsMap = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.arrayToMap)(elements);\n  const elementsInGroup = groupIds.flatMap(groupId => (0,_groups__WEBPACK_IMPORTED_MODULE_5__.getElementsInGroup)(elements, groupId));\n\n  if (elementsInGroup.length === 0) {\n    return true;\n  }\n\n  return !!elementsInGroup.find(element => elementsAreInFrameBounds([element], frame, elementsMap) || isElementIntersectingFrame(element, frame, elementsMap));\n};\nconst groupsAreCompletelyOutOfFrame = (elements, groupIds, frame) => {\n  const elementsMap = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.arrayToMap)(elements);\n  const elementsInGroup = groupIds.flatMap(groupId => (0,_groups__WEBPACK_IMPORTED_MODULE_5__.getElementsInGroup)(elements, groupId));\n\n  if (elementsInGroup.length === 0) {\n    return true;\n  }\n\n  return elementsInGroup.find(element => elementsAreInFrameBounds([element], frame, elementsMap) || isElementIntersectingFrame(element, frame, elementsMap)) === undefined;\n}; // --------------------------- Frame Utils ------------------------------------\n\n/**\r\n * Returns a map of frameId to frame elements. Includes empty frames.\r\n */\n\nconst groupByFrameLikes = elements => {\n  const frameElementsMap = new Map();\n\n  for (const element of elements) {\n    const frameId = (0,_typeChecks__WEBPACK_IMPORTED_MODULE_9__.isFrameLikeElement)(element) ? element.id : element.frameId;\n\n    if (frameId && !frameElementsMap.has(frameId)) {\n      frameElementsMap.set(frameId, getFrameChildren(elements, frameId));\n    }\n  }\n\n  return frameElementsMap;\n};\nconst getFrameChildren = (allElements, frameId) => {\n  const frameChildren = [];\n\n  for (const element of allElements.values()) {\n    if (element.frameId === frameId) {\n      frameChildren.push(element);\n    }\n  }\n\n  return frameChildren;\n};\nconst getFrameLikeElements = allElements => {\n  return allElements.filter(element => (0,_typeChecks__WEBPACK_IMPORTED_MODULE_9__.isFrameLikeElement)(element));\n};\n/**\r\n * Returns ExcalidrawFrameElements and non-frame-children elements.\r\n *\r\n * Considers children as root elements if they point to a frame parent\r\n * non-existing in the elements set.\r\n *\r\n * Considers non-frame bound elements (container or arrow labels) as root.\r\n */\n\nconst getRootElements = allElements => {\n  const frameElements = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.arrayToMap)(getFrameLikeElements(allElements));\n  return allElements.filter(element => frameElements.has(element.id) || !element.frameId || !frameElements.has(element.frameId));\n};\nconst getElementsInResizingFrame = (allElements, frame, appState, elementsMap) => {\n  const prevElementsInFrame = getFrameChildren(allElements, frame.id);\n  const nextElementsInFrame = new Set(prevElementsInFrame);\n  const elementsCompletelyInFrame = new Set([...getElementsCompletelyInFrame(allElements, frame, elementsMap), ...prevElementsInFrame.filter(element => isElementContainingFrame(element, frame, elementsMap))]);\n  const elementsNotCompletelyInFrame = prevElementsInFrame.filter(element => !elementsCompletelyInFrame.has(element)); // for elements that are completely in the frame\n  // if they are part of some groups, then those groups are still\n  // considered to belong to the frame\n\n  const groupsToKeep = new Set(Array.from(elementsCompletelyInFrame).flatMap(element => element.groupIds));\n\n  for (const element of elementsNotCompletelyInFrame) {\n    if (!isElementIntersectingFrame(element, frame, elementsMap)) {\n      if (element.groupIds.length === 0) {\n        nextElementsInFrame.delete(element);\n      }\n    } else if (element.groupIds.length > 0) {\n      // group element intersects with the frame, we should keep the groups\n      // that this element is part of\n      for (const id of element.groupIds) {\n        groupsToKeep.add(id);\n      }\n    }\n  }\n\n  for (const element of elementsNotCompletelyInFrame) {\n    if (element.groupIds.length > 0) {\n      let shouldRemoveElement = true;\n\n      for (const id of element.groupIds) {\n        if (groupsToKeep.has(id)) {\n          shouldRemoveElement = false;\n        }\n      }\n\n      if (shouldRemoveElement) {\n        nextElementsInFrame.delete(element);\n      }\n    }\n  }\n\n  const individualElementsCompletelyInFrame = Array.from(elementsCompletelyInFrame).filter(element => element.groupIds.length === 0);\n\n  for (const element of individualElementsCompletelyInFrame) {\n    nextElementsInFrame.add(element);\n  }\n\n  const newGroupElementsCompletelyInFrame = Array.from(elementsCompletelyInFrame).filter(element => element.groupIds.length > 0);\n  const groupIds = (0,_groups__WEBPACK_IMPORTED_MODULE_5__.selectGroupsFromGivenElements)(newGroupElementsCompletelyInFrame, appState); // new group elements\n\n  for (const [id, isSelected] of Object.entries(groupIds)) {\n    if (isSelected) {\n      const elementsInGroup = (0,_groups__WEBPACK_IMPORTED_MODULE_5__.getElementsInGroup)(allElements, id);\n\n      if (elementsAreInFrameBounds(elementsInGroup, frame, elementsMap)) {\n        for (const element of elementsInGroup) {\n          nextElementsInFrame.add(element);\n        }\n      }\n    }\n  }\n\n  return [...nextElementsInFrame].filter(element => {\n    return !((0,_typeChecks__WEBPACK_IMPORTED_MODULE_9__.isTextElement)(element) && element.containerId);\n  });\n};\nconst getElementsInNewFrame = (elements, frame, elementsMap) => {\n  return omitPartialGroups(omitGroupsContainingFrameLikes(elements, getElementsCompletelyInFrame(elements, frame, elementsMap)), frame, elementsMap);\n};\nconst omitPartialGroups = (elements, frame, allElementsMap) => {\n  const elementsToReturn = [];\n  const checkedGroups = new Map();\n\n  for (const element of elements) {\n    let shouldOmit = false;\n\n    if (element.groupIds.length > 0) {\n      // if some partial group should be omitted, then all elements in that group should be omitted\n      if (element.groupIds.some(gid => checkedGroups.get(gid))) {\n        shouldOmit = true;\n      } else {\n        const allElementsInGroup = new Set(element.groupIds.flatMap(gid => (0,_groups__WEBPACK_IMPORTED_MODULE_5__.getElementsInGroup)(allElementsMap, gid)));\n        shouldOmit = !elementsAreInFrameBounds(Array.from(allElementsInGroup), frame, allElementsMap);\n      }\n\n      element.groupIds.forEach(gid => {\n        checkedGroups.set(gid, shouldOmit);\n      });\n    }\n\n    if (!shouldOmit) {\n      elementsToReturn.push(element);\n    }\n  }\n\n  return elementsToReturn;\n};\nconst getContainingFrame = (element, elementsMap) => {\n  if (!element.frameId) {\n    return null;\n  }\n\n  return elementsMap.get(element.frameId) || null;\n}; // --------------------------- Frame Operations -------------------------------\n\n/** */\n\nconst filterElementsEligibleAsFrameChildren = (elements, frame) => {\n  const otherFrames = new Set();\n  const elementsMap = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.arrayToMap)(elements);\n  elements = omitGroupsContainingFrameLikes(elements);\n\n  for (const element of elements) {\n    if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_9__.isFrameLikeElement)(element) && element.id !== frame.id) {\n      otherFrames.add(element.id);\n    }\n  }\n\n  const processedGroups = new Set();\n  const eligibleElements = [];\n\n  for (const element of elements) {\n    // don't add frames or their children\n    if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_9__.isFrameLikeElement)(element) || element.frameId && otherFrames.has(element.frameId)) {\n      continue;\n    }\n\n    if (element.groupIds.length) {\n      const shallowestGroupId = element.groupIds.at(-1);\n\n      if (!processedGroups.has(shallowestGroupId)) {\n        processedGroups.add(shallowestGroupId);\n        const groupElements = (0,_groups__WEBPACK_IMPORTED_MODULE_5__.getElementsInGroup)(elements, shallowestGroupId);\n\n        if (groupElements.some(el => elementOverlapsWithFrame(el, frame, elementsMap))) {\n          for (const child of groupElements) {\n            eligibleElements.push(child);\n          }\n        }\n      }\n    } else {\n      const overlaps = elementOverlapsWithFrame(element, frame, elementsMap);\n\n      if (overlaps) {\n        eligibleElements.push(element);\n      }\n    }\n  }\n\n  return eligibleElements;\n};\n/**\r\n * Retains (or repairs for target frame) the ordering invriant where children\r\n * elements come right before the parent frame:\r\n * [el, el, child, child, frame, el]\r\n *\r\n * @returns mutated allElements (same data structure)\r\n */\n\nconst addElementsToFrame = (allElements, elementsToAdd, frame, appState) => {\n  const elementsMap = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.arrayToMap)(allElements);\n  const currTargetFrameChildrenMap = new Map();\n\n  for (const element of allElements.values()) {\n    if (element.frameId === frame.id) {\n      currTargetFrameChildrenMap.set(element.id, true);\n    }\n  }\n\n  const suppliedElementsToAddSet = new Set(elementsToAdd.map(el => el.id));\n  const finalElementsToAdd = [];\n  const otherFrames = new Set();\n\n  for (const element of elementsToAdd) {\n    if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_9__.isFrameLikeElement)(element) && element.id !== frame.id) {\n      otherFrames.add(element.id);\n    }\n  } // - add bound text elements if not already in the array\n  // - filter out elements that are already in the frame\n\n\n  for (const element of omitGroupsContainingFrameLikes(allElements, elementsToAdd)) {\n    // don't add frames or their children\n    if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_9__.isFrameLikeElement)(element) || element.frameId && otherFrames.has(element.frameId)) {\n      continue;\n    } // if the element is already in another frame (which is also in elementsToAdd),\n    // it means that frame and children are selected at the same time\n    // => keep original frame membership, do not add to the target frame\n\n\n    if (element.frameId && appState.selectedElementIds[element.id] && appState.selectedElementIds[element.frameId]) {\n      continue;\n    }\n\n    if (!currTargetFrameChildrenMap.has(element.id)) {\n      finalElementsToAdd.push(element);\n    }\n\n    const boundTextElement = (0,_textElement__WEBPACK_IMPORTED_MODULE_8__.getBoundTextElement)(element, elementsMap);\n\n    if (boundTextElement && !suppliedElementsToAddSet.has(boundTextElement.id) && !currTargetFrameChildrenMap.has(boundTextElement.id)) {\n      finalElementsToAdd.push(boundTextElement);\n    }\n  }\n\n  for (const element of finalElementsToAdd) {\n    (0,_mutateElement__WEBPACK_IMPORTED_MODULE_7__.mutateElement)(element, {\n      frameId: frame.id\n    }, false);\n  }\n\n  return allElements;\n};\nconst removeElementsFromFrame = (elementsToRemove, elementsMap) => {\n  const _elementsToRemove = new Map();\n\n  const toRemoveElementsByFrame = new Map();\n\n  for (const element of elementsToRemove) {\n    if (element.frameId) {\n      _elementsToRemove.set(element.id, element);\n\n      const arr = toRemoveElementsByFrame.get(element.frameId) || [];\n      arr.push(element);\n      const boundTextElement = (0,_textElement__WEBPACK_IMPORTED_MODULE_8__.getBoundTextElement)(element, elementsMap);\n\n      if (boundTextElement) {\n        _elementsToRemove.set(boundTextElement.id, boundTextElement);\n\n        arr.push(boundTextElement);\n      }\n\n      toRemoveElementsByFrame.set(element.frameId, arr);\n    }\n  }\n\n  for (const [, element] of _elementsToRemove) {\n    (0,_mutateElement__WEBPACK_IMPORTED_MODULE_7__.mutateElement)(element, {\n      frameId: null\n    }, false);\n  }\n};\nconst removeAllElementsFromFrame = (allElements, frame) => {\n  const elementsInFrame = getFrameChildren(allElements, frame.id);\n  removeElementsFromFrame(elementsInFrame, (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.arrayToMap)(allElements));\n  return allElements;\n};\nconst replaceAllElementsInFrame = (allElements, nextElementsInFrame, frame, app) => {\n  return addElementsToFrame(removeAllElementsFromFrame(allElements, frame), nextElementsInFrame, frame, app.state).slice();\n};\n/** does not mutate elements, but returns new ones */\n\nconst updateFrameMembershipOfSelectedElements = (allElements, appState, app) => {\n  const selectedElements = app.scene.getSelectedElements({\n    selectedElementIds: appState.selectedElementIds,\n    // supplying elements explicitly in case we're passed non-state elements\n    elements: allElements\n  });\n  const elementsToFilter = new Set(selectedElements);\n\n  if (appState.editingGroupId) {\n    for (const element of selectedElements) {\n      if (element.groupIds.length === 0) {\n        elementsToFilter.add(element);\n      } else {\n        element.groupIds.flatMap(gid => (0,_groups__WEBPACK_IMPORTED_MODULE_5__.getElementsInGroup)(allElements, gid)).forEach(element => elementsToFilter.add(element));\n      }\n    }\n  }\n\n  const elementsToRemove = new Set();\n  const elementsMap = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.arrayToMap)(allElements);\n  elementsToFilter.forEach(element => {\n    if (element.frameId && !(0,_typeChecks__WEBPACK_IMPORTED_MODULE_9__.isFrameLikeElement)(element) && !isElementInFrame(element, elementsMap, appState)) {\n      elementsToRemove.add(element);\n    }\n  });\n\n  if (elementsToRemove.size > 0) {\n    removeElementsFromFrame(elementsToRemove, elementsMap);\n  }\n\n  return allElements;\n};\n/**\r\n * filters out elements that are inside groups that contain a frame element\r\n * anywhere in the group tree\r\n */\n\nconst omitGroupsContainingFrameLikes = (allElements,\n/** subset of elements you want to filter. Optional perf optimization so we\r\n * don't have to filter all elements unnecessarily\r\n */\nselectedElements) => {\n  const uniqueGroupIds = new Set();\n  const elements = selectedElements || allElements;\n\n  for (const el of elements.values()) {\n    const topMostGroupId = el.groupIds[el.groupIds.length - 1];\n\n    if (topMostGroupId) {\n      uniqueGroupIds.add(topMostGroupId);\n    }\n  }\n\n  const rejectedGroupIds = new Set();\n\n  for (const groupId of uniqueGroupIds) {\n    if ((0,_groups__WEBPACK_IMPORTED_MODULE_5__.getElementsInGroup)(allElements, groupId).some(el => (0,_typeChecks__WEBPACK_IMPORTED_MODULE_9__.isFrameLikeElement)(el))) {\n      rejectedGroupIds.add(groupId);\n    }\n  }\n\n  const ret = [];\n\n  for (const element of elements.values()) {\n    if (!rejectedGroupIds.has(element.groupIds[element.groupIds.length - 1])) {\n      ret.push(element);\n    }\n  }\n\n  return ret;\n};\n/**\r\n * depending on the appState, return target frame, which is the frame the given element\r\n * is going to be added to or remove from\r\n */\n\nconst getTargetFrame = (element, elementsMap, appState) => {\n  const _element = (0,_typeChecks__WEBPACK_IMPORTED_MODULE_9__.isTextElement)(element) ? (0,_textElement__WEBPACK_IMPORTED_MODULE_8__.getContainerElement)(element, elementsMap) || element : element; // if the element and its containing frame are both selected, then\n  // the containing frame is the target frame\n\n\n  if (_element.frameId && appState.selectedElementIds[_element.id] && appState.selectedElementIds[_element.frameId]) {\n    return getContainingFrame(_element, elementsMap);\n  }\n\n  return appState.selectedElementIds[_element.id] && appState.selectedElementsAreBeingDragged ? appState.frameToHighlight : getContainingFrame(_element, elementsMap);\n}; // TODO: this a huge bottleneck for large scenes, optimise\n// given an element, return if the element is in some frame\n\nconst isElementInFrame = (element, allElementsMap, appState, opts) => {\n  var _a, _b;\n\n  const frame = (_a = opts === null || opts === void 0 ? void 0 : opts.targetFrame) !== null && _a !== void 0 ? _a : getTargetFrame(element, allElementsMap, appState);\n\n  if (!frame) {\n    return false;\n  }\n\n  const _element = (0,_typeChecks__WEBPACK_IMPORTED_MODULE_9__.isTextElement)(element) ? (0,_textElement__WEBPACK_IMPORTED_MODULE_8__.getContainerElement)(element, allElementsMap) || element : element;\n\n  const setGroupsInFrame = isInFrame => {\n    if (opts === null || opts === void 0 ? void 0 : opts.checkedGroups) {\n      _element.groupIds.forEach(groupId => {\n        var _a;\n\n        (_a = opts.checkedGroups) === null || _a === void 0 ? void 0 : _a.set(groupId, isInFrame);\n      });\n    }\n  };\n\n  if ( // if the element is not selected, or it is selected but not being dragged,\n  // frame membership won't update, so return true\n  !appState.selectedElementIds[_element.id] || !appState.selectedElementsAreBeingDragged || // if both frame and element are selected, won't update membership, so return true\n  appState.selectedElementIds[_element.id] && appState.selectedElementIds[frame.id]) {\n    return true;\n  }\n\n  if (_element.groupIds.length === 0) {\n    return elementOverlapsWithFrame(_element, frame, allElementsMap);\n  }\n\n  for (const gid of _element.groupIds) {\n    if ((_b = opts === null || opts === void 0 ? void 0 : opts.checkedGroups) === null || _b === void 0 ? void 0 : _b.has(gid)) {\n      return opts.checkedGroups.get(gid);\n    }\n  }\n\n  const allElementsInGroup = new Set(_element.groupIds.filter(gid => {\n    if (opts === null || opts === void 0 ? void 0 : opts.checkedGroups) {\n      return !opts.checkedGroups.has(gid);\n    }\n\n    return true;\n  }).flatMap(gid => (0,_groups__WEBPACK_IMPORTED_MODULE_5__.getElementsInGroup)(allElementsMap, gid)));\n\n  if (appState.editingGroupId && appState.selectedElementsAreBeingDragged) {\n    const selectedElements = new Set((0,_selection__WEBPACK_IMPORTED_MODULE_4__.getSelectedElements)(allElementsMap, appState));\n    const editingGroupOverlapsFrame = appState.frameToHighlight !== null;\n\n    if (editingGroupOverlapsFrame) {\n      return true;\n    }\n\n    selectedElements.forEach(selectedElement => {\n      allElementsInGroup.delete(selectedElement);\n    });\n  }\n\n  for (const elementInGroup of allElementsInGroup) {\n    if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_9__.isFrameLikeElement)(elementInGroup)) {\n      setGroupsInFrame(false);\n      return false;\n    }\n  }\n\n  for (const elementInGroup of allElementsInGroup) {\n    if (elementOverlapsWithFrame(elementInGroup, frame, allElementsMap)) {\n      setGroupsInFrame(true);\n      return true;\n    }\n  }\n\n  return false;\n};\nconst shouldApplyFrameClip = (element, frame, appState, elementsMap, checkedGroups) => {\n  if (!appState.frameRendering || !appState.frameRendering.clip) {\n    return false;\n  } // for individual elements, only clip when the element is\n  // a. overlapping with the frame, or\n  // b. containing the frame, for example when an element is used as a background\n  //    and is therefore bigger than the frame and completely contains the frame\n\n\n  const shouldClipElementItself = isElementIntersectingFrame(element, frame, elementsMap) || isElementContainingFrame(element, frame, elementsMap);\n\n  if (shouldClipElementItself) {\n    for (const groupId of element.groupIds) {\n      checkedGroups === null || checkedGroups === void 0 ? void 0 : checkedGroups.set(groupId, true);\n    }\n\n    return true;\n  } // if an element is outside the frame, but is part of a group that has some elements\n  // \"in\" the frame, we should clip the element\n\n\n  if (!shouldClipElementItself && element.groupIds.length > 0 && !elementsAreInFrameBounds([element], frame, elementsMap)) {\n    let shouldClip = false; // if no elements are being dragged, we can skip the geometry check\n    // because we know if the element is in the given frame or not\n\n    if (!appState.selectedElementsAreBeingDragged) {\n      shouldClip = element.frameId === frame.id;\n\n      for (const groupId of element.groupIds) {\n        checkedGroups === null || checkedGroups === void 0 ? void 0 : checkedGroups.set(groupId, shouldClip);\n      }\n    } else {\n      shouldClip = isElementInFrame(element, elementsMap, appState, {\n        targetFrame: frame,\n        checkedGroups\n      });\n    }\n\n    for (const groupId of element.groupIds) {\n      checkedGroups === null || checkedGroups === void 0 ? void 0 : checkedGroups.set(groupId, shouldClip);\n    }\n\n    return shouldClip;\n  }\n\n  return false;\n};\nconst getFrameLikeTitle = element => {\n  // TODO name frames \"AI\" only if specific to AI frames\n  return element.name === null ? (0,_typeChecks__WEBPACK_IMPORTED_MODULE_9__.isFrameElement)(element) ? \"Frame\" : \"AI Frame\" : element.name;\n};\nconst getElementsOverlappingFrame = (elements, frame) => {\n  return (0,_excalidraw_utils_withinBounds__WEBPACK_IMPORTED_MODULE_3__.elementsOverlappingBBox)({\n    elements,\n    bounds: frame,\n    type: \"overlap\"\n  }) // removes elements who are overlapping, but are in a different frame,\n  // and thus invisible in target frame\n  .filter(el => !el.frameId || el.frameId === frame.id);\n};\nconst frameAndChildrenSelectedTogether = selectedElements => {\n  const selectedElementsMap = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.arrayToMap)(selectedElements);\n  return selectedElements.length > 1 && selectedElements.some(element => element.frameId && selectedElementsMap.has(element.frameId));\n};\n\n//# sourceURL=webpack://ExcalidrawLib/../element/src/frame.ts?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   addElementsToFrame: () => (/* binding */ addElementsToFrame),\n/* harmony export */   bindElementsToFramesAfterDuplication: () => (/* binding */ bindElementsToFramesAfterDuplication),\n/* harmony export */   elementOverlapsWithFrame: () => (/* binding */ elementOverlapsWithFrame),\n/* harmony export */   elementsAreInFrameBounds: () => (/* binding */ elementsAreInFrameBounds),\n/* harmony export */   filterElementsEligibleAsFrameChildren: () => (/* binding */ filterElementsEligibleAsFrameChildren),\n/* harmony export */   frameAndChildrenSelectedTogether: () => (/* binding */ frameAndChildrenSelectedTogether),\n/* harmony export */   getContainingFrame: () => (/* binding */ getContainingFrame),\n/* harmony export */   getElementsCompletelyInFrame: () => (/* binding */ getElementsCompletelyInFrame),\n/* harmony export */   getElementsInNewFrame: () => (/* binding */ getElementsInNewFrame),\n/* harmony export */   getElementsInResizingFrame: () => (/* binding */ getElementsInResizingFrame),\n/* harmony export */   getElementsIntersectingFrame: () => (/* binding */ getElementsIntersectingFrame),\n/* harmony export */   getElementsOverlappingFrame: () => (/* binding */ getElementsOverlappingFrame),\n/* harmony export */   getFrameChildren: () => (/* binding */ getFrameChildren),\n/* harmony export */   getFrameLikeElements: () => (/* binding */ getFrameLikeElements),\n/* harmony export */   getFrameLikeTitle: () => (/* binding */ getFrameLikeTitle),\n/* harmony export */   getRootElements: () => (/* binding */ getRootElements),\n/* harmony export */   getTargetFrame: () => (/* binding */ getTargetFrame),\n/* harmony export */   groupByFrameLikes: () => (/* binding */ groupByFrameLikes),\n/* harmony export */   groupsAreAtLeastIntersectingTheFrame: () => (/* binding */ groupsAreAtLeastIntersectingTheFrame),\n/* harmony export */   groupsAreCompletelyOutOfFrame: () => (/* binding */ groupsAreCompletelyOutOfFrame),\n/* harmony export */   isCursorInFrame: () => (/* binding */ isCursorInFrame),\n/* harmony export */   isElementContainingFrame: () => (/* binding */ isElementContainingFrame),\n/* harmony export */   isElementInFrame: () => (/* binding */ isElementInFrame),\n/* harmony export */   isElementIntersectingFrame: () => (/* binding */ isElementIntersectingFrame),\n/* harmony export */   omitGroupsContainingFrameLikes: () => (/* binding */ omitGroupsContainingFrameLikes),\n/* harmony export */   omitPartialGroups: () => (/* binding */ omitPartialGroups),\n/* harmony export */   removeAllElementsFromFrame: () => (/* binding */ removeAllElementsFromFrame),\n/* harmony export */   removeElementsFromFrame: () => (/* binding */ removeElementsFromFrame),\n/* harmony export */   replaceAllElementsInFrame: () => (/* binding */ replaceAllElementsInFrame),\n/* harmony export */   shouldApplyFrameClip: () => (/* binding */ shouldApplyFrameClip),\n/* harmony export */   updateFrameMembershipOfSelectedElements: () => (/* binding */ updateFrameMembershipOfSelectedElements)\n/* harmony export */ });\n/* harmony import */ var _excalidraw_common__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @excalidraw/common */ \"../common/src/index.ts\");\n/* harmony import */ var _excalidraw_math__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @excalidraw/math */ \"../math/src/index.ts\");\n/* harmony import */ var _excalidraw_utils_bbox__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @excalidraw/utils/bbox */ \"../utils/src/bbox.ts\");\n/* harmony import */ var _excalidraw_utils_withinBounds__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @excalidraw/utils/withinBounds */ \"../utils/src/withinBounds.ts\");\n/* harmony import */ var _selection__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./selection */ \"../element/src/selection.ts\");\n/* harmony import */ var _groups__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./groups */ \"../element/src/groups.ts\");\n/* harmony import */ var _bounds__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./bounds */ \"../element/src/bounds.ts\");\n/* harmony import */ var _mutateElement__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./mutateElement */ \"../element/src/mutateElement.ts\");\n/* harmony import */ var _textElement__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./textElement */ \"../element/src/textElement.ts\");\n/* harmony import */ var _typeChecks__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./typeChecks */ \"../element/src/typeChecks.ts\");\n\n\n\n\n\n\n\n\n\n // --------------------------- Frame State ------------------------------------\n\nconst bindElementsToFramesAfterDuplication = (nextElements, origElements, origIdToDuplicateId) => {\n  const nextElementMap = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.arrayToMap)(nextElements);\n\n  for (const element of origElements) {\n    if (element.frameId) {\n      // use its frameId to get the new frameId\n      const nextElementId = origIdToDuplicateId.get(element.id);\n      const nextFrameId = origIdToDuplicateId.get(element.frameId);\n      const nextElement = nextElementId && nextElementMap.get(nextElementId);\n\n      if (nextElement) {\n        (0,_mutateElement__WEBPACK_IMPORTED_MODULE_7__.mutateElement)(nextElement, {\n          frameId: nextFrameId !== null && nextFrameId !== void 0 ? nextFrameId : null\n        }, false);\n      }\n    }\n  }\n};\nfunction isElementIntersectingFrame(element, frame, elementsMap) {\n  const frameLineSegments = (0,_bounds__WEBPACK_IMPORTED_MODULE_6__.getElementLineSegments)(frame, elementsMap);\n  const elementLineSegments = (0,_bounds__WEBPACK_IMPORTED_MODULE_6__.getElementLineSegments)(element, elementsMap);\n  const intersecting = frameLineSegments.some(frameLineSegment => elementLineSegments.some(elementLineSegment => (0,_excalidraw_utils_bbox__WEBPACK_IMPORTED_MODULE_2__.doLineSegmentsIntersect)(frameLineSegment, elementLineSegment)));\n  return intersecting;\n}\nconst getElementsCompletelyInFrame = (elements, frame, elementsMap) => omitGroupsContainingFrameLikes((0,_selection__WEBPACK_IMPORTED_MODULE_4__.getElementsWithinSelection)(elements, frame, elementsMap, false)).filter(element => !(0,_typeChecks__WEBPACK_IMPORTED_MODULE_9__.isFrameLikeElement)(element) && !element.frameId || element.frameId === frame.id);\nconst isElementContainingFrame = (element, frame, elementsMap) => {\n  return (0,_selection__WEBPACK_IMPORTED_MODULE_4__.getElementsWithinSelection)([frame], element, elementsMap).some(e => e.id === frame.id);\n};\nconst getElementsIntersectingFrame = (elements, frame) => {\n  const elementsMap = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.arrayToMap)(elements);\n  return elements.filter(element => isElementIntersectingFrame(element, frame, elementsMap));\n};\nconst elementsAreInFrameBounds = (elements, frame, elementsMap) => {\n  const [frameX1, frameY1, frameX2, frameY2] = (0,_bounds__WEBPACK_IMPORTED_MODULE_6__.getElementAbsoluteCoords)(frame, elementsMap);\n  const [elementX1, elementY1, elementX2, elementY2] = (0,_bounds__WEBPACK_IMPORTED_MODULE_6__.getCommonBounds)(elements);\n  return frameX1 <= elementX1 && frameY1 <= elementY1 && frameX2 >= elementX2 && frameY2 >= elementY2;\n};\nconst elementOverlapsWithFrame = (element, frame, elementsMap) => {\n  return elementsAreInFrameBounds([element], frame, elementsMap) || isElementIntersectingFrame(element, frame, elementsMap) || isElementContainingFrame(element, frame, elementsMap);\n};\nconst isCursorInFrame = (cursorCoords, frame, elementsMap) => {\n  const [fx1, fy1, fx2, fy2] = (0,_bounds__WEBPACK_IMPORTED_MODULE_6__.getElementAbsoluteCoords)(frame, elementsMap);\n  return (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.isPointWithinBounds)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(fx1, fy1), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(cursorCoords.x, cursorCoords.y), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)(fx2, fy2));\n};\nconst groupsAreAtLeastIntersectingTheFrame = (elements, groupIds, frame) => {\n  const elementsMap = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.arrayToMap)(elements);\n  const elementsInGroup = groupIds.flatMap(groupId => (0,_groups__WEBPACK_IMPORTED_MODULE_5__.getElementsInGroup)(elements, groupId));\n\n  if (elementsInGroup.length === 0) {\n    return true;\n  }\n\n  return !!elementsInGroup.find(element => elementsAreInFrameBounds([element], frame, elementsMap) || isElementIntersectingFrame(element, frame, elementsMap));\n};\nconst groupsAreCompletelyOutOfFrame = (elements, groupIds, frame) => {\n  const elementsMap = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.arrayToMap)(elements);\n  const elementsInGroup = groupIds.flatMap(groupId => (0,_groups__WEBPACK_IMPORTED_MODULE_5__.getElementsInGroup)(elements, groupId));\n\n  if (elementsInGroup.length === 0) {\n    return true;\n  }\n\n  return elementsInGroup.find(element => elementsAreInFrameBounds([element], frame, elementsMap) || isElementIntersectingFrame(element, frame, elementsMap)) === undefined;\n}; // --------------------------- Frame Utils ------------------------------------\n\n/**\r\n * Returns a map of frameId to frame elements. Includes empty frames.\r\n */\n\nconst groupByFrameLikes = elements => {\n  const frameElementsMap = new Map();\n\n  for (const element of elements) {\n    const frameId = (0,_typeChecks__WEBPACK_IMPORTED_MODULE_9__.isFrameLikeElement)(element) ? element.id : element.frameId;\n\n    if (frameId && !frameElementsMap.has(frameId)) {\n      frameElementsMap.set(frameId, getFrameChildren(elements, frameId));\n    }\n  }\n\n  return frameElementsMap;\n};\nconst getFrameChildren = (allElements, frameId) => {\n  const frameChildren = [];\n\n  for (const element of allElements.values()) {\n    if (element.frameId === frameId) {\n      frameChildren.push(element);\n    }\n  }\n\n  return frameChildren;\n};\nconst getFrameLikeElements = allElements => {\n  return allElements.filter(element => (0,_typeChecks__WEBPACK_IMPORTED_MODULE_9__.isFrameLikeElement)(element));\n};\n/**\r\n * Returns ExcalidrawFrameElements and non-frame-children elements.\r\n *\r\n * Considers children as root elements if they point to a frame parent\r\n * non-existing in the elements set.\r\n *\r\n * Considers non-frame bound elements (container or arrow labels) as root.\r\n */\n\nconst getRootElements = allElements => {\n  const frameElements = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.arrayToMap)(getFrameLikeElements(allElements));\n  return allElements.filter(element => frameElements.has(element.id) || !element.frameId || !frameElements.has(element.frameId));\n};\nconst getElementsInResizingFrame = (allElements, frame, appState, elementsMap) => {\n  const prevElementsInFrame = getFrameChildren(allElements, frame.id);\n  const nextElementsInFrame = new Set(prevElementsInFrame);\n  const elementsCompletelyInFrame = new Set([...getElementsCompletelyInFrame(allElements, frame, elementsMap), ...prevElementsInFrame.filter(element => isElementContainingFrame(element, frame, elementsMap))]);\n  const elementsNotCompletelyInFrame = prevElementsInFrame.filter(element => !elementsCompletelyInFrame.has(element)); // for elements that are completely in the frame\n  // if they are part of some groups, then those groups are still\n  // considered to belong to the frame\n\n  const groupsToKeep = new Set(Array.from(elementsCompletelyInFrame).flatMap(element => element.groupIds));\n\n  for (const element of elementsNotCompletelyInFrame) {\n    if (!isElementIntersectingFrame(element, frame, elementsMap)) {\n      if (element.groupIds.length === 0) {\n        nextElementsInFrame.delete(element);\n      }\n    } else if (element.groupIds.length > 0) {\n      // group element intersects with the frame, we should keep the groups\n      // that this element is part of\n      for (const id of element.groupIds) {\n        groupsToKeep.add(id);\n      }\n    }\n  }\n\n  for (const element of elementsNotCompletelyInFrame) {\n    if (element.groupIds.length > 0) {\n      let shouldRemoveElement = true;\n\n      for (const id of element.groupIds) {\n        if (groupsToKeep.has(id)) {\n          shouldRemoveElement = false;\n        }\n      }\n\n      if (shouldRemoveElement) {\n        nextElementsInFrame.delete(element);\n      }\n    }\n  }\n\n  const individualElementsCompletelyInFrame = Array.from(elementsCompletelyInFrame).filter(element => element.groupIds.length === 0);\n\n  for (const element of individualElementsCompletelyInFrame) {\n    nextElementsInFrame.add(element);\n  }\n\n  const newGroupElementsCompletelyInFrame = Array.from(elementsCompletelyInFrame).filter(element => element.groupIds.length > 0);\n  const groupIds = (0,_groups__WEBPACK_IMPORTED_MODULE_5__.selectGroupsFromGivenElements)(newGroupElementsCompletelyInFrame, appState); // new group elements\n\n  for (const [id, isSelected] of Object.entries(groupIds)) {\n    if (isSelected) {\n      const elementsInGroup = (0,_groups__WEBPACK_IMPORTED_MODULE_5__.getElementsInGroup)(allElements, id);\n\n      if (elementsAreInFrameBounds(elementsInGroup, frame, elementsMap)) {\n        for (const element of elementsInGroup) {\n          nextElementsInFrame.add(element);\n        }\n      }\n    }\n  }\n\n  return [...nextElementsInFrame].filter(element => {\n    return !((0,_typeChecks__WEBPACK_IMPORTED_MODULE_9__.isTextElement)(element) && element.containerId);\n  });\n};\nconst getElementsInNewFrame = (elements, frame, elementsMap) => {\n  return omitPartialGroups(omitGroupsContainingFrameLikes(elements, getElementsCompletelyInFrame(elements, frame, elementsMap)), frame, elementsMap);\n};\nconst omitPartialGroups = (elements, frame, allElementsMap) => {\n  const elementsToReturn = [];\n  const checkedGroups = new Map();\n\n  for (const element of elements) {\n    let shouldOmit = false;\n\n    if (element.groupIds.length > 0) {\n      // if some partial group should be omitted, then all elements in that group should be omitted\n      if (element.groupIds.some(gid => checkedGroups.get(gid))) {\n        shouldOmit = true;\n      } else {\n        const allElementsInGroup = new Set(element.groupIds.flatMap(gid => (0,_groups__WEBPACK_IMPORTED_MODULE_5__.getElementsInGroup)(allElementsMap, gid)));\n        shouldOmit = !elementsAreInFrameBounds(Array.from(allElementsInGroup), frame, allElementsMap);\n      }\n\n      element.groupIds.forEach(gid => {\n        checkedGroups.set(gid, shouldOmit);\n      });\n    }\n\n    if (!shouldOmit) {\n      elementsToReturn.push(element);\n    }\n  }\n\n  return elementsToReturn;\n};\nconst getContainingFrame = (element, elementsMap) => {\n  if (!element.frameId) {\n    return null;\n  }\n\n  return elementsMap.get(element.frameId) || null;\n}; // --------------------------- Frame Operations -------------------------------\n\n/** */\n\nconst filterElementsEligibleAsFrameChildren = (elements, frame) => {\n  const otherFrames = new Set();\n  const elementsMap = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.arrayToMap)(elements);\n  elements = omitGroupsContainingFrameLikes(elements);\n\n  for (const element of elements) {\n    if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_9__.isFrameLikeElement)(element) && element.id !== frame.id) {\n      otherFrames.add(element.id);\n    }\n  }\n\n  const processedGroups = new Set();\n  const eligibleElements = [];\n\n  for (const element of elements) {\n    // don't add frames or their children\n    if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_9__.isFrameLikeElement)(element) || element.frameId && otherFrames.has(element.frameId)) {\n      continue;\n    }\n\n    if (element.groupIds.length) {\n      const shallowestGroupId = element.groupIds.at(-1);\n\n      if (!processedGroups.has(shallowestGroupId)) {\n        processedGroups.add(shallowestGroupId);\n        const groupElements = (0,_groups__WEBPACK_IMPORTED_MODULE_5__.getElementsInGroup)(elements, shallowestGroupId);\n\n        if (groupElements.some(el => elementOverlapsWithFrame(el, frame, elementsMap))) {\n          for (const child of groupElements) {\n            eligibleElements.push(child);\n          }\n        }\n      }\n    } else {\n      const overlaps = elementOverlapsWithFrame(element, frame, elementsMap);\n\n      if (overlaps) {\n        eligibleElements.push(element);\n      }\n    }\n  }\n\n  return eligibleElements;\n};\n/**\r\n * Retains (or repairs for target frame) the ordering invriant where children\r\n * elements come right before the parent frame:\r\n * [el, el, child, child, frame, el]\r\n *\r\n * @returns mutated allElements (same data structure)\r\n */\n\nconst addElementsToFrame = (allElements, elementsToAdd, frame, appState) => {\n  const elementsMap = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.arrayToMap)(allElements);\n  const currTargetFrameChildrenMap = new Map();\n\n  for (const element of allElements.values()) {\n    if (element.frameId === frame.id) {\n      currTargetFrameChildrenMap.set(element.id, true);\n    }\n  }\n\n  const suppliedElementsToAddSet = new Set(elementsToAdd.map(el => el.id));\n  const finalElementsToAdd = [];\n  const otherFrames = new Set();\n\n  for (const element of elementsToAdd) {\n    if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_9__.isFrameLikeElement)(element) && element.id !== frame.id) {\n      otherFrames.add(element.id);\n    }\n  } // - add bound text elements if not already in the array\n  // - filter out elements that are already in the frame\n\n\n  for (const element of omitGroupsContainingFrameLikes(allElements, elementsToAdd)) {\n    // don't add frames or their children\n    if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_9__.isFrameLikeElement)(element) || element.frameId && otherFrames.has(element.frameId)) {\n      continue;\n    } // if the element is already in another frame (which is also in elementsToAdd),\n    // it means that frame and children are selected at the same time\n    // => keep original frame membership, do not add to the target frame\n\n\n    if (element.frameId && appState.selectedElementIds[element.id] && appState.selectedElementIds[element.frameId]) {\n      continue;\n    }\n\n    if (!currTargetFrameChildrenMap.has(element.id)) {\n      finalElementsToAdd.push(element);\n    }\n\n    const boundTextElement = (0,_textElement__WEBPACK_IMPORTED_MODULE_8__.getBoundTextElement)(element, elementsMap);\n\n    if (boundTextElement && !suppliedElementsToAddSet.has(boundTextElement.id) && !currTargetFrameChildrenMap.has(boundTextElement.id)) {\n      finalElementsToAdd.push(boundTextElement);\n    }\n  }\n\n  for (const element of finalElementsToAdd) {\n    (0,_mutateElement__WEBPACK_IMPORTED_MODULE_7__.mutateElement)(element, {\n      frameId: frame.id\n    }, false);\n  }\n\n  return allElements;\n};\nconst removeElementsFromFrame = (elementsToRemove, elementsMap) => {\n  const _elementsToRemove = new Map();\n\n  const toRemoveElementsByFrame = new Map();\n\n  for (const element of elementsToRemove) {\n    if (element.frameId) {\n      _elementsToRemove.set(element.id, element);\n\n      const arr = toRemoveElementsByFrame.get(element.frameId) || [];\n      arr.push(element);\n      const boundTextElement = (0,_textElement__WEBPACK_IMPORTED_MODULE_8__.getBoundTextElement)(element, elementsMap);\n\n      if (boundTextElement) {\n        _elementsToRemove.set(boundTextElement.id, boundTextElement);\n\n        arr.push(boundTextElement);\n      }\n\n      toRemoveElementsByFrame.set(element.frameId, arr);\n    }\n  }\n\n  for (const [, element] of _elementsToRemove) {\n    (0,_mutateElement__WEBPACK_IMPORTED_MODULE_7__.mutateElement)(element, {\n      frameId: null\n    }, false);\n  }\n};\nconst removeAllElementsFromFrame = (allElements, frame) => {\n  const elementsInFrame = getFrameChildren(allElements, frame.id);\n  removeElementsFromFrame(elementsInFrame, (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.arrayToMap)(allElements));\n  return allElements;\n};\nconst replaceAllElementsInFrame = (allElements, nextElementsInFrame, frame, app) => {\n  return addElementsToFrame(removeAllElementsFromFrame(allElements, frame), nextElementsInFrame, frame, app.state).slice();\n};\n/** does not mutate elements, but returns new ones */\n\nconst updateFrameMembershipOfSelectedElements = (allElements, appState, app) => {\n  const selectedElements = app.scene.getSelectedElements({\n    selectedElementIds: appState.selectedElementIds,\n    // supplying elements explicitly in case we're passed non-state elements\n    elements: allElements\n  });\n  const elementsToFilter = new Set(selectedElements);\n\n  if (appState.editingGroupId) {\n    for (const element of selectedElements) {\n      if (element.groupIds.length === 0) {\n        elementsToFilter.add(element);\n      } else {\n        element.groupIds.flatMap(gid => (0,_groups__WEBPACK_IMPORTED_MODULE_5__.getElementsInGroup)(allElements, gid)).forEach(element => elementsToFilter.add(element));\n      }\n    }\n  }\n\n  const elementsToRemove = new Set();\n  const elementsMap = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.arrayToMap)(allElements);\n  elementsToFilter.forEach(element => {\n    if (element.frameId && !(0,_typeChecks__WEBPACK_IMPORTED_MODULE_9__.isFrameLikeElement)(element) && !isElementInFrame(element, elementsMap, appState)) {\n      elementsToRemove.add(element);\n    }\n  });\n\n  if (elementsToRemove.size > 0) {\n    removeElementsFromFrame(elementsToRemove, elementsMap);\n  }\n\n  return allElements;\n};\n/**\r\n * filters out elements that are inside groups that contain a frame element\r\n * anywhere in the group tree\r\n */\n\nconst omitGroupsContainingFrameLikes = (allElements,\n/** subset of elements you want to filter. Optional perf optimization so we\r\n * don't have to filter all elements unnecessarily\r\n */\nselectedElements) => {\n  const uniqueGroupIds = new Set();\n  const elements = selectedElements || allElements;\n\n  for (const el of elements.values()) {\n    const topMostGroupId = el.groupIds[el.groupIds.length - 1];\n\n    if (topMostGroupId) {\n      uniqueGroupIds.add(topMostGroupId);\n    }\n  }\n\n  const rejectedGroupIds = new Set();\n\n  for (const groupId of uniqueGroupIds) {\n    if ((0,_groups__WEBPACK_IMPORTED_MODULE_5__.getElementsInGroup)(allElements, groupId).some(el => (0,_typeChecks__WEBPACK_IMPORTED_MODULE_9__.isFrameLikeElement)(el))) {\n      rejectedGroupIds.add(groupId);\n    }\n  }\n\n  const ret = [];\n\n  for (const element of elements.values()) {\n    if (!rejectedGroupIds.has(element.groupIds[element.groupIds.length - 1])) {\n      ret.push(element);\n    }\n  }\n\n  return ret;\n};\n/**\r\n * depending on the appState, return target frame, which is the frame the given element\r\n * is going to be added to or remove from\r\n */\n\nconst getTargetFrame = (element, elementsMap, appState) => {\n  const _element = (0,_typeChecks__WEBPACK_IMPORTED_MODULE_9__.isTextElement)(element) ? (0,_textElement__WEBPACK_IMPORTED_MODULE_8__.getContainerElement)(element, elementsMap) || element : element; // if the element and its containing frame are both selected, then\n  // the containing frame is the target frame\n\n\n  if (_element.frameId && appState.selectedElementIds[_element.id] && appState.selectedElementIds[_element.frameId]) {\n    return getContainingFrame(_element, elementsMap);\n  }\n\n  return appState.selectedElementIds[_element.id] && appState.selectedElementsAreBeingDragged ? appState.frameToHighlight : getContainingFrame(_element, elementsMap);\n}; // TODO: this a huge bottleneck for large scenes, optimise\n// given an element, return if the element is in some frame\n\nconst isElementInFrame = (element, allElementsMap, appState, opts) => {\n  var _a, _b;\n\n  const frame = (_a = opts === null || opts === void 0 ? void 0 : opts.targetFrame) !== null && _a !== void 0 ? _a : getTargetFrame(element, allElementsMap, appState);\n\n  if (!frame) {\n    return false;\n  }\n\n  const _element = (0,_typeChecks__WEBPACK_IMPORTED_MODULE_9__.isTextElement)(element) ? (0,_textElement__WEBPACK_IMPORTED_MODULE_8__.getContainerElement)(element, allElementsMap) || element : element;\n\n  const setGroupsInFrame = isInFrame => {\n    if (opts === null || opts === void 0 ? void 0 : opts.checkedGroups) {\n      _element.groupIds.forEach(groupId => {\n        var _a;\n\n        (_a = opts.checkedGroups) === null || _a === void 0 ? void 0 : _a.set(groupId, isInFrame);\n      });\n    }\n  };\n\n  if ( // if the element is not selected, or it is selected but not being dragged,\n  // frame membership won't update, so return true\n  !appState.selectedElementIds[_element.id] || !appState.selectedElementsAreBeingDragged || // if both frame and element are selected, won't update membership, so return true\n  appState.selectedElementIds[_element.id] && appState.selectedElementIds[frame.id]) {\n    return true;\n  }\n\n  if (_element.groupIds.length === 0) {\n    return elementOverlapsWithFrame(_element, frame, allElementsMap);\n  }\n\n  for (const gid of _element.groupIds) {\n    if ((_b = opts === null || opts === void 0 ? void 0 : opts.checkedGroups) === null || _b === void 0 ? void 0 : _b.has(gid)) {\n      return opts.checkedGroups.get(gid);\n    }\n  }\n\n  const allElementsInGroup = new Set(_element.groupIds.filter(gid => {\n    if (opts === null || opts === void 0 ? void 0 : opts.checkedGroups) {\n      return !opts.checkedGroups.has(gid);\n    }\n\n    return true;\n  }).flatMap(gid => (0,_groups__WEBPACK_IMPORTED_MODULE_5__.getElementsInGroup)(allElementsMap, gid)));\n\n  if (appState.editingGroupId && appState.selectedElementsAreBeingDragged) {\n    const selectedElements = new Set((0,_selection__WEBPACK_IMPORTED_MODULE_4__.getSelectedElements)(allElementsMap, appState));\n    const editingGroupOverlapsFrame = appState.frameToHighlight !== null;\n\n    if (editingGroupOverlapsFrame) {\n      return true;\n    }\n\n    selectedElements.forEach(selectedElement => {\n      allElementsInGroup.delete(selectedElement);\n    });\n  }\n\n  for (const elementInGroup of allElementsInGroup) {\n    if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_9__.isFrameLikeElement)(elementInGroup)) {\n      setGroupsInFrame(false);\n      return false;\n    }\n  }\n\n  for (const elementInGroup of allElementsInGroup) {\n    if (elementOverlapsWithFrame(elementInGroup, frame, allElementsMap)) {\n      setGroupsInFrame(true);\n      return true;\n    }\n  }\n\n  return false;\n};\nconst shouldApplyFrameClip = (element, frame, appState, elementsMap, checkedGroups) => {\n  if (!appState.frameRendering || !appState.frameRendering.clip) {\n    return false;\n  } // for individual elements, only clip when the element is\n  // a. overlapping with the frame, or\n  // b. containing the frame, for example when an element is used as a background\n  //    and is therefore bigger than the frame and completely contains the frame\n\n\n  const shouldClipElementItself = isElementIntersectingFrame(element, frame, elementsMap) || isElementContainingFrame(element, frame, elementsMap);\n\n  if (shouldClipElementItself) {\n    for (const groupId of element.groupIds) {\n      checkedGroups === null || checkedGroups === void 0 ? void 0 : checkedGroups.set(groupId, true);\n    }\n\n    return true;\n  } // if an element is outside the frame, but is part of a group that has some elements\n  // \"in\" the frame, we should clip the element\n\n\n  if (!shouldClipElementItself && element.groupIds.length > 0 && !elementsAreInFrameBounds([element], frame, elementsMap)) {\n    let shouldClip = false; // if no elements are being dragged, we can skip the geometry check\n    // because we know if the element is in the given frame or not\n\n    if (!appState.selectedElementsAreBeingDragged) {\n      shouldClip = element.frameId === frame.id;\n\n      for (const groupId of element.groupIds) {\n        checkedGroups === null || checkedGroups === void 0 ? void 0 : checkedGroups.set(groupId, shouldClip);\n      }\n    } else {\n      shouldClip = isElementInFrame(element, elementsMap, appState, {\n        targetFrame: frame,\n        checkedGroups\n      });\n    }\n\n    for (const groupId of element.groupIds) {\n      checkedGroups === null || checkedGroups === void 0 ? void 0 : checkedGroups.set(groupId, shouldClip);\n    }\n\n    return shouldClip;\n  }\n\n  return false;\n};\nconst getFrameLikeTitle = element => {\n  // TODO name frames \"AI\" only if specific to AI frames\n  return element.name === null ? (0,_typeChecks__WEBPACK_IMPORTED_MODULE_9__.isFrameElement)(element) ? \"Frame\" : \"AI Frame\" : element.name;\n};\nconst getElementsOverlappingFrame = (elements, frame) => {\n  return (0,_excalidraw_utils_withinBounds__WEBPACK_IMPORTED_MODULE_3__.elementsOverlappingBBox)({\n    elements,\n    bounds: frame,\n    type: \"overlap\"\n  }) // removes elements who are overlapping, but are in a different frame,\n  // and thus invisible in target frame\n  .filter(el => !el.frameId || el.frameId === frame.id);\n};\nconst frameAndChildrenSelectedTogether = selectedElements => {\n  const selectedElementsMap = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.arrayToMap)(selectedElements);\n  return selectedElements.length > 1 && selectedElements.some(element => element.frameId && selectedElementsMap.has(element.frameId));\n};\n\n//# sourceURL=webpack://ExcalidrawLib/../element/src/frame.ts?");
 /***/ }),
@@ -13344,7 +13344,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 */   getNextSingleWidthAndHeightFromPointer: () => (/* binding */ getNextSingleWidthAndHeightFromPointer),\n/* harmony export */   getResizeArrowDirection: () => (/* binding */ getResizeArrowDirection),\n/* harmony export */   getResizeOffsetXY: () => (/* binding */ getResizeOffsetXY),\n/* harmony export */   measureFontSizeFromWidth: () => (/* binding */ measureFontSizeFromWidth),\n/* harmony export */   rescalePointsInElement: () => (/* binding */ rescalePointsInElement),\n/* harmony export */   resizeMultipleElements: () => (/* binding */ resizeMultipleElements),\n/* harmony export */   resizeSingleElement: () => (/* binding */ resizeSingleElement),\n/* harmony export */   transformElements: () => (/* binding */ transformElements)\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 _excalidraw_common__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @excalidraw/common */ \"../common/src/index.ts\");\n/* harmony import */ var _binding__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./binding */ \"../element/src/binding.ts\");\n/* harmony import */ var _bounds__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./bounds */ \"../element/src/bounds.ts\");\n/* harmony import */ var _linearElementEditor__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./linearElementEditor */ \"../element/src/linearElementEditor.ts\");\n/* harmony import */ var _mutateElement__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./mutateElement */ \"../element/src/mutateElement.ts\");\n/* harmony import */ var _textElement__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./textElement */ \"../element/src/textElement.ts\");\n/* harmony import */ var _textMeasurements__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./textMeasurements */ \"../element/src/textMeasurements.ts\");\n/* harmony import */ var _textWrapping__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./textWrapping */ \"../element/src/textWrapping.ts\");\n/* harmony import */ var _typeChecks__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./typeChecks */ \"../element/src/typeChecks.ts\");\n/* harmony import */ var _groups__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./groups */ \"../element/src/groups.ts\");\nvar __rest = undefined && undefined.__rest || function (s, e) {\n  var t = {};\n\n  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n\n  if (s != null && typeof Object.getOwnPropertySymbols === \"function\") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n  }\n  return t;\n};\n\n\n\n\n\n\n\n\n\n\n\n // Returns true when transform (resizing/rotation) happened\n\nconst transformElements = (originalElements, transformHandleType, selectedElements, elementsMap, scene, shouldRotateWithDiscreteAngle, shouldResizeFromCenter, shouldMaintainAspectRatio, pointerX, pointerY, centerX, centerY) => {\n  if (selectedElements.length === 1) {\n    const [element] = selectedElements;\n\n    if (transformHandleType === \"rotation\") {\n      if (!(0,_typeChecks__WEBPACK_IMPORTED_MODULE_9__.isElbowArrow)(element)) {\n        rotateSingleElement(element, elementsMap, scene, pointerX, pointerY, shouldRotateWithDiscreteAngle);\n        (0,_binding__WEBPACK_IMPORTED_MODULE_2__.updateBoundElements)(element, elementsMap);\n      }\n    } else if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_9__.isTextElement)(element) && transformHandleType) {\n      resizeSingleTextElement(originalElements, element, elementsMap, transformHandleType, shouldResizeFromCenter, pointerX, pointerY);\n      (0,_binding__WEBPACK_IMPORTED_MODULE_2__.updateBoundElements)(element, elementsMap);\n      return true;\n    } else if (transformHandleType) {\n      const elementId = selectedElements[0].id;\n      const latestElement = elementsMap.get(elementId);\n      const origElement = originalElements.get(elementId);\n\n      if (latestElement && origElement) {\n        const {\n          nextWidth,\n          nextHeight\n        } = getNextSingleWidthAndHeightFromPointer(latestElement, origElement, elementsMap, originalElements, transformHandleType, pointerX, pointerY, {\n          shouldMaintainAspectRatio,\n          shouldResizeFromCenter\n        });\n        resizeSingleElement(nextWidth, nextHeight, latestElement, origElement, elementsMap, originalElements, transformHandleType, {\n          shouldMaintainAspectRatio,\n          shouldResizeFromCenter\n        });\n      }\n    }\n\n    return true;\n  } else if (selectedElements.length > 1) {\n    if (transformHandleType === \"rotation\") {\n      rotateMultipleElements(originalElements, selectedElements, elementsMap, scene, pointerX, pointerY, shouldRotateWithDiscreteAngle, centerX, centerY);\n      return true;\n    } else if (transformHandleType) {\n      const {\n        nextWidth,\n        nextHeight,\n        flipByX,\n        flipByY,\n        originalBoundingBox\n      } = getNextMultipleWidthAndHeightFromPointer(selectedElements, originalElements, elementsMap, transformHandleType, pointerX, pointerY, {\n        shouldMaintainAspectRatio,\n        shouldResizeFromCenter\n      });\n      resizeMultipleElements(selectedElements, elementsMap, transformHandleType, scene, originalElements, {\n        shouldResizeFromCenter,\n        shouldMaintainAspectRatio,\n        flipByX,\n        flipByY,\n        nextWidth,\n        nextHeight,\n        originalBoundingBox\n      });\n      return true;\n    }\n  }\n\n  return false;\n};\n\nconst rotateSingleElement = (element, elementsMap, scene, pointerX, pointerY, shouldRotateWithDiscreteAngle) => {\n  const [x1, y1, x2, y2] = (0,_bounds__WEBPACK_IMPORTED_MODULE_3__.getElementAbsoluteCoords)(element, elementsMap);\n  const cx = (x1 + x2) / 2;\n  const cy = (y1 + y2) / 2;\n  let angle;\n\n  if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_9__.isFrameLikeElement)(element)) {\n    angle = 0;\n  } else {\n    angle = 5 * Math.PI / 2 + Math.atan2(pointerY - cy, pointerX - cx);\n\n    if (shouldRotateWithDiscreteAngle) {\n      angle = angle + _excalidraw_common__WEBPACK_IMPORTED_MODULE_1__.SHIFT_LOCKING_ANGLE / 2;\n      angle = angle - angle % _excalidraw_common__WEBPACK_IMPORTED_MODULE_1__.SHIFT_LOCKING_ANGLE;\n    }\n\n    angle = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.normalizeRadians)(angle);\n  }\n\n  const boundTextElementId = (0,_textElement__WEBPACK_IMPORTED_MODULE_6__.getBoundTextElementId)(element);\n  (0,_mutateElement__WEBPACK_IMPORTED_MODULE_5__.mutateElement)(element, {\n    angle\n  });\n\n  if (boundTextElementId) {\n    const textElement = scene.getElement(boundTextElementId);\n\n    if (textElement && !(0,_typeChecks__WEBPACK_IMPORTED_MODULE_9__.isArrowElement)(element)) {\n      (0,_mutateElement__WEBPACK_IMPORTED_MODULE_5__.mutateElement)(textElement, {\n        angle\n      });\n    }\n  }\n};\n\nconst rescalePointsInElement = (element, width, height, normalizePoints) => (0,_typeChecks__WEBPACK_IMPORTED_MODULE_9__.isLinearElement)(element) || (0,_typeChecks__WEBPACK_IMPORTED_MODULE_9__.isFreeDrawElement)(element) ? {\n  points: (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_1__.rescalePoints)(0, width, (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_1__.rescalePoints)(1, height, element.points, normalizePoints), normalizePoints)\n} : {};\nconst measureFontSizeFromWidth = (element, elementsMap, nextWidth) => {\n  // We only use width to scale font on resize\n  let width = element.width;\n  const hasContainer = (0,_typeChecks__WEBPACK_IMPORTED_MODULE_9__.isBoundToContainer)(element);\n\n  if (hasContainer) {\n    const container = (0,_textElement__WEBPACK_IMPORTED_MODULE_6__.getContainerElement)(element, elementsMap);\n\n    if (container) {\n      width = (0,_textElement__WEBPACK_IMPORTED_MODULE_6__.getBoundTextMaxWidth)(container, element);\n    }\n  }\n\n  const nextFontSize = element.fontSize * (nextWidth / width);\n\n  if (nextFontSize < _excalidraw_common__WEBPACK_IMPORTED_MODULE_1__.MIN_FONT_SIZE) {\n    return null;\n  }\n\n  return {\n    size: nextFontSize\n  };\n};\n\nconst resizeSingleTextElement = (originalElements, element, elementsMap, transformHandleType, shouldResizeFromCenter, pointerX, pointerY) => {\n  const [x1, y1, x2, y2, cx, cy] = (0,_bounds__WEBPACK_IMPORTED_MODULE_3__.getElementAbsoluteCoords)(element, elementsMap); // rotation pointer with reverse angle\n\n  const [rotatedX, rotatedY] = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointFrom)(pointerX, pointerY), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointFrom)(cx, cy), -element.angle);\n  let scaleX = 0;\n  let scaleY = 0;\n\n  if (transformHandleType !== \"e\" && transformHandleType !== \"w\") {\n    if (transformHandleType.includes(\"e\")) {\n      scaleX = (rotatedX - x1) / (x2 - x1);\n    }\n\n    if (transformHandleType.includes(\"w\")) {\n      scaleX = (x2 - rotatedX) / (x2 - x1);\n    }\n\n    if (transformHandleType.includes(\"n\")) {\n      scaleY = (y2 - rotatedY) / (y2 - y1);\n    }\n\n    if (transformHandleType.includes(\"s\")) {\n      scaleY = (rotatedY - y1) / (y2 - y1);\n    }\n  }\n\n  const scale = Math.max(scaleX, scaleY);\n\n  if (scale > 0) {\n    const nextWidth = element.width * scale;\n    const nextHeight = element.height * scale;\n    const metrics = measureFontSizeFromWidth(element, elementsMap, nextWidth);\n\n    if (metrics === null) {\n      return;\n    }\n\n    const startTopLeft = [x1, y1];\n    const startBottomRight = [x2, y2];\n    const startCenter = [cx, cy];\n    let newTopLeft = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointFrom)(x1, y1);\n\n    if ([\"n\", \"w\", \"nw\"].includes(transformHandleType)) {\n      newTopLeft = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointFrom)(startBottomRight[0] - Math.abs(nextWidth), startBottomRight[1] - Math.abs(nextHeight));\n    }\n\n    if (transformHandleType === \"ne\") {\n      const bottomLeft = [startTopLeft[0], startBottomRight[1]];\n      newTopLeft = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointFrom)(bottomLeft[0], bottomLeft[1] - Math.abs(nextHeight));\n    }\n\n    if (transformHandleType === \"sw\") {\n      const topRight = [startBottomRight[0], startTopLeft[1]];\n      newTopLeft = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointFrom)(topRight[0] - Math.abs(nextWidth), topRight[1]);\n    }\n\n    if ([\"s\", \"n\"].includes(transformHandleType)) {\n      newTopLeft[0] = startCenter[0] - nextWidth / 2;\n    }\n\n    if ([\"e\", \"w\"].includes(transformHandleType)) {\n      newTopLeft[1] = startCenter[1] - nextHeight / 2;\n    }\n\n    if (shouldResizeFromCenter) {\n      newTopLeft[0] = startCenter[0] - Math.abs(nextWidth) / 2;\n      newTopLeft[1] = startCenter[1] - Math.abs(nextHeight) / 2;\n    }\n\n    const angle = element.angle;\n    const rotatedTopLeft = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointRotateRads)(newTopLeft, (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointFrom)(cx, cy), angle);\n    const newCenter = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointFrom)(newTopLeft[0] + Math.abs(nextWidth) / 2, newTopLeft[1] + Math.abs(nextHeight) / 2);\n    const rotatedNewCenter = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointRotateRads)(newCenter, (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointFrom)(cx, cy), angle);\n    newTopLeft = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointRotateRads)(rotatedTopLeft, rotatedNewCenter, -angle);\n    const [nextX, nextY] = newTopLeft;\n    (0,_mutateElement__WEBPACK_IMPORTED_MODULE_5__.mutateElement)(element, {\n      fontSize: metrics.size,\n      width: nextWidth,\n      height: nextHeight,\n      x: nextX,\n      y: nextY\n    });\n  }\n\n  if (transformHandleType === \"e\" || transformHandleType === \"w\") {\n    const stateAtResizeStart = originalElements.get(element.id);\n    const [x1, y1, x2, y2] = (0,_bounds__WEBPACK_IMPORTED_MODULE_3__.getResizedElementAbsoluteCoords)(stateAtResizeStart, stateAtResizeStart.width, stateAtResizeStart.height, true);\n    const startTopLeft = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointFrom)(x1, y1);\n    const startBottomRight = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointFrom)(x2, y2);\n    const startCenter = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointCenter)(startTopLeft, startBottomRight);\n    const rotatedPointer = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointFrom)(pointerX, pointerY), startCenter, -stateAtResizeStart.angle);\n    const [esx1,, esx2] = (0,_bounds__WEBPACK_IMPORTED_MODULE_3__.getResizedElementAbsoluteCoords)(element, element.width, element.height, true);\n    const boundsCurrentWidth = esx2 - esx1;\n    const atStartBoundsWidth = startBottomRight[0] - startTopLeft[0];\n    const minWidth = (0,_textMeasurements__WEBPACK_IMPORTED_MODULE_7__.getMinTextElementWidth)((0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_1__.getFontString)({\n      fontSize: element.fontSize,\n      fontFamily: element.fontFamily\n    }), element.lineHeight);\n    let scaleX = atStartBoundsWidth / boundsCurrentWidth;\n\n    if (transformHandleType.includes(\"e\")) {\n      scaleX = (rotatedPointer[0] - startTopLeft[0]) / boundsCurrentWidth;\n    }\n\n    if (transformHandleType.includes(\"w\")) {\n      scaleX = (startBottomRight[0] - rotatedPointer[0]) / boundsCurrentWidth;\n    }\n\n    const newWidth = element.width * scaleX < minWidth ? minWidth : element.width * scaleX;\n    const text = (0,_textWrapping__WEBPACK_IMPORTED_MODULE_8__.wrapText)(element.originalText, (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_1__.getFontString)(element), Math.abs(newWidth));\n    const metrics = (0,_textMeasurements__WEBPACK_IMPORTED_MODULE_7__.measureText)(text, (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_1__.getFontString)(element), element.lineHeight);\n    const eleNewHeight = metrics.height;\n    const [newBoundsX1, newBoundsY1, newBoundsX2, newBoundsY2] = (0,_bounds__WEBPACK_IMPORTED_MODULE_3__.getResizedElementAbsoluteCoords)(stateAtResizeStart, newWidth, eleNewHeight, true);\n    const newBoundsWidth = newBoundsX2 - newBoundsX1;\n    const newBoundsHeight = newBoundsY2 - newBoundsY1;\n    let newTopLeft = [...startTopLeft];\n\n    if ([\"n\", \"w\", \"nw\"].includes(transformHandleType)) {\n      newTopLeft = [startBottomRight[0] - Math.abs(newBoundsWidth), startTopLeft[1]];\n    } // adjust topLeft to new rotation point\n\n\n    const angle = stateAtResizeStart.angle;\n    const rotatedTopLeft = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointFromPair)(newTopLeft), startCenter, angle);\n    const newCenter = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointFrom)(newTopLeft[0] + Math.abs(newBoundsWidth) / 2, newTopLeft[1] + Math.abs(newBoundsHeight) / 2);\n    const rotatedNewCenter = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointRotateRads)(newCenter, startCenter, angle);\n    newTopLeft = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointRotateRads)(rotatedTopLeft, rotatedNewCenter, -angle);\n    const resizedElement = {\n      width: Math.abs(newWidth),\n      height: Math.abs(metrics.height),\n      x: newTopLeft[0],\n      y: newTopLeft[1],\n      text,\n      autoResize: false\n    };\n    (0,_mutateElement__WEBPACK_IMPORTED_MODULE_5__.mutateElement)(element, resizedElement);\n  }\n};\n\nconst rotateMultipleElements = (originalElements, elements, elementsMap, scene, pointerX, pointerY, shouldRotateWithDiscreteAngle, centerX, centerY) => {\n  var _a, _b;\n\n  let centerAngle = 5 * Math.PI / 2 + Math.atan2(pointerY - centerY, pointerX - centerX);\n\n  if (shouldRotateWithDiscreteAngle) {\n    centerAngle += _excalidraw_common__WEBPACK_IMPORTED_MODULE_1__.SHIFT_LOCKING_ANGLE / 2;\n    centerAngle -= centerAngle % _excalidraw_common__WEBPACK_IMPORTED_MODULE_1__.SHIFT_LOCKING_ANGLE;\n  }\n\n  for (const element of elements) {\n    if (!(0,_typeChecks__WEBPACK_IMPORTED_MODULE_9__.isFrameLikeElement)(element)) {\n      const [x1, y1, x2, y2] = (0,_bounds__WEBPACK_IMPORTED_MODULE_3__.getElementAbsoluteCoords)(element, elementsMap);\n      const cx = (x1 + x2) / 2;\n      const cy = (y1 + y2) / 2;\n      const origAngle = (_b = (_a = originalElements.get(element.id)) === null || _a === void 0 ? void 0 : _a.angle) !== null && _b !== void 0 ? _b : element.angle;\n      const [rotatedCX, rotatedCY] = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointFrom)(cx, cy), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointFrom)(centerX, centerY), centerAngle + origAngle - element.angle);\n\n      if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_9__.isElbowArrow)(element)) {\n        // Needed to re-route the arrow\n        (0,_mutateElement__WEBPACK_IMPORTED_MODULE_5__.mutateElement)(element, {\n          points: (0,_binding__WEBPACK_IMPORTED_MODULE_2__.getArrowLocalFixedPoints)(element, elementsMap)\n        });\n      } else {\n        (0,_mutateElement__WEBPACK_IMPORTED_MODULE_5__.mutateElement)(element, {\n          x: element.x + (rotatedCX - cx),\n          y: element.y + (rotatedCY - cy),\n          angle: (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.normalizeRadians)(centerAngle + origAngle)\n        }, false);\n      }\n\n      (0,_binding__WEBPACK_IMPORTED_MODULE_2__.updateBoundElements)(element, elementsMap, {\n        simultaneouslyUpdated: elements\n      });\n      const boundText = (0,_textElement__WEBPACK_IMPORTED_MODULE_6__.getBoundTextElement)(element, elementsMap);\n\n      if (boundText && !(0,_typeChecks__WEBPACK_IMPORTED_MODULE_9__.isArrowElement)(element)) {\n        (0,_mutateElement__WEBPACK_IMPORTED_MODULE_5__.mutateElement)(boundText, {\n          x: boundText.x + (rotatedCX - cx),\n          y: boundText.y + (rotatedCY - cy),\n          angle: (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.normalizeRadians)(centerAngle + origAngle)\n        }, false);\n      }\n    }\n  }\n\n  scene.triggerUpdate();\n};\n\nconst getResizeOffsetXY = (transformHandleType, selectedElements, elementsMap, x, y) => {\n  const [x1, y1, x2, y2] = selectedElements.length === 1 ? (0,_bounds__WEBPACK_IMPORTED_MODULE_3__.getElementAbsoluteCoords)(selectedElements[0], elementsMap) : (0,_bounds__WEBPACK_IMPORTED_MODULE_3__.getCommonBounds)(selectedElements);\n  const cx = (x1 + x2) / 2;\n  const cy = (y1 + y2) / 2;\n  const angle = selectedElements.length === 1 ? selectedElements[0].angle : 0;\n  [x, y] = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointFrom)(x, y), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointFrom)(cx, cy), -angle);\n\n  switch (transformHandleType) {\n    case \"n\":\n      return (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointFrom)(x - (x1 + x2) / 2, y - y1), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointFrom)(0, 0), angle);\n\n    case \"s\":\n      return (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointFrom)(x - (x1 + x2) / 2, y - y2), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointFrom)(0, 0), angle);\n\n    case \"w\":\n      return (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointFrom)(x - x1, y - (y1 + y2) / 2), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointFrom)(0, 0), angle);\n\n    case \"e\":\n      return (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointFrom)(x - x2, y - (y1 + y2) / 2), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointFrom)(0, 0), angle);\n\n    case \"nw\":\n      return (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointFrom)(x - x1, y - y1), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointFrom)(0, 0), angle);\n\n    case \"ne\":\n      return (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointFrom)(x - x2, y - y1), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointFrom)(0, 0), angle);\n\n    case \"sw\":\n      return (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointFrom)(x - x1, y - y2), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointFrom)(0, 0), angle);\n\n    case \"se\":\n      return (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointFrom)(x - x2, y - y2), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointFrom)(0, 0), angle);\n\n    default:\n      return [0, 0];\n  }\n};\nconst getResizeArrowDirection = (transformHandleType, element) => {\n  const [, [px, py]] = element.points;\n  const isResizeEnd = transformHandleType === \"nw\" && (px < 0 || py < 0) || transformHandleType === \"ne\" && px >= 0 || transformHandleType === \"sw\" && px <= 0 || transformHandleType === \"se\" && (px > 0 || py > 0);\n  return isResizeEnd ? \"end\" : \"origin\";\n};\n\nconst getResizeAnchor = (handleDirection, shouldMaintainAspectRatio, shouldResizeFromCenter) => {\n  if (shouldResizeFromCenter) {\n    return \"center\";\n  }\n\n  if (shouldMaintainAspectRatio) {\n    switch (handleDirection) {\n      case \"n\":\n        return \"south-side\";\n\n      case \"e\":\n        {\n          return \"west-side\";\n        }\n\n      case \"s\":\n        return \"north-side\";\n\n      case \"w\":\n        return \"east-side\";\n\n      case \"ne\":\n        return \"bottom-left\";\n\n      case \"nw\":\n        return \"bottom-right\";\n\n      case \"se\":\n        return \"top-left\";\n\n      case \"sw\":\n        return \"top-right\";\n    }\n  }\n\n  if ([\"e\", \"se\", \"s\"].includes(handleDirection)) {\n    return \"top-left\";\n  } else if ([\"n\", \"nw\", \"w\"].includes(handleDirection)) {\n    return \"bottom-right\";\n  } else if (handleDirection === \"ne\") {\n    return \"bottom-left\";\n  }\n\n  return \"top-right\";\n};\n\nconst getResizedOrigin = (prevOrigin, prevWidth, prevHeight, newWidth, newHeight, angle, handleDirection, shouldMaintainAspectRatio, shouldResizeFromCenter) => {\n  const anchor = getResizeAnchor(handleDirection, shouldMaintainAspectRatio, shouldResizeFromCenter);\n  const [x, y] = prevOrigin;\n\n  switch (anchor) {\n    case \"top-left\":\n      return {\n        x: x + (prevWidth - newWidth) / 2 + (newWidth - prevWidth) / 2 * Math.cos(angle) + (prevHeight - newHeight) / 2 * Math.sin(angle),\n        y: y + (prevHeight - newHeight) / 2 + (newWidth - prevWidth) / 2 * Math.sin(angle) + (newHeight - prevHeight) / 2 * Math.cos(angle)\n      };\n\n    case \"top-right\":\n      return {\n        x: x + (prevWidth - newWidth) / 2 * (Math.cos(angle) + 1) + (prevHeight - newHeight) / 2 * Math.sin(angle),\n        y: y + (prevHeight - newHeight) / 2 + (prevWidth - newWidth) / 2 * Math.sin(angle) + (newHeight - prevHeight) / 2 * Math.cos(angle)\n      };\n\n    case \"bottom-left\":\n      return {\n        x: x + (prevWidth - newWidth) / 2 * (1 - Math.cos(angle)) + (newHeight - prevHeight) / 2 * Math.sin(angle),\n        y: y + (prevHeight - newHeight) / 2 * (Math.cos(angle) + 1) + (newWidth - prevWidth) / 2 * Math.sin(angle)\n      };\n\n    case \"bottom-right\":\n      return {\n        x: x + (prevWidth - newWidth) / 2 * (Math.cos(angle) + 1) + (newHeight - prevHeight) / 2 * Math.sin(angle),\n        y: y + (prevHeight - newHeight) / 2 * (Math.cos(angle) + 1) + (prevWidth - newWidth) / 2 * Math.sin(angle)\n      };\n\n    case \"center\":\n      return {\n        x: x - (newWidth - prevWidth) / 2,\n        y: y - (newHeight - prevHeight) / 2\n      };\n\n    case \"east-side\":\n      return {\n        x: x + (prevWidth - newWidth) / 2 * (Math.cos(angle) + 1),\n        y: y + (prevWidth - newWidth) / 2 * Math.sin(angle) + (prevHeight - newHeight) / 2\n      };\n\n    case \"west-side\":\n      return {\n        x: x + (prevWidth - newWidth) / 2 * (1 - Math.cos(angle)),\n        y: y + (newWidth - prevWidth) / 2 * Math.sin(angle) + (prevHeight - newHeight) / 2\n      };\n\n    case \"north-side\":\n      return {\n        x: x + (prevWidth - newWidth) / 2 + (prevHeight - newHeight) / 2 * Math.sin(angle),\n        y: y + (newHeight - prevHeight) / 2 * (Math.cos(angle) - 1)\n      };\n\n    case \"south-side\":\n      return {\n        x: x + (prevWidth - newWidth) / 2 + (newHeight - prevHeight) / 2 * Math.sin(angle),\n        y: y + (prevHeight - newHeight) / 2 * (Math.cos(angle) + 1)\n      };\n  }\n};\n\nconst resizeSingleElement = (nextWidth, nextHeight, latestElement, origElement, elementsMap, originalElementsMap, handleDirection, {\n  shouldInformMutation = true,\n  shouldMaintainAspectRatio = false,\n  shouldResizeFromCenter = false\n} = {}) => {\n  var _a;\n\n  if ((_a = latestElement.customData) === null || _a === void 0 ? void 0 : _a.isAnchored) {\n    return;\n  } //zsviczian\n\n\n  let boundTextFont = {};\n  const boundTextElement = (0,_textElement__WEBPACK_IMPORTED_MODULE_6__.getBoundTextElement)(latestElement, elementsMap);\n\n  if (boundTextElement) {\n    const stateOfBoundTextElementAtResize = originalElementsMap.get(boundTextElement.id);\n\n    if (stateOfBoundTextElementAtResize) {\n      boundTextFont = {\n        fontSize: stateOfBoundTextElementAtResize.fontSize\n      };\n    }\n\n    if (shouldMaintainAspectRatio) {\n      const updatedElement = Object.assign(Object.assign({}, latestElement), {\n        width: nextWidth,\n        height: nextHeight\n      });\n      const nextFont = measureFontSizeFromWidth(boundTextElement, elementsMap, (0,_textElement__WEBPACK_IMPORTED_MODULE_6__.getBoundTextMaxWidth)(updatedElement, boundTextElement));\n\n      if (nextFont === null) {\n        return;\n      }\n\n      boundTextFont = {\n        fontSize: nextFont.size\n      };\n    } else {\n      const minWidth = (0,_textMeasurements__WEBPACK_IMPORTED_MODULE_7__.getApproxMinLineWidth)((0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_1__.getFontString)(boundTextElement), boundTextElement.lineHeight);\n      const minHeight = (0,_textMeasurements__WEBPACK_IMPORTED_MODULE_7__.getApproxMinLineHeight)(boundTextElement.fontSize, boundTextElement.lineHeight);\n      nextWidth = Math.max(nextWidth, minWidth);\n      nextHeight = Math.max(nextHeight, minHeight);\n    }\n  }\n\n  const rescaledPoints = rescalePointsInElement(origElement, nextWidth, nextHeight, true);\n  let previousOrigin = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointFrom)(origElement.x, origElement.y);\n\n  if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_9__.isLinearElement)(origElement)) {\n    const [x1, y1] = (0,_bounds__WEBPACK_IMPORTED_MODULE_3__.getElementBounds)(origElement, originalElementsMap);\n    previousOrigin = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointFrom)(x1, y1);\n  }\n\n  const newOrigin = getResizedOrigin(previousOrigin, origElement.width, origElement.height, nextWidth, nextHeight, origElement.angle, handleDirection, shouldMaintainAspectRatio, shouldResizeFromCenter);\n\n  if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_9__.isLinearElement)(origElement) && rescaledPoints.points) {\n    const offsetX = origElement.x - previousOrigin[0];\n    const offsetY = origElement.y - previousOrigin[1];\n    newOrigin.x += offsetX;\n    newOrigin.y += offsetY;\n    const scaledX = rescaledPoints.points[0][0];\n    const scaledY = rescaledPoints.points[0][1];\n    newOrigin.x += scaledX;\n    newOrigin.y += scaledY;\n    rescaledPoints.points = rescaledPoints.points.map(p => (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointFrom)(p[0] - scaledX, p[1] - scaledY));\n  } // flipping\n\n\n  if (nextWidth < 0) {\n    newOrigin.x = newOrigin.x + nextWidth;\n  }\n\n  if (nextHeight < 0) {\n    newOrigin.y = newOrigin.y + nextHeight;\n  }\n\n  if (\"scale\" in latestElement && \"scale\" in origElement) {\n    //zsviczian (shift resize embeddable to scale resize)\n    if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_9__.isIframeLikeElement)(latestElement)) {\n      if (shouldMaintainAspectRatio) {\n        const scale = [Math.abs(nextWidth / (origElement.width / origElement.scale[0])), Math.abs(nextHeight / (origElement.height / origElement.scale[1]))];\n        (0,_mutateElement__WEBPACK_IMPORTED_MODULE_5__.mutateElement)(latestElement, {\n          scale\n        });\n      }\n    } else {\n      (0,_mutateElement__WEBPACK_IMPORTED_MODULE_5__.mutateElement)(latestElement, {\n        scale: [// defaulting because scaleX/Y can be 0/-0\n        (Math.sign(nextWidth) || origElement.scale[0]) * origElement.scale[0], (Math.sign(nextHeight) || origElement.scale[1]) * origElement.scale[1]]\n      });\n    }\n  }\n\n  if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_9__.isArrowElement)(latestElement) && boundTextElement && shouldMaintainAspectRatio) {\n    const fontSize = nextWidth / latestElement.width * boundTextElement.fontSize;\n\n    if (fontSize < _excalidraw_common__WEBPACK_IMPORTED_MODULE_1__.MIN_FONT_SIZE) {\n      return;\n    }\n\n    boundTextFont.fontSize = fontSize;\n  }\n\n  if (nextWidth !== 0 && nextHeight !== 0 && Number.isFinite(newOrigin.x) && Number.isFinite(newOrigin.y)) {\n    const updates = Object.assign(Object.assign(Object.assign({}, newOrigin), {\n      width: Math.abs(nextWidth),\n      height: Math.abs(nextHeight)\n    }), rescaledPoints);\n    (0,_mutateElement__WEBPACK_IMPORTED_MODULE_5__.mutateElement)(latestElement, updates, shouldInformMutation);\n    (0,_binding__WEBPACK_IMPORTED_MODULE_2__.updateBoundElements)(latestElement, elementsMap, {\n      // TODO: confirm with MARK if this actually makes sense\n      newSize: {\n        width: nextWidth,\n        height: nextHeight\n      }\n    });\n\n    if (boundTextElement && boundTextFont != null) {\n      (0,_mutateElement__WEBPACK_IMPORTED_MODULE_5__.mutateElement)(boundTextElement, {\n        fontSize: boundTextFont.fontSize\n      });\n    }\n\n    (0,_textElement__WEBPACK_IMPORTED_MODULE_6__.handleBindTextResize)(latestElement, elementsMap, handleDirection, shouldMaintainAspectRatio);\n  }\n}; //zsviczian export for use in updateContainerSize\n\nconst getNextSingleWidthAndHeightFromPointer = (latestElement, origElement, elementsMap, originalElementsMap, handleDirection, pointerX, pointerY, {\n  shouldMaintainAspectRatio = false,\n  shouldResizeFromCenter = false\n} = {}) => {\n  // Gets bounds corners\n  const [x1, y1, x2, y2] = (0,_bounds__WEBPACK_IMPORTED_MODULE_3__.getResizedElementAbsoluteCoords)(origElement, origElement.width, origElement.height, true);\n  const startTopLeft = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointFrom)(x1, y1);\n  const startBottomRight = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointFrom)(x2, y2);\n  const startCenter = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointCenter)(startTopLeft, startBottomRight); // Calculate new dimensions based on cursor position\n\n  const rotatedPointer = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointFrom)(pointerX, pointerY), startCenter, -origElement.angle); // Get bounds corners rendered on screen\n\n  const [esx1, esy1, esx2, esy2] = (0,_bounds__WEBPACK_IMPORTED_MODULE_3__.getResizedElementAbsoluteCoords)(latestElement, latestElement.width, latestElement.height, true);\n  const boundsCurrentWidth = esx2 - esx1;\n  const boundsCurrentHeight = esy2 - esy1; // It's important we set the initial scale value based on the width and height at resize start,\n  // otherwise previous dimensions affected by modifiers will be taken into account.\n\n  const atStartBoundsWidth = startBottomRight[0] - startTopLeft[0];\n  const atStartBoundsHeight = startBottomRight[1] - startTopLeft[1];\n  let scaleX = atStartBoundsWidth / boundsCurrentWidth;\n  let scaleY = atStartBoundsHeight / boundsCurrentHeight;\n\n  if (handleDirection.includes(\"e\")) {\n    scaleX = (rotatedPointer[0] - startTopLeft[0]) / boundsCurrentWidth;\n  }\n\n  if (handleDirection.includes(\"s\")) {\n    scaleY = (rotatedPointer[1] - startTopLeft[1]) / boundsCurrentHeight;\n  }\n\n  if (handleDirection.includes(\"w\")) {\n    scaleX = (startBottomRight[0] - rotatedPointer[0]) / boundsCurrentWidth;\n  }\n\n  if (handleDirection.includes(\"n\")) {\n    scaleY = (startBottomRight[1] - rotatedPointer[1]) / boundsCurrentHeight;\n  } // We have to use dimensions of element on screen, otherwise the scaling of the\n  // dimensions won't match the cursor for linear elements.\n\n\n  let nextWidth = latestElement.width * scaleX;\n  let nextHeight = latestElement.height * scaleY;\n\n  if (shouldResizeFromCenter) {\n    nextWidth = 2 * nextWidth - origElement.width;\n    nextHeight = 2 * nextHeight - origElement.height;\n  } // adjust dimensions to keep sides ratio\n\n\n  if (shouldMaintainAspectRatio) {\n    const widthRatio = Math.abs(nextWidth) / origElement.width;\n    const heightRatio = Math.abs(nextHeight) / origElement.height;\n\n    if (handleDirection.length === 1) {\n      nextHeight *= widthRatio;\n      nextWidth *= heightRatio;\n    }\n\n    if (handleDirection.length === 2) {\n      const ratio = Math.max(widthRatio, heightRatio);\n      nextWidth = origElement.width * ratio * Math.sign(nextWidth);\n      nextHeight = origElement.height * ratio * Math.sign(nextHeight);\n    }\n  }\n\n  return {\n    nextWidth,\n    nextHeight\n  };\n};\n\nconst getNextMultipleWidthAndHeightFromPointer = (selectedElements, originalElementsMap, elementsMap, handleDirection, pointerX, pointerY, {\n  shouldMaintainAspectRatio = false,\n  shouldResizeFromCenter = false\n} = {}) => {\n  const originalElementsArray = selectedElements.map(el => originalElementsMap.get(el.id)); // getCommonBoundingBox() uses getBoundTextElement() which returns null for\n  // original elements from pointerDownState, so we have to find and add these\n  // bound text elements manually. Additionally, the coordinates of bound text\n  // elements aren't always up to date.\n\n  const boundTextElements = originalElementsArray.reduce((acc, orig) => {\n    var _a;\n\n    if (!(0,_typeChecks__WEBPACK_IMPORTED_MODULE_9__.isLinearElement)(orig)) {\n      return acc;\n    }\n\n    const textId = (0,_textElement__WEBPACK_IMPORTED_MODULE_6__.getBoundTextElementId)(orig);\n\n    if (!textId) {\n      return acc;\n    }\n\n    const text = (_a = originalElementsMap.get(textId)) !== null && _a !== void 0 ? _a : null;\n\n    if (!(0,_typeChecks__WEBPACK_IMPORTED_MODULE_9__.isBoundToContainer)(text)) {\n      return acc;\n    }\n\n    return [...acc, Object.assign(Object.assign({}, text), _linearElementEditor__WEBPACK_IMPORTED_MODULE_4__.LinearElementEditor.getBoundTextElementPosition(orig, text, elementsMap))];\n  }, []);\n  const originalBoundingBox = (0,_bounds__WEBPACK_IMPORTED_MODULE_3__.getCommonBoundingBox)(originalElementsArray.map(orig => orig).concat(boundTextElements));\n  const {\n    minX,\n    minY,\n    maxX,\n    maxY,\n    midX,\n    midY\n  } = originalBoundingBox;\n  const width = maxX - minX;\n  const height = maxY - minY;\n  const anchorsMap = {\n    ne: [minX, maxY],\n    se: [minX, minY],\n    sw: [maxX, minY],\n    nw: [maxX, maxY],\n    e: [minX, minY + height / 2],\n    w: [maxX, minY + height / 2],\n    n: [minX + width / 2, maxY],\n    s: [minX + width / 2, minY]\n  }; // anchor point must be on the opposite side of the dragged selection handle\n  // or be the center of the selection if shouldResizeFromCenter\n\n  const [anchorX, anchorY] = shouldResizeFromCenter ? [midX, midY] : anchorsMap[handleDirection];\n  const resizeFromCenterScale = shouldResizeFromCenter ? 2 : 1;\n  const scale = Math.max(Math.abs(pointerX - anchorX) / width || 0, Math.abs(pointerY - anchorY) / height || 0) * resizeFromCenterScale;\n  let nextWidth = handleDirection.includes(\"e\") || handleDirection.includes(\"w\") ? Math.abs(pointerX - anchorX) * resizeFromCenterScale : width;\n  let nextHeight = handleDirection.includes(\"n\") || handleDirection.includes(\"s\") ? Math.abs(pointerY - anchorY) * resizeFromCenterScale : height;\n\n  if (shouldMaintainAspectRatio) {\n    nextWidth = width * scale * Math.sign(pointerX - anchorX);\n    nextHeight = height * scale * Math.sign(pointerY - anchorY);\n  }\n\n  const flipConditionsMap = {\n    ne: [pointerX < anchorX, pointerY > anchorY],\n    se: [pointerX < anchorX, pointerY < anchorY],\n    sw: [pointerX > anchorX, pointerY < anchorY],\n    nw: [pointerX > anchorX, pointerY > anchorY],\n    // e.g. when resizing from the \"e\" side, we do not need to consider changes in the `y` direction\n    //      and therefore, we do not need to flip in the `y` direction at all\n    e: [pointerX < anchorX, false],\n    w: [pointerX > anchorX, false],\n    n: [false, pointerY > anchorY],\n    s: [false, pointerY < anchorY]\n  };\n  const [flipByX, flipByY] = flipConditionsMap[handleDirection].map(condition => condition);\n  return {\n    originalBoundingBox,\n    nextWidth,\n    nextHeight,\n    flipByX,\n    flipByY\n  };\n};\n\nconst resizeMultipleElements = (selectedElements, elementsMap, handleDirection, scene, originalElementsMap, {\n  shouldMaintainAspectRatio = false,\n  shouldResizeFromCenter = false,\n  flipByX = false,\n  flipByY = false,\n  nextHeight,\n  nextWidth,\n  originalBoundingBox\n} = {}) => {\n  var _a, _b, _c; // in the case of just flipping, there is no need to specify the next width and height\n\n\n  if (nextWidth === undefined && nextHeight === undefined && flipByX === undefined && flipByY === undefined) {\n    return;\n  } // do not allow next width or height to be 0\n\n\n  if (nextHeight === 0 || nextWidth === 0) {\n    return;\n  }\n\n  if (!originalElementsMap) {\n    originalElementsMap = elementsMap;\n  }\n\n  const targetElements = selectedElements.reduce((acc, element) => {\n    const origElement = originalElementsMap.get(element.id);\n\n    if (origElement) {\n      acc.push({\n        orig: origElement,\n        latest: element\n      });\n    }\n\n    return acc;\n  }, []);\n  let boundingBox;\n\n  if (originalBoundingBox) {\n    boundingBox = originalBoundingBox;\n  } else {\n    const boundTextElements = targetElements.reduce((acc, {\n      orig\n    }) => {\n      var _a;\n\n      if (!(0,_typeChecks__WEBPACK_IMPORTED_MODULE_9__.isLinearElement)(orig)) {\n        return acc;\n      }\n\n      const textId = (0,_textElement__WEBPACK_IMPORTED_MODULE_6__.getBoundTextElementId)(orig);\n\n      if (!textId) {\n        return acc;\n      }\n\n      const text = (_a = originalElementsMap.get(textId)) !== null && _a !== void 0 ? _a : null;\n\n      if (!(0,_typeChecks__WEBPACK_IMPORTED_MODULE_9__.isBoundToContainer)(text)) {\n        return acc;\n      }\n\n      return [...acc, Object.assign(Object.assign({}, text), _linearElementEditor__WEBPACK_IMPORTED_MODULE_4__.LinearElementEditor.getBoundTextElementPosition(orig, text, elementsMap))];\n    }, []);\n    boundingBox = (0,_bounds__WEBPACK_IMPORTED_MODULE_3__.getCommonBoundingBox)(targetElements.map(({\n      orig\n    }) => orig).concat(boundTextElements));\n  }\n\n  const {\n    minX,\n    minY,\n    maxX,\n    maxY,\n    midX,\n    midY\n  } = boundingBox;\n  const width = maxX - minX;\n  const height = maxY - minY;\n\n  if (nextWidth === undefined && nextHeight === undefined) {\n    nextWidth = width;\n    nextHeight = height;\n  }\n\n  if (shouldMaintainAspectRatio) {\n    if (nextWidth === undefined) {\n      nextWidth = nextHeight * (width / height);\n    } else if (nextHeight === undefined) {\n      nextHeight = nextWidth * (height / width);\n    } else if (Math.abs(nextWidth / nextHeight - width / height) > 0.001) {\n      nextWidth = nextHeight * (width / height);\n    }\n  }\n\n  if (nextWidth && nextHeight) {\n    let scaleX = handleDirection.includes(\"e\") || handleDirection.includes(\"w\") ? Math.abs(nextWidth) / width : 1;\n    let scaleY = handleDirection.includes(\"n\") || handleDirection.includes(\"s\") ? Math.abs(nextHeight) / height : 1;\n    let scale;\n\n    if (handleDirection.length === 1) {\n      scale = handleDirection.includes(\"e\") || handleDirection.includes(\"w\") ? scaleX : scaleY;\n    } else {\n      scale = Math.max(Math.abs(nextWidth) / width || 0, Math.abs(nextHeight) / height || 0);\n    }\n\n    const anchorsMap = {\n      ne: [minX, maxY],\n      se: [minX, minY],\n      sw: [maxX, minY],\n      nw: [maxX, maxY],\n      e: [minX, minY + height / 2],\n      w: [maxX, minY + height / 2],\n      n: [minX + width / 2, maxY],\n      s: [minX + width / 2, minY]\n    }; // anchor point must be on the opposite side of the dragged selection handle\n    // or be the center of the selection if shouldResizeFromCenter\n\n    const [anchorX, anchorY] = shouldResizeFromCenter ? [midX, midY] : anchorsMap[handleDirection];\n    const keepAspectRatio = shouldMaintainAspectRatio || targetElements.some(item => item.latest.angle !== 0 || (0,_typeChecks__WEBPACK_IMPORTED_MODULE_9__.isTextElement)(item.latest) || (0,_groups__WEBPACK_IMPORTED_MODULE_10__.isInGroup)(item.latest));\n\n    if (keepAspectRatio) {\n      scaleX = scale;\n      scaleY = scale;\n    }\n    /**\r\n     * to flip an element:\r\n     * 1. determine over which axis is the element being flipped\r\n     *    (could be x, y, or both) indicated by `flipFactorX` & `flipFactorY`\r\n     * 2. shift element's position by the amount of width or height (or both) or\r\n     *    mirror points in the case of linear & freedraw elemenets\r\n     * 3. adjust element angle\r\n     */\n\n\n    const [flipFactorX, flipFactorY] = [flipByX ? -1 : 1, flipByY ? -1 : 1];\n    const elementsAndUpdates = [];\n\n    for (const {\n      orig,\n      latest\n    } of targetElements) {\n      // bounded text elements are updated along with their container elements\n      if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_9__.isTextElement)(orig) && (0,_typeChecks__WEBPACK_IMPORTED_MODULE_9__.isBoundToContainer)(orig)) {\n        continue;\n      }\n\n      const width = ((_a = orig.customData) === null || _a === void 0 ? void 0 : _a.isAnchored) ? orig.width : orig.width * scaleX; //zsviczian\n\n      const height = ((_b = orig.customData) === null || _b === void 0 ? void 0 : _b.isAnchored) ? orig.height : orig.height * scaleY; //zsviczian\n\n      const angle = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.normalizeRadians)(orig.angle * flipFactorX * flipFactorY);\n      const isLinearOrFreeDraw = (0,_typeChecks__WEBPACK_IMPORTED_MODULE_9__.isLinearElement)(orig) || (0,_typeChecks__WEBPACK_IMPORTED_MODULE_9__.isFreeDrawElement)(orig);\n      const offsetX = orig.x - anchorX;\n      const offsetY = orig.y - anchorY;\n      const shiftX = flipByX && !isLinearOrFreeDraw ? width : 0;\n      const shiftY = flipByY && !isLinearOrFreeDraw ? height : 0;\n      const x = anchorX + flipFactorX * (offsetX * scaleX + shiftX);\n      const y = anchorY + flipFactorY * (offsetY * scaleY + shiftY);\n      const rescaledPoints = rescalePointsInElement(orig, width * flipFactorX, height * flipFactorY, false);\n      const update = Object.assign({\n        x,\n        y,\n        width,\n        height,\n        angle\n      }, rescaledPoints);\n\n      if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_9__.isElbowArrow)(orig)) {\n        // Mirror fixed point binding for elbow arrows\n        // when resize goes into the negative direction\n        if (orig.startBinding) {\n          update.startBinding = Object.assign(Object.assign({}, orig.startBinding), {\n            fixedPoint: [flipByX ? -orig.startBinding.fixedPoint[0] + 1 : orig.startBinding.fixedPoint[0], flipByY ? -orig.startBinding.fixedPoint[1] + 1 : orig.startBinding.fixedPoint[1]]\n          });\n        }\n\n        if (orig.endBinding) {\n          update.endBinding = Object.assign(Object.assign({}, orig.endBinding), {\n            fixedPoint: [flipByX ? -orig.endBinding.fixedPoint[0] + 1 : orig.endBinding.fixedPoint[0], flipByY ? -orig.endBinding.fixedPoint[1] + 1 : orig.endBinding.fixedPoint[1]]\n          });\n        }\n\n        if (orig.fixedSegments && rescaledPoints.points) {\n          update.fixedSegments = orig.fixedSegments.map(segment => Object.assign(Object.assign({}, segment), {\n            start: rescaledPoints.points[segment.index - 1],\n            end: rescaledPoints.points[segment.index]\n          }));\n        }\n      }\n\n      if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_9__.isImageElement)(orig)) {\n        update.scale = [orig.scale[0] * flipFactorX, orig.scale[1] * flipFactorY];\n      }\n\n      if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_9__.isTextElement)(orig)) {\n        const metrics = measureFontSizeFromWidth(orig, elementsMap, width);\n\n        if (!metrics) {\n          return;\n        }\n\n        update.fontSize = metrics.size;\n      }\n\n      const boundTextElement = originalElementsMap.get((_c = (0,_textElement__WEBPACK_IMPORTED_MODULE_6__.getBoundTextElementId)(orig)) !== null && _c !== void 0 ? _c : \"\");\n\n      if (boundTextElement) {\n        if (keepAspectRatio) {\n          const newFontSize = boundTextElement.fontSize * scale;\n\n          if (newFontSize < _excalidraw_common__WEBPACK_IMPORTED_MODULE_1__.MIN_FONT_SIZE) {\n            return;\n          }\n\n          update.boundTextFontSize = newFontSize;\n        } else {\n          update.boundTextFontSize = boundTextElement.fontSize;\n        }\n      }\n\n      elementsAndUpdates.push({\n        element: latest,\n        update\n      });\n    }\n\n    const elementsToUpdate = elementsAndUpdates.map(({\n      element\n    }) => element);\n\n    for (let _d of elementsAndUpdates) {\n      const {\n        element\n      } = _d,\n            _e = _d.update,\n            {\n        boundTextFontSize\n      } = _e,\n            update = __rest(_e, [\"boundTextFontSize\"]);\n\n      const {\n        width,\n        height,\n        angle\n      } = update;\n      (0,_mutateElement__WEBPACK_IMPORTED_MODULE_5__.mutateElement)(element, update, false, {\n        // needed for the fixed binding point udpate to take effect\n        isDragging: true\n      });\n      (0,_binding__WEBPACK_IMPORTED_MODULE_2__.updateBoundElements)(element, elementsMap, {\n        simultaneouslyUpdated: elementsToUpdate,\n        newSize: {\n          width,\n          height\n        }\n      });\n      const boundTextElement = (0,_textElement__WEBPACK_IMPORTED_MODULE_6__.getBoundTextElement)(element, elementsMap);\n\n      if (boundTextElement && boundTextFontSize) {\n        (0,_mutateElement__WEBPACK_IMPORTED_MODULE_5__.mutateElement)(boundTextElement, {\n          fontSize: boundTextFontSize,\n          angle: (0,_typeChecks__WEBPACK_IMPORTED_MODULE_9__.isLinearElement)(element) ? undefined : angle\n        }, false);\n        (0,_textElement__WEBPACK_IMPORTED_MODULE_6__.handleBindTextResize)(element, elementsMap, handleDirection, true);\n      }\n    }\n\n    scene.triggerUpdate();\n  }\n};\n\n//# sourceURL=webpack://ExcalidrawLib/../element/src/resizeElements.ts?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   getNextSingleWidthAndHeightFromPointer: () => (/* binding */ getNextSingleWidthAndHeightFromPointer),\n/* harmony export */   getResizeArrowDirection: () => (/* binding */ getResizeArrowDirection),\n/* harmony export */   getResizeOffsetXY: () => (/* binding */ getResizeOffsetXY),\n/* harmony export */   measureFontSizeFromWidth: () => (/* binding */ measureFontSizeFromWidth),\n/* harmony export */   rescalePointsInElement: () => (/* binding */ rescalePointsInElement),\n/* harmony export */   resizeMultipleElements: () => (/* binding */ resizeMultipleElements),\n/* harmony export */   resizeSingleElement: () => (/* binding */ resizeSingleElement),\n/* harmony export */   transformElements: () => (/* binding */ transformElements)\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 _excalidraw_common__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @excalidraw/common */ \"../common/src/index.ts\");\n/* harmony import */ var _binding__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./binding */ \"../element/src/binding.ts\");\n/* harmony import */ var _bounds__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./bounds */ \"../element/src/bounds.ts\");\n/* harmony import */ var _linearElementEditor__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./linearElementEditor */ \"../element/src/linearElementEditor.ts\");\n/* harmony import */ var _mutateElement__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./mutateElement */ \"../element/src/mutateElement.ts\");\n/* harmony import */ var _textElement__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./textElement */ \"../element/src/textElement.ts\");\n/* harmony import */ var _textMeasurements__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./textMeasurements */ \"../element/src/textMeasurements.ts\");\n/* harmony import */ var _textWrapping__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./textWrapping */ \"../element/src/textWrapping.ts\");\n/* harmony import */ var _typeChecks__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./typeChecks */ \"../element/src/typeChecks.ts\");\n/* harmony import */ var _groups__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./groups */ \"../element/src/groups.ts\");\nvar __rest = undefined && undefined.__rest || function (s, e) {\n  var t = {};\n\n  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n\n  if (s != null && typeof Object.getOwnPropertySymbols === \"function\") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n  }\n  return t;\n};\n\n\n\n\n\n\n\n\n\n\n\n // Returns true when transform (resizing/rotation) happened\n\nconst transformElements = (originalElements, transformHandleType, selectedElements, elementsMap, scene, shouldRotateWithDiscreteAngle, shouldResizeFromCenter, shouldMaintainAspectRatio, pointerX, pointerY, centerX, centerY) => {\n  if (selectedElements.length === 1) {\n    const [element] = selectedElements;\n\n    if (transformHandleType === \"rotation\") {\n      if (!(0,_typeChecks__WEBPACK_IMPORTED_MODULE_9__.isElbowArrow)(element)) {\n        rotateSingleElement(element, elementsMap, scene, pointerX, pointerY, shouldRotateWithDiscreteAngle);\n        (0,_binding__WEBPACK_IMPORTED_MODULE_2__.updateBoundElements)(element, elementsMap);\n      }\n    } else if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_9__.isTextElement)(element) && transformHandleType) {\n      resizeSingleTextElement(originalElements, element, elementsMap, transformHandleType, shouldResizeFromCenter, pointerX, pointerY);\n      (0,_binding__WEBPACK_IMPORTED_MODULE_2__.updateBoundElements)(element, elementsMap);\n      return true;\n    } else if (transformHandleType) {\n      const elementId = selectedElements[0].id;\n      const latestElement = elementsMap.get(elementId);\n      const origElement = originalElements.get(elementId);\n\n      if (latestElement && origElement) {\n        const {\n          nextWidth,\n          nextHeight\n        } = getNextSingleWidthAndHeightFromPointer(latestElement, origElement, elementsMap, originalElements, transformHandleType, pointerX, pointerY, {\n          shouldMaintainAspectRatio,\n          shouldResizeFromCenter\n        });\n        resizeSingleElement(nextWidth, nextHeight, latestElement, origElement, elementsMap, originalElements, transformHandleType, {\n          shouldMaintainAspectRatio,\n          shouldResizeFromCenter\n        });\n      }\n    }\n\n    return true;\n  } else if (selectedElements.length > 1) {\n    if (transformHandleType === \"rotation\") {\n      rotateMultipleElements(originalElements, selectedElements, elementsMap, scene, pointerX, pointerY, shouldRotateWithDiscreteAngle, centerX, centerY);\n      return true;\n    } else if (transformHandleType) {\n      const {\n        nextWidth,\n        nextHeight,\n        flipByX,\n        flipByY,\n        originalBoundingBox\n      } = getNextMultipleWidthAndHeightFromPointer(selectedElements, originalElements, elementsMap, transformHandleType, pointerX, pointerY, {\n        shouldMaintainAspectRatio,\n        shouldResizeFromCenter\n      });\n      resizeMultipleElements(selectedElements, elementsMap, transformHandleType, scene, originalElements, {\n        shouldResizeFromCenter,\n        shouldMaintainAspectRatio,\n        flipByX,\n        flipByY,\n        nextWidth,\n        nextHeight,\n        originalBoundingBox\n      });\n      return true;\n    }\n  }\n\n  return false;\n};\n\nconst rotateSingleElement = (element, elementsMap, scene, pointerX, pointerY, shouldRotateWithDiscreteAngle) => {\n  const [x1, y1, x2, y2] = (0,_bounds__WEBPACK_IMPORTED_MODULE_3__.getElementAbsoluteCoords)(element, elementsMap);\n  const cx = (x1 + x2) / 2;\n  const cy = (y1 + y2) / 2;\n  let angle;\n\n  if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_9__.isFrameLikeElement)(element)) {\n    angle = 0;\n  } else {\n    angle = 5 * Math.PI / 2 + Math.atan2(pointerY - cy, pointerX - cx);\n\n    if (shouldRotateWithDiscreteAngle) {\n      angle = angle + _excalidraw_common__WEBPACK_IMPORTED_MODULE_1__.SHIFT_LOCKING_ANGLE / 2;\n      angle = angle - angle % _excalidraw_common__WEBPACK_IMPORTED_MODULE_1__.SHIFT_LOCKING_ANGLE;\n    }\n\n    angle = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.normalizeRadians)(angle);\n  }\n\n  const boundTextElementId = (0,_textElement__WEBPACK_IMPORTED_MODULE_6__.getBoundTextElementId)(element);\n  (0,_mutateElement__WEBPACK_IMPORTED_MODULE_5__.mutateElement)(element, {\n    angle\n  });\n\n  if (boundTextElementId) {\n    const textElement = scene.getElement(boundTextElementId);\n\n    if (textElement && !(0,_typeChecks__WEBPACK_IMPORTED_MODULE_9__.isArrowElement)(element)) {\n      (0,_mutateElement__WEBPACK_IMPORTED_MODULE_5__.mutateElement)(textElement, {\n        angle\n      });\n    }\n  }\n};\n\nconst rescalePointsInElement = (element, width, height, normalizePoints) => (0,_typeChecks__WEBPACK_IMPORTED_MODULE_9__.isLinearElement)(element) || (0,_typeChecks__WEBPACK_IMPORTED_MODULE_9__.isFreeDrawElement)(element) ? {\n  points: (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_1__.rescalePoints)(0, width, (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_1__.rescalePoints)(1, height, element.points, normalizePoints), normalizePoints)\n} : {};\nconst measureFontSizeFromWidth = (element, elementsMap, nextWidth) => {\n  // We only use width to scale font on resize\n  let width = element.width;\n  const hasContainer = (0,_typeChecks__WEBPACK_IMPORTED_MODULE_9__.isBoundToContainer)(element);\n\n  if (hasContainer) {\n    const container = (0,_textElement__WEBPACK_IMPORTED_MODULE_6__.getContainerElement)(element, elementsMap);\n\n    if (container) {\n      width = (0,_textElement__WEBPACK_IMPORTED_MODULE_6__.getBoundTextMaxWidth)(container, element);\n    }\n  }\n\n  const nextFontSize = element.fontSize * (nextWidth / width);\n\n  if (nextFontSize < _excalidraw_common__WEBPACK_IMPORTED_MODULE_1__.MIN_FONT_SIZE) {\n    return null;\n  }\n\n  return {\n    size: nextFontSize\n  };\n};\n\nconst resizeSingleTextElement = (originalElements, element, elementsMap, transformHandleType, shouldResizeFromCenter, pointerX, pointerY) => {\n  const [x1, y1, x2, y2, cx, cy] = (0,_bounds__WEBPACK_IMPORTED_MODULE_3__.getElementAbsoluteCoords)(element, elementsMap); // rotation pointer with reverse angle\n\n  const [rotatedX, rotatedY] = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointFrom)(pointerX, pointerY), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointFrom)(cx, cy), -element.angle);\n  let scaleX = 0;\n  let scaleY = 0;\n\n  if (transformHandleType !== \"e\" && transformHandleType !== \"w\") {\n    if (transformHandleType.includes(\"e\")) {\n      scaleX = (rotatedX - x1) / (x2 - x1);\n    }\n\n    if (transformHandleType.includes(\"w\")) {\n      scaleX = (x2 - rotatedX) / (x2 - x1);\n    }\n\n    if (transformHandleType.includes(\"n\")) {\n      scaleY = (y2 - rotatedY) / (y2 - y1);\n    }\n\n    if (transformHandleType.includes(\"s\")) {\n      scaleY = (rotatedY - y1) / (y2 - y1);\n    }\n  }\n\n  const scale = Math.max(scaleX, scaleY);\n\n  if (scale > 0) {\n    const nextWidth = element.width * scale;\n    const nextHeight = element.height * scale;\n    const metrics = measureFontSizeFromWidth(element, elementsMap, nextWidth);\n\n    if (metrics === null) {\n      return;\n    }\n\n    const startTopLeft = [x1, y1];\n    const startBottomRight = [x2, y2];\n    const startCenter = [cx, cy];\n    let newTopLeft = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointFrom)(x1, y1);\n\n    if ([\"n\", \"w\", \"nw\"].includes(transformHandleType)) {\n      newTopLeft = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointFrom)(startBottomRight[0] - Math.abs(nextWidth), startBottomRight[1] - Math.abs(nextHeight));\n    }\n\n    if (transformHandleType === \"ne\") {\n      const bottomLeft = [startTopLeft[0], startBottomRight[1]];\n      newTopLeft = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointFrom)(bottomLeft[0], bottomLeft[1] - Math.abs(nextHeight));\n    }\n\n    if (transformHandleType === \"sw\") {\n      const topRight = [startBottomRight[0], startTopLeft[1]];\n      newTopLeft = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointFrom)(topRight[0] - Math.abs(nextWidth), topRight[1]);\n    }\n\n    if ([\"s\", \"n\"].includes(transformHandleType)) {\n      newTopLeft[0] = startCenter[0] - nextWidth / 2;\n    }\n\n    if ([\"e\", \"w\"].includes(transformHandleType)) {\n      newTopLeft[1] = startCenter[1] - nextHeight / 2;\n    }\n\n    if (shouldResizeFromCenter) {\n      newTopLeft[0] = startCenter[0] - Math.abs(nextWidth) / 2;\n      newTopLeft[1] = startCenter[1] - Math.abs(nextHeight) / 2;\n    }\n\n    const angle = element.angle;\n    const rotatedTopLeft = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointRotateRads)(newTopLeft, (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointFrom)(cx, cy), angle);\n    const newCenter = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointFrom)(newTopLeft[0] + Math.abs(nextWidth) / 2, newTopLeft[1] + Math.abs(nextHeight) / 2);\n    const rotatedNewCenter = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointRotateRads)(newCenter, (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointFrom)(cx, cy), angle);\n    newTopLeft = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointRotateRads)(rotatedTopLeft, rotatedNewCenter, -angle);\n    const [nextX, nextY] = newTopLeft;\n    (0,_mutateElement__WEBPACK_IMPORTED_MODULE_5__.mutateElement)(element, {\n      fontSize: metrics.size,\n      width: nextWidth,\n      height: nextHeight,\n      x: nextX,\n      y: nextY\n    });\n  }\n\n  if (transformHandleType === \"e\" || transformHandleType === \"w\") {\n    const stateAtResizeStart = originalElements.get(element.id);\n    const [x1, y1, x2, y2] = (0,_bounds__WEBPACK_IMPORTED_MODULE_3__.getResizedElementAbsoluteCoords)(stateAtResizeStart, stateAtResizeStart.width, stateAtResizeStart.height, true);\n    const startTopLeft = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointFrom)(x1, y1);\n    const startBottomRight = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointFrom)(x2, y2);\n    const startCenter = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointCenter)(startTopLeft, startBottomRight);\n    const rotatedPointer = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointFrom)(pointerX, pointerY), startCenter, -stateAtResizeStart.angle);\n    const [esx1,, esx2] = (0,_bounds__WEBPACK_IMPORTED_MODULE_3__.getResizedElementAbsoluteCoords)(element, element.width, element.height, true);\n    const boundsCurrentWidth = esx2 - esx1;\n    const atStartBoundsWidth = startBottomRight[0] - startTopLeft[0];\n    const minWidth = (0,_textMeasurements__WEBPACK_IMPORTED_MODULE_7__.getMinTextElementWidth)((0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_1__.getFontString)({\n      fontSize: element.fontSize,\n      fontFamily: element.fontFamily\n    }), element.lineHeight);\n    let scaleX = atStartBoundsWidth / boundsCurrentWidth;\n\n    if (transformHandleType.includes(\"e\")) {\n      scaleX = (rotatedPointer[0] - startTopLeft[0]) / boundsCurrentWidth;\n    }\n\n    if (transformHandleType.includes(\"w\")) {\n      scaleX = (startBottomRight[0] - rotatedPointer[0]) / boundsCurrentWidth;\n    }\n\n    const newWidth = element.width * scaleX < minWidth ? minWidth : element.width * scaleX;\n    const text = (0,_textWrapping__WEBPACK_IMPORTED_MODULE_8__.wrapText)(element.originalText, (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_1__.getFontString)(element), Math.abs(newWidth));\n    const metrics = (0,_textMeasurements__WEBPACK_IMPORTED_MODULE_7__.measureText)(text, (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_1__.getFontString)(element), element.lineHeight);\n    const eleNewHeight = metrics.height;\n    const [newBoundsX1, newBoundsY1, newBoundsX2, newBoundsY2] = (0,_bounds__WEBPACK_IMPORTED_MODULE_3__.getResizedElementAbsoluteCoords)(stateAtResizeStart, newWidth, eleNewHeight, true);\n    const newBoundsWidth = newBoundsX2 - newBoundsX1;\n    const newBoundsHeight = newBoundsY2 - newBoundsY1;\n    let newTopLeft = [...startTopLeft];\n\n    if ([\"n\", \"w\", \"nw\"].includes(transformHandleType)) {\n      newTopLeft = [startBottomRight[0] - Math.abs(newBoundsWidth), startTopLeft[1]];\n    } // adjust topLeft to new rotation point\n\n\n    const angle = stateAtResizeStart.angle;\n    const rotatedTopLeft = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointFromPair)(newTopLeft), startCenter, angle);\n    const newCenter = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointFrom)(newTopLeft[0] + Math.abs(newBoundsWidth) / 2, newTopLeft[1] + Math.abs(newBoundsHeight) / 2);\n    const rotatedNewCenter = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointRotateRads)(newCenter, startCenter, angle);\n    newTopLeft = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointRotateRads)(rotatedTopLeft, rotatedNewCenter, -angle);\n    const resizedElement = {\n      width: Math.abs(newWidth),\n      height: Math.abs(metrics.height),\n      x: newTopLeft[0],\n      y: newTopLeft[1],\n      text,\n      autoResize: false\n    };\n    (0,_mutateElement__WEBPACK_IMPORTED_MODULE_5__.mutateElement)(element, resizedElement);\n  }\n};\n\nconst rotateMultipleElements = (originalElements, elements, elementsMap, scene, pointerX, pointerY, shouldRotateWithDiscreteAngle, centerX, centerY) => {\n  var _a, _b;\n\n  let centerAngle = 5 * Math.PI / 2 + Math.atan2(pointerY - centerY, pointerX - centerX);\n\n  if (shouldRotateWithDiscreteAngle) {\n    centerAngle += _excalidraw_common__WEBPACK_IMPORTED_MODULE_1__.SHIFT_LOCKING_ANGLE / 2;\n    centerAngle -= centerAngle % _excalidraw_common__WEBPACK_IMPORTED_MODULE_1__.SHIFT_LOCKING_ANGLE;\n  }\n\n  for (const element of elements) {\n    if (!(0,_typeChecks__WEBPACK_IMPORTED_MODULE_9__.isFrameLikeElement)(element)) {\n      const [x1, y1, x2, y2] = (0,_bounds__WEBPACK_IMPORTED_MODULE_3__.getElementAbsoluteCoords)(element, elementsMap);\n      const cx = (x1 + x2) / 2;\n      const cy = (y1 + y2) / 2;\n      const origAngle = (_b = (_a = originalElements.get(element.id)) === null || _a === void 0 ? void 0 : _a.angle) !== null && _b !== void 0 ? _b : element.angle;\n      const [rotatedCX, rotatedCY] = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointFrom)(cx, cy), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointFrom)(centerX, centerY), centerAngle + origAngle - element.angle);\n\n      if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_9__.isElbowArrow)(element)) {\n        // Needed to re-route the arrow\n        (0,_mutateElement__WEBPACK_IMPORTED_MODULE_5__.mutateElement)(element, {\n          points: (0,_binding__WEBPACK_IMPORTED_MODULE_2__.getArrowLocalFixedPoints)(element, elementsMap)\n        });\n      } else {\n        (0,_mutateElement__WEBPACK_IMPORTED_MODULE_5__.mutateElement)(element, {\n          x: element.x + (rotatedCX - cx),\n          y: element.y + (rotatedCY - cy),\n          angle: (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.normalizeRadians)(centerAngle + origAngle)\n        }, false);\n      }\n\n      (0,_binding__WEBPACK_IMPORTED_MODULE_2__.updateBoundElements)(element, elementsMap, {\n        simultaneouslyUpdated: elements\n      });\n      const boundText = (0,_textElement__WEBPACK_IMPORTED_MODULE_6__.getBoundTextElement)(element, elementsMap);\n\n      if (boundText && !(0,_typeChecks__WEBPACK_IMPORTED_MODULE_9__.isArrowElement)(element)) {\n        (0,_mutateElement__WEBPACK_IMPORTED_MODULE_5__.mutateElement)(boundText, {\n          x: boundText.x + (rotatedCX - cx),\n          y: boundText.y + (rotatedCY - cy),\n          angle: (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.normalizeRadians)(centerAngle + origAngle)\n        }, false);\n      }\n    }\n  }\n\n  scene.triggerUpdate();\n};\n\nconst getResizeOffsetXY = (transformHandleType, selectedElements, elementsMap, x, y) => {\n  const [x1, y1, x2, y2] = selectedElements.length === 1 ? (0,_bounds__WEBPACK_IMPORTED_MODULE_3__.getElementAbsoluteCoords)(selectedElements[0], elementsMap) : (0,_bounds__WEBPACK_IMPORTED_MODULE_3__.getCommonBounds)(selectedElements);\n  const cx = (x1 + x2) / 2;\n  const cy = (y1 + y2) / 2;\n  const angle = selectedElements.length === 1 ? selectedElements[0].angle : 0;\n  [x, y] = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointFrom)(x, y), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointFrom)(cx, cy), -angle);\n\n  switch (transformHandleType) {\n    case \"n\":\n      return (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointFrom)(x - (x1 + x2) / 2, y - y1), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointFrom)(0, 0), angle);\n\n    case \"s\":\n      return (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointFrom)(x - (x1 + x2) / 2, y - y2), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointFrom)(0, 0), angle);\n\n    case \"w\":\n      return (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointFrom)(x - x1, y - (y1 + y2) / 2), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointFrom)(0, 0), angle);\n\n    case \"e\":\n      return (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointFrom)(x - x2, y - (y1 + y2) / 2), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointFrom)(0, 0), angle);\n\n    case \"nw\":\n      return (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointFrom)(x - x1, y - y1), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointFrom)(0, 0), angle);\n\n    case \"ne\":\n      return (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointFrom)(x - x2, y - y1), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointFrom)(0, 0), angle);\n\n    case \"sw\":\n      return (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointFrom)(x - x1, y - y2), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointFrom)(0, 0), angle);\n\n    case \"se\":\n      return (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointFrom)(x - x2, y - y2), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointFrom)(0, 0), angle);\n\n    default:\n      return [0, 0];\n  }\n};\nconst getResizeArrowDirection = (transformHandleType, element) => {\n  const [, [px, py]] = element.points;\n  const isResizeEnd = transformHandleType === \"nw\" && (px < 0 || py < 0) || transformHandleType === \"ne\" && px >= 0 || transformHandleType === \"sw\" && px <= 0 || transformHandleType === \"se\" && (px > 0 || py > 0);\n  return isResizeEnd ? \"end\" : \"origin\";\n};\n\nconst getResizeAnchor = (handleDirection, shouldMaintainAspectRatio, shouldResizeFromCenter) => {\n  if (shouldResizeFromCenter) {\n    return \"center\";\n  }\n\n  if (shouldMaintainAspectRatio) {\n    switch (handleDirection) {\n      case \"n\":\n        return \"south-side\";\n\n      case \"e\":\n        {\n          return \"west-side\";\n        }\n\n      case \"s\":\n        return \"north-side\";\n\n      case \"w\":\n        return \"east-side\";\n\n      case \"ne\":\n        return \"bottom-left\";\n\n      case \"nw\":\n        return \"bottom-right\";\n\n      case \"se\":\n        return \"top-left\";\n\n      case \"sw\":\n        return \"top-right\";\n    }\n  }\n\n  if ([\"e\", \"se\", \"s\"].includes(handleDirection)) {\n    return \"top-left\";\n  } else if ([\"n\", \"nw\", \"w\"].includes(handleDirection)) {\n    return \"bottom-right\";\n  } else if (handleDirection === \"ne\") {\n    return \"bottom-left\";\n  }\n\n  return \"top-right\";\n};\n\nconst getResizedOrigin = (prevOrigin, prevWidth, prevHeight, newWidth, newHeight, angle, handleDirection, shouldMaintainAspectRatio, shouldResizeFromCenter) => {\n  const anchor = getResizeAnchor(handleDirection, shouldMaintainAspectRatio, shouldResizeFromCenter);\n  const [x, y] = prevOrigin;\n\n  switch (anchor) {\n    case \"top-left\":\n      return {\n        x: x + (prevWidth - newWidth) / 2 + (newWidth - prevWidth) / 2 * Math.cos(angle) + (prevHeight - newHeight) / 2 * Math.sin(angle),\n        y: y + (prevHeight - newHeight) / 2 + (newWidth - prevWidth) / 2 * Math.sin(angle) + (newHeight - prevHeight) / 2 * Math.cos(angle)\n      };\n\n    case \"top-right\":\n      return {\n        x: x + (prevWidth - newWidth) / 2 * (Math.cos(angle) + 1) + (prevHeight - newHeight) / 2 * Math.sin(angle),\n        y: y + (prevHeight - newHeight) / 2 + (prevWidth - newWidth) / 2 * Math.sin(angle) + (newHeight - prevHeight) / 2 * Math.cos(angle)\n      };\n\n    case \"bottom-left\":\n      return {\n        x: x + (prevWidth - newWidth) / 2 * (1 - Math.cos(angle)) + (newHeight - prevHeight) / 2 * Math.sin(angle),\n        y: y + (prevHeight - newHeight) / 2 * (Math.cos(angle) + 1) + (newWidth - prevWidth) / 2 * Math.sin(angle)\n      };\n\n    case \"bottom-right\":\n      return {\n        x: x + (prevWidth - newWidth) / 2 * (Math.cos(angle) + 1) + (newHeight - prevHeight) / 2 * Math.sin(angle),\n        y: y + (prevHeight - newHeight) / 2 * (Math.cos(angle) + 1) + (prevWidth - newWidth) / 2 * Math.sin(angle)\n      };\n\n    case \"center\":\n      return {\n        x: x - (newWidth - prevWidth) / 2,\n        y: y - (newHeight - prevHeight) / 2\n      };\n\n    case \"east-side\":\n      return {\n        x: x + (prevWidth - newWidth) / 2 * (Math.cos(angle) + 1),\n        y: y + (prevWidth - newWidth) / 2 * Math.sin(angle) + (prevHeight - newHeight) / 2\n      };\n\n    case \"west-side\":\n      return {\n        x: x + (prevWidth - newWidth) / 2 * (1 - Math.cos(angle)),\n        y: y + (newWidth - prevWidth) / 2 * Math.sin(angle) + (prevHeight - newHeight) / 2\n      };\n\n    case \"north-side\":\n      return {\n        x: x + (prevWidth - newWidth) / 2 + (prevHeight - newHeight) / 2 * Math.sin(angle),\n        y: y + (newHeight - prevHeight) / 2 * (Math.cos(angle) - 1)\n      };\n\n    case \"south-side\":\n      return {\n        x: x + (prevWidth - newWidth) / 2 + (newHeight - prevHeight) / 2 * Math.sin(angle),\n        y: y + (prevHeight - newHeight) / 2 * (Math.cos(angle) + 1)\n      };\n  }\n};\n\nconst resizeSingleElement = (nextWidth, nextHeight, latestElement, origElement, elementsMap, originalElementsMap, handleDirection, {\n  shouldInformMutation = true,\n  shouldMaintainAspectRatio = false,\n  shouldResizeFromCenter = false\n} = {}) => {\n  var _a;\n\n  if ((_a = latestElement.customData) === null || _a === void 0 ? void 0 : _a.isAnchored) {\n    return;\n  } //zsviczian\n\n\n  let boundTextFont = {};\n  const boundTextElement = (0,_textElement__WEBPACK_IMPORTED_MODULE_6__.getBoundTextElement)(latestElement, elementsMap);\n\n  if (boundTextElement) {\n    const stateOfBoundTextElementAtResize = originalElementsMap.get(boundTextElement.id);\n\n    if (stateOfBoundTextElementAtResize) {\n      boundTextFont = {\n        fontSize: stateOfBoundTextElementAtResize.fontSize\n      };\n    }\n\n    if (shouldMaintainAspectRatio) {\n      const updatedElement = Object.assign(Object.assign({}, latestElement), {\n        width: nextWidth,\n        height: nextHeight\n      });\n      const nextFont = measureFontSizeFromWidth(boundTextElement, elementsMap, (0,_textElement__WEBPACK_IMPORTED_MODULE_6__.getBoundTextMaxWidth)(updatedElement, boundTextElement));\n\n      if (nextFont === null) {\n        return;\n      }\n\n      boundTextFont = {\n        fontSize: nextFont.size\n      };\n    } else {\n      const minWidth = (0,_textMeasurements__WEBPACK_IMPORTED_MODULE_7__.getApproxMinLineWidth)((0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_1__.getFontString)(boundTextElement), boundTextElement.lineHeight);\n      const minHeight = (0,_textMeasurements__WEBPACK_IMPORTED_MODULE_7__.getApproxMinLineHeight)(boundTextElement.fontSize, boundTextElement.lineHeight);\n      nextWidth = Math.max(nextWidth, minWidth);\n      nextHeight = Math.max(nextHeight, minHeight);\n    }\n  }\n\n  const rescaledPoints = rescalePointsInElement(origElement, nextWidth, nextHeight, true);\n  let previousOrigin = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointFrom)(origElement.x, origElement.y);\n\n  if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_9__.isLinearElement)(origElement)) {\n    const [x1, y1] = (0,_bounds__WEBPACK_IMPORTED_MODULE_3__.getElementBounds)(origElement, originalElementsMap);\n    previousOrigin = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointFrom)(x1, y1);\n  }\n\n  const newOrigin = getResizedOrigin(previousOrigin, origElement.width, origElement.height, nextWidth, nextHeight, origElement.angle, handleDirection, shouldMaintainAspectRatio, shouldResizeFromCenter);\n\n  if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_9__.isLinearElement)(origElement) && rescaledPoints.points) {\n    const offsetX = origElement.x - previousOrigin[0];\n    const offsetY = origElement.y - previousOrigin[1];\n    newOrigin.x += offsetX;\n    newOrigin.y += offsetY;\n    const scaledX = rescaledPoints.points[0][0];\n    const scaledY = rescaledPoints.points[0][1];\n    newOrigin.x += scaledX;\n    newOrigin.y += scaledY;\n    rescaledPoints.points = rescaledPoints.points.map(p => (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointFrom)(p[0] - scaledX, p[1] - scaledY));\n  } // flipping\n\n\n  if (nextWidth < 0) {\n    newOrigin.x = newOrigin.x + nextWidth;\n  }\n\n  if (nextHeight < 0) {\n    newOrigin.y = newOrigin.y + nextHeight;\n  }\n\n  if (\"scale\" in latestElement && \"scale\" in origElement) {\n    //zsviczian (shift resize embeddable to scale resize)\n    if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_9__.isIframeLikeElement)(latestElement)) {\n      if (shouldMaintainAspectRatio) {\n        const scale = [Math.abs(nextWidth / (origElement.width / origElement.scale[0])), Math.abs(nextHeight / (origElement.height / origElement.scale[1]))];\n        (0,_mutateElement__WEBPACK_IMPORTED_MODULE_5__.mutateElement)(latestElement, {\n          scale\n        });\n      }\n    } else {\n      (0,_mutateElement__WEBPACK_IMPORTED_MODULE_5__.mutateElement)(latestElement, {\n        scale: [// defaulting because scaleX/Y can be 0/-0\n        (Math.sign(nextWidth) || origElement.scale[0]) * origElement.scale[0], (Math.sign(nextHeight) || origElement.scale[1]) * origElement.scale[1]]\n      });\n    }\n  }\n\n  if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_9__.isArrowElement)(latestElement) && boundTextElement && shouldMaintainAspectRatio) {\n    const fontSize = nextWidth / latestElement.width * boundTextElement.fontSize;\n\n    if (fontSize < _excalidraw_common__WEBPACK_IMPORTED_MODULE_1__.MIN_FONT_SIZE) {\n      return;\n    }\n\n    boundTextFont.fontSize = fontSize;\n  }\n\n  if (nextWidth !== 0 && nextHeight !== 0 && Number.isFinite(newOrigin.x) && Number.isFinite(newOrigin.y)) {\n    const updates = Object.assign(Object.assign(Object.assign({}, newOrigin), {\n      width: Math.abs(nextWidth),\n      height: Math.abs(nextHeight)\n    }), rescaledPoints);\n    (0,_mutateElement__WEBPACK_IMPORTED_MODULE_5__.mutateElement)(latestElement, updates, shouldInformMutation);\n    (0,_binding__WEBPACK_IMPORTED_MODULE_2__.updateBoundElements)(latestElement, elementsMap, {\n      // TODO: confirm with MARK if this actually makes sense\n      newSize: {\n        width: nextWidth,\n        height: nextHeight\n      }\n    });\n\n    if (boundTextElement && boundTextFont != null) {\n      (0,_mutateElement__WEBPACK_IMPORTED_MODULE_5__.mutateElement)(boundTextElement, {\n        fontSize: boundTextFont.fontSize\n      });\n    }\n\n    (0,_textElement__WEBPACK_IMPORTED_MODULE_6__.handleBindTextResize)(latestElement, elementsMap, handleDirection, shouldMaintainAspectRatio);\n  }\n}; //zsviczian export for use in updateContainerSize\n\nconst getNextSingleWidthAndHeightFromPointer = (latestElement, origElement, elementsMap, originalElementsMap, handleDirection, pointerX, pointerY, {\n  shouldMaintainAspectRatio = false,\n  shouldResizeFromCenter = false\n} = {}) => {\n  // Gets bounds corners\n  const [x1, y1, x2, y2] = (0,_bounds__WEBPACK_IMPORTED_MODULE_3__.getResizedElementAbsoluteCoords)(origElement, origElement.width, origElement.height, true);\n  const startTopLeft = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointFrom)(x1, y1);\n  const startBottomRight = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointFrom)(x2, y2);\n  const startCenter = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointCenter)(startTopLeft, startBottomRight); // Calculate new dimensions based on cursor position\n\n  const rotatedPointer = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.pointFrom)(pointerX, pointerY), startCenter, -origElement.angle); // Get bounds corners rendered on screen\n\n  const [esx1, esy1, esx2, esy2] = (0,_bounds__WEBPACK_IMPORTED_MODULE_3__.getResizedElementAbsoluteCoords)(latestElement, latestElement.width, latestElement.height, true);\n  const boundsCurrentWidth = esx2 - esx1;\n  const boundsCurrentHeight = esy2 - esy1; // It's important we set the initial scale value based on the width and height at resize start,\n  // otherwise previous dimensions affected by modifiers will be taken into account.\n\n  const atStartBoundsWidth = startBottomRight[0] - startTopLeft[0];\n  const atStartBoundsHeight = startBottomRight[1] - startTopLeft[1];\n  let scaleX = atStartBoundsWidth / boundsCurrentWidth;\n  let scaleY = atStartBoundsHeight / boundsCurrentHeight;\n\n  if (handleDirection.includes(\"e\")) {\n    scaleX = (rotatedPointer[0] - startTopLeft[0]) / boundsCurrentWidth;\n  }\n\n  if (handleDirection.includes(\"s\")) {\n    scaleY = (rotatedPointer[1] - startTopLeft[1]) / boundsCurrentHeight;\n  }\n\n  if (handleDirection.includes(\"w\")) {\n    scaleX = (startBottomRight[0] - rotatedPointer[0]) / boundsCurrentWidth;\n  }\n\n  if (handleDirection.includes(\"n\")) {\n    scaleY = (startBottomRight[1] - rotatedPointer[1]) / boundsCurrentHeight;\n  } // We have to use dimensions of element on screen, otherwise the scaling of the\n  // dimensions won't match the cursor for linear elements.\n\n\n  let nextWidth = latestElement.width * scaleX;\n  let nextHeight = latestElement.height * scaleY;\n\n  if (shouldResizeFromCenter) {\n    nextWidth = 2 * nextWidth - origElement.width;\n    nextHeight = 2 * nextHeight - origElement.height;\n  } // adjust dimensions to keep sides ratio\n\n\n  if (shouldMaintainAspectRatio) {\n    const widthRatio = Math.abs(nextWidth) / origElement.width;\n    const heightRatio = Math.abs(nextHeight) / origElement.height;\n\n    if (handleDirection.length === 1) {\n      nextHeight *= widthRatio;\n      nextWidth *= heightRatio;\n    }\n\n    if (handleDirection.length === 2) {\n      const ratio = Math.max(widthRatio, heightRatio);\n      nextWidth = origElement.width * ratio * Math.sign(nextWidth);\n      nextHeight = origElement.height * ratio * Math.sign(nextHeight);\n    }\n  }\n\n  return {\n    nextWidth,\n    nextHeight\n  };\n};\n\nconst getNextMultipleWidthAndHeightFromPointer = (selectedElements, originalElementsMap, elementsMap, handleDirection, pointerX, pointerY, {\n  shouldMaintainAspectRatio = false,\n  shouldResizeFromCenter = false\n} = {}) => {\n  const originalElementsArray = selectedElements.map(el => originalElementsMap.get(el.id)); // getCommonBoundingBox() uses getBoundTextElement() which returns null for\n  // original elements from pointerDownState, so we have to find and add these\n  // bound text elements manually. Additionally, the coordinates of bound text\n  // elements aren't always up to date.\n\n  const boundTextElements = originalElementsArray.reduce((acc, orig) => {\n    var _a;\n\n    if (!(0,_typeChecks__WEBPACK_IMPORTED_MODULE_9__.isLinearElement)(orig)) {\n      return acc;\n    }\n\n    const textId = (0,_textElement__WEBPACK_IMPORTED_MODULE_6__.getBoundTextElementId)(orig);\n\n    if (!textId) {\n      return acc;\n    }\n\n    const text = (_a = originalElementsMap.get(textId)) !== null && _a !== void 0 ? _a : null;\n\n    if (!(0,_typeChecks__WEBPACK_IMPORTED_MODULE_9__.isBoundToContainer)(text)) {\n      return acc;\n    }\n\n    return [...acc, Object.assign(Object.assign({}, text), _linearElementEditor__WEBPACK_IMPORTED_MODULE_4__.LinearElementEditor.getBoundTextElementPosition(orig, text, elementsMap))];\n  }, []);\n  const originalBoundingBox = (0,_bounds__WEBPACK_IMPORTED_MODULE_3__.getCommonBoundingBox)(originalElementsArray.map(orig => orig).concat(boundTextElements));\n  const {\n    minX,\n    minY,\n    maxX,\n    maxY,\n    midX,\n    midY\n  } = originalBoundingBox;\n  const width = maxX - minX;\n  const height = maxY - minY;\n  const anchorsMap = {\n    ne: [minX, maxY],\n    se: [minX, minY],\n    sw: [maxX, minY],\n    nw: [maxX, maxY],\n    e: [minX, minY + height / 2],\n    w: [maxX, minY + height / 2],\n    n: [minX + width / 2, maxY],\n    s: [minX + width / 2, minY]\n  }; // anchor point must be on the opposite side of the dragged selection handle\n  // or be the center of the selection if shouldResizeFromCenter\n\n  const [anchorX, anchorY] = shouldResizeFromCenter ? [midX, midY] : anchorsMap[handleDirection];\n  const resizeFromCenterScale = shouldResizeFromCenter ? 2 : 1;\n  const scale = Math.max(Math.abs(pointerX - anchorX) / width || 0, Math.abs(pointerY - anchorY) / height || 0) * resizeFromCenterScale;\n  let nextWidth = handleDirection.includes(\"e\") || handleDirection.includes(\"w\") ? Math.abs(pointerX - anchorX) * resizeFromCenterScale : width;\n  let nextHeight = handleDirection.includes(\"n\") || handleDirection.includes(\"s\") ? Math.abs(pointerY - anchorY) * resizeFromCenterScale : height;\n\n  if (shouldMaintainAspectRatio) {\n    nextWidth = width * scale * Math.sign(pointerX - anchorX);\n    nextHeight = height * scale * Math.sign(pointerY - anchorY);\n  }\n\n  const flipConditionsMap = {\n    ne: [pointerX < anchorX, pointerY > anchorY],\n    se: [pointerX < anchorX, pointerY < anchorY],\n    sw: [pointerX > anchorX, pointerY < anchorY],\n    nw: [pointerX > anchorX, pointerY > anchorY],\n    // e.g. when resizing from the \"e\" side, we do not need to consider changes in the `y` direction\n    //      and therefore, we do not need to flip in the `y` direction at all\n    e: [pointerX < anchorX, false],\n    w: [pointerX > anchorX, false],\n    n: [false, pointerY > anchorY],\n    s: [false, pointerY < anchorY]\n  };\n  const [flipByX, flipByY] = flipConditionsMap[handleDirection].map(condition => condition);\n  return {\n    originalBoundingBox,\n    nextWidth,\n    nextHeight,\n    flipByX,\n    flipByY\n  };\n};\n\nconst resizeMultipleElements = (selectedElements, elementsMap, handleDirection, scene, originalElementsMap, {\n  shouldMaintainAspectRatio = false,\n  shouldResizeFromCenter = false,\n  flipByX = false,\n  flipByY = false,\n  nextHeight,\n  nextWidth,\n  originalBoundingBox\n} = {}) => {\n  var _a, _b, _c; // in the case of just flipping, there is no need to specify the next width and height\n\n\n  if (nextWidth === undefined && nextHeight === undefined && flipByX === undefined && flipByY === undefined) {\n    return;\n  } // do not allow next width or height to be 0\n\n\n  if (nextHeight === 0 || nextWidth === 0) {\n    return;\n  }\n\n  if (!originalElementsMap) {\n    originalElementsMap = elementsMap;\n  }\n\n  const targetElements = selectedElements.reduce((acc, element) => {\n    const origElement = originalElementsMap.get(element.id);\n\n    if (origElement) {\n      acc.push({\n        orig: origElement,\n        latest: element\n      });\n    }\n\n    return acc;\n  }, []);\n  let boundingBox;\n\n  if (originalBoundingBox) {\n    boundingBox = originalBoundingBox;\n  } else {\n    const boundTextElements = targetElements.reduce((acc, {\n      orig\n    }) => {\n      var _a;\n\n      if (!(0,_typeChecks__WEBPACK_IMPORTED_MODULE_9__.isLinearElement)(orig)) {\n        return acc;\n      }\n\n      const textId = (0,_textElement__WEBPACK_IMPORTED_MODULE_6__.getBoundTextElementId)(orig);\n\n      if (!textId) {\n        return acc;\n      }\n\n      const text = (_a = originalElementsMap.get(textId)) !== null && _a !== void 0 ? _a : null;\n\n      if (!(0,_typeChecks__WEBPACK_IMPORTED_MODULE_9__.isBoundToContainer)(text)) {\n        return acc;\n      }\n\n      return [...acc, Object.assign(Object.assign({}, text), _linearElementEditor__WEBPACK_IMPORTED_MODULE_4__.LinearElementEditor.getBoundTextElementPosition(orig, text, elementsMap))];\n    }, []);\n    boundingBox = (0,_bounds__WEBPACK_IMPORTED_MODULE_3__.getCommonBoundingBox)(targetElements.map(({\n      orig\n    }) => orig).concat(boundTextElements));\n  }\n\n  const {\n    minX,\n    minY,\n    maxX,\n    maxY,\n    midX,\n    midY\n  } = boundingBox;\n  const width = maxX - minX;\n  const height = maxY - minY;\n\n  if (nextWidth === undefined && nextHeight === undefined) {\n    nextWidth = width;\n    nextHeight = height;\n  }\n\n  if (shouldMaintainAspectRatio) {\n    if (nextWidth === undefined) {\n      nextWidth = nextHeight * (width / height);\n    } else if (nextHeight === undefined) {\n      nextHeight = nextWidth * (height / width);\n    } else if (Math.abs(nextWidth / nextHeight - width / height) > 0.001) {\n      nextWidth = nextHeight * (width / height);\n    }\n  }\n\n  if (nextWidth && nextHeight) {\n    let scaleX = handleDirection.includes(\"e\") || handleDirection.includes(\"w\") ? Math.abs(nextWidth) / width : 1;\n    let scaleY = handleDirection.includes(\"n\") || handleDirection.includes(\"s\") ? Math.abs(nextHeight) / height : 1;\n    let scale;\n\n    if (handleDirection.length === 1) {\n      scale = handleDirection.includes(\"e\") || handleDirection.includes(\"w\") ? scaleX : scaleY;\n    } else {\n      scale = Math.max(Math.abs(nextWidth) / width || 0, Math.abs(nextHeight) / height || 0);\n    }\n\n    const anchorsMap = {\n      ne: [minX, maxY],\n      se: [minX, minY],\n      sw: [maxX, minY],\n      nw: [maxX, maxY],\n      e: [minX, minY + height / 2],\n      w: [maxX, minY + height / 2],\n      n: [minX + width / 2, maxY],\n      s: [minX + width / 2, minY]\n    }; // anchor point must be on the opposite side of the dragged selection handle\n    // or be the center of the selection if shouldResizeFromCenter\n\n    const [anchorX, anchorY] = shouldResizeFromCenter ? [midX, midY] : anchorsMap[handleDirection];\n    const keepAspectRatio = shouldMaintainAspectRatio || targetElements.some(item => item.latest.angle !== 0 || (0,_typeChecks__WEBPACK_IMPORTED_MODULE_9__.isTextElement)(item.latest) || (0,_groups__WEBPACK_IMPORTED_MODULE_10__.isInGroup)(item.latest));\n\n    if (keepAspectRatio) {\n      scaleX = scale;\n      scaleY = scale;\n    }\n    /**\r\n     * to flip an element:\r\n     * 1. determine over which axis is the element being flipped\r\n     *    (could be x, y, or both) indicated by `flipFactorX` & `flipFactorY`\r\n     * 2. shift element's position by the amount of width or height (or both) or\r\n     *    mirror points in the case of linear & freedraw elemenets\r\n     * 3. adjust element angle\r\n     */\n\n\n    const [flipFactorX, flipFactorY] = [flipByX ? -1 : 1, flipByY ? -1 : 1];\n    const elementsAndUpdates = [];\n\n    for (const {\n      orig,\n      latest\n    } of targetElements) {\n      // bounded text elements are updated along with their container elements\n      if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_9__.isTextElement)(orig) && (0,_typeChecks__WEBPACK_IMPORTED_MODULE_9__.isBoundToContainer)(orig)) {\n        continue;\n      }\n\n      const width = ((_a = orig.customData) === null || _a === void 0 ? void 0 : _a.isAnchored) ? orig.width : orig.width * scaleX; //zsviczian\n\n      const height = ((_b = orig.customData) === null || _b === void 0 ? void 0 : _b.isAnchored) ? orig.height : orig.height * scaleY; //zsviczian\n\n      const angle = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_0__.normalizeRadians)(orig.angle * flipFactorX * flipFactorY);\n      const isLinearOrFreeDraw = (0,_typeChecks__WEBPACK_IMPORTED_MODULE_9__.isLinearElement)(orig) || (0,_typeChecks__WEBPACK_IMPORTED_MODULE_9__.isFreeDrawElement)(orig);\n      const offsetX = orig.x - anchorX;\n      const offsetY = orig.y - anchorY;\n      const shiftX = flipByX && !isLinearOrFreeDraw ? width : 0;\n      const shiftY = flipByY && !isLinearOrFreeDraw ? height : 0;\n      const x = anchorX + flipFactorX * (offsetX * scaleX + shiftX);\n      const y = anchorY + flipFactorY * (offsetY * scaleY + shiftY);\n      const rescaledPoints = rescalePointsInElement(orig, width * flipFactorX, height * flipFactorY, false);\n      const update = Object.assign({\n        x,\n        y,\n        width,\n        height,\n        angle\n      }, rescaledPoints);\n\n      if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_9__.isElbowArrow)(orig)) {\n        // Mirror fixed point binding for elbow arrows\n        // when resize goes into the negative direction\n        if (orig.startBinding) {\n          update.startBinding = Object.assign(Object.assign({}, orig.startBinding), {\n            fixedPoint: [flipByX ? -orig.startBinding.fixedPoint[0] + 1 : orig.startBinding.fixedPoint[0], flipByY ? -orig.startBinding.fixedPoint[1] + 1 : orig.startBinding.fixedPoint[1]]\n          });\n        }\n\n        if (orig.endBinding) {\n          update.endBinding = Object.assign(Object.assign({}, orig.endBinding), {\n            fixedPoint: [flipByX ? -orig.endBinding.fixedPoint[0] + 1 : orig.endBinding.fixedPoint[0], flipByY ? -orig.endBinding.fixedPoint[1] + 1 : orig.endBinding.fixedPoint[1]]\n          });\n        }\n\n        if (orig.fixedSegments && rescaledPoints.points) {\n          update.fixedSegments = orig.fixedSegments.map(segment => Object.assign(Object.assign({}, segment), {\n            start: rescaledPoints.points[segment.index - 1],\n            end: rescaledPoints.points[segment.index]\n          }));\n        }\n      }\n\n      if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_9__.isImageElement)(orig)) {\n        update.scale = [orig.scale[0] * flipFactorX, orig.scale[1] * flipFactorY];\n      } //zsviczian (shift resize embeddable to scale resize)\n\n\n      if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_9__.isIframeLikeElement)(orig)) {\n        if (shouldMaintainAspectRatio) {\n          update.scale = [Math.abs(width / (orig.width / orig.scale[0])), Math.abs(height / (orig.height / orig.scale[1]))];\n        }\n      }\n\n      if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_9__.isTextElement)(orig)) {\n        const metrics = measureFontSizeFromWidth(orig, elementsMap, width);\n\n        if (!metrics) {\n          return;\n        }\n\n        update.fontSize = metrics.size;\n      }\n\n      const boundTextElement = originalElementsMap.get((_c = (0,_textElement__WEBPACK_IMPORTED_MODULE_6__.getBoundTextElementId)(orig)) !== null && _c !== void 0 ? _c : \"\");\n\n      if (boundTextElement) {\n        if (keepAspectRatio) {\n          const newFontSize = boundTextElement.fontSize * scale;\n\n          if (newFontSize < _excalidraw_common__WEBPACK_IMPORTED_MODULE_1__.MIN_FONT_SIZE) {\n            return;\n          }\n\n          update.boundTextFontSize = newFontSize;\n        } else {\n          update.boundTextFontSize = boundTextElement.fontSize;\n        }\n      }\n\n      elementsAndUpdates.push({\n        element: latest,\n        update\n      });\n    }\n\n    const elementsToUpdate = elementsAndUpdates.map(({\n      element\n    }) => element);\n\n    for (let _d of elementsAndUpdates) {\n      const {\n        element\n      } = _d,\n            _e = _d.update,\n            {\n        boundTextFontSize\n      } = _e,\n            update = __rest(_e, [\"boundTextFontSize\"]);\n\n      const {\n        width,\n        height,\n        angle\n      } = update;\n      (0,_mutateElement__WEBPACK_IMPORTED_MODULE_5__.mutateElement)(element, update, false, {\n        // needed for the fixed binding point udpate to take effect\n        isDragging: true\n      });\n      (0,_binding__WEBPACK_IMPORTED_MODULE_2__.updateBoundElements)(element, elementsMap, {\n        simultaneouslyUpdated: elementsToUpdate,\n        newSize: {\n          width,\n          height\n        }\n      });\n      const boundTextElement = (0,_textElement__WEBPACK_IMPORTED_MODULE_6__.getBoundTextElement)(element, elementsMap);\n\n      if (boundTextElement && boundTextFontSize) {\n        (0,_mutateElement__WEBPACK_IMPORTED_MODULE_5__.mutateElement)(boundTextElement, {\n          fontSize: boundTextFontSize,\n          angle: (0,_typeChecks__WEBPACK_IMPORTED_MODULE_9__.isLinearElement)(element) ? undefined : angle\n        }, false);\n        (0,_textElement__WEBPACK_IMPORTED_MODULE_6__.handleBindTextResize)(element, elementsMap, handleDirection, true);\n      }\n    }\n\n    scene.triggerUpdate();\n  }\n};\n\n//# sourceURL=webpack://ExcalidrawLib/../element/src/resizeElements.ts?");
 /***/ }),
@@ -13366,7 +13366,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 */   excludeElementsInFramesFromSelection: () => (/* binding */ excludeElementsInFramesFromSelection),\n/* harmony export */   getCommonAttributeOfSelectedElements: () => (/* binding */ getCommonAttributeOfSelectedElements),\n/* harmony export */   getElementsWithinSelection: () => (/* binding */ getElementsWithinSelection),\n/* harmony export */   getSelectedElements: () => (/* binding */ getSelectedElements),\n/* harmony export */   getTargetElements: () => (/* binding */ getTargetElements),\n/* harmony export */   getVisibleAndNonSelectedElements: () => (/* binding */ getVisibleAndNonSelectedElements),\n/* harmony export */   isSomeElementSelected: () => (/* binding */ isSomeElementSelected),\n/* harmony export */   makeNextSelectedElementIds: () => (/* binding */ makeNextSelectedElementIds)\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 _bounds__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./bounds */ \"../element/src/bounds.ts\");\n/* harmony import */ var _sizeHelpers__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./sizeHelpers */ \"../element/src/sizeHelpers.ts\");\n/* harmony import */ var _typeChecks__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./typeChecks */ \"../element/src/typeChecks.ts\");\n/* harmony import */ var _frame__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./frame */ \"../element/src/frame.ts\");\n\n\n\n\n\n/**\r\n * Frames and their containing elements are not to be selected at the same time.\r\n * Given an array of selected elements, if there are frames and their containing elements\r\n * we only keep the frames.\r\n * @param selectedElements\r\n */\n\nconst excludeElementsInFramesFromSelection = selectedElements => {\n  const framesInSelection = new Set();\n  selectedElements.forEach(element => {\n    if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_3__.isFrameLikeElement)(element)) {\n      framesInSelection.add(element.id);\n    }\n  });\n  return selectedElements.filter(element => {\n    if (element.frameId && framesInSelection.has(element.frameId)) {\n      return false;\n    }\n\n    return true;\n  });\n};\nconst getElementsWithinSelection = (elements, selection, elementsMap, excludeElementsInFrames = true) => {\n  const [selectionX1, selectionY1, selectionX2, selectionY2] = (0,_bounds__WEBPACK_IMPORTED_MODULE_1__.getElementAbsoluteCoords)(selection, elementsMap);\n  let elementsInSelection = elements.filter(element => {\n    let [elementX1, elementY1, elementX2, elementY2] = (0,_bounds__WEBPACK_IMPORTED_MODULE_1__.getElementBounds)(element, elementsMap);\n    const containingFrame = (0,_frame__WEBPACK_IMPORTED_MODULE_4__.getContainingFrame)(element, elementsMap);\n\n    if (containingFrame) {\n      const [fx1, fy1, fx2, fy2] = (0,_bounds__WEBPACK_IMPORTED_MODULE_1__.getElementBounds)(containingFrame, elementsMap);\n      elementX1 = Math.max(fx1, elementX1);\n      elementY1 = Math.max(fy1, elementY1);\n      elementX2 = Math.min(fx2, elementX2);\n      elementY2 = Math.min(fy2, elementY2);\n    }\n\n    return element.locked === false && element.type !== \"selection\" && !(0,_typeChecks__WEBPACK_IMPORTED_MODULE_3__.isBoundToContainer)(element) && selectionX1 <= elementX1 && selectionY1 <= elementY1 && selectionX2 >= elementX2 && selectionY2 >= elementY2;\n  });\n  elementsInSelection = excludeElementsInFrames ? excludeElementsInFramesFromSelection(elementsInSelection) : elementsInSelection;\n  elementsInSelection = elementsInSelection.filter(element => {\n    const containingFrame = (0,_frame__WEBPACK_IMPORTED_MODULE_4__.getContainingFrame)(element, elementsMap);\n\n    if (containingFrame) {\n      return (0,_frame__WEBPACK_IMPORTED_MODULE_4__.elementOverlapsWithFrame)(element, containingFrame, elementsMap);\n    }\n\n    return true;\n  });\n  return elementsInSelection;\n};\nconst getVisibleAndNonSelectedElements = (elements, selectedElements, appState, elementsMap) => {\n  const selectedElementsSet = new Set(selectedElements.map(element => element.id));\n  return elements.filter(element => {\n    const isVisible = (0,_sizeHelpers__WEBPACK_IMPORTED_MODULE_2__.isElementInViewport)(element, appState.width, appState.height, appState, elementsMap);\n    return !selectedElementsSet.has(element.id) && isVisible;\n  });\n}; // FIXME move this into the editor instance to keep utility methods stateless\n\nconst isSomeElementSelected = function () {\n  let lastElements = null;\n  let lastSelectedElementIds = null;\n  let isSelected = null;\n\n  const ret = (elements, appState) => {\n    if (isSelected != null && elements === lastElements && appState.selectedElementIds === lastSelectedElementIds) {\n      return isSelected;\n    }\n\n    isSelected = elements.some(element => appState.selectedElementIds[element.id]);\n    lastElements = elements;\n    lastSelectedElementIds = appState.selectedElementIds;\n    return isSelected;\n  };\n\n  ret.clearCache = () => {\n    lastElements = null;\n    lastSelectedElementIds = null;\n    isSelected = null;\n  };\n\n  return ret;\n}();\n/**\r\n * Returns common attribute (picked by `getAttribute` callback) of selected\r\n *  elements. If elements don't share the same value, returns `null`.\r\n */\n\nconst getCommonAttributeOfSelectedElements = (elements, appState, getAttribute) => {\n  const attributes = Array.from(new Set(getSelectedElements(elements, appState).map(element => getAttribute(element))));\n  return attributes.length === 1 ? attributes[0] : null;\n};\nconst getSelectedElements = (elements, appState, opts) => {\n  const addedElements = new Set();\n  const selectedElements = [];\n\n  for (const element of elements.values()) {\n    if (appState.selectedElementIds[element.id]) {\n      selectedElements.push(element);\n      addedElements.add(element.id);\n      continue;\n    }\n\n    if ((opts === null || opts === void 0 ? void 0 : opts.includeBoundTextElement) && (0,_typeChecks__WEBPACK_IMPORTED_MODULE_3__.isBoundToContainer)(element) && appState.selectedElementIds[element === null || element === void 0 ? void 0 : element.containerId]) {\n      selectedElements.push(element);\n      addedElements.add(element.id);\n      continue;\n    }\n  }\n\n  if (opts === null || opts === void 0 ? void 0 : opts.includeElementsInFrames) {\n    const elementsToInclude = [];\n    selectedElements.forEach(element => {\n      if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_3__.isFrameLikeElement)(element)) {\n        (0,_frame__WEBPACK_IMPORTED_MODULE_4__.getFrameChildren)(elements, element.id).forEach(e => !addedElements.has(e.id) && elementsToInclude.push(e));\n      }\n\n      elementsToInclude.push(element);\n    });\n    return elementsToInclude;\n  }\n\n  return selectedElements;\n};\nconst getTargetElements = (elements, appState) => appState.editingTextElement ? [appState.editingTextElement] : appState.newElement ? [appState.newElement] : getSelectedElements(elements, appState, {\n  includeBoundTextElement: true\n});\n/**\r\n * returns prevState's selectedElementids if no change from previous, so as to\r\n * retain reference identity for memoization\r\n */\n\nconst makeNextSelectedElementIds = (nextSelectedElementIds, prevState) => {\n  if ((0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.isShallowEqual)(prevState.selectedElementIds, nextSelectedElementIds)) {\n    return prevState.selectedElementIds;\n  }\n\n  return nextSelectedElementIds;\n};\n\n//# sourceURL=webpack://ExcalidrawLib/../element/src/selection.ts?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   excludeElementsInFramesFromSelection: () => (/* binding */ excludeElementsInFramesFromSelection),\n/* harmony export */   getCommonAttributeOfSelectedElements: () => (/* binding */ getCommonAttributeOfSelectedElements),\n/* harmony export */   getElementsWithinSelection: () => (/* binding */ getElementsWithinSelection),\n/* harmony export */   getSelectedElements: () => (/* binding */ getSelectedElements),\n/* harmony export */   getSelectionStateForElements: () => (/* binding */ getSelectionStateForElements),\n/* harmony export */   getTargetElements: () => (/* binding */ getTargetElements),\n/* harmony export */   getVisibleAndNonSelectedElements: () => (/* binding */ getVisibleAndNonSelectedElements),\n/* harmony export */   isSomeElementSelected: () => (/* binding */ isSomeElementSelected),\n/* harmony export */   makeNextSelectedElementIds: () => (/* binding */ makeNextSelectedElementIds)\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 _bounds__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./bounds */ \"../element/src/bounds.ts\");\n/* harmony import */ var _sizeHelpers__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./sizeHelpers */ \"../element/src/sizeHelpers.ts\");\n/* harmony import */ var _typeChecks__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./typeChecks */ \"../element/src/typeChecks.ts\");\n/* harmony import */ var _frame__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./frame */ \"../element/src/frame.ts\");\n/* harmony import */ var _linearElementEditor__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./linearElementEditor */ \"../element/src/linearElementEditor.ts\");\n/* harmony import */ var _groups__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./groups */ \"../element/src/groups.ts\");\n\n\n\n\n\n\n\n/**\r\n * Frames and their containing elements are not to be selected at the same time.\r\n * Given an array of selected elements, if there are frames and their containing elements\r\n * we only keep the frames.\r\n * @param selectedElements\r\n */\n\nconst excludeElementsInFramesFromSelection = selectedElements => {\n  const framesInSelection = new Set();\n  selectedElements.forEach(element => {\n    if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_3__.isFrameLikeElement)(element)) {\n      framesInSelection.add(element.id);\n    }\n  });\n  return selectedElements.filter(element => {\n    if (element.frameId && framesInSelection.has(element.frameId)) {\n      return false;\n    }\n\n    return true;\n  });\n};\nconst getElementsWithinSelection = (elements, selection, elementsMap, excludeElementsInFrames = true) => {\n  const [selectionX1, selectionY1, selectionX2, selectionY2] = (0,_bounds__WEBPACK_IMPORTED_MODULE_1__.getElementAbsoluteCoords)(selection, elementsMap);\n  let elementsInSelection = elements.filter(element => {\n    let [elementX1, elementY1, elementX2, elementY2] = (0,_bounds__WEBPACK_IMPORTED_MODULE_1__.getElementBounds)(element, elementsMap);\n    const containingFrame = (0,_frame__WEBPACK_IMPORTED_MODULE_4__.getContainingFrame)(element, elementsMap);\n\n    if (containingFrame) {\n      const [fx1, fy1, fx2, fy2] = (0,_bounds__WEBPACK_IMPORTED_MODULE_1__.getElementBounds)(containingFrame, elementsMap);\n      elementX1 = Math.max(fx1, elementX1);\n      elementY1 = Math.max(fy1, elementY1);\n      elementX2 = Math.min(fx2, elementX2);\n      elementY2 = Math.min(fy2, elementY2);\n    }\n\n    return element.locked === false && element.type !== \"selection\" && !(0,_typeChecks__WEBPACK_IMPORTED_MODULE_3__.isBoundToContainer)(element) && selectionX1 <= elementX1 && selectionY1 <= elementY1 && selectionX2 >= elementX2 && selectionY2 >= elementY2;\n  });\n  elementsInSelection = excludeElementsInFrames ? excludeElementsInFramesFromSelection(elementsInSelection) : elementsInSelection;\n  elementsInSelection = elementsInSelection.filter(element => {\n    const containingFrame = (0,_frame__WEBPACK_IMPORTED_MODULE_4__.getContainingFrame)(element, elementsMap);\n\n    if (containingFrame) {\n      return (0,_frame__WEBPACK_IMPORTED_MODULE_4__.elementOverlapsWithFrame)(element, containingFrame, elementsMap);\n    }\n\n    return true;\n  });\n  return elementsInSelection;\n};\nconst getVisibleAndNonSelectedElements = (elements, selectedElements, appState, elementsMap) => {\n  const selectedElementsSet = new Set(selectedElements.map(element => element.id));\n  return elements.filter(element => {\n    const isVisible = (0,_sizeHelpers__WEBPACK_IMPORTED_MODULE_2__.isElementInViewport)(element, appState.width, appState.height, appState, elementsMap);\n    return !selectedElementsSet.has(element.id) && isVisible;\n  });\n}; // FIXME move this into the editor instance to keep utility methods stateless\n\nconst isSomeElementSelected = function () {\n  let lastElements = null;\n  let lastSelectedElementIds = null;\n  let isSelected = null;\n\n  const ret = (elements, appState) => {\n    if (isSelected != null && elements === lastElements && appState.selectedElementIds === lastSelectedElementIds) {\n      return isSelected;\n    }\n\n    isSelected = elements.some(element => appState.selectedElementIds[element.id]);\n    lastElements = elements;\n    lastSelectedElementIds = appState.selectedElementIds;\n    return isSelected;\n  };\n\n  ret.clearCache = () => {\n    lastElements = null;\n    lastSelectedElementIds = null;\n    isSelected = null;\n  };\n\n  return ret;\n}();\n/**\r\n * Returns common attribute (picked by `getAttribute` callback) of selected\r\n *  elements. If elements don't share the same value, returns `null`.\r\n */\n\nconst getCommonAttributeOfSelectedElements = (elements, appState, getAttribute) => {\n  const attributes = Array.from(new Set(getSelectedElements(elements, appState).map(element => getAttribute(element))));\n  return attributes.length === 1 ? attributes[0] : null;\n};\nconst getSelectedElements = (elements, appState, opts) => {\n  const addedElements = new Set();\n  const selectedElements = [];\n\n  for (const element of elements.values()) {\n    if (appState.selectedElementIds[element.id]) {\n      selectedElements.push(element);\n      addedElements.add(element.id);\n      continue;\n    }\n\n    if ((opts === null || opts === void 0 ? void 0 : opts.includeBoundTextElement) && (0,_typeChecks__WEBPACK_IMPORTED_MODULE_3__.isBoundToContainer)(element) && appState.selectedElementIds[element === null || element === void 0 ? void 0 : element.containerId]) {\n      selectedElements.push(element);\n      addedElements.add(element.id);\n      continue;\n    }\n  }\n\n  if (opts === null || opts === void 0 ? void 0 : opts.includeElementsInFrames) {\n    const elementsToInclude = [];\n    selectedElements.forEach(element => {\n      if ((0,_typeChecks__WEBPACK_IMPORTED_MODULE_3__.isFrameLikeElement)(element)) {\n        (0,_frame__WEBPACK_IMPORTED_MODULE_4__.getFrameChildren)(elements, element.id).forEach(e => !addedElements.has(e.id) && elementsToInclude.push(e));\n      }\n\n      elementsToInclude.push(element);\n    });\n    return elementsToInclude;\n  }\n\n  return selectedElements;\n};\nconst getTargetElements = (elements, appState) => appState.editingTextElement ? [appState.editingTextElement] : appState.newElement ? [appState.newElement] : getSelectedElements(elements, appState, {\n  includeBoundTextElement: true\n});\n/**\r\n * returns prevState's selectedElementids if no change from previous, so as to\r\n * retain reference identity for memoization\r\n */\n\nconst makeNextSelectedElementIds = (nextSelectedElementIds, prevState) => {\n  if ((0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.isShallowEqual)(prevState.selectedElementIds, nextSelectedElementIds)) {\n    return prevState.selectedElementIds;\n  }\n\n  return nextSelectedElementIds;\n};\n\nconst _getLinearElementEditor = targetElements => {\n  var _a, _b;\n\n  const linears = targetElements.filter(_typeChecks__WEBPACK_IMPORTED_MODULE_3__.isLinearElement);\n\n  if (linears.length === 1) {\n    const linear = linears[0];\n    const boundElements = (_b = (_a = linear.boundElements) === null || _a === void 0 ? void 0 : _a.map(def => def.id)) !== null && _b !== void 0 ? _b : [];\n    const onlySingleLinearSelected = targetElements.every(el => el.id === linear.id || boundElements.includes(el.id));\n\n    if (onlySingleLinearSelected) {\n      return new _linearElementEditor__WEBPACK_IMPORTED_MODULE_5__.LinearElementEditor(linear);\n    }\n  }\n\n  return null;\n};\n\nconst getSelectionStateForElements = (targetElements, allElements, appState) => {\n  return Object.assign({\n    selectedLinearElement: _getLinearElementEditor(targetElements)\n  }, (0,_groups__WEBPACK_IMPORTED_MODULE_6__.selectGroupsForSelectedElements)({\n    editingGroupId: appState.editingGroupId,\n    selectedElementIds: excludeElementsInFramesFromSelection(targetElements).reduce((acc, element) => {\n      if (!(0,_typeChecks__WEBPACK_IMPORTED_MODULE_3__.isBoundToContainer)(element)) {\n        acc[element.id] = true;\n      }\n\n      return acc;\n    }, {})\n  }, allElements, appState, null));\n};\n\n//# sourceURL=webpack://ExcalidrawLib/../element/src/selection.ts?");
 /***/ }),
@@ -13806,7 +13806,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 */   actionDuplicateSelection: () => (/* binding */ actionDuplicateSelection)\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 _excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @excalidraw/element/typeChecks */ \"../element/src/typeChecks.ts\");\n/* harmony import */ var _excalidraw_element_linearElementEditor__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @excalidraw/element/linearElementEditor */ \"../element/src/linearElementEditor.ts\");\n/* harmony import */ var _excalidraw_element_groups__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @excalidraw/element/groups */ \"../element/src/groups.ts\");\n/* harmony import */ var _excalidraw_element_selection__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @excalidraw/element/selection */ \"../element/src/selection.ts\");\n/* harmony import */ var _excalidraw_element_fractionalIndex__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @excalidraw/element/fractionalIndex */ \"../element/src/fractionalIndex.ts\");\n/* harmony import */ var _excalidraw_element_duplicate__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @excalidraw/element/duplicate */ \"../element/src/duplicate.ts\");\n/* harmony import */ var _components_ToolButton__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../components/ToolButton */ \"./components/ToolButton.tsx\");\n/* harmony import */ var _components_icons__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../components/icons */ \"./components/icons.tsx\");\n/* harmony import */ var _i18n__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../i18n */ \"./i18n.ts\");\n/* harmony import */ var _scene__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../scene */ \"./scene/index.ts\");\n/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../store */ \"./store.ts\");\n/* harmony import */ var _register__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./register */ \"./actions/register.ts\");\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nconst actionDuplicateSelection = (0,_register__WEBPACK_IMPORTED_MODULE_13__.register)({\n  name: \"duplicateSelection\",\n  label: \"labels.duplicateSelection\",\n  icon: _components_icons__WEBPACK_IMPORTED_MODULE_9__.DuplicateIcon,\n  trackEvent: {\n    category: \"element\"\n  },\n  perform: (elements, appState, formData, app) => {\n    if (appState.selectedElementsAreBeingDragged) {\n      return false;\n    } // duplicate selected point(s) if editing a line\n\n\n    if (appState.editingLinearElement) {\n      // TODO: Invariants should be checked here instead of duplicateSelectedPoints()\n      try {\n        const newAppState = _excalidraw_element_linearElementEditor__WEBPACK_IMPORTED_MODULE_3__.LinearElementEditor.duplicateSelectedPoints(appState, app.scene.getNonDeletedElementsMap());\n        return {\n          elements,\n          appState: newAppState,\n          captureUpdate: _store__WEBPACK_IMPORTED_MODULE_12__.CaptureUpdateAction.IMMEDIATELY\n        };\n      } catch (_a) {\n        return false;\n      }\n    }\n\n    let {\n      newElements: duplicatedElements,\n      elementsWithClones: nextElements\n    } = (0,_excalidraw_element_duplicate__WEBPACK_IMPORTED_MODULE_7__.duplicateElements)({\n      type: \"in-place\",\n      elements,\n      idsOfElementsToDuplicate: (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.arrayToMap)((0,_excalidraw_element_selection__WEBPACK_IMPORTED_MODULE_5__.getSelectedElements)(elements, appState, {\n        includeBoundTextElement: true,\n        includeElementsInFrames: true\n      })),\n      appState,\n      randomizeSeed: true,\n      overrides: element => ({\n        x: element.x + _excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.DEFAULT_GRID_SIZE / 2,\n        y: element.y + _excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.DEFAULT_GRID_SIZE / 2\n      }),\n      reverseOrder: false\n    });\n\n    if (app.props.onDuplicate && nextElements) {\n      const mappedElements = app.props.onDuplicate(nextElements, elements);\n\n      if (mappedElements) {\n        nextElements = mappedElements;\n      }\n    }\n\n    return {\n      elements: (0,_excalidraw_element_fractionalIndex__WEBPACK_IMPORTED_MODULE_6__.syncMovedIndices)(nextElements, (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.arrayToMap)(duplicatedElements)),\n      appState: Object.assign(Object.assign(Object.assign({}, appState), updateLinearElementEditors(duplicatedElements)), (0,_excalidraw_element_groups__WEBPACK_IMPORTED_MODULE_4__.selectGroupsForSelectedElements)({\n        editingGroupId: appState.editingGroupId,\n        selectedElementIds: (0,_excalidraw_element_selection__WEBPACK_IMPORTED_MODULE_5__.excludeElementsInFramesFromSelection)(duplicatedElements).reduce((acc, element) => {\n          if (!(0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_2__.isBoundToContainer)(element)) {\n            acc[element.id] = true;\n          }\n\n          return acc;\n        }, {})\n      }, (0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.getNonDeletedElements)(nextElements), appState, null)),\n      captureUpdate: _store__WEBPACK_IMPORTED_MODULE_12__.CaptureUpdateAction.IMMEDIATELY\n    };\n  },\n  keyTest: event => event[_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.KEYS.CTRL_OR_CMD] && event.key === _excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.KEYS.D,\n  PanelComponent: ({\n    elements,\n    appState,\n    updateData\n  }) => React.createElement(_components_ToolButton__WEBPACK_IMPORTED_MODULE_8__.ToolButton, {\n    type: \"button\",\n    icon: _components_icons__WEBPACK_IMPORTED_MODULE_9__.DuplicateIcon,\n    title: `${(0,_i18n__WEBPACK_IMPORTED_MODULE_10__.t)(\"labels.duplicateSelection\")} — ${(0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.getShortcutKey)(\"CtrlOrCmd+D\")}`,\n    \"aria-label\": (0,_i18n__WEBPACK_IMPORTED_MODULE_10__.t)(\"labels.duplicateSelection\"),\n    onClick: () => updateData(null),\n    visible: (0,_scene__WEBPACK_IMPORTED_MODULE_11__.isSomeElementSelected)((0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.getNonDeletedElements)(elements), appState)\n  })\n});\n\nconst updateLinearElementEditors = clonedElements => {\n  var _a, _b;\n\n  const linears = clonedElements.filter(_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_2__.isLinearElement);\n\n  if (linears.length === 1) {\n    const linear = linears[0];\n    const boundElements = (_b = (_a = linear.boundElements) === null || _a === void 0 ? void 0 : _a.map(def => def.id)) !== null && _b !== void 0 ? _b : [];\n    const onlySingleLinearSelected = clonedElements.every(el => el.id === linear.id || boundElements.includes(el.id));\n\n    if (onlySingleLinearSelected) {\n      return {\n        selectedLinearElement: new _excalidraw_element_linearElementEditor__WEBPACK_IMPORTED_MODULE_3__.LinearElementEditor(linear)\n      };\n    }\n  }\n\n  return {\n    selectedLinearElement: null\n  };\n};\n\n//# sourceURL=webpack://ExcalidrawLib/./actions/actionDuplicateSelection.tsx?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   actionDuplicateSelection: () => (/* binding */ actionDuplicateSelection)\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 _excalidraw_element_linearElementEditor__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @excalidraw/element/linearElementEditor */ \"../element/src/linearElementEditor.ts\");\n/* harmony import */ var _excalidraw_element_selection__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @excalidraw/element/selection */ \"../element/src/selection.ts\");\n/* harmony import */ var _excalidraw_element_fractionalIndex__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @excalidraw/element/fractionalIndex */ \"../element/src/fractionalIndex.ts\");\n/* harmony import */ var _excalidraw_element_duplicate__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @excalidraw/element/duplicate */ \"../element/src/duplicate.ts\");\n/* harmony import */ var _components_ToolButton__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../components/ToolButton */ \"./components/ToolButton.tsx\");\n/* harmony import */ var _components_icons__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../components/icons */ \"./components/icons.tsx\");\n/* harmony import */ var _i18n__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../i18n */ \"./i18n.ts\");\n/* harmony import */ var _scene__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../scene */ \"./scene/index.ts\");\n/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../store */ \"./store.ts\");\n/* harmony import */ var _register__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./register */ \"./actions/register.ts\");\n\n\n\n\n\n\n\n\n\n\n\n\nconst actionDuplicateSelection = (0,_register__WEBPACK_IMPORTED_MODULE_11__.register)({\n  name: \"duplicateSelection\",\n  label: \"labels.duplicateSelection\",\n  icon: _components_icons__WEBPACK_IMPORTED_MODULE_7__.DuplicateIcon,\n  trackEvent: {\n    category: \"element\"\n  },\n  perform: (elements, appState, formData, app) => {\n    if (appState.selectedElementsAreBeingDragged) {\n      return false;\n    } // duplicate selected point(s) if editing a line\n\n\n    if (appState.editingLinearElement) {\n      // TODO: Invariants should be checked here instead of duplicateSelectedPoints()\n      try {\n        const newAppState = _excalidraw_element_linearElementEditor__WEBPACK_IMPORTED_MODULE_2__.LinearElementEditor.duplicateSelectedPoints(appState, app.scene.getNonDeletedElementsMap());\n        return {\n          elements,\n          appState: newAppState,\n          captureUpdate: _store__WEBPACK_IMPORTED_MODULE_10__.CaptureUpdateAction.IMMEDIATELY\n        };\n      } catch (_a) {\n        return false;\n      }\n    }\n\n    let {\n      duplicatedElements,\n      elementsWithDuplicates\n    } = (0,_excalidraw_element_duplicate__WEBPACK_IMPORTED_MODULE_5__.duplicateElements)({\n      type: \"in-place\",\n      elements,\n      idsOfElementsToDuplicate: (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.arrayToMap)((0,_excalidraw_element_selection__WEBPACK_IMPORTED_MODULE_3__.getSelectedElements)(elements, appState, {\n        includeBoundTextElement: true,\n        includeElementsInFrames: true\n      })),\n      appState,\n      randomizeSeed: true,\n      overrides: ({\n        origElement,\n        origIdToDuplicateId\n      }) => {\n        const duplicateFrameId = origElement.frameId && origIdToDuplicateId.get(origElement.frameId);\n        return {\n          x: origElement.x + _excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.DEFAULT_GRID_SIZE / 2,\n          y: origElement.y + _excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.DEFAULT_GRID_SIZE / 2,\n          frameId: duplicateFrameId !== null && duplicateFrameId !== void 0 ? duplicateFrameId : origElement.frameId\n        };\n      }\n    });\n\n    if (app.props.onDuplicate && elementsWithDuplicates) {\n      const mappedElements = app.props.onDuplicate(elementsWithDuplicates, elements);\n\n      if (mappedElements) {\n        elementsWithDuplicates = mappedElements;\n      }\n    }\n\n    return {\n      elements: (0,_excalidraw_element_fractionalIndex__WEBPACK_IMPORTED_MODULE_4__.syncMovedIndices)(elementsWithDuplicates, (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.arrayToMap)(duplicatedElements)),\n      appState: Object.assign(Object.assign({}, appState), (0,_excalidraw_element_selection__WEBPACK_IMPORTED_MODULE_3__.getSelectionStateForElements)(duplicatedElements, (0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.getNonDeletedElements)(elementsWithDuplicates), appState)),\n      captureUpdate: _store__WEBPACK_IMPORTED_MODULE_10__.CaptureUpdateAction.IMMEDIATELY\n    };\n  },\n  keyTest: event => event[_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.KEYS.CTRL_OR_CMD] && event.key === _excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.KEYS.D,\n  PanelComponent: ({\n    elements,\n    appState,\n    updateData\n  }) => React.createElement(_components_ToolButton__WEBPACK_IMPORTED_MODULE_6__.ToolButton, {\n    type: \"button\",\n    icon: _components_icons__WEBPACK_IMPORTED_MODULE_7__.DuplicateIcon,\n    title: `${(0,_i18n__WEBPACK_IMPORTED_MODULE_8__.t)(\"labels.duplicateSelection\")} — ${(0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.getShortcutKey)(\"CtrlOrCmd+D\")}`,\n    \"aria-label\": (0,_i18n__WEBPACK_IMPORTED_MODULE_8__.t)(\"labels.duplicateSelection\"),\n    onClick: () => updateData(null),\n    visible: (0,_scene__WEBPACK_IMPORTED_MODULE_9__.isSomeElementSelected)((0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_1__.getNonDeletedElements)(elements), appState)\n  })\n});\n\n//# sourceURL=webpack://ExcalidrawLib/./actions/actionDuplicateSelection.tsx?");
 /***/ }),
@@ -14125,7 +14125,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\" || ({\"VITE_APP_BACKEND_V2_GET_URL\":\"https://json-dev.excalidraw.com/api/v2/\",\"VITE_APP_BACKEND_V2_POST_URL\":\"https://json-dev.excalidraw.com/api/v2/post/\",\"VITE_APP_LIBRARY_URL\":\"https://libraries.excalidraw.com\",\"VITE_APP_LIBRARY_BACKEND\":\"https://us-central1-excalidraw-room-persistence.cloudfunctions.net/libraries\",\"VITE_APP_WS_SERVER_URL\":\"http://localhost:3002\",\"VITE_APP_PLUS_LP\":\"https://plus.excalidraw.com\",\"VITE_APP_PLUS_APP\":\"http://localhost:3000\",\"VITE_APP_AI_BACKEND\":\"http://localhost:3015\",\"VITE_APP_FIREBASE_CONFIG\":\"{\\\"apiKey\\\":\\\"AIzaSyCMkxA60XIW8KbqMYL7edC4qT5l4qHX2h8\\\",\\\"authDomain\\\":\\\"excalidraw-oss-dev.firebaseapp.com\\\",\\\"projectId\\\":\\\"excalidraw-oss-dev\\\",\\\"storageBucket\\\":\\\"excalidraw-oss-dev.appspot.com\\\",\\\"messagingSenderId\\\":\\\"664559512677\\\",\\\"appId\\\":\\\"1:664559512677:web:a385181f2928d328a7aa8c\\\"}\",\"VITE_APP_DEV_DISABLE_LIVE_RELOAD\":\"\",\"VITE_APP_ENABLE_TRACKING\":\"true\",\"FAST_REFRESH\":\"false\",\"VITE_APP_PORT\":\"3000\",\"VITE_APP_DEBUG_ENABLE_TEXT_CONTAINER_BOUNDING_BOX\":\"\",\"VITE_APP_COLLAPSE_OVERLAY\":\"true\",\"VITE_APP_ENABLE_ESLINT\":\"true\",\"VITE_APP_ENABLE_PWA\":\"false\",\"VITE_APP_PLUS_EXPORT_PUBLIC_KEY\":\"MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAm2g5T+Rub6Kbf1Mf57t0\\n7r2zeHuVg4dla3r5ryXMswtzz6x767octl6oLThn33mQsPSy3GKglFZoCTXJR4ij\\nba8SxB04sL/N8eRrKja7TFWjCVtRwTTfyy771NYYNFVJclkxHyE5qw4m27crHF1y\\nUNWEjuqNMi/lwAErS9fFa2oJlWyT8U7zzv/5kQREkxZI6y9v0AF3qcbsy2731FnD\\ns9ChJvOUW9toIab2gsIdrKW8ZNpu084ZFVKb6LNjvIXI1Se4oMTHeszXzNptzlot\\nkdxxjOoaQMAyfljFSot1F1FlU6MQlag7UnFGvFjRHN1JI5q4K+n3a67DX+TMyRqS\\nHQIDAQAB\",\"VITE_APP_DISABLE_PREVENT_UNLOAD\":\"\",\"VITE_PKG_NAME\":\"@zsviczian/excalidraw\",\"VITE_PKG_VERSION\":\"0.18.0-6\",\"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\" || ({\"VITE_APP_BACKEND_V2_GET_URL\":\"https://json-dev.excalidraw.com/api/v2/\",\"VITE_APP_BACKEND_V2_POST_URL\":\"https://json-dev.excalidraw.com/api/v2/post/\",\"VITE_APP_LIBRARY_URL\":\"https://libraries.excalidraw.com\",\"VITE_APP_LIBRARY_BACKEND\":\"https://us-central1-excalidraw-room-persistence.cloudfunctions.net/libraries\",\"VITE_APP_WS_SERVER_URL\":\"http://localhost:3002\",\"VITE_APP_PLUS_LP\":\"https://plus.excalidraw.com\",\"VITE_APP_PLUS_APP\":\"http://localhost:3000\",\"VITE_APP_AI_BACKEND\":\"http://localhost:3015\",\"VITE_APP_FIREBASE_CONFIG\":\"{\\\"apiKey\\\":\\\"AIzaSyCMkxA60XIW8KbqMYL7edC4qT5l4qHX2h8\\\",\\\"authDomain\\\":\\\"excalidraw-oss-dev.firebaseapp.com\\\",\\\"projectId\\\":\\\"excalidraw-oss-dev\\\",\\\"storageBucket\\\":\\\"excalidraw-oss-dev.appspot.com\\\",\\\"messagingSenderId\\\":\\\"664559512677\\\",\\\"appId\\\":\\\"1:664559512677:web:a385181f2928d328a7aa8c\\\"}\",\"VITE_APP_DEV_DISABLE_LIVE_RELOAD\":\"\",\"VITE_APP_ENABLE_TRACKING\":\"true\",\"FAST_REFRESH\":\"false\",\"VITE_APP_PORT\":\"3000\",\"VITE_APP_DEBUG_ENABLE_TEXT_CONTAINER_BOUNDING_BOX\":\"\",\"VITE_APP_COLLAPSE_OVERLAY\":\"true\",\"VITE_APP_ENABLE_ESLINT\":\"true\",\"VITE_APP_ENABLE_PWA\":\"false\",\"VITE_APP_PLUS_EXPORT_PUBLIC_KEY\":\"MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAm2g5T+Rub6Kbf1Mf57t0\\n7r2zeHuVg4dla3r5ryXMswtzz6x767octl6oLThn33mQsPSy3GKglFZoCTXJR4ij\\nba8SxB04sL/N8eRrKja7TFWjCVtRwTTfyy771NYYNFVJclkxHyE5qw4m27crHF1y\\nUNWEjuqNMi/lwAErS9fFa2oJlWyT8U7zzv/5kQREkxZI6y9v0AF3qcbsy2731FnD\\ns9ChJvOUW9toIab2gsIdrKW8ZNpu084ZFVKb6LNjvIXI1Se4oMTHeszXzNptzlot\\nkdxxjOoaQMAyfljFSot1F1FlU6MQlag7UnFGvFjRHN1JI5q4K+n3a67DX+TMyRqS\\nHQIDAQAB\",\"VITE_APP_DISABLE_PREVENT_UNLOAD\":\"\",\"VITE_PKG_NAME\":\"@zsviczian/excalidraw\",\"VITE_PKG_VERSION\":\"0.18.0-9\",\"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?");
 /***/ }),
@@ -14246,7 +14246,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 */   ExcalidrawContainerContext: () => (/* binding */ ExcalidrawContainerContext),\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__),\n/* harmony export */   useApp: () => (/* binding */ useApp),\n/* harmony export */   useAppProps: () => (/* binding */ useAppProps),\n/* harmony export */   useDevice: () => (/* binding */ useDevice),\n/* harmony export */   useExcalidrawActionManager: () => (/* binding */ useExcalidrawActionManager),\n/* harmony export */   useExcalidrawAppState: () => (/* binding */ useExcalidrawAppState),\n/* harmony export */   useExcalidrawContainer: () => (/* binding */ useExcalidrawContainer),\n/* harmony export */   useExcalidrawElements: () => (/* binding */ useExcalidrawElements),\n/* harmony export */   useExcalidrawSetAppState: () => (/* binding */ useExcalidrawSetAppState)\n/* harmony export */ });\n/* harmony import */ var clsx__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! clsx */ \"../../node_modules/clsx/dist/clsx.m.js\");\n/* harmony import */ var lodash_throttle__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! lodash.throttle */ \"../../node_modules/lodash.throttle/index.js\");\n/* harmony import */ var lodash_throttle__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(lodash_throttle__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react-dom */ \"react-dom\");\n/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_dom__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var roughjs_bin_rough__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! roughjs/bin/rough */ \"../../node_modules/roughjs/bin/rough.js\");\n/* harmony import */ var nanoid__WEBPACK_IMPORTED_MODULE_103__ = __webpack_require__(/*! nanoid */ \"./node_modules/nanoid/index.browser.js\");\n/* harmony import */ var _excalidraw_math__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @excalidraw/math */ \"../math/src/index.ts\");\n/* harmony import */ var _excalidraw_utils_collision__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @excalidraw/utils/collision */ \"../utils/src/collision.ts\");\n/* harmony import */ var _excalidraw_utils_shape__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @excalidraw/utils/shape */ \"../utils/src/shape.ts\");\n/* harmony import */ var _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @excalidraw/common */ \"../common/src/index.ts\");\n/* harmony import */ var _excalidraw_element_bounds__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @excalidraw/element/bounds */ \"../element/src/bounds.ts\");\n/* harmony import */ var _excalidraw_element_binding__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @excalidraw/element/binding */ \"../element/src/binding.ts\");\n/* harmony import */ var _excalidraw_element_linearElementEditor__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! @excalidraw/element/linearElementEditor */ \"../element/src/linearElementEditor.ts\");\n/* harmony import */ var _excalidraw_element_mutateElement__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! @excalidraw/element/mutateElement */ \"../element/src/mutateElement.ts\");\n/* harmony import */ var _excalidraw_element_newElement__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! @excalidraw/element/newElement */ \"../element/src/newElement.ts\");\n/* harmony import */ var _excalidraw_element_duplicate__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! @excalidraw/element/duplicate */ \"../element/src/duplicate.ts\");\n/* harmony import */ var _excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! @excalidraw/element/typeChecks */ \"../element/src/typeChecks.ts\");\n/* harmony import */ var _excalidraw_element_sizeHelpers__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! @excalidraw/element/sizeHelpers */ \"../element/src/sizeHelpers.ts\");\n/* harmony import */ var _excalidraw_element_shapes__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! @excalidraw/element/shapes */ \"../element/src/shapes.ts\");\n/* harmony import */ var _excalidraw_element_embeddable__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! @excalidraw/element/embeddable */ \"../element/src/embeddable.ts\");\n/* harmony import */ var _excalidraw_element_image__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! @excalidraw/element/image */ \"../element/src/image.ts\");\n/* harmony import */ var _excalidraw_element_textElement__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! @excalidraw/element/textElement */ \"../element/src/textElement.ts\");\n/* harmony import */ var _excalidraw_element_transformHandles__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! @excalidraw/element/transformHandles */ \"../element/src/transformHandles.ts\");\n/* harmony import */ var _excalidraw_element_frame__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! @excalidraw/element/frame */ \"../element/src/frame.ts\");\n/* harmony import */ var _excalidraw_element_collision__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! @excalidraw/element/collision */ \"../element/src/collision.ts\");\n/* harmony import */ var _excalidraw_element_flowchart__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! @excalidraw/element/flowchart */ \"../element/src/flowchart.ts\");\n/* harmony import */ var _excalidraw_element_cropElement__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! @excalidraw/element/cropElement */ \"../element/src/cropElement.ts\");\n/* harmony import */ var _excalidraw_element_textWrapping__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! @excalidraw/element/textWrapping */ \"../element/src/textWrapping.ts\");\n/* harmony import */ var _excalidraw_element_elementLink__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! @excalidraw/element/elementLink */ \"../element/src/elementLink.ts\");\n/* harmony import */ var _excalidraw_element_textMeasurements__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! @excalidraw/element/textMeasurements */ \"../element/src/textMeasurements.ts\");\n/* harmony import */ var _excalidraw_element_ShapeCache__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! @excalidraw/element/ShapeCache */ \"../element/src/ShapeCache.ts\");\n/* harmony import */ var _excalidraw_element_renderElement__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! @excalidraw/element/renderElement */ \"../element/src/renderElement.ts\");\n/* harmony import */ var _excalidraw_element_groups__WEBPACK_IMPORTED_MODULE_31__ = __webpack_require__(/*! @excalidraw/element/groups */ \"../element/src/groups.ts\");\n/* harmony import */ var _excalidraw_element_fractionalIndex__WEBPACK_IMPORTED_MODULE_32__ = __webpack_require__(/*! @excalidraw/element/fractionalIndex */ \"../element/src/fractionalIndex.ts\");\n/* harmony import */ var _excalidraw_element_selection__WEBPACK_IMPORTED_MODULE_33__ = __webpack_require__(/*! @excalidraw/element/selection */ \"../element/src/selection.ts\");\n/* harmony import */ var _excalidraw_element_resizeElements__WEBPACK_IMPORTED_MODULE_34__ = __webpack_require__(/*! @excalidraw/element/resizeElements */ \"../element/src/resizeElements.ts\");\n/* harmony import */ var _excalidraw_element_resizeTest__WEBPACK_IMPORTED_MODULE_35__ = __webpack_require__(/*! @excalidraw/element/resizeTest */ \"../element/src/resizeTest.ts\");\n/* harmony import */ var _excalidraw_element_dragElements__WEBPACK_IMPORTED_MODULE_36__ = __webpack_require__(/*! @excalidraw/element/dragElements */ \"../element/src/dragElements.ts\");\n/* harmony import */ var _excalidraw_element__WEBPACK_IMPORTED_MODULE_37__ = __webpack_require__(/*! @excalidraw/element */ \"../element/src/index.ts\");\n/* harmony import */ var _actions__WEBPACK_IMPORTED_MODULE_38__ = __webpack_require__(/*! ../actions */ \"./actions/index.ts\");\n/* harmony import */ var _actions_actionBoundText__WEBPACK_IMPORTED_MODULE_39__ = __webpack_require__(/*! ../actions/actionBoundText */ \"./actions/actionBoundText.tsx\");\n/* harmony import */ var _actions_actionCanvas__WEBPACK_IMPORTED_MODULE_40__ = __webpack_require__(/*! ../actions/actionCanvas */ \"./actions/actionCanvas.tsx\");\n/* harmony import */ var _actions_actionClipboard__WEBPACK_IMPORTED_MODULE_41__ = __webpack_require__(/*! ../actions/actionClipboard */ \"./actions/actionClipboard.tsx\");\n/* harmony import */ var _actions_actionElementLink__WEBPACK_IMPORTED_MODULE_42__ = __webpack_require__(/*! ../actions/actionElementLink */ \"./actions/actionElementLink.ts\");\n/* harmony import */ var _actions_actionElementLock__WEBPACK_IMPORTED_MODULE_43__ = __webpack_require__(/*! ../actions/actionElementLock */ \"./actions/actionElementLock.ts\");\n/* harmony import */ var _actions_actionFrame__WEBPACK_IMPORTED_MODULE_44__ = __webpack_require__(/*! ../actions/actionFrame */ \"./actions/actionFrame.ts\");\n/* harmony import */ var _actions_actionHistory__WEBPACK_IMPORTED_MODULE_45__ = __webpack_require__(/*! ../actions/actionHistory */ \"./actions/actionHistory.tsx\");\n/* harmony import */ var _actions_actionTextAutoResize__WEBPACK_IMPORTED_MODULE_46__ = __webpack_require__(/*! ../actions/actionTextAutoResize */ \"./actions/actionTextAutoResize.ts\");\n/* harmony import */ var _actions_actionToggleViewMode__WEBPACK_IMPORTED_MODULE_47__ = __webpack_require__(/*! ../actions/actionToggleViewMode */ \"./actions/actionToggleViewMode.tsx\");\n/* harmony import */ var _actions_manager__WEBPACK_IMPORTED_MODULE_48__ = __webpack_require__(/*! ../actions/manager */ \"./actions/manager.tsx\");\n/* harmony import */ var _actions_register__WEBPACK_IMPORTED_MODULE_49__ = __webpack_require__(/*! ../actions/register */ \"./actions/register.ts\");\n/* harmony import */ var _actions_shortcuts__WEBPACK_IMPORTED_MODULE_50__ = __webpack_require__(/*! ../actions/shortcuts */ \"./actions/shortcuts.ts\");\n/* harmony import */ var _analytics__WEBPACK_IMPORTED_MODULE_51__ = __webpack_require__(/*! ../analytics */ \"./analytics.ts\");\n/* harmony import */ var _animation_frame_handler__WEBPACK_IMPORTED_MODULE_52__ = __webpack_require__(/*! ../animation-frame-handler */ \"./animation-frame-handler.ts\");\n/* harmony import */ var _appState__WEBPACK_IMPORTED_MODULE_53__ = __webpack_require__(/*! ../appState */ \"./appState.ts\");\n/* harmony import */ var _clipboard__WEBPACK_IMPORTED_MODULE_54__ = __webpack_require__(/*! ../clipboard */ \"./clipboard.ts\");\n/* harmony import */ var _data__WEBPACK_IMPORTED_MODULE_55__ = __webpack_require__(/*! ../data */ \"./data/index.ts\");\n/* harmony import */ var _data_library__WEBPACK_IMPORTED_MODULE_56__ = __webpack_require__(/*! ../data/library */ \"./data/library.ts\");\n/* harmony import */ var _data_restore__WEBPACK_IMPORTED_MODULE_57__ = __webpack_require__(/*! ../data/restore */ \"./data/restore.ts\");\n/* harmony import */ var _gesture__WEBPACK_IMPORTED_MODULE_58__ = __webpack_require__(/*! ../gesture */ \"./gesture.ts\");\n/* harmony import */ var _history__WEBPACK_IMPORTED_MODULE_59__ = __webpack_require__(/*! ../history */ \"./history.ts\");\n/* harmony import */ var _i18n__WEBPACK_IMPORTED_MODULE_60__ = __webpack_require__(/*! ../i18n */ \"./i18n.ts\");\n/* harmony import */ var _scene__WEBPACK_IMPORTED_MODULE_61__ = __webpack_require__(/*! ../scene */ \"./scene/index.ts\");\n/* harmony import */ var _scene_Scene__WEBPACK_IMPORTED_MODULE_62__ = __webpack_require__(/*! ../scene/Scene */ \"./scene/Scene.ts\");\n/* harmony import */ var _scene_zoom__WEBPACK_IMPORTED_MODULE_63__ = __webpack_require__(/*! ../scene/zoom */ \"./scene/zoom.ts\");\n/* harmony import */ var _data_blob__WEBPACK_IMPORTED_MODULE_64__ = __webpack_require__(/*! ../data/blob */ \"./data/blob.ts\");\n/* harmony import */ var _data_filesystem__WEBPACK_IMPORTED_MODULE_65__ = __webpack_require__(/*! ../data/filesystem */ \"./data/filesystem.ts\");\n/* harmony import */ var _components_hyperlink_Hyperlink__WEBPACK_IMPORTED_MODULE_66__ = __webpack_require__(/*! ../components/hyperlink/Hyperlink */ \"./components/hyperlink/Hyperlink.tsx\");\n/* harmony import */ var _fonts__WEBPACK_IMPORTED_MODULE_67__ = __webpack_require__(/*! ../fonts */ \"./fonts/index.ts\");\n/* harmony import */ var _editor_jotai__WEBPACK_IMPORTED_MODULE_68__ = __webpack_require__(/*! ../editor-jotai */ \"./editor-jotai.ts\");\n/* harmony import */ var _errors__WEBPACK_IMPORTED_MODULE_69__ = __webpack_require__(/*! ../errors */ \"./errors.ts\");\n/* harmony import */ var _snapping__WEBPACK_IMPORTED_MODULE_70__ = __webpack_require__(/*! ../snapping */ \"./snapping.ts\");\n/* harmony import */ var _data_transform__WEBPACK_IMPORTED_MODULE_71__ = __webpack_require__(/*! ../data/transform */ \"./data/transform.ts\");\n/* harmony import */ var _scene_Renderer__WEBPACK_IMPORTED_MODULE_72__ = __webpack_require__(/*! ../scene/Renderer */ \"./scene/Renderer.ts\");\n/* harmony import */ var _cursor__WEBPACK_IMPORTED_MODULE_73__ = __webpack_require__(/*! ../cursor */ \"./cursor.ts\");\n/* harmony import */ var _emitter__WEBPACK_IMPORTED_MODULE_74__ = __webpack_require__(/*! ../emitter */ \"./emitter.ts\");\n/* harmony import */ var _components_ElementCanvasButtons__WEBPACK_IMPORTED_MODULE_75__ = __webpack_require__(/*! ../components/ElementCanvasButtons */ \"./components/ElementCanvasButtons.tsx\");\n/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_76__ = __webpack_require__(/*! ../store */ \"./store.ts\");\n/* harmony import */ var _laser_trails__WEBPACK_IMPORTED_MODULE_77__ = __webpack_require__(/*! ../laser-trails */ \"./laser-trails.ts\");\n/* harmony import */ var _reactUtils__WEBPACK_IMPORTED_MODULE_78__ = __webpack_require__(/*! ../reactUtils */ \"./reactUtils.ts\");\n/* harmony import */ var _wysiwyg_textWysiwyg__WEBPACK_IMPORTED_MODULE_79__ = __webpack_require__(/*! ../wysiwyg/textWysiwyg */ \"./wysiwyg/textWysiwyg.tsx\");\n/* harmony import */ var _scene_scrollbars__WEBPACK_IMPORTED_MODULE_80__ = __webpack_require__(/*! ../scene/scrollbars */ \"./scene/scrollbars.ts\");\n/* harmony import */ var _mermaid__WEBPACK_IMPORTED_MODULE_81__ = __webpack_require__(/*! ../mermaid */ \"./mermaid.ts\");\n/* harmony import */ var _lasso__WEBPACK_IMPORTED_MODULE_82__ = __webpack_require__(/*! ../lasso */ \"./lasso/index.ts\");\n/* harmony import */ var _eraser__WEBPACK_IMPORTED_MODULE_83__ = __webpack_require__(/*! ../eraser */ \"./eraser/index.ts\");\n/* harmony import */ var _ActiveConfirmDialog__WEBPACK_IMPORTED_MODULE_84__ = __webpack_require__(/*! ./ActiveConfirmDialog */ \"./components/ActiveConfirmDialog.tsx\");\n/* harmony import */ var _BraveMeasureTextError__WEBPACK_IMPORTED_MODULE_85__ = __webpack_require__(/*! ./BraveMeasureTextError */ \"./components/BraveMeasureTextError.tsx\");\n/* harmony import */ var _ContextMenu__WEBPACK_IMPORTED_MODULE_86__ = __webpack_require__(/*! ./ContextMenu */ \"./components/ContextMenu.tsx\");\n/* harmony import */ var _EyeDropper__WEBPACK_IMPORTED_MODULE_87__ = __webpack_require__(/*! ./EyeDropper */ \"./components/EyeDropper.tsx\");\n/* harmony import */ var _FollowMode_FollowMode__WEBPACK_IMPORTED_MODULE_88__ = __webpack_require__(/*! ./FollowMode/FollowMode */ \"./components/FollowMode/FollowMode.tsx\");\n/* harmony import */ var _LayerUI__WEBPACK_IMPORTED_MODULE_89__ = __webpack_require__(/*! ./LayerUI */ \"./components/LayerUI.tsx\");\n/* harmony import */ var _MagicButton__WEBPACK_IMPORTED_MODULE_90__ = __webpack_require__(/*! ./MagicButton */ \"./components/MagicButton.tsx\");\n/* harmony import */ var _SVGLayer__WEBPACK_IMPORTED_MODULE_91__ = __webpack_require__(/*! ./SVGLayer */ \"./components/SVGLayer.tsx\");\n/* harmony import */ var _SearchMenu__WEBPACK_IMPORTED_MODULE_92__ = __webpack_require__(/*! ./SearchMenu */ \"./components/SearchMenu.tsx\");\n/* harmony import */ var _Sidebar_Sidebar__WEBPACK_IMPORTED_MODULE_93__ = __webpack_require__(/*! ./Sidebar/Sidebar */ \"./components/Sidebar/Sidebar.tsx\");\n/* harmony import */ var _canvases__WEBPACK_IMPORTED_MODULE_94__ = __webpack_require__(/*! ./canvases */ \"./components/canvases/index.tsx\");\n/* harmony import */ var _canvases_NewElementCanvas__WEBPACK_IMPORTED_MODULE_95__ = __webpack_require__(/*! ./canvases/NewElementCanvas */ \"./components/canvases/NewElementCanvas.tsx\");\n/* harmony import */ var _hyperlink_helpers__WEBPACK_IMPORTED_MODULE_96__ = __webpack_require__(/*! ./hyperlink/helpers */ \"./components/hyperlink/helpers.ts\");\n/* harmony import */ var _icons__WEBPACK_IMPORTED_MODULE_97__ = __webpack_require__(/*! ./icons */ \"./components/icons.tsx\");\n/* harmony import */ var _Toast__WEBPACK_IMPORTED_MODULE_98__ = __webpack_require__(/*! ./Toast */ \"./components/Toast.tsx\");\n/* harmony import */ var _shapes__WEBPACK_IMPORTED_MODULE_99__ = __webpack_require__(/*! ./shapes */ \"./components/shapes.tsx\");\n/* harmony import */ var _obsidianUtils__WEBPACK_IMPORTED_MODULE_100__ = __webpack_require__(/*! ../obsidianUtils */ \"./obsidianUtils.ts\");\n/* harmony import */ var _Tooltip__WEBPACK_IMPORTED_MODULE_101__ = __webpack_require__(/*! ./Tooltip */ \"./components/Tooltip.tsx\");\n/* harmony import */ var _actions_actionProperties__WEBPACK_IMPORTED_MODULE_102__ = __webpack_require__(/*! ../actions/actionProperties */ \"./actions/actionProperties.tsx\");\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nconst AppContext = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createContext(null);\nconst AppPropsContext = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createContext(null);\nconst deviceContextInitialValue = {\n  viewport: {\n    isMobile: false,\n    isLandscape: false\n  },\n  editor: {\n    isMobile: false,\n    canFitSidebar: false\n  },\n  isTouchScreen: false\n};\nconst DeviceContext = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createContext(deviceContextInitialValue);\nDeviceContext.displayName = \"DeviceContext\";\nconst ExcalidrawContainerContext = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createContext({\n  container: null,\n  id: null\n});\nExcalidrawContainerContext.displayName = \"ExcalidrawContainerContext\";\nconst ExcalidrawElementsContext = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createContext([]);\nExcalidrawElementsContext.displayName = \"ExcalidrawElementsContext\";\nconst ExcalidrawAppStateContext = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createContext(Object.assign(Object.assign({}, (0,_appState__WEBPACK_IMPORTED_MODULE_53__.getDefaultAppState)()), {\n  width: 0,\n  height: 0,\n  offsetLeft: 0,\n  offsetTop: 0\n}));\nExcalidrawAppStateContext.displayName = \"ExcalidrawAppStateContext\";\nconst ExcalidrawSetAppStateContext = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createContext(() => {\n  console.warn(\"Uninitialized ExcalidrawSetAppStateContext context!\");\n});\nExcalidrawSetAppStateContext.displayName = \"ExcalidrawSetAppStateContext\";\nconst ExcalidrawActionManagerContext = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createContext(null);\nExcalidrawActionManagerContext.displayName = \"ExcalidrawActionManagerContext\";\nconst useApp = () => (0,react__WEBPACK_IMPORTED_MODULE_2__.useContext)(AppContext);\nconst useAppProps = () => (0,react__WEBPACK_IMPORTED_MODULE_2__.useContext)(AppPropsContext);\nconst useDevice = () => (0,react__WEBPACK_IMPORTED_MODULE_2__.useContext)(DeviceContext);\nconst useExcalidrawContainer = () => (0,react__WEBPACK_IMPORTED_MODULE_2__.useContext)(ExcalidrawContainerContext);\nconst useExcalidrawElements = () => (0,react__WEBPACK_IMPORTED_MODULE_2__.useContext)(ExcalidrawElementsContext);\nconst useExcalidrawAppState = () => (0,react__WEBPACK_IMPORTED_MODULE_2__.useContext)(ExcalidrawAppStateContext);\nconst useExcalidrawSetAppState = () => (0,react__WEBPACK_IMPORTED_MODULE_2__.useContext)(ExcalidrawSetAppStateContext);\nconst useExcalidrawActionManager = () => (0,react__WEBPACK_IMPORTED_MODULE_2__.useContext)(ExcalidrawActionManagerContext);\nlet didTapTwice = false;\nlet tappedTwiceTimer = 0;\nlet isHoldingSpace = false;\nlet isPanning = false;\nlet isDraggingScrollBar = false;\nlet currentScrollBars = {\n  horizontal: null,\n  vertical: null\n};\nlet touchTimeout = 0;\nlet invalidateContextMenu = false;\n/**\r\n * Map of youtube embed video states\r\n */\n\nconst YOUTUBE_VIDEO_STATES = new Map();\nlet IS_PLAIN_PASTE = false;\nlet IS_PLAIN_PASTE_TIMER = 0;\nlet PLAIN_PASTE_TOAST_SHOWN = false;\nlet lastPointerUp = null;\nconst gesture = {\n  pointers: new Map(),\n  lastCenter: null,\n  initialDistance: null,\n  initialScale: null\n};\n\nclass App extends (react__WEBPACK_IMPORTED_MODULE_2___default().Component) {\n  constructor(props) {\n    super(props);\n    this.interactiveCanvas = null;\n    this.unmounted = false;\n    this.device = deviceContextInitialValue;\n    this.excalidrawContainerRef = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createRef();\n    this.files = {};\n    this.imageCache = new Map();\n    this.iFrameRefs = new Map();\n    /**\r\n     * Indicates whether the embeddable's url has been validated for rendering.\r\n     * If value not set, indicates that the validation is pending.\r\n     * Initially or on url change the flag is not reset so that we can guarantee\r\n     * the validation came from a trusted source (the editor).\r\n     **/\n\n    this.embedsValidationStatus = new Map();\n    /** embeds that have been inserted to DOM (as a perf optim, we don't want to\r\n     * insert to DOM before user initially scrolls to them) */\n\n    this.initializedEmbeds = new Set();\n    this.elementsPendingErasure = new Set();\n    this.flowChartCreator = new _excalidraw_element_flowchart__WEBPACK_IMPORTED_MODULE_24__.FlowChartCreator();\n    this.flowChartNavigator = new _excalidraw_element_flowchart__WEBPACK_IMPORTED_MODULE_24__.FlowChartNavigator();\n    this.lastPointerDownEvent = null;\n    this.lastPointerUpEvent = null;\n    this.lastPointerMoveEvent = null;\n    this.lastPointerMoveCoords = null;\n    this.lastViewportPosition = {\n      x: 0,\n      y: 0\n    };\n    this.allowMobileMode = true; //zsviczian\n\n    this.animationFrameHandler = new _animation_frame_handler__WEBPACK_IMPORTED_MODULE_52__.AnimationFrameHandler();\n    this.laserTrails = new _laser_trails__WEBPACK_IMPORTED_MODULE_77__.LaserTrails(this.animationFrameHandler, this);\n    this.eraserTrail = new _eraser__WEBPACK_IMPORTED_MODULE_83__.EraserTrail(this.animationFrameHandler, this);\n    this.lassoTrail = new _lasso__WEBPACK_IMPORTED_MODULE_82__.LassoTrail(this.animationFrameHandler, this);\n    this.onChangeEmitter = new _emitter__WEBPACK_IMPORTED_MODULE_74__.Emitter();\n    this.onPointerDownEmitter = new _emitter__WEBPACK_IMPORTED_MODULE_74__.Emitter();\n    this.onPointerUpEmitter = new _emitter__WEBPACK_IMPORTED_MODULE_74__.Emitter();\n    this.onUserFollowEmitter = new _emitter__WEBPACK_IMPORTED_MODULE_74__.Emitter();\n    this.onScrollChangeEmitter = new _emitter__WEBPACK_IMPORTED_MODULE_74__.Emitter();\n    this.missingPointerEventCleanupEmitter = new _emitter__WEBPACK_IMPORTED_MODULE_74__.Emitter();\n    this.onRemoveEventListenersEmitter = new _emitter__WEBPACK_IMPORTED_MODULE_74__.Emitter();\n    /**\r\n     * Returns gridSize taking into account `gridModeEnabled`.\r\n     * If disabled, returns null.\r\n     */\n\n    this.getEffectiveGridSize = () => {\n      return (0,_snapping__WEBPACK_IMPORTED_MODULE_70__.isGridModeEnabled)(this) ? this.state.gridSize : null;\n    };\n\n    this.updateEmbedValidationStatus = (element, status) => {\n      this.embedsValidationStatus.set(element.id, status);\n      _excalidraw_element_ShapeCache__WEBPACK_IMPORTED_MODULE_29__.ShapeCache.delete(element);\n    };\n\n    this.updateEmbeddables = () => {\n      const iframeLikes = new Set();\n      let updated = false;\n      this.scene.getNonDeletedElements().filter(element => {\n        if ((0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isEmbeddableElement)(element)) {\n          iframeLikes.add(element.id);\n\n          if (!this.embedsValidationStatus.has(element.id)) {\n            updated = true;\n            const validated = (0,_excalidraw_element_embeddable__WEBPACK_IMPORTED_MODULE_18__.embeddableURLValidator)(element.link, this.props.validateEmbeddable);\n            this.updateEmbedValidationStatus(element, validated);\n          }\n        } else if ((0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isIframeElement)(element)) {\n          iframeLikes.add(element.id);\n        }\n\n        return false;\n      });\n\n      if (updated) {\n        this.scene.triggerUpdate();\n      } // GC\n\n\n      this.iFrameRefs.forEach((ref, id) => {\n        if (!iframeLikes.has(id)) {\n          this.iFrameRefs.delete(id);\n        }\n      });\n    };\n\n    this.getFrameNameDOMId = frameElement => {\n      return `${this.id}-frame-name-${frameElement.id}`;\n    };\n\n    this.frameNameBoundsCache = {\n      get: frameElement => {\n        let bounds = this.frameNameBoundsCache._cache.get(frameElement.id);\n\n        if (!bounds || bounds.zoom !== this.state.zoom.value || bounds.versionNonce !== frameElement.versionNonce) {\n          const frameNameDiv = document.getElementById(this.getFrameNameDOMId(frameElement));\n\n          if (frameNameDiv) {\n            const box = frameNameDiv.getBoundingClientRect();\n            const boxSceneTopLeft = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.viewportCoordsToSceneCoords)({\n              clientX: box.x,\n              clientY: box.y\n            }, this.state);\n            const boxSceneBottomRight = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.viewportCoordsToSceneCoords)({\n              clientX: box.right,\n              clientY: box.bottom\n            }, this.state);\n            bounds = {\n              x: boxSceneTopLeft.x,\n              y: boxSceneTopLeft.y,\n              width: boxSceneBottomRight.x - boxSceneTopLeft.x,\n              height: boxSceneBottomRight.y - boxSceneTopLeft.y,\n              angle: 0,\n              zoom: this.state.zoom.value,\n              versionNonce: frameElement.versionNonce\n            };\n\n            this.frameNameBoundsCache._cache.set(frameElement.id, bounds);\n\n            return bounds;\n          }\n\n          return null;\n        }\n\n        return bounds;\n      },\n\n      /**\r\n       * @private\r\n       */\n      _cache: new Map()\n    };\n\n    this.resetEditingFrame = frame => {\n      var _a;\n\n      if (frame) {\n        (0,_excalidraw_element_mutateElement__WEBPACK_IMPORTED_MODULE_12__.mutateElement)(frame, {\n          name: ((_a = frame.name) === null || _a === void 0 ? void 0 : _a.trim()) || null\n        });\n      }\n\n      this.setState({\n        editingFrame: null\n      });\n    };\n\n    this.renderFrameNames = () => {\n      if (!this.state.frameRendering.enabled || !this.state.frameRendering.name) {\n        if (this.state.editingFrame) {\n          this.resetEditingFrame(null);\n        }\n\n        return null;\n      }\n\n      const isDarkTheme = this.state.theme === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.THEME.DARK;\n      return this.scene.getNonDeletedFramesLikes().map(f => {\n        var _a, _b;\n\n        if (!(0,_excalidraw_element_sizeHelpers__WEBPACK_IMPORTED_MODULE_16__.isElementInViewport)(f, this.canvas.width / window.devicePixelRatio, this.canvas.height / window.devicePixelRatio, {\n          offsetLeft: this.state.offsetLeft,\n          offsetTop: this.state.offsetTop,\n          scrollX: this.state.scrollX,\n          scrollY: this.state.scrollY,\n          zoom: this.state.zoom\n        }, this.scene.getNonDeletedElementsMap())) {\n          if (this.state.editingFrame === f.id) {\n            this.resetEditingFrame(f);\n          } // if frame not visible, don't render its name\n\n\n          return null;\n        }\n\n        const {\n          x: x1,\n          y: y1\n        } = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.sceneCoordsToViewportCoords)({\n          sceneX: f.x,\n          sceneY: f.y\n        }, this.state);\n        const FRAME_NAME_EDIT_PADDING = 6;\n        let frameNameJSX;\n        const frameName = (0,_excalidraw_element_frame__WEBPACK_IMPORTED_MODULE_22__.getFrameLikeTitle)(f);\n\n        if (f.id === this.state.editingFrame) {\n          const frameNameInEdit = frameName;\n          frameNameJSX = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"input\", {\n            autoFocus: true,\n            value: frameNameInEdit,\n            onChange: e => {\n              (0,_excalidraw_element_mutateElement__WEBPACK_IMPORTED_MODULE_12__.mutateElement)(f, {\n                name: e.target.value\n              });\n            },\n            onFocus: e => e.target.select(),\n            onBlur: () => this.resetEditingFrame(f),\n            onKeyDown: event => {\n              // for some inexplicable reason, `onBlur` triggered on ESC\n              // does not reset `state.editingFrame` despite being called,\n              // and we need to reset it here as well\n              if (event.key === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.ESCAPE || event.key === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.ENTER) {\n                this.resetEditingFrame(f);\n              }\n            },\n            style: {\n              background: this.state.viewBackgroundColor,\n              filter: isDarkTheme ? _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.THEME_FILTER : \"none\",\n              zIndex: 2,\n              border: \"none\",\n              display: \"block\",\n              padding: `${FRAME_NAME_EDIT_PADDING}px`,\n              borderRadius: 4,\n              boxShadow: \"inset 0 0 0 2px var(--color-on-primary-container)\",\n              fontFamily: \"Assistant\",\n              fontSize: \"14px\",\n              transform: `translate(-${FRAME_NAME_EDIT_PADDING}px, ${FRAME_NAME_EDIT_PADDING}px)`,\n              color: \"var(--color-gray-80)\",\n              overflow: \"hidden\",\n              maxWidth: `${(0,_obsidianUtils__WEBPACK_IMPORTED_MODULE_100__.getExcalidrawContentEl)().clientWidth - x1 - FRAME_NAME_EDIT_PADDING //zsviczian was document.body\n              }px`\n            },\n            size: frameNameInEdit.length + 1 || 1,\n            dir: \"auto\",\n            autoComplete: \"off\",\n            autoCapitalize: \"off\",\n            autoCorrect: \"off\"\n          });\n        } else {\n          frameNameJSX = frameName;\n        }\n\n        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n          id: this.getFrameNameDOMId(f),\n          key: f.id,\n          style: {\n            position: \"absolute\",\n            // Positioning from bottom so that we don't to either\n            // calculate text height or adjust using transform (which)\n            // messes up input position when editing the frame name.\n            // This makes the positioning deterministic and we can calculate\n            // the same position when rendering to canvas / svg.\n            bottom: `${this.state.height + _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.FRAME_STYLE.nameOffsetY - y1 + this.state.offsetTop}px`,\n            left: `${x1 - this.state.offsetLeft}px`,\n            zIndex: 2,\n            fontSize: _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.FRAME_STYLE.nameFontSize,\n            color: (_b = (_a = this.state.frameColor) === null || _a === void 0 ? void 0 : _a.nameColor) !== null && _b !== void 0 ? _b : isDarkTheme //zsviczian\n            ? _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.FRAME_STYLE.nameColorDarkTheme : _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.FRAME_STYLE.nameColorLightTheme,\n            lineHeight: _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.FRAME_STYLE.nameLineHeight,\n            width: \"max-content\",\n            maxWidth: `${f.width}px`,\n            overflow: f.id === this.state.editingFrame ? \"visible\" : \"hidden\",\n            whiteSpace: \"nowrap\",\n            textOverflow: \"ellipsis\",\n            cursor: _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.CURSOR_TYPE.MOVE,\n            pointerEvents: this.state.viewModeEnabled ? _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.POINTER_EVENTS.disabled : _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.POINTER_EVENTS.enabled\n          },\n          onPointerDown: event => this.handleCanvasPointerDown(event),\n          onWheel: event => this.handleWheel(event),\n          onContextMenu: this.handleCanvasContextMenu,\n          onDoubleClick: () => {\n            this.setState({\n              editingFrame: f.id\n            });\n          }\n        }, frameNameJSX);\n      });\n    };\n\n    this.focusContainer = () => {\n      var _a;\n\n      (_a = this.excalidrawContainerRef.current) === null || _a === void 0 ? void 0 : _a.focus();\n    };\n\n    this.getSceneElementsIncludingDeleted = () => {\n      return this.scene.getElementsIncludingDeleted();\n    };\n\n    this.getSceneElements = () => {\n      return this.scene.getNonDeletedElements();\n    };\n\n    this.onInsertElements = elements => {\n      this.addElementsFromPasteOrLibrary({\n        elements,\n        position: \"center\",\n        files: null\n      });\n    };\n\n    this.onExportImage = async (type, elements, opts) => {\n      (0,_analytics__WEBPACK_IMPORTED_MODULE_51__.trackEvent)(\"export\", type, \"ui\");\n      const fileHandle = await (0,_data__WEBPACK_IMPORTED_MODULE_55__.exportCanvas)(type, elements, this.state, this.files, {\n        exportBackground: this.state.exportBackground,\n        name: this.getName(),\n        viewBackgroundColor: this.state.viewBackgroundColor,\n        exportingFrame: opts.exportingFrame\n      }).catch(_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.muteFSAbortError).catch(error => {\n        console.error(error);\n        this.setState({\n          errorMessage: error.message\n        });\n      });\n\n      if (this.state.exportEmbedScene && fileHandle && (0,_data_blob__WEBPACK_IMPORTED_MODULE_64__.isImageFileHandle)(fileHandle)) {\n        this.setState({\n          fileHandle\n        });\n      }\n    };\n\n    this.magicGenerations = new Map();\n\n    this.updateMagicGeneration = ({\n      frameElement,\n      data\n    }) => {\n      if (data.status === \"pending\") {\n        // We don't wanna persist pending state to storage. It should be in-app\n        // state only.\n        // Thus reset so that we prefer local cache (if there was some\n        // generationData set previously)\n        (0,_excalidraw_element_mutateElement__WEBPACK_IMPORTED_MODULE_12__.mutateElement)(frameElement, {\n          customData: {\n            generationData: undefined\n          }\n        }, false);\n      } else {\n        (0,_excalidraw_element_mutateElement__WEBPACK_IMPORTED_MODULE_12__.mutateElement)(frameElement, {\n          customData: {\n            generationData: data\n          }\n        }, false);\n      }\n\n      this.magicGenerations.set(frameElement.id, data);\n      this.triggerRender();\n    };\n\n    this.plugins = {};\n\n    this.onMagicframeToolSelect = () => {\n      const selectedElements = this.scene.getSelectedElements({\n        selectedElementIds: this.state.selectedElementIds\n      });\n\n      if (selectedElements.length === 0) {\n        this.setActiveTool({\n          type: _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.TOOL_TYPE.magicframe\n        });\n        (0,_analytics__WEBPACK_IMPORTED_MODULE_51__.trackEvent)(\"ai\", \"tool-select (empty-selection)\", \"d2c\");\n      } else {\n        const selectedMagicFrame = selectedElements.length === 1 && (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isMagicFrameElement)(selectedElements[0]) && selectedElements[0]; // case: user selected elements containing frame-like(s) or are frame\n        // members, we don't want to wrap into another magicframe\n        // (unless the only selected element is a magic frame which we reuse)\n\n        if (!selectedMagicFrame && selectedElements.some(el => (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isFrameLikeElement)(el) || el.frameId)) {\n          this.setActiveTool({\n            type: _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.TOOL_TYPE.magicframe\n          });\n          return;\n        }\n\n        (0,_analytics__WEBPACK_IMPORTED_MODULE_51__.trackEvent)(\"ai\", \"tool-select (existing selection)\", \"d2c\");\n        let frame;\n\n        if (selectedMagicFrame) {\n          // a single magicframe already selected -> use it\n          frame = selectedMagicFrame;\n        } else {\n          // selected elements aren't wrapped in magic frame yet -> wrap now\n          const [minX, minY, maxX, maxY] = (0,_excalidraw_element_bounds__WEBPACK_IMPORTED_MODULE_9__.getCommonBounds)(selectedElements);\n          const padding = 50;\n          frame = (0,_excalidraw_element_newElement__WEBPACK_IMPORTED_MODULE_13__.newMagicFrameElement)(Object.assign(Object.assign({}, _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.FRAME_STYLE), {\n            x: minX - padding,\n            y: minY - padding,\n            width: maxX - minX + padding * 2,\n            height: maxY - minY + padding * 2,\n            opacity: 100,\n            locked: false\n          }));\n          this.scene.insertElement(frame);\n\n          for (const child of selectedElements) {\n            (0,_excalidraw_element_mutateElement__WEBPACK_IMPORTED_MODULE_12__.mutateElement)(child, {\n              frameId: frame.id\n            });\n          }\n\n          this.setState({\n            selectedElementIds: {\n              [frame.id]: true\n            }\n          });\n        }\n\n        this.onMagicFrameGenerate(frame, \"upstream\");\n      }\n    };\n\n    this.openEyeDropper = ({\n      type\n    }) => {\n      _editor_jotai__WEBPACK_IMPORTED_MODULE_68__.editorJotaiStore.set(_EyeDropper__WEBPACK_IMPORTED_MODULE_87__.activeEyeDropperAtom, {\n        swapPreviewOnAlt: true,\n        colorPickerType: type === \"stroke\" ? \"elementStroke\" : \"elementBackground\",\n        onSelect: (color, event) => {\n          const shouldUpdateStrokeColor = type === \"background\" && event.altKey || type === \"stroke\" && !event.altKey;\n          const selectedElements = this.scene.getSelectedElements(this.state);\n\n          if (!selectedElements.length || this.state.activeTool.type !== \"selection\") {\n            if (shouldUpdateStrokeColor) {\n              this.syncActionResult({\n                appState: Object.assign(Object.assign({}, this.state), {\n                  currentItemStrokeColor: color\n                }),\n                captureUpdate: _store__WEBPACK_IMPORTED_MODULE_76__.CaptureUpdateAction.IMMEDIATELY\n              });\n            } else {\n              this.syncActionResult({\n                appState: Object.assign(Object.assign({}, this.state), {\n                  currentItemBackgroundColor: color\n                }),\n                captureUpdate: _store__WEBPACK_IMPORTED_MODULE_76__.CaptureUpdateAction.IMMEDIATELY\n              });\n            }\n          } else {\n            this.updateScene({\n              elements: this.scene.getElementsIncludingDeleted().map(el => {\n                if (this.state.selectedElementIds[el.id]) {\n                  return (0,_excalidraw_element_mutateElement__WEBPACK_IMPORTED_MODULE_12__.newElementWith)(el, {\n                    [shouldUpdateStrokeColor ? \"strokeColor\" : \"backgroundColor\"]: color\n                  });\n                }\n\n                return el;\n              }),\n              captureUpdate: _store__WEBPACK_IMPORTED_MODULE_76__.CaptureUpdateAction.IMMEDIATELY\n            });\n          }\n        },\n        keepOpenOnAlt: false\n      });\n    };\n\n    this.dismissLinearEditor = () => {\n      setTimeout(() => {\n        this.setState({\n          editingLinearElement: null\n        });\n      });\n    };\n\n    this.syncActionResult = (0,_reactUtils__WEBPACK_IMPORTED_MODULE_78__.withBatchedUpdates)(actionResult => {\n      var _a, _b, _c, _d, _e, _f, _g, _h;\n\n      if (this.unmounted || actionResult === false) {\n        return;\n      }\n\n      if (actionResult.captureUpdate === _store__WEBPACK_IMPORTED_MODULE_76__.CaptureUpdateAction.NEVER) {\n        this.store.shouldUpdateSnapshot();\n      } else if (actionResult.captureUpdate === _store__WEBPACK_IMPORTED_MODULE_76__.CaptureUpdateAction.IMMEDIATELY) {\n        this.store.shouldCaptureIncrement();\n      }\n\n      let didUpdate = false;\n      let editingTextElement = null;\n\n      if (actionResult.elements) {\n        this.scene.replaceAllElements(actionResult.elements);\n        didUpdate = true;\n      }\n\n      if (actionResult.files) {\n        this.addMissingFiles(actionResult.files, actionResult.replaceFiles);\n        this.addNewImagesToImageCache();\n      }\n\n      if (actionResult.appState || editingTextElement || this.state.contextMenu) {\n        let viewModeEnabled = ((_a = actionResult === null || actionResult === void 0 ? void 0 : actionResult.appState) === null || _a === void 0 ? void 0 : _a.viewModeEnabled) || false;\n        let zenModeEnabled = ((_b = actionResult === null || actionResult === void 0 ? void 0 : actionResult.appState) === null || _b === void 0 ? void 0 : _b.zenModeEnabled) || false;\n        const theme = ((_c = actionResult === null || actionResult === void 0 ? void 0 : actionResult.appState) === null || _c === void 0 ? void 0 : _c.theme) || this.props.theme || _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.THEME.LIGHT;\n        const name = (_e = (_d = actionResult === null || actionResult === void 0 ? void 0 : actionResult.appState) === null || _d === void 0 ? void 0 : _d.name) !== null && _e !== void 0 ? _e : this.state.name;\n        const errorMessage = (_g = (_f = actionResult === null || actionResult === void 0 ? void 0 : actionResult.appState) === null || _f === void 0 ? void 0 : _f.errorMessage) !== null && _g !== void 0 ? _g : this.state.errorMessage;\n\n        if (typeof this.props.viewModeEnabled !== \"undefined\") {\n          viewModeEnabled = this.props.viewModeEnabled;\n        }\n\n        if (typeof this.props.zenModeEnabled !== \"undefined\") {\n          zenModeEnabled = this.props.zenModeEnabled;\n        }\n\n        editingTextElement = ((_h = actionResult.appState) === null || _h === void 0 ? void 0 : _h.editingTextElement) || null; // make sure editingTextElement points to latest element reference\n\n        if (actionResult.elements && editingTextElement) {\n          actionResult.elements.forEach(element => {\n            if ((editingTextElement === null || editingTextElement === void 0 ? void 0 : editingTextElement.id) === element.id && editingTextElement !== element && (0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_37__.isNonDeletedElement)(element) && (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isTextElement)(element)) {\n              editingTextElement = element;\n            }\n          });\n        }\n\n        if (editingTextElement === null || editingTextElement === void 0 ? void 0 : editingTextElement.isDeleted) {\n          editingTextElement = null;\n        }\n\n        this.setState(prevAppState => {\n          const actionAppState = actionResult.appState || {};\n          return Object.assign(Object.assign(Object.assign({}, prevAppState), actionAppState), {\n            // NOTE this will prevent opening context menu using an action\n            // or programmatically from the host, so it will need to be\n            // rewritten later\n            contextMenu: null,\n            editingTextElement,\n            viewModeEnabled,\n            zenModeEnabled,\n            theme,\n            name,\n            errorMessage\n          });\n        });\n        didUpdate = true;\n      }\n\n      if (!didUpdate && actionResult.captureUpdate !== _store__WEBPACK_IMPORTED_MODULE_76__.CaptureUpdateAction.EVENTUALLY) {\n        this.scene.triggerUpdate();\n      }\n    }); // Lifecycle\n\n    this.onBlur = (0,_reactUtils__WEBPACK_IMPORTED_MODULE_78__.withBatchedUpdates)(() => {\n      isHoldingSpace = false;\n      this.setState({\n        isBindingEnabled: true\n      });\n    });\n\n    this.onUnload = () => {\n      this.onBlur();\n    };\n\n    this.disableEvent = event => {\n      event.preventDefault();\n    };\n\n    this.resetHistory = () => {\n      this.history.clear();\n    };\n\n    this.resetStore = () => {\n      this.store.clear();\n    };\n    /**\r\n     * Resets scene & history.\r\n     * ! Do not use to clear scene user action !\r\n     */\n\n\n    this.resetScene = (0,_reactUtils__WEBPACK_IMPORTED_MODULE_78__.withBatchedUpdates)(opts => {\n      this.scene.replaceAllElements([]);\n      this.setState(state => Object.assign(Object.assign({}, (0,_appState__WEBPACK_IMPORTED_MODULE_53__.getDefaultAppState)()), {\n        isLoading: (opts === null || opts === void 0 ? void 0 : opts.resetLoadingState) ? false : state.isLoading,\n        theme: this.state.theme\n      }));\n      this.resetStore();\n      this.resetHistory();\n    });\n\n    this.initializeScene = async () => {\n      var _a;\n\n      if (\"launchQueue\" in window && \"LaunchParams\" in window) {\n        window.launchQueue.setConsumer(async launchParams => {\n          if (!launchParams.files.length) {\n            return;\n          }\n\n          const fileHandle = launchParams.files[0];\n          const blob = await fileHandle.getFile();\n          this.loadFileToCanvas(new File([blob], blob.name || \"\", {\n            type: blob.type\n          }), fileHandle);\n        });\n      }\n\n      if (this.props.theme) {\n        this.setState({\n          theme: this.props.theme\n        });\n      }\n\n      if (!this.state.isLoading) {\n        this.setState({\n          isLoading: true\n        });\n      }\n\n      let initialData = null;\n\n      try {\n        if (typeof this.props.initialData === \"function\") {\n          initialData = (await this.props.initialData()) || null;\n        } else {\n          initialData = (await this.props.initialData) || null;\n        }\n\n        if (initialData === null || initialData === void 0 ? void 0 : initialData.libraryItems) {\n          this.library.updateLibrary({\n            libraryItems: initialData.libraryItems,\n            merge: true\n          }).catch(error => {\n            console.error(error);\n          });\n        }\n      } catch (error) {\n        console.error(error);\n        initialData = {\n          appState: {\n            errorMessage: error.message || \"Encountered an error during importing or restoring scene data\"\n          }\n        };\n      }\n\n      const scene = (0,_data_restore__WEBPACK_IMPORTED_MODULE_57__.restore)(initialData, null, null, {\n        repairBindings: true\n      });\n      scene.appState = Object.assign(Object.assign({}, scene.appState), {\n        theme: this.props.theme || scene.appState.theme,\n        // we're falling back to current (pre-init) state when deciding\n        // whether to open the library, to handle a case where we\n        // update the state outside of initialData (e.g. when loading the app\n        // with a library install link, which should auto-open the library)\n        openSidebar: ((_a = scene.appState) === null || _a === void 0 ? void 0 : _a.openSidebar) || this.state.openSidebar,\n        activeTool: scene.appState.activeTool.type === \"image\" ? Object.assign(Object.assign({}, scene.appState.activeTool), {\n          type: \"selection\"\n        }) : scene.appState.activeTool,\n        isLoading: false,\n        toast: this.state.toast\n      });\n\n      if (initialData === null || initialData === void 0 ? void 0 : initialData.scrollToContent) {\n        scene.appState = Object.assign(Object.assign({}, scene.appState), (0,_scene__WEBPACK_IMPORTED_MODULE_61__.calculateScrollCenter)(scene.elements, Object.assign(Object.assign({}, scene.appState), {\n          width: this.state.width,\n          height: this.state.height,\n          offsetTop: this.state.offsetTop,\n          offsetLeft: this.state.offsetLeft\n        })));\n      }\n\n      this.resetStore();\n      this.resetHistory();\n      this.syncActionResult(Object.assign(Object.assign({}, scene), {\n        captureUpdate: _store__WEBPACK_IMPORTED_MODULE_76__.CaptureUpdateAction.NEVER\n      })); // clear the shape and image cache so that any images in initialData\n      // can be loaded fresh\n\n      this.clearImageShapeCache(); // manually loading the font faces seems faster even in browsers that do fire the loadingdone event\n\n      this.fonts.loadSceneFonts().then(fontFaces => {\n        this.fonts.onLoaded(fontFaces);\n      });\n\n      if ((0,_excalidraw_element_elementLink__WEBPACK_IMPORTED_MODULE_27__.isElementLink)(window.location.href)) {\n        this.scrollToContent(window.location.href, {\n          animate: false\n        });\n      }\n    };\n\n    this.isMobileBreakpoint = (width, height) => {\n      return width !== 0 && //zsviczian changing tabs in Obsidian causes MobileMenu to be rendered\n      this.allowMobileMode && ( //zsviczian\n      width < _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.MQ_MAX_WIDTH_PORTRAIT || height < _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.MQ_MAX_HEIGHT_LANDSCAPE && width < _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.MQ_MAX_WIDTH_LANDSCAPE);\n    };\n\n    this.refreshViewportBreakpoints = () => {\n      const container = this.excalidrawContainerRef.current;\n\n      if (!container) {\n        return;\n      }\n\n      const {\n        clientWidth: viewportWidth,\n        clientHeight: viewportHeight\n      } = (0,_obsidianUtils__WEBPACK_IMPORTED_MODULE_100__.getExcalidrawContentEl)(); //zsviczian was document.body;\n\n      const prevViewportState = this.device.viewport;\n      const nextViewportState = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.updateObject)(prevViewportState, {\n        isLandscape: viewportWidth > viewportHeight,\n        isMobile: this.isMobileBreakpoint(viewportWidth, viewportHeight)\n      });\n\n      if (prevViewportState !== nextViewportState) {\n        this.device = Object.assign(Object.assign({}, this.device), {\n          viewport: nextViewportState\n        });\n        return true;\n      }\n\n      return false;\n    };\n\n    this.refreshEditorBreakpoints = () => {\n      const container = this.excalidrawContainerRef.current;\n\n      if (!container) {\n        return;\n      }\n\n      const {\n        width: editorWidth,\n        height: editorHeight\n      } = container.getBoundingClientRect();\n      const sidebarBreakpoint = this.props.UIOptions.dockedSidebarBreakpoint != null ? this.props.UIOptions.dockedSidebarBreakpoint : _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.MQ_RIGHT_SIDEBAR_MIN_WIDTH;\n      const prevEditorState = this.device.editor;\n      const nextEditorState = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.updateObject)(prevEditorState, {\n        isMobile: this.isMobileBreakpoint(editorWidth, editorHeight),\n        canFitSidebar: editorWidth > sidebarBreakpoint\n      });\n\n      if (prevEditorState !== nextEditorState) {\n        this.device = Object.assign(Object.assign({}, this.device), {\n          editor: nextEditorState\n        });\n        return true;\n      }\n\n      return false;\n    };\n\n    this.onResize = (0,_reactUtils__WEBPACK_IMPORTED_MODULE_78__.withBatchedUpdates)(() => {\n      this.scene.getElementsIncludingDeleted().forEach(element => _excalidraw_element_ShapeCache__WEBPACK_IMPORTED_MODULE_29__.ShapeCache.delete(element));\n      this.refreshViewportBreakpoints();\n      this.updateDOMRect();\n\n      if (!_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.supportsResizeObserver) {\n        this.refreshEditorBreakpoints();\n      }\n\n      this.setState({});\n    });\n    /** generally invoked only if fullscreen was invoked programmatically */\n\n    this.onFullscreenChange = () => {\n      var _a;\n\n      if ( // points to the iframe element we fullscreened\n      !document.fullscreenElement && ((_a = this.state.activeEmbeddable) === null || _a === void 0 ? void 0 : _a.state) === \"active\") {\n        this.setState({\n          activeEmbeddable: null\n        });\n      }\n    };\n\n    this.renderInteractiveSceneCallback = ({\n      atLeastOneVisibleElement,\n      scrollBars,\n      elementsMap\n    }) => {\n      if (!document.querySelector(\".excalidraw\")) {\n        return;\n      } //zsviczian - address issue when moving excalidraw to a new window/document\n\n\n      if (scrollBars) {\n        currentScrollBars = scrollBars;\n      }\n\n      const scrolledOutside = // hide when editing text\n      this.state.editingTextElement ? false : !atLeastOneVisibleElement && elementsMap.size > 0;\n\n      if (this.state.scrolledOutside !== scrolledOutside) {\n        this.setState({\n          scrolledOutside\n        });\n      }\n\n      this.scheduleImageRefresh();\n    };\n\n    this.onScroll = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.debounce)(() => {\n      const {\n        offsetTop,\n        offsetLeft\n      } = this.getCanvasOffsets();\n      this.setState(state => {\n        if (state.offsetLeft === offsetLeft && state.offsetTop === offsetTop) {\n          return null;\n        }\n\n        return {\n          offsetTop,\n          offsetLeft\n        };\n      });\n    }, _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.SCROLL_TIMEOUT); // Copy/paste\n\n    this.onCut = (0,_reactUtils__WEBPACK_IMPORTED_MODULE_78__.withBatchedUpdates)(event => {\n      var _a;\n\n      const isExcalidrawActive = (_a = this.excalidrawContainerRef.current) === null || _a === void 0 ? void 0 : _a.contains(document.activeElement);\n\n      if (!isExcalidrawActive || (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.isWritableElement)(event.target)) {\n        return;\n      }\n\n      this.actionManager.executeAction(_actions__WEBPACK_IMPORTED_MODULE_38__.actionCut, \"keyboard\", event);\n      event.preventDefault();\n      event.stopPropagation();\n    });\n    this.onCopy = (0,_reactUtils__WEBPACK_IMPORTED_MODULE_78__.withBatchedUpdates)(event => {\n      var _a;\n\n      const isExcalidrawActive = (_a = this.excalidrawContainerRef.current) === null || _a === void 0 ? void 0 : _a.contains(document.activeElement);\n\n      if (!isExcalidrawActive || (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.isWritableElement)(event.target)) {\n        return;\n      }\n\n      this.actionManager.executeAction(_actions__WEBPACK_IMPORTED_MODULE_38__.actionCopy, \"keyboard\", event);\n      event.preventDefault();\n      event.stopPropagation();\n    });\n\n    this.onTouchStart = event => {\n      // fix for Apple Pencil Scribble (do not prevent for other devices)\n      if (_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.isIOS) {\n        event.preventDefault();\n      }\n\n      if (!didTapTwice) {\n        didTapTwice = true;\n        clearTimeout(tappedTwiceTimer);\n        tappedTwiceTimer = window.setTimeout(App.resetTapTwice, _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.TAP_TWICE_TIMEOUT);\n        return;\n      } // insert text only if we tapped twice with a single finger\n      // event.touches.length === 1 will also prevent inserting text when user's zooming\n\n\n      if (didTapTwice && event.touches.length === 1) {\n        const touch = event.touches[0]; // @ts-ignore\n\n        this.handleCanvasDoubleClick({\n          clientX: touch.clientX,\n          clientY: touch.clientY\n        });\n        didTapTwice = false;\n        clearTimeout(tappedTwiceTimer);\n      }\n\n      if (event.touches.length === 2) {\n        this.setState({\n          selectedElementIds: (0,_excalidraw_element_selection__WEBPACK_IMPORTED_MODULE_33__.makeNextSelectedElementIds)({}, this.state),\n          activeEmbeddable: null\n        });\n      }\n    };\n\n    this.onTouchEnd = event => {\n      this.resetContextMenuTimer();\n\n      if (event.touches.length > 0) {\n        this.setState({\n          previousSelectedElementIds: {},\n          selectedElementIds: (0,_excalidraw_element_selection__WEBPACK_IMPORTED_MODULE_33__.makeNextSelectedElementIds)(this.state.previousSelectedElementIds, this.state)\n        });\n      } else {\n        gesture.pointers.clear();\n      }\n    };\n\n    this.pasteFromClipboard = (0,_reactUtils__WEBPACK_IMPORTED_MODULE_78__.withBatchedUpdates)(async event => {\n      var _a, _b;\n\n      const isPlainPaste = !!IS_PLAIN_PASTE; // #686\n\n      const target = document.activeElement;\n      const isExcalidrawActive = (_a = this.excalidrawContainerRef.current) === null || _a === void 0 ? void 0 : _a.contains(target);\n\n      if (event && !isExcalidrawActive) {\n        return;\n      }\n\n      const elementUnderCursor = document.elementFromPoint(this.lastViewportPosition.x, this.lastViewportPosition.y);\n\n      if (event && (!(elementUnderCursor instanceof HTMLCanvasElement) || (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.isWritableElement)(target))) {\n        return;\n      }\n\n      const {\n        x: sceneX,\n        y: sceneY\n      } = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.viewportCoordsToSceneCoords)({\n        clientX: this.lastViewportPosition.x,\n        clientY: this.lastViewportPosition.y\n      }, this.state); // must be called in the same frame (thus before any awaits) as the paste\n      // event else some browsers (FF...) will clear the clipboardData\n      // (something something security)\n\n      let file = (_b = event === null || event === void 0 ? void 0 : event.clipboardData) === null || _b === void 0 ? void 0 : _b.files[0];\n      const data = await (0,_clipboard__WEBPACK_IMPORTED_MODULE_54__.parseClipboard)(event, isPlainPaste);\n\n      if (!file && !isPlainPaste) {\n        if (data.mixedContent) {\n          return this.addElementsFromMixedContentPaste(data.mixedContent, {\n            isPlainPaste,\n            sceneX,\n            sceneY\n          });\n        } else if (data.text) {\n          const string = data.text.trim();\n\n          if (string.startsWith(\"<svg\") && string.endsWith(\"</svg>\")) {\n            // ignore SVG validation/normalization which will be done during image\n            // initialization\n            file = (0,_data_blob__WEBPACK_IMPORTED_MODULE_64__.SVGStringToFile)(string);\n          }\n        }\n      } // prefer spreadsheet data over image file (MS Office/Libre Office)\n\n\n      if ((0,_data_blob__WEBPACK_IMPORTED_MODULE_64__.isSupportedImageFile)(file) && !data.spreadsheet) {\n        if (!this.isToolSupported(\"image\")) {\n          this.setState({\n            errorMessage: (0,_i18n__WEBPACK_IMPORTED_MODULE_60__.t)(\"errors.imageToolNotSupported\")\n          });\n          return;\n        }\n\n        const imageElement = this.createImageElement({\n          sceneX,\n          sceneY\n        });\n        this.insertImageElement(imageElement, file);\n        this.initializeImageDimensions(imageElement);\n        this.setState({\n          selectedElementIds: (0,_excalidraw_element_selection__WEBPACK_IMPORTED_MODULE_33__.makeNextSelectedElementIds)({\n            [imageElement.id]: true\n          }, this.state)\n        });\n        return;\n      }\n\n      if (this.props.onPaste) {\n        try {\n          if ((await this.props.onPaste(data, event)) === false) {\n            return;\n          }\n        } catch (error) {\n          console.error(error);\n        }\n      }\n\n      if (data.errorMessage) {\n        this.setState({\n          errorMessage: data.errorMessage\n        });\n      } else if (data.spreadsheet && !isPlainPaste) {\n        this.setState({\n          pasteDialog: {\n            data: data.spreadsheet,\n            shown: true\n          }\n        });\n      } else if (data.elements) {\n        const elements = data.programmaticAPI ? (0,_data_transform__WEBPACK_IMPORTED_MODULE_71__.convertToExcalidrawElements)(data.elements) : data.elements; // TODO remove formatting from elements if isPlainPaste\n\n        this.addElementsFromPasteOrLibrary({\n          elements,\n          files: data.files || null,\n          position: \"cursor\",\n          retainSeed: isPlainPaste\n        });\n      } else if (data.text) {\n        if (data.text && (0,_mermaid__WEBPACK_IMPORTED_MODULE_81__.isMaybeMermaidDefinition)(data.text)) {\n          const api = await Promise.resolve(/*! import() */).then(__webpack_require__.bind(__webpack_require__, /*! @zsviczian/mermaid-to-excalidraw */ \"../../node_modules/@zsviczian/mermaid-to-excalidraw/dist/index.js\"));\n\n          try {\n            const {\n              elements: skeletonElements,\n              files\n            } = await api.parseMermaidToExcalidraw(data.text);\n            const elements = (0,_data_transform__WEBPACK_IMPORTED_MODULE_71__.convertToExcalidrawElements)(skeletonElements, {\n              regenerateIds: true\n            });\n            this.addElementsFromPasteOrLibrary({\n              elements,\n              files,\n              position: \"cursor\"\n            });\n            return;\n          } catch (err) {\n            console.warn(`parsing pasted text as mermaid definition failed: ${err.message}`);\n          }\n        }\n\n        const nonEmptyLines = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.normalizeEOL)(data.text).split(/\\n+/).map(s => s.trim()).filter(Boolean);\n        const embbeddableUrls = nonEmptyLines.map(str => (0,_excalidraw_element_embeddable__WEBPACK_IMPORTED_MODULE_18__.maybeParseEmbedSrc)(str)).filter(string => {\n          var _a;\n\n          return (0,_excalidraw_element_embeddable__WEBPACK_IMPORTED_MODULE_18__.embeddableURLValidator)(string, this.props.validateEmbeddable) && (/^(http|https):\\/\\/[^\\s/$.?#].[^\\s]*$/.test(string) || ((_a = (0,_excalidraw_element_embeddable__WEBPACK_IMPORTED_MODULE_18__.getEmbedLink)(string)) === null || _a === void 0 ? void 0 : _a.type) === \"video\");\n        });\n\n        if (!IS_PLAIN_PASTE && embbeddableUrls.length > 0 && // if there were non-embeddable text (lines) mixed in with embeddable\n        // urls, ignore and paste as text\n        embbeddableUrls.length === nonEmptyLines.length) {\n          const embeddables = [];\n\n          for (const url of embbeddableUrls) {\n            const prevEmbeddable = embeddables[embeddables.length - 1];\n            const embeddable = this.insertEmbeddableElement({\n              sceneX: prevEmbeddable ? prevEmbeddable.x + prevEmbeddable.width + 20 : sceneX,\n              sceneY,\n              link: (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.normalizeLink)(url)\n            });\n\n            if (embeddable) {\n              embeddables.push(embeddable);\n            }\n          }\n\n          if (embeddables.length) {\n            this.setState({\n              selectedElementIds: Object.fromEntries(embeddables.map(embeddable => [embeddable.id, true]))\n            });\n          }\n\n          return;\n        }\n\n        this.addTextFromPaste(data.text, isPlainPaste);\n      }\n\n      this.setActiveTool({\n        type: \"selection\"\n      });\n      event === null || event === void 0 ? void 0 : event.preventDefault();\n    });\n\n    this.addElementsFromPasteOrLibrary = opts => {\n      var _a, _b;\n\n      const elements = (0,_data_restore__WEBPACK_IMPORTED_MODULE_57__.restoreElements)(opts.elements, null, undefined);\n      const [minX, minY, maxX, maxY] = (0,_excalidraw_element_bounds__WEBPACK_IMPORTED_MODULE_9__.getCommonBounds)(elements);\n      const elementsCenterX = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.distance)(minX, maxX) / 2;\n      const elementsCenterY = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.distance)(minY, maxY) / 2;\n      const clientX = typeof opts.position === \"object\" ? opts.position.clientX : opts.position === \"cursor\" ? this.lastViewportPosition.x : this.state.width / 2 + this.state.offsetLeft;\n      const clientY = typeof opts.position === \"object\" ? opts.position.clientY : opts.position === \"cursor\" ? this.lastViewportPosition.y : this.state.height / 2 + this.state.offsetTop;\n      const {\n        x,\n        y\n      } = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.viewportCoordsToSceneCoords)({\n        clientX,\n        clientY\n      }, this.state);\n      const dx = x - elementsCenterX;\n      const dy = y - elementsCenterY;\n      const [gridX, gridY] = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.getGridPoint)(dx, dy, this.getEffectiveGridSize());\n      const {\n        newElements\n      } = (0,_excalidraw_element_duplicate__WEBPACK_IMPORTED_MODULE_14__.duplicateElements)({\n        type: \"everything\",\n        elements: elements.map(element => {\n          return (0,_excalidraw_element_mutateElement__WEBPACK_IMPORTED_MODULE_12__.newElementWith)(element, {\n            x: element.x + gridX - minX,\n            y: element.y + gridY - minY\n          });\n        }),\n        randomizeSeed: !opts.retainSeed\n      });\n      const prevElements = this.scene.getElementsIncludingDeleted();\n      let nextElements = [...prevElements, ...newElements];\n      const mappedNewSceneElements = (_b = (_a = this.props).onDuplicate) === null || _b === void 0 ? void 0 : _b.call(_a, nextElements, prevElements);\n      nextElements = mappedNewSceneElements || nextElements;\n      (0,_excalidraw_element_fractionalIndex__WEBPACK_IMPORTED_MODULE_32__.syncMovedIndices)(nextElements, (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.arrayToMap)(newElements));\n      const topLayerFrame = this.getTopLayerFrameAtSceneCoords({\n        x,\n        y\n      });\n\n      if (topLayerFrame) {\n        const eligibleElements = (0,_excalidraw_element_frame__WEBPACK_IMPORTED_MODULE_22__.filterElementsEligibleAsFrameChildren)(newElements, topLayerFrame);\n        (0,_excalidraw_element_frame__WEBPACK_IMPORTED_MODULE_22__.addElementsToFrame)(nextElements, eligibleElements, topLayerFrame, this.state);\n      }\n\n      this.scene.replaceAllElements(nextElements);\n      newElements.forEach(newElement => {\n        if ((0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isTextElement)(newElement) && (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isBoundToContainer)(newElement)) {\n          const container = (0,_excalidraw_element_textElement__WEBPACK_IMPORTED_MODULE_20__.getContainerElement)(newElement, this.scene.getElementsMapIncludingDeleted());\n          (0,_excalidraw_element_textElement__WEBPACK_IMPORTED_MODULE_20__.redrawTextBoundingBox)(newElement, container, this.scene.getElementsMapIncludingDeleted());\n        }\n      }); // paste event may not fire FontFace loadingdone event in Safari, hence loading font faces manually\n\n      if (true) {\n        //zsviczian - isSafari\n        _fonts__WEBPACK_IMPORTED_MODULE_67__.Fonts.loadElementsFonts(newElements).then(fontFaces => {\n          this.fonts.onLoaded(fontFaces);\n        });\n      }\n\n      if (opts.files) {\n        this.addMissingFiles(opts.files);\n      }\n\n      this.store.shouldCaptureIncrement();\n      const nextElementsToSelect = (0,_excalidraw_element_selection__WEBPACK_IMPORTED_MODULE_33__.excludeElementsInFramesFromSelection)(newElements);\n      this.setState(Object.assign(Object.assign(Object.assign({}, this.state), {\n        // keep sidebar (presumably the library) open if it's docked and\n        // can fit.\n        //\n        // Note, we should close the sidebar only if we're dropping items\n        // from library, not when pasting from clipboard. Alas.\n        openSidebar: this.state.openSidebar && this.device.editor.canFitSidebar && _editor_jotai__WEBPACK_IMPORTED_MODULE_68__.editorJotaiStore.get(_Sidebar_Sidebar__WEBPACK_IMPORTED_MODULE_93__.isSidebarDockedAtom) ? this.state.openSidebar : null\n      }), (0,_excalidraw_element_groups__WEBPACK_IMPORTED_MODULE_31__.selectGroupsForSelectedElements)({\n        editingGroupId: null,\n        selectedElementIds: nextElementsToSelect.reduce((acc, element) => {\n          if (!(0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isBoundToContainer)(element)) {\n            acc[element.id] = true;\n          }\n\n          return acc;\n        }, {})\n      }, this.scene.getNonDeletedElements(), this.state, this)), () => {\n        if (opts.files) {\n          this.addNewImagesToImageCache();\n        }\n      });\n      this.setActiveTool({\n        type: \"selection\"\n      });\n\n      if (opts.fitToContent) {\n        this.scrollToContent(newElements, {\n          fitToContent: true,\n          canvasOffsets: this.getEditorUIOffsets()\n        });\n      }\n    };\n\n    this.setAppState = (state, callback) => {\n      this.setState(state, callback);\n    };\n\n    this.removePointer = event => {\n      if (touchTimeout) {\n        this.resetContextMenuTimer();\n      }\n\n      gesture.pointers.delete(event.pointerId);\n    };\n\n    this.toggleLock = (source = \"ui\") => {\n      if (!this.state.activeTool.locked) {\n        (0,_analytics__WEBPACK_IMPORTED_MODULE_51__.trackEvent)(\"toolbar\", \"toggleLock\", `${source} (${this.device.editor.isMobile ? \"mobile\" : \"desktop\"})`);\n      }\n\n      this.setState(prevState => {\n        return {\n          activeTool: Object.assign(Object.assign(Object.assign({}, prevState.activeTool), (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.updateActiveTool)(this.state, prevState.activeTool.locked ? {\n            type: \"selection\"\n          } : prevState.activeTool)), {\n            locked: !prevState.activeTool.locked\n          })\n        };\n      });\n    };\n\n    this.updateFrameRendering = opts => {\n      this.setState(prevState => {\n        var _a, _b, _c, _d;\n\n        const next = typeof opts === \"function\" ? opts(prevState.frameRendering) : opts;\n        return {\n          frameRendering: {\n            enabled: (_a = next === null || next === void 0 ? void 0 : next.enabled) !== null && _a !== void 0 ? _a : prevState.frameRendering.enabled,\n            clip: (_b = next === null || next === void 0 ? void 0 : next.clip) !== null && _b !== void 0 ? _b : prevState.frameRendering.clip,\n            name: (_c = next === null || next === void 0 ? void 0 : next.name) !== null && _c !== void 0 ? _c : prevState.frameRendering.name,\n            outline: (_d = next === null || next === void 0 ? void 0 : next.outline) !== null && _d !== void 0 ? _d : prevState.frameRendering.outline\n          }\n        };\n      });\n    };\n\n    this.togglePenMode = force => {\n      this.setState(prevState => {\n        return {\n          penMode: force !== null && force !== void 0 ? force : !prevState.penMode,\n          penDetected: true\n        };\n      });\n    };\n\n    this.onHandToolToggle = () => {\n      //zsviczian added timeout because button won't select otherwise\n      setTimeout(() => this.actionManager.executeAction(_actions_actionCanvas__WEBPACK_IMPORTED_MODULE_40__.actionToggleHandTool));\n    };\n    /**\r\n     * Zooms on canvas viewport center\r\n     */\n\n\n    this.zoomCanvas = (\n    /**\r\n     * Decimal fraction, auto-clamped between MIN_ZOOM and MAX_ZOOM.\r\n     * 1 = 100% zoom, 2 = 200% zoom, 0.5 = 50% zoom\r\n     */\n    value) => {\n      this.setState(Object.assign({}, (0,_scene_zoom__WEBPACK_IMPORTED_MODULE_63__.getStateForZoom)({\n        viewportX: this.state.width / 2 + this.state.offsetLeft,\n        viewportY: this.state.height / 2 + this.state.offsetTop,\n        nextZoom: (0,_scene__WEBPACK_IMPORTED_MODULE_61__.getNormalizedZoom)(value)\n      }, this.state)));\n    };\n\n    this.cancelInProgressAnimation = null;\n\n    this.scrollToContent = (\n    /**\r\n     * target to scroll to\r\n     *\r\n     * - string - id of element or group, or url containing elementLink\r\n     * - ExcalidrawElement | ExcalidrawElement[] - element(s) objects\r\n     */\n    target = this.scene.getNonDeletedElements(), opts) => {\n      var _a, _b, _c, _d;\n\n      if (typeof target === \"string\") {\n        let id;\n\n        if ((0,_excalidraw_element_elementLink__WEBPACK_IMPORTED_MODULE_27__.isElementLink)(target)) {\n          id = (0,_excalidraw_element_elementLink__WEBPACK_IMPORTED_MODULE_27__.parseElementLinkFromURL)(target);\n        } else {\n          id = target;\n        }\n\n        if (id) {\n          const elements = this.scene.getElementsFromId(id);\n\n          if (elements === null || elements === void 0 ? void 0 : elements.length) {\n            this.scrollToContent(elements, {\n              fitToContent: (_a = opts === null || opts === void 0 ? void 0 : opts.fitToContent) !== null && _a !== void 0 ? _a : true,\n              animate: (_b = opts === null || opts === void 0 ? void 0 : opts.animate) !== null && _b !== void 0 ? _b : true\n            });\n          } else if ((0,_excalidraw_element_elementLink__WEBPACK_IMPORTED_MODULE_27__.isElementLink)(target)) {\n            this.setState({\n              toast: {\n                message: (0,_i18n__WEBPACK_IMPORTED_MODULE_60__.t)(\"elementLink.notFound\"),\n                duration: 3000,\n                closable: true\n              }\n            });\n          }\n        }\n\n        return;\n      }\n\n      (_c = this.cancelInProgressAnimation) === null || _c === void 0 ? void 0 : _c.call(this); // convert provided target into ExcalidrawElement[] if necessary\n\n      const targetElements = Array.isArray(target) ? target : [target];\n      let zoom = this.state.zoom;\n      let scrollX = this.state.scrollX;\n      let scrollY = this.state.scrollY;\n\n      if ((opts === null || opts === void 0 ? void 0 : opts.fitToContent) || (opts === null || opts === void 0 ? void 0 : opts.fitToViewport)) {\n        const {\n          appState\n        } = (0,_actions_actionCanvas__WEBPACK_IMPORTED_MODULE_40__.zoomToFit)({\n          canvasOffsets: opts.canvasOffsets,\n          targetElements,\n          appState: this.state,\n          fitToViewport: !!(opts === null || opts === void 0 ? void 0 : opts.fitToViewport),\n          viewportZoomFactor: opts === null || opts === void 0 ? void 0 : opts.viewportZoomFactor,\n          minZoom: opts === null || opts === void 0 ? void 0 : opts.minZoom,\n          maxZoom: opts === null || opts === void 0 ? void 0 : opts.maxZoom\n        });\n        zoom = appState.zoom;\n        scrollX = appState.scrollX;\n        scrollY = appState.scrollY;\n      } else {\n        // compute only the viewport location, without any zoom adjustment\n        const scroll = (0,_scene__WEBPACK_IMPORTED_MODULE_61__.calculateScrollCenter)(targetElements, this.state);\n        scrollX = scroll.scrollX;\n        scrollY = scroll.scrollY;\n      } // when animating, we use RequestAnimationFrame to prevent the animation\n      // from slowing down other processes\n\n\n      if (opts === null || opts === void 0 ? void 0 : opts.animate) {\n        const origScrollX = this.state.scrollX;\n        const origScrollY = this.state.scrollY;\n        const origZoom = this.state.zoom.value;\n        const cancel = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.easeToValuesRAF)({\n          fromValues: {\n            scrollX: origScrollX,\n            scrollY: origScrollY,\n            zoom: origZoom\n          },\n          toValues: {\n            scrollX,\n            scrollY,\n            zoom: zoom.value\n          },\n          interpolateValue: (from, to, progress, key) => {\n            // for zoom, use different easing\n            if (key === \"zoom\") {\n              return from * Math.pow(to / from, (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.easeOut)(progress));\n            } // handle using default\n\n\n            return undefined;\n          },\n          onStep: ({\n            scrollX,\n            scrollY,\n            zoom\n          }) => {\n            this.setState({\n              scrollX,\n              scrollY,\n              zoom: {\n                value: zoom\n              }\n            });\n          },\n          onStart: () => {\n            this.setState({\n              shouldCacheIgnoreZoom: true\n            });\n          },\n          onEnd: () => {\n            this.setState({\n              shouldCacheIgnoreZoom: false\n            });\n          },\n          onCancel: () => {\n            this.setState({\n              shouldCacheIgnoreZoom: false\n            });\n          },\n          duration: (_d = opts === null || opts === void 0 ? void 0 : opts.duration) !== null && _d !== void 0 ? _d : 500\n        });\n\n        this.cancelInProgressAnimation = () => {\n          cancel();\n          this.cancelInProgressAnimation = null;\n        };\n      } else {\n        this.setState({\n          scrollX,\n          scrollY,\n          zoom\n        });\n      }\n    };\n\n    this.maybeUnfollowRemoteUser = () => {\n      if (this.state.userToFollow) {\n        this.setState({\n          userToFollow: null\n        });\n      }\n    };\n    /** use when changing scrollX/scrollY/zoom based on user interaction */\n\n\n    this.translateCanvas = state => {\n      var _a;\n\n      (_a = this.cancelInProgressAnimation) === null || _a === void 0 ? void 0 : _a.call(this);\n      this.maybeUnfollowRemoteUser();\n      this.setState(state);\n    }; //zsviczian\n\n\n    this.zoomToFit = (target = this.scene.getNonDeletedElements(), maxZoom, //null will zoom to max based on viewport\n    margin = 0.03) => {\n      if (typeof maxZoom === \"undefined\") {\n        //zsviczian\n        maxZoom = (0,_obsidianUtils__WEBPACK_IMPORTED_MODULE_100__.getMaxZoom)();\n      }\n\n      if (!target) {\n        target = this.scene.getNonDeletedElements();\n      }\n\n      if (target.length === 0) {\n        maxZoom = 1;\n      }\n\n      this.setState((0,_actions_actionCanvas__WEBPACK_IMPORTED_MODULE_40__.zoomToFitElements)(target, this.state, false, this, maxZoom, margin).appState);\n    }; //zsviczian\n\n\n    this.getColorAtScenePoint = ({\n      sceneX,\n      sceneY\n    }) => {\n      if (!this.canvas) {\n        console.error(\"Canvas not available\");\n        return null;\n      }\n\n      const {\n        x,\n        y\n      } = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.sceneCoordsToViewportCoords)({\n        sceneX,\n        sceneY\n      }, this.state);\n      const context = this.canvas.getContext(\"2d\");\n\n      if (!context) {\n        console.error(\"2D context not available\");\n        return null;\n      } // Get pixel data directly from the given scene coordinates\n\n\n      const pixelData = context.getImageData(x, y, 1, 1).data;\n      const [r, g, b, a] = pixelData; // Check for transparency\n\n      if (a === 0) {\n        return this.state.theme === \"light\" ? \"rgba(255,255,255,1)\" : \"rgba(0,0,0,1)\";\n      } // Return the color in rgba format\n\n\n      return `rgba(${r}, ${g}, ${b}, ${a / 255})`;\n    }; //zsviczian\n\n\n    this.startLineEditor = (el, selectedPointsIndices = null) => {\n      if (!el || !(0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isLinearElement)(el)) {\n        return;\n      }\n\n      const editingLinearElement = new _excalidraw_element_linearElementEditor__WEBPACK_IMPORTED_MODULE_11__.LinearElementEditor(el);\n      this.setState({\n        selectedLinearElement: editingLinearElement,\n        editingLinearElement: Object.assign(Object.assign({}, editingLinearElement), {\n          selectedPointsIndices\n        })\n      });\n    }; //zsviczian\n\n\n    this.updateContainerSize = (0,_reactUtils__WEBPACK_IMPORTED_MODULE_78__.withBatchedUpdates)(containers => {\n      containers.forEach(element => {\n        // Get absolute coordinates for the bottom-right corner\n        const [x1, y1, x2, y2] = (0,_excalidraw_element_bounds__WEBPACK_IMPORTED_MODULE_9__.getResizedElementAbsoluteCoords)(element, element.width, element.height, true); // Get rotated pointer position at bottom-right corner\n\n        const [pointerX, pointerY] = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.pointFrom)(x2, y2), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.pointFrom)((x1 + x2) / 2, (y1 + y2) / 2), element.angle);\n        const {\n          nextWidth,\n          nextHeight\n        } = (0,_excalidraw_element_resizeElements__WEBPACK_IMPORTED_MODULE_34__.getNextSingleWidthAndHeightFromPointer)(element, element, this.scene.getElementsMapIncludingDeleted(), this.scene.getElementsMapIncludingDeleted(), \"se\", pointerX, pointerY);\n        (0,_excalidraw_element_resizeElements__WEBPACK_IMPORTED_MODULE_34__.resizeSingleElement)(nextWidth, nextHeight, element, element, this.scene.getElementsMapIncludingDeleted(), this.scene.getElementsMapIncludingDeleted(), \"se\", {\n          shouldMaintainAspectRatio: true,\n          shouldResizeFromCenter: false\n        });\n      });\n    });\n\n    this.setToast = toast => {\n      this.setState({\n        toast\n      });\n    };\n\n    this.restoreFileFromShare = async () => {\n      try {\n        const webShareTargetCache = await caches.open(\"web-share-target\");\n        const response = await webShareTargetCache.match(\"shared-file\");\n\n        if (response) {\n          const blob = await response.blob();\n          const file = new File([blob], blob.name || \"\", {\n            type: blob.type\n          });\n          this.loadFileToCanvas(file, null);\n          await webShareTargetCache.delete(\"shared-file\");\n          window.history.replaceState(null, _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.APP_NAME, window.location.pathname);\n        }\n      } catch (error) {\n        this.setState({\n          errorMessage: error.message\n        });\n      }\n    };\n    /**\r\n     * adds supplied files to existing files in the appState.\r\n     * NOTE if file already exists in editor state, the file data is not updated\r\n     * */\n\n\n    this.addFiles = (0,_reactUtils__WEBPACK_IMPORTED_MODULE_78__.withBatchedUpdates)(files => {\n      const {\n        addedFiles\n      } = this.addMissingFiles(files, undefined, true); //zsviczian\n\n      this.clearImageShapeCache(addedFiles);\n      this.scene.triggerUpdate();\n      this.addNewImagesToImageCache();\n    }); //zsviczian https://github.com/zsviczian/excalibrain/issues/9\n\n    this.setMobileModeAllowed = allow => {\n      const {\n        width: editorWidth,\n        height: editorHeight\n      } = this.excalidrawContainerRef.current.getBoundingClientRect();\n      this.allowMobileMode = allow;\n      const prevEditorState = this.device.editor;\n      let nextEditorState;\n\n      if (allow) {\n        nextEditorState = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.updateObject)(prevEditorState, {\n          isMobile: this.isMobileBreakpoint(editorWidth, editorHeight)\n        });\n      } else {\n        nextEditorState = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.updateObject)(prevEditorState, {\n          isMobile: false //must test this\n\n        });\n      }\n\n      if (prevEditorState !== nextEditorState) {\n        this.device = Object.assign(Object.assign({}, this.device), {\n          editor: nextEditorState\n        });\n        this.forceUpdate();\n      }\n    }; //zsviczian\n\n\n    this.debounceClearHighlightSearchResults = false;\n\n    this.selectElements = (elements, highlightSearchResult = false) => {\n      //zsviczian\n      if (highlightSearchResult) {\n        this.debounceClearHighlightSearchResults = true;\n        setTimeout(() => {\n          this.debounceClearHighlightSearchResults = false;\n        }, 500);\n      }\n\n      this.updateScene({\n        appState: Object.assign(Object.assign({}, this.state), {\n          editingGroupId: null,\n          selectedElementIds: elements.reduce((map, element) => {\n            map[element.id] = true;\n            return map;\n          }, {}),\n          highlightSearchResult\n        }),\n        captureUpdate: _store__WEBPACK_IMPORTED_MODULE_76__.CaptureUpdateAction.NEVER,\n        forceFlushSync: true\n      });\n    }; //zsviczian\n\n\n    this.bringToFront = elements => {\n      this.selectElements(elements);\n      this.updateScene(_actions__WEBPACK_IMPORTED_MODULE_38__.actionBringToFront.perform(this.scene.getNonDeletedElements(), this.state));\n    }; //zsviczian\n\n\n    this.bringForward = elements => {\n      this.selectElements(elements);\n      this.updateScene(_actions__WEBPACK_IMPORTED_MODULE_38__.actionBringForward.perform(this.scene.getNonDeletedElements(), this.state, undefined, this));\n    }; //zsviczian\n\n\n    this.sendToBack = elements => {\n      this.selectElements(elements);\n      this.updateScene(_actions__WEBPACK_IMPORTED_MODULE_38__.actionSendToBack.perform(this.scene.getNonDeletedElements(), this.state));\n    }; //zsviczian\n\n\n    this.sendBackward = elements => {\n      this.selectElements(elements);\n      this.updateScene(_actions__WEBPACK_IMPORTED_MODULE_38__.actionSendBackward.perform(this.scene.getNonDeletedElements(), this.state, undefined, this));\n    };\n\n    this.addMissingFiles = (files, replace = false, force = false) => {\n      var _a;\n\n      const nextFiles = replace ? {} : Object.assign({}, this.files);\n      const addedFiles = {};\n\n      const _files = Array.isArray(files) ? files : Object.values(files);\n\n      for (const fileData of _files) {\n        if (!force && nextFiles[fileData.id]) {\n          //zsviczian\n          continue;\n        }\n\n        addedFiles[fileData.id] = fileData;\n        nextFiles[fileData.id] = fileData;\n\n        if (fileData.mimeType === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.MIME_TYPES.svg) {\n          try {\n            const restoredDataURL = (0,_data_blob__WEBPACK_IMPORTED_MODULE_64__.getDataURL_sync)((0,_excalidraw_element_image__WEBPACK_IMPORTED_MODULE_19__.normalizeSVG)((0,_data_blob__WEBPACK_IMPORTED_MODULE_64__.dataURLToString)(fileData.dataURL)), _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.MIME_TYPES.svg);\n\n            if (fileData.dataURL !== restoredDataURL) {\n              // bump version so persistence layer can update the store\n              fileData.version = ((_a = fileData.version) !== null && _a !== void 0 ? _a : 1) + 1;\n              fileData.dataURL = restoredDataURL;\n            }\n          } catch (error) {\n            console.error(error);\n          }\n        }\n      }\n\n      this.files = nextFiles;\n      return {\n        addedFiles\n      };\n    };\n\n    this.updateScene = (0,_reactUtils__WEBPACK_IMPORTED_MODULE_78__.withBatchedUpdates)(sceneData => {\n      var _a;\n\n      const nextElements = (0,_excalidraw_element_fractionalIndex__WEBPACK_IMPORTED_MODULE_32__.syncInvalidIndices)((_a = sceneData.elements) !== null && _a !== void 0 ? _a : []);\n\n      if (sceneData.captureUpdate && sceneData.captureUpdate !== _store__WEBPACK_IMPORTED_MODULE_76__.CaptureUpdateAction.EVENTUALLY) {\n        const prevCommittedAppState = this.store.snapshot.appState;\n        const prevCommittedElements = this.store.snapshot.elements;\n        const nextCommittedAppState = sceneData.appState ? Object.assign({}, prevCommittedAppState, sceneData.appState) // new instance, with partial appstate applied to previously captured one, including hidden prop inside `prevCommittedAppState`\n        : prevCommittedAppState;\n        const nextCommittedElements = sceneData.elements ? this.store.filterUncomittedElements(this.scene.getElementsMapIncludingDeleted(), // Only used to detect uncomitted local elements\n        (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.arrayToMap)(nextElements)) : prevCommittedElements; // WARN: store action always performs deep clone of changed elements, for ephemeral remote updates (i.e. remote dragging, resizing, drawing) we might consider doing something smarter\n        // do NOT schedule store actions (execute after re-render), as it might cause unexpected concurrency issues if not handled well\n\n        if (sceneData.captureUpdate === _store__WEBPACK_IMPORTED_MODULE_76__.CaptureUpdateAction.IMMEDIATELY) {\n          this.store.captureIncrement(nextCommittedElements, nextCommittedAppState);\n        } else if (sceneData.captureUpdate === _store__WEBPACK_IMPORTED_MODULE_76__.CaptureUpdateAction.NEVER) {\n          this.store.updateSnapshot(nextCommittedElements, nextCommittedAppState);\n        }\n      } //zsviczian forceFlushSync is set to true in ExcalidrawView.updateScene.\n      //without this e.g. text search did not select the elements\n\n\n      if (sceneData.forceFlushSync === true) {\n        (0,react_dom__WEBPACK_IMPORTED_MODULE_3__.flushSync)(() => {\n          if (sceneData.appState) {\n            this.setState(sceneData.appState);\n          }\n        });\n      } else if (sceneData.appState) {\n        this.setState(sceneData.appState);\n      }\n\n      if (sceneData.elements) {\n        this.scene.replaceAllElements(nextElements);\n      }\n\n      if (sceneData.collaborators) {\n        this.setState({\n          collaborators: sceneData.collaborators\n        });\n      }\n    });\n\n    this.triggerRender = (\n    /** force always re-renders canvas even if no change */\n    force) => {\n      if (force === true) {\n        this.scene.triggerUpdate();\n      } else {\n        this.setState({});\n      }\n    };\n    /**\r\n     * @returns whether the menu was toggled on or off\r\n     */\n\n\n    this.toggleSidebar = ({\n      name,\n      tab,\n      force\n    }) => {\n      var _a, _b;\n\n      let nextName;\n\n      if (force === undefined) {\n        nextName = ((_a = this.state.openSidebar) === null || _a === void 0 ? void 0 : _a.name) === name && ((_b = this.state.openSidebar) === null || _b === void 0 ? void 0 : _b.tab) === tab ? null : name;\n      } else {\n        nextName = force ? name : null;\n      }\n\n      const nextState = nextName ? {\n        name: nextName\n      } : null;\n\n      if (nextState && tab) {\n        nextState.tab = tab;\n      }\n\n      this.setState({\n        openSidebar: nextState\n      });\n      return !!nextName;\n    };\n\n    this.updateCurrentCursorPosition = (0,_reactUtils__WEBPACK_IMPORTED_MODULE_78__.withBatchedUpdates)(event => {\n      this.lastViewportPosition.x = event.clientX;\n      this.lastViewportPosition.y = event.clientY;\n    });\n\n    this.getEditorUIOffsets = () => {\n      var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;\n\n      const toolbarBottom = ((_e = (_d = (_c = (_b = (_a = this.excalidrawContainerRef) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.querySelector(\".App-toolbar\")) === null || _c === void 0 ? void 0 : _c.getBoundingClientRect()) === null || _d === void 0 ? void 0 : _d.bottom) !== null && _e !== void 0 ? _e : 0) - this.state.offsetTop;\n      const sidebarRect = (_h = (_g = (_f = this.excalidrawContainerRef) === null || _f === void 0 ? void 0 : _f.current) === null || _g === void 0 ? void 0 : _g.querySelector(\".sidebar\")) === null || _h === void 0 ? void 0 : _h.getBoundingClientRect();\n      const propertiesPanelRect = (_l = (_k = (_j = this.excalidrawContainerRef) === null || _j === void 0 ? void 0 : _j.current) === null || _k === void 0 ? void 0 : _k.querySelector(\".App-menu__left\")) === null || _l === void 0 ? void 0 : _l.getBoundingClientRect();\n      const PADDING = 16;\n\n      const adjustRectValueForOffset = ( //zsviczian https://github.com/excalidraw/excalidraw/issues/8561\n      value, fallback) => (value !== null && value !== void 0 ? value : fallback + this.state.offsetLeft) - this.state.offsetLeft;\n\n      return (0,_i18n__WEBPACK_IMPORTED_MODULE_60__.getLanguage)().rtl ? {\n        top: toolbarBottom + PADDING,\n        right: Math.max(this.state.width - adjustRectValueForOffset( //zsivczian\n        propertiesPanelRect === null || propertiesPanelRect === void 0 ? void 0 : propertiesPanelRect.left, this.state.width), 0) + PADDING,\n        bottom: PADDING,\n        //zsivczian\n        left: Math.max(adjustRectValueForOffset(sidebarRect === null || sidebarRect === void 0 ? void 0 : sidebarRect.right, 0), 0) + PADDING\n      } : {\n        top: toolbarBottom + PADDING,\n        right: Math.max(this.state.width - adjustRectValueForOffset(sidebarRect === null || sidebarRect === void 0 ? void 0 : sidebarRect.left, this.state.width) + //zsivczian\n        PADDING, 0),\n        bottom: PADDING,\n        //zsivczian\n        left: Math.max(adjustRectValueForOffset(propertiesPanelRect === null || propertiesPanelRect === void 0 ? void 0 : propertiesPanelRect.right, 0), 0) + PADDING\n      };\n    }; // Input handling\n\n\n    this.onKeyDown = (0,_reactUtils__WEBPACK_IMPORTED_MODULE_78__.withBatchedUpdates)(event => {\n      var _a, _b;\n\n      if (this.state.activeTool.type === \"selection\" && this.state.resizingElement && (event.shiftKey || event.altKey)) {\n        event.stopPropagation(); //zsviczian shift fires repeatedly causing slowdown when resizing sticky notes\n\n        return;\n      } // normalize `event.key` when CapsLock is pressed #2372\n\n\n      if (\"Proxy\" in window && (!event.shiftKey && /^[A-Z]$/.test(event.key) || event.shiftKey && /^[a-z]$/.test(event.key))) {\n        event = new Proxy(event, {\n          get(ev, prop) {\n            const value = ev[prop];\n\n            if (typeof value === \"function\") {\n              // fix for Proxies hijacking `this`\n              return value.bind(ev);\n            }\n\n            return prop === \"key\" ? // CapsLock inverts capitalization based on ShiftKey, so invert\n            // it back\n            event.shiftKey ? ev.key.toUpperCase() : ev.key.toLowerCase() : value;\n          }\n\n        });\n      }\n\n      if (!(0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.isInputLike)(event.target)) {\n        if ((event.key === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.ESCAPE || event.key === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.ENTER) && this.state.croppingElementId) {\n          this.finishImageCropping();\n          return;\n        }\n\n        const selectedElements = (0,_scene__WEBPACK_IMPORTED_MODULE_61__.getSelectedElements)(this.scene.getNonDeletedElementsMap(), this.state);\n\n        if (selectedElements.length === 1 && (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isImageElement)(selectedElements[0]) && event.key === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.ENTER) {\n          this.startImageCropping(selectedElements[0]);\n          return;\n        }\n\n        if (event.key === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.ESCAPE && this.flowChartCreator.isCreatingChart) {\n          this.flowChartCreator.clear();\n          this.triggerRender(true);\n          return;\n        }\n\n        const arrowKeyPressed = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.isArrowKey)(event.key);\n\n        if (event[_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.CTRL_OR_CMD] && arrowKeyPressed && !event.shiftKey) {\n          event.preventDefault();\n          const selectedElements = (0,_scene__WEBPACK_IMPORTED_MODULE_61__.getSelectedElements)(this.scene.getNonDeletedElementsMap(), this.state);\n\n          if (selectedElements.length === 1 && (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isFlowchartNodeElement)(selectedElements[0])) {\n            this.flowChartCreator.createNodes(selectedElements[0], this.scene.getNonDeletedElementsMap(), this.state, (0,_excalidraw_element_flowchart__WEBPACK_IMPORTED_MODULE_24__.getLinkDirectionFromKey)(event.key));\n          }\n\n          if (((_a = this.flowChartCreator.pendingNodes) === null || _a === void 0 ? void 0 : _a.length) && !(0,_excalidraw_element_sizeHelpers__WEBPACK_IMPORTED_MODULE_16__.isElementCompletelyInViewport)(this.flowChartCreator.pendingNodes, this.canvas.width / window.devicePixelRatio, this.canvas.height / window.devicePixelRatio, {\n            offsetLeft: this.state.offsetLeft,\n            offsetTop: this.state.offsetTop,\n            scrollX: this.state.scrollX,\n            scrollY: this.state.scrollY,\n            zoom: this.state.zoom\n          }, this.scene.getNonDeletedElementsMap(), this.getEditorUIOffsets())) {\n            this.scrollToContent(this.flowChartCreator.pendingNodes, {\n              animate: true,\n              duration: 300,\n              fitToContent: true,\n              canvasOffsets: this.getEditorUIOffsets()\n            });\n          }\n\n          return;\n        }\n\n        if (event.altKey) {\n          const selectedElements = (0,_scene__WEBPACK_IMPORTED_MODULE_61__.getSelectedElements)(this.scene.getNonDeletedElementsMap(), this.state);\n\n          if (selectedElements.length === 1 && arrowKeyPressed) {\n            event.preventDefault();\n            const nextId = this.flowChartNavigator.exploreByDirection(selectedElements[0], this.scene.getNonDeletedElementsMap(), (0,_excalidraw_element_flowchart__WEBPACK_IMPORTED_MODULE_24__.getLinkDirectionFromKey)(event.key));\n\n            if (nextId) {\n              this.setState(prevState => ({\n                selectedElementIds: (0,_excalidraw_element_selection__WEBPACK_IMPORTED_MODULE_33__.makeNextSelectedElementIds)({\n                  [nextId]: true\n                }, prevState)\n              }));\n              const nextNode = this.scene.getNonDeletedElementsMap().get(nextId);\n\n              if (nextNode && !(0,_excalidraw_element_sizeHelpers__WEBPACK_IMPORTED_MODULE_16__.isElementCompletelyInViewport)([nextNode], this.canvas.width / window.devicePixelRatio, this.canvas.height / window.devicePixelRatio, {\n                offsetLeft: this.state.offsetLeft,\n                offsetTop: this.state.offsetTop,\n                scrollX: this.state.scrollX,\n                scrollY: this.state.scrollY,\n                zoom: this.state.zoom\n              }, this.scene.getNonDeletedElementsMap(), this.getEditorUIOffsets())) {\n                this.scrollToContent(nextNode, {\n                  animate: true,\n                  duration: 300,\n                  canvasOffsets: this.getEditorUIOffsets()\n                });\n              }\n            }\n\n            return;\n          }\n        }\n      }\n\n      if (event[_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.CTRL_OR_CMD] && event.key === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.P && !event.shiftKey && !event.altKey) {\n        this.setToast({\n          message: (0,_i18n__WEBPACK_IMPORTED_MODULE_60__.t)(\"commandPalette.shortcutHint\", {\n            shortcut: (0,_actions_shortcuts__WEBPACK_IMPORTED_MODULE_50__.getShortcutFromShortcutName)(\"commandPalette\")\n          })\n        });\n        event.preventDefault();\n        return;\n      }\n\n      if (event[_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.CTRL_OR_CMD] && event.key.toLowerCase() === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.V) {\n        IS_PLAIN_PASTE = event.shiftKey;\n        clearTimeout(IS_PLAIN_PASTE_TIMER); // reset (100ms to be safe that we it runs after the ensuing\n        // paste event). Though, technically unnecessary to reset since we\n        // (re)set the flag before each paste event.\n\n        IS_PLAIN_PASTE_TIMER = window.setTimeout(() => {\n          IS_PLAIN_PASTE = false;\n        }, 100);\n      } // prevent browser zoom in input fields\n\n\n      if (event[_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.CTRL_OR_CMD] && (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.isWritableElement)(event.target)) {\n        if (event.code === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.CODES.MINUS || event.code === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.CODES.EQUAL) {\n          event.preventDefault();\n          return;\n        }\n      } // bail if\n\n\n      if ( // inside an input\n      (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.isWritableElement)(event.target) && // unless pressing escape (finalize action)\n      event.key !== _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.ESCAPE || // or unless using arrows (to move between buttons)\n      (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.isArrowKey)(event.key) && (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.isInputLike)(event.target)) {\n        return;\n      }\n\n      if (event.key === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.QUESTION_MARK) {\n        this.setState({\n          openDialog: {\n            name: \"help\"\n          }\n        });\n        return;\n      } else if (event.key.toLowerCase() === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.E && event.shiftKey && event[_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.CTRL_OR_CMD]) {\n        event.preventDefault();\n        this.setState({\n          openDialog: {\n            name: \"imageExport\"\n          }\n        });\n        return;\n      }\n\n      if (event.key === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.PAGE_UP || event.key === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.PAGE_DOWN) {\n        let offset = (event.shiftKey ? this.state.width : this.state.height) / this.state.zoom.value;\n\n        if (event.key === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.PAGE_DOWN) {\n          offset = -offset;\n        }\n\n        if (event.shiftKey) {\n          this.translateCanvas(state => ({\n            scrollX: state.scrollX + offset\n          }));\n        } else {\n          this.translateCanvas(state => ({\n            scrollY: state.scrollY + offset\n          }));\n        }\n      }\n\n      if (((_b = this.state.openDialog) === null || _b === void 0 ? void 0 : _b.name) === \"elementLinkSelector\") {\n        return;\n      }\n\n      if (this.actionManager.handleKeyDown(event)) {\n        return;\n      }\n\n      if (event.key === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.K && !event.altKey && !event[_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.CTRL_OR_CMD]) {\n        if ((0,_appState__WEBPACK_IMPORTED_MODULE_53__.isLaserPointerActive)(this.state)) {\n          this.setActiveTool({\n            type: \"selection\"\n          });\n        } else {\n          this.setActiveTool({\n            type: \"laser\"\n          });\n        }\n\n        return;\n      }\n\n      if (this.state.viewModeEnabled) {\n        //revert to hand in case a key is pressed (K is handled above)\n        if (event.key !== _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.K) {\n          this.setActiveTool({\n            type: \"selection\"\n          });\n        }\n\n        return;\n      }\n\n      if (event[_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.CTRL_OR_CMD] && this.state.isBindingEnabled) {\n        this.setState({\n          isBindingEnabled: false\n        });\n      }\n\n      if ((0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.isArrowKey)(event.key)) {\n        let selectedElements = this.scene.getSelectedElements({\n          selectedElementIds: this.state.selectedElementIds,\n          includeBoundTextElement: true,\n          includeElementsInFrames: true\n        });\n        const elbowArrow = selectedElements.find(_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isElbowArrow);\n        const arrowIdsToRemove = new Set();\n        selectedElements.filter(_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isElbowArrow).filter(arrow => {\n          const startElementNotInSelection = arrow.startBinding && !selectedElements.some(el => {\n            var _a;\n\n            return el.id === ((_a = arrow.startBinding) === null || _a === void 0 ? void 0 : _a.elementId);\n          });\n          const endElementNotInSelection = arrow.endBinding && !selectedElements.some(el => {\n            var _a;\n\n            return el.id === ((_a = arrow.endBinding) === null || _a === void 0 ? void 0 : _a.elementId);\n          });\n          return startElementNotInSelection || endElementNotInSelection;\n        }).forEach(arrow => arrowIdsToRemove.add(arrow.id));\n        selectedElements = selectedElements.filter(el => !arrowIdsToRemove.has(el.id));\n        const step = this.getEffectiveGridSize() && (event.shiftKey ? _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.ELEMENT_TRANSLATE_AMOUNT : this.getEffectiveGridSize()) || (event.shiftKey ? _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.ELEMENT_SHIFT_TRANSLATE_AMOUNT : _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.ELEMENT_TRANSLATE_AMOUNT);\n        let offsetX = 0;\n        let offsetY = 0;\n\n        if (event.key === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.ARROW_LEFT) {\n          offsetX = -step;\n        } else if (event.key === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.ARROW_RIGHT) {\n          offsetX = step;\n        } else if (event.key === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.ARROW_UP) {\n          offsetY = -step;\n        } else if (event.key === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.ARROW_DOWN) {\n          offsetY = step;\n        }\n\n        selectedElements.forEach(element => {\n          (0,_excalidraw_element_mutateElement__WEBPACK_IMPORTED_MODULE_12__.mutateElement)(element, {\n            x: element.x + offsetX,\n            y: element.y + offsetY\n          }, false);\n          (0,_excalidraw_element_binding__WEBPACK_IMPORTED_MODULE_10__.updateBoundElements)(element, this.scene.getNonDeletedElementsMap(), {\n            simultaneouslyUpdated: selectedElements\n          });\n        });\n        this.setState({\n          suggestedBindings: (0,_excalidraw_element_binding__WEBPACK_IMPORTED_MODULE_10__.getSuggestedBindingsForArrows)(selectedElements.filter(element => element.id !== (elbowArrow === null || elbowArrow === void 0 ? void 0 : elbowArrow.id) || step !== 0), this.scene.getNonDeletedElementsMap(), this.state.zoom)\n        });\n        this.scene.triggerUpdate();\n        event.preventDefault();\n      } else if (event.key === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.ENTER) {\n        const selectedElements = this.scene.getSelectedElements(this.state);\n\n        if (selectedElements.length === 1) {\n          const selectedElement = selectedElements[0];\n\n          if (event[_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.CTRL_OR_CMD]) {\n            if ((0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isLinearElement)(selectedElement)) {\n              if (!this.state.editingLinearElement || this.state.editingLinearElement.elementId !== selectedElements[0].id) {\n                this.store.shouldCaptureIncrement();\n\n                if (!(0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isElbowArrow)(selectedElement)) {\n                  this.setState({\n                    editingLinearElement: new _excalidraw_element_linearElementEditor__WEBPACK_IMPORTED_MODULE_11__.LinearElementEditor(selectedElement)\n                  });\n                }\n              }\n            }\n          } else if ((0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isTextElement)(selectedElement) || (0,_excalidraw_element_textElement__WEBPACK_IMPORTED_MODULE_20__.isValidTextContainer)(selectedElement)) {\n            let container;\n\n            if (!(0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isTextElement)(selectedElement)) {\n              container = selectedElement;\n            }\n\n            const midPoint = (0,_excalidraw_element_textElement__WEBPACK_IMPORTED_MODULE_20__.getContainerCenter)(selectedElement, this.state, this.scene.getNonDeletedElementsMap());\n            const sceneX = midPoint.x;\n            const sceneY = midPoint.y;\n            this.startTextEditing({\n              sceneX,\n              sceneY,\n              container\n            });\n            event.preventDefault();\n            return;\n          } else if ((0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isFrameLikeElement)(selectedElement)) {\n            this.setState({\n              editingFrame: selectedElement.id\n            });\n          } else if ((0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isEmbeddableElement)(selectedElement)) {\n            //zsviczian\n            this.setState({\n              activeEmbeddable: {\n                element: selectedElement,\n                state: \"active\"\n              }\n            });\n          }\n        }\n      } else if (!event.ctrlKey && !event.altKey && !event.metaKey && !this.state.newElement && !this.state.selectionElement && !this.state.selectedElementsAreBeingDragged) {\n        const shape = (0,_shapes__WEBPACK_IMPORTED_MODULE_99__.findShapeByKey)(event.key);\n\n        if (shape) {\n          if (this.state.activeTool.type !== shape) {\n            (0,_analytics__WEBPACK_IMPORTED_MODULE_51__.trackEvent)(\"toolbar\", shape, `keyboard (${this.device.editor.isMobile ? \"mobile\" : \"desktop\"})`);\n          }\n\n          if (shape === \"arrow\" && this.state.activeTool.type === \"arrow\") {\n            this.setState(prevState => ({\n              currentItemArrowType: prevState.currentItemArrowType === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.ARROW_TYPE.sharp ? _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.ARROW_TYPE.round : prevState.currentItemArrowType === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.ARROW_TYPE.round ? _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.ARROW_TYPE.elbow : _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.ARROW_TYPE.sharp\n            }));\n          }\n\n          this.setActiveTool({\n            type: shape\n          });\n          event.stopPropagation();\n        } else if (event.key === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.Q) {\n          this.toggleLock(\"keyboard\");\n          event.stopPropagation();\n        }\n      }\n\n      if (event.key === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.SPACE && gesture.pointers.size === 0) {\n        isHoldingSpace = true;\n        (0,_cursor__WEBPACK_IMPORTED_MODULE_73__.setCursor)(this.interactiveCanvas, _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.CURSOR_TYPE.GRAB);\n        event.preventDefault();\n      }\n\n      if ((event.key === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.G || event.key === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.S) && !event.altKey && !event[_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.CTRL_OR_CMD]) {\n        const selectedElements = this.scene.getSelectedElements(this.state);\n\n        if (this.state.activeTool.type === \"selection\" && !selectedElements.length) {\n          return;\n        }\n\n        if (event.key === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.G && ((0,_scene__WEBPACK_IMPORTED_MODULE_61__.hasBackground)(this.state.activeTool.type) || selectedElements.some(element => (0,_scene__WEBPACK_IMPORTED_MODULE_61__.hasBackground)(element.type)))) {\n          this.setState({\n            openPopup: \"elementBackground\"\n          });\n          event.stopPropagation();\n        }\n\n        if (event.key === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.S) {\n          this.setState({\n            openPopup: \"elementStroke\"\n          });\n          event.stopPropagation();\n        }\n      }\n\n      if (!event[_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.CTRL_OR_CMD] && event.shiftKey && event.key.toLowerCase() === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.F) {\n        const selectedElements = this.scene.getSelectedElements(this.state);\n\n        if (this.state.activeTool.type === \"selection\" && !selectedElements.length) {\n          return;\n        }\n\n        if (this.state.activeTool.type === \"text\" || selectedElements.find(element => (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isTextElement)(element) || (0,_excalidraw_element_textElement__WEBPACK_IMPORTED_MODULE_20__.getBoundTextElement)(element, this.scene.getNonDeletedElementsMap()))) {\n          event.preventDefault();\n          this.setState({\n            openPopup: \"fontFamily\"\n          });\n        }\n      }\n\n      if (event.key === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.K && !event.altKey && !event[_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.CTRL_OR_CMD]) {\n        if (this.state.activeTool.type === \"laser\") {\n          this.setActiveTool({\n            type: \"selection\"\n          });\n        } else {\n          this.setActiveTool({\n            type: \"laser\"\n          });\n        }\n\n        return;\n      }\n\n      if (event[_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.CTRL_OR_CMD] && (event.key === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.BACKSPACE || event.key === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.DELETE)) {\n        _editor_jotai__WEBPACK_IMPORTED_MODULE_68__.editorJotaiStore.set(_ActiveConfirmDialog__WEBPACK_IMPORTED_MODULE_84__.activeConfirmDialogAtom, \"clearCanvas\");\n      } // eye dropper\n      // -----------------------------------------------------------------------\n\n\n      const lowerCased = event.key.toLocaleLowerCase();\n      const isPickingStroke = lowerCased === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.S && event.shiftKey;\n      const isPickingBackground = event.key === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.I || lowerCased === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.G && event.shiftKey;\n\n      if (isPickingStroke || isPickingBackground) {\n        this.openEyeDropper({\n          type: isPickingStroke ? \"stroke\" : \"background\"\n        });\n      } // -----------------------------------------------------------------------\n\n    });\n    this.onKeyUp = (0,_reactUtils__WEBPACK_IMPORTED_MODULE_78__.withBatchedUpdates)(event => {\n      var _a, _b, _c, _d, _e;\n\n      if (event.key === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.SPACE) {\n        if (this.state.viewModeEnabled || ((_a = this.state.openDialog) === null || _a === void 0 ? void 0 : _a.name) === \"elementLinkSelector\") {\n          (0,_cursor__WEBPACK_IMPORTED_MODULE_73__.setCursor)(this.interactiveCanvas, _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.CURSOR_TYPE.GRAB);\n        } else if (this.state.activeTool.type === \"selection\" || this.state.activeTool.type === \"lasso\") {\n          (0,_cursor__WEBPACK_IMPORTED_MODULE_73__.resetCursor)(this.interactiveCanvas);\n        } else {\n          (0,_cursor__WEBPACK_IMPORTED_MODULE_73__.setCursorForShape)(this.interactiveCanvas, this.state);\n          this.setState({\n            selectedElementIds: (0,_excalidraw_element_selection__WEBPACK_IMPORTED_MODULE_33__.makeNextSelectedElementIds)({}, this.state),\n            selectedGroupIds: {},\n            editingGroupId: null,\n            activeEmbeddable: null\n          });\n        }\n\n        isHoldingSpace = false;\n      }\n\n      if (!event[_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.CTRL_OR_CMD] && !this.state.isBindingEnabled) {\n        this.setState({\n          isBindingEnabled: true\n        });\n      }\n\n      if ((0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.isArrowKey)(event.key)) {\n        (0,_excalidraw_element_binding__WEBPACK_IMPORTED_MODULE_10__.bindOrUnbindLinearElements)(this.scene.getSelectedElements(this.state).filter(_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isLinearElement), this.scene.getNonDeletedElementsMap(), this.scene.getNonDeletedElements(), this.scene, (0,_excalidraw_element_binding__WEBPACK_IMPORTED_MODULE_10__.isBindingEnabled)(this.state), (_c = (_b = this.state.selectedLinearElement) === null || _b === void 0 ? void 0 : _b.selectedPointsIndices) !== null && _c !== void 0 ? _c : [], this.state.zoom);\n        this.setState({\n          suggestedBindings: []\n        });\n      }\n\n      if (!event.altKey) {\n        if (this.flowChartNavigator.isExploring) {\n          this.flowChartNavigator.clear();\n          this.syncActionResult({\n            captureUpdate: _store__WEBPACK_IMPORTED_MODULE_76__.CaptureUpdateAction.IMMEDIATELY\n          });\n        }\n      }\n\n      if (!event[_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.CTRL_OR_CMD]) {\n        if (this.flowChartCreator.isCreatingChart) {\n          if ((_d = this.flowChartCreator.pendingNodes) === null || _d === void 0 ? void 0 : _d.length) {\n            this.scene.insertElements(this.flowChartCreator.pendingNodes);\n          }\n\n          const firstNode = (_e = this.flowChartCreator.pendingNodes) === null || _e === void 0 ? void 0 : _e[0];\n\n          if (firstNode) {\n            this.setState(prevState => ({\n              selectedElementIds: (0,_excalidraw_element_selection__WEBPACK_IMPORTED_MODULE_33__.makeNextSelectedElementIds)({\n                [firstNode.id]: true\n              }, prevState)\n            }));\n\n            if (!(0,_excalidraw_element_sizeHelpers__WEBPACK_IMPORTED_MODULE_16__.isElementCompletelyInViewport)([firstNode], this.canvas.width / window.devicePixelRatio, this.canvas.height / window.devicePixelRatio, {\n              offsetLeft: this.state.offsetLeft,\n              offsetTop: this.state.offsetTop,\n              scrollX: this.state.scrollX,\n              scrollY: this.state.scrollY,\n              zoom: this.state.zoom\n            }, this.scene.getNonDeletedElementsMap(), this.getEditorUIOffsets())) {\n              this.scrollToContent(firstNode, {\n                animate: true,\n                duration: 300,\n                canvasOffsets: this.getEditorUIOffsets()\n              });\n            }\n          }\n\n          this.flowChartCreator.clear();\n          this.syncActionResult({\n            captureUpdate: _store__WEBPACK_IMPORTED_MODULE_76__.CaptureUpdateAction.IMMEDIATELY\n          });\n        }\n      }\n    }); // We purposely widen the `tool` type so this helper can be called with\n    // any tool without having to type check it\n\n    this.isToolSupported = tool => {\n      var _a;\n\n      return ((_a = this.props.UIOptions.tools) === null || _a === void 0 ? void 0 : _a[tool]) !== false;\n    };\n\n    this.setActiveTool = (tool, keepSelection = false) => {\n      var _a;\n\n      if (!this.isToolSupported(tool.type)) {\n        console.warn(`\"${tool.type}\" tool is disabled via \"UIOptions.canvasActions.tools.${tool.type}\"`);\n        return;\n      }\n\n      const nextActiveTool = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.updateActiveTool)(this.state, tool);\n\n      if (nextActiveTool.type === \"hand\") {\n        (0,_cursor__WEBPACK_IMPORTED_MODULE_73__.setCursor)(this.interactiveCanvas, _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.CURSOR_TYPE.GRAB);\n      } else if (!isHoldingSpace) {\n        (0,_cursor__WEBPACK_IMPORTED_MODULE_73__.setCursorForShape)(this.interactiveCanvas, Object.assign(Object.assign({}, this.state), {\n          activeTool: nextActiveTool\n        }));\n      }\n\n      if ((0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.isToolIcon)(document.activeElement)) {\n        this.focusContainer();\n      }\n\n      if (!(0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isLinearElementType)(nextActiveTool.type)) {\n        this.setState({\n          suggestedBindings: []\n        });\n      }\n\n      if (nextActiveTool.type === \"image\") {\n        this.onImageAction({\n          insertOnCanvasDirectly: (_a = tool.type === \"image\" && tool.insertOnCanvasDirectly) !== null && _a !== void 0 ? _a : false\n        });\n      }\n\n      setTimeout(() => {\n        this.setState(prevState => {\n          const commonResets = {\n            snapLines: prevState.snapLines.length ? [] : prevState.snapLines,\n            originSnapOffset: null,\n            activeEmbeddable: null\n          };\n\n          if (nextActiveTool.type === \"freedraw\") {\n            this.store.shouldCaptureIncrement();\n          }\n\n          if (nextActiveTool.type === \"lasso\") {\n            return Object.assign(Object.assign(Object.assign(Object.assign({}, prevState), {\n              activeTool: nextActiveTool\n            }), keepSelection ? {} : {\n              selectedElementIds: (0,_excalidraw_element_selection__WEBPACK_IMPORTED_MODULE_33__.makeNextSelectedElementIds)({}, prevState),\n              selectedGroupIds: (0,_excalidraw_element_selection__WEBPACK_IMPORTED_MODULE_33__.makeNextSelectedElementIds)({}, prevState),\n              editingGroupId: null,\n              multiElement: null\n            }), commonResets);\n          } else if (nextActiveTool.type !== \"selection\") {\n            return Object.assign(Object.assign(Object.assign({}, prevState), {\n              activeTool: nextActiveTool,\n              selectedElementIds: (0,_excalidraw_element_selection__WEBPACK_IMPORTED_MODULE_33__.makeNextSelectedElementIds)(nextActiveTool.type === \"mermaid\" //zsviczian\n              ? this.state.selectedElementIds : {}, prevState),\n              selectedGroupIds: (0,_excalidraw_element_selection__WEBPACK_IMPORTED_MODULE_33__.makeNextSelectedElementIds)({}, prevState),\n              editingGroupId: null,\n              multiElement: null\n            }), commonResets);\n          }\n\n          return Object.assign(Object.assign(Object.assign({}, prevState), {\n            activeTool: nextActiveTool\n          }), commonResets);\n        });\n      }); //zsviczian added timeout because button won't select otherwise\n    };\n\n    this.setOpenDialog = dialogType => {\n      this.setState({\n        openDialog: dialogType\n      });\n    };\n\n    this.setCursor = cursor => {\n      (0,_cursor__WEBPACK_IMPORTED_MODULE_73__.setCursor)(this.interactiveCanvas, cursor);\n    };\n\n    this.resetCursor = () => {\n      (0,_cursor__WEBPACK_IMPORTED_MODULE_73__.resetCursor)(this.interactiveCanvas);\n    };\n    /**\r\n     * returns whether user is making a gesture with >= 2 fingers (points)\r\n     * on o touch screen (not on a trackpad). Currently only relates to Darwin\r\n     * (iOS/iPadOS,MacOS), but may work on other devices in the future if\r\n     * GestureEvent is standardized.\r\n     */\n\n\n    this.isTouchScreenMultiTouchGesture = () => {\n      // we don't want to deselect when using trackpad, and multi-point gestures\n      // only work on touch screens, so checking for >= pointers means we're on a\n      // touchscreen\n      return gesture.pointers.size >= 2;\n    };\n\n    this.getName = () => {\n      return this.state.name || this.props.name || `${(0,_i18n__WEBPACK_IMPORTED_MODULE_60__.t)(\"labels.untitled\")}-${(0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.getDateTime)()}`;\n    }; // fires only on Safari\n\n\n    this.onGestureStart = (0,_reactUtils__WEBPACK_IMPORTED_MODULE_78__.withBatchedUpdates)(event => {\n      event.preventDefault(); // we only want to deselect on touch screens because user may have selected\n      // elements by mistake while zooming\n\n      if (this.isTouchScreenMultiTouchGesture()) {\n        this.setState({\n          selectedElementIds: (0,_excalidraw_element_selection__WEBPACK_IMPORTED_MODULE_33__.makeNextSelectedElementIds)({}, this.state),\n          activeEmbeddable: null\n        });\n      }\n\n      gesture.initialScale = this.state.zoom.value;\n    }); // fires only on Safari\n\n    this.onGestureChange = (0,_reactUtils__WEBPACK_IMPORTED_MODULE_78__.withBatchedUpdates)(event => {\n      event.preventDefault(); // onGestureChange only has zoom factor but not the center.\n      // If we're on iPad or iPhone, then we recognize multi-touch and will\n      // zoom in at the right location in the touchmove handler\n      // (handleCanvasPointerMove).\n      //\n      // On Macbook trackpad, we don't have those events so will zoom in at the\n      // current location instead.\n      //\n      // As such, bail from this handler on touch devices.\n\n      if (this.isTouchScreenMultiTouchGesture()) {\n        return;\n      }\n\n      const initialScale = gesture.initialScale;\n\n      if (initialScale) {\n        this.setState(state => Object.assign({}, (0,_scene_zoom__WEBPACK_IMPORTED_MODULE_63__.getStateForZoom)({\n          viewportX: this.lastViewportPosition.x,\n          viewportY: this.lastViewportPosition.y,\n          nextZoom: (0,_scene__WEBPACK_IMPORTED_MODULE_61__.getNormalizedZoom)(initialScale * event.scale)\n        }, state)));\n      }\n    }); // fires only on Safari\n\n    this.onGestureEnd = (0,_reactUtils__WEBPACK_IMPORTED_MODULE_78__.withBatchedUpdates)(event => {\n      event.preventDefault(); // reselect elements only on touch screens (see onGestureStart)\n\n      if (this.isTouchScreenMultiTouchGesture()) {\n        this.setState({\n          previousSelectedElementIds: {},\n          selectedElementIds: (0,_excalidraw_element_selection__WEBPACK_IMPORTED_MODULE_33__.makeNextSelectedElementIds)(this.state.previousSelectedElementIds, this.state)\n        });\n      }\n\n      gesture.initialScale = null;\n    });\n\n    this.startTextEditing = ({\n      sceneX,\n      sceneY,\n      insertAtParentCenter = true,\n      container,\n      autoEdit = true\n    }) => {\n      var _a;\n\n      let shouldBindToContainer = false;\n      let parentCenterPosition = insertAtParentCenter && this.getTextWysiwygSnappedToCenterPosition(sceneX, sceneY, this.state, container);\n\n      if (container && parentCenterPosition) {\n        const boundTextElementToContainer = (0,_excalidraw_element_textElement__WEBPACK_IMPORTED_MODULE_20__.getBoundTextElement)(container, this.scene.getNonDeletedElementsMap());\n\n        if (!boundTextElementToContainer) {\n          shouldBindToContainer = true;\n        }\n      }\n\n      let existingTextElement = null;\n      const selectedElements = this.scene.getSelectedElements(this.state);\n\n      if (selectedElements.length === 1) {\n        if ((0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isTextElement)(selectedElements[0])) {\n          existingTextElement = selectedElements[0];\n        } else if (container) {\n          existingTextElement = (0,_excalidraw_element_textElement__WEBPACK_IMPORTED_MODULE_20__.getBoundTextElement)(selectedElements[0], this.scene.getNonDeletedElementsMap());\n        } else {\n          existingTextElement = this.getTextElementAtPosition(sceneX, sceneY);\n        }\n      } else {\n        existingTextElement = this.getTextElementAtPosition(sceneX, sceneY);\n      }\n\n      const fontFamily = (existingTextElement === null || existingTextElement === void 0 ? void 0 : existingTextElement.fontFamily) || this.state.currentItemFontFamily;\n      const lineHeight = (existingTextElement === null || existingTextElement === void 0 ? void 0 : existingTextElement.lineHeight) || (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.getLineHeight)(fontFamily);\n      const fontSize = (0,_actions_actionProperties__WEBPACK_IMPORTED_MODULE_102__.getFontSize)(this.state.currentItemFontSize, this.state.zoom.value); //zsviczian\n\n      if (!existingTextElement && shouldBindToContainer && container && !(0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isArrowElement)(container)) {\n        const fontString = {\n          fontSize,\n          fontFamily\n        };\n        const minWidth = (0,_excalidraw_element_textMeasurements__WEBPACK_IMPORTED_MODULE_28__.getApproxMinLineWidth)((0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.getFontString)(fontString), lineHeight);\n        const minHeight = (0,_excalidraw_element_textMeasurements__WEBPACK_IMPORTED_MODULE_28__.getApproxMinLineHeight)(fontSize, lineHeight);\n        const newHeight = Math.max(container.height, minHeight);\n        const newWidth = Math.max(container.width, minWidth);\n        (0,_excalidraw_element_mutateElement__WEBPACK_IMPORTED_MODULE_12__.mutateElement)(container, {\n          height: newHeight,\n          width: newWidth\n        });\n        sceneX = container.x + newWidth / 2;\n        sceneY = container.y + newHeight / 2;\n\n        if (parentCenterPosition) {\n          parentCenterPosition = this.getTextWysiwygSnappedToCenterPosition(sceneX, sceneY, this.state, container);\n        }\n      }\n\n      const topLayerFrame = this.getTopLayerFrameAtSceneCoords({\n        x: sceneX,\n        y: sceneY\n      });\n      const element = existingTextElement || (0,_excalidraw_element_newElement__WEBPACK_IMPORTED_MODULE_13__.newTextElement)({\n        x: parentCenterPosition ? parentCenterPosition.elementCenterX : sceneX,\n        y: parentCenterPosition ? parentCenterPosition.elementCenterY : sceneY,\n        strokeColor: this.state.currentItemStrokeColor,\n        backgroundColor: this.state.currentItemBackgroundColor,\n        fillStyle: this.state.currentItemFillStyle,\n        strokeWidth: this.state.currentItemStrokeWidth,\n        strokeStyle: this.state.currentItemStrokeStyle,\n        roughness: this.state.currentItemRoughness,\n        opacity: this.state.currentItemOpacity,\n        text: \"\",\n        rawText: \"\",\n        fontSize,\n        fontFamily,\n        textAlign: parentCenterPosition ? \"center\" : this.state.currentItemTextAlign,\n        verticalAlign: parentCenterPosition ? _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.VERTICAL_ALIGN.MIDDLE : _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.DEFAULT_VERTICAL_ALIGN,\n        containerId: shouldBindToContainer ? container === null || container === void 0 ? void 0 : container.id : undefined,\n        groupIds: (_a = container === null || container === void 0 ? void 0 : container.groupIds) !== null && _a !== void 0 ? _a : [],\n        lineHeight,\n        angle: container ? (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isArrowElement)(container) ? 0 : container.angle : 0,\n        frameId: topLayerFrame ? topLayerFrame.id : null\n      });\n\n      if (!existingTextElement && shouldBindToContainer && container) {\n        (0,_excalidraw_element_mutateElement__WEBPACK_IMPORTED_MODULE_12__.mutateElement)(container, {\n          boundElements: (container.boundElements || []).concat({\n            type: \"text\",\n            id: element.id\n          })\n        });\n      }\n\n      this.setState({\n        editingTextElement: element\n      });\n\n      if (!existingTextElement) {\n        if (container && shouldBindToContainer) {\n          const containerIndex = this.scene.getElementIndex(container.id);\n          this.scene.insertElementAtIndex(element, containerIndex + 1);\n        } else {\n          this.scene.insertElement(element);\n        }\n      }\n\n      if (autoEdit || existingTextElement || container) {\n        this.handleTextWysiwyg(element, {\n          isExistingElement: !!existingTextElement\n        });\n      } else {\n        this.setState({\n          newElement: element,\n          multiElement: null\n        });\n      }\n    };\n\n    this.debounceDoubleClickTimestamp = 0; //zsviczian\n\n    this.startImageCropping = image => {\n      this.store.shouldCaptureIncrement();\n      this.setState({\n        croppingElementId: image.id\n      });\n    };\n\n    this.finishImageCropping = () => {\n      if (this.state.croppingElementId) {\n        this.store.shouldCaptureIncrement();\n        this.setState({\n          croppingElementId: null\n        });\n      }\n    };\n\n    this.handleCanvasDoubleClick = event => {\n      var _a; // case: double-clicking with arrow/line tool selected would both create\n      // text and enter multiElement mode\n\n\n      if (this.state.multiElement) {\n        return;\n      }\n\n      if ( //zsviczian - double click eraser\n      this.state.penMode && (0,_obsidianUtils__WEBPACK_IMPORTED_MODULE_100__.allowDoubleTapEraser)() && ((_a = this.lastPointerDownEvent) === null || _a === void 0 ? void 0 : _a.pointerType) === \"touch\" && this.state.activeTool.type !== \"selection\") {\n        const now = Date.now();\n\n        if (now - this.debounceDoubleClickTimestamp < 200) {\n          //handleCanvasDoubleClick click fires twice in case of touch.\n          //Once from the onTouchStart event handler, once from the double click event handler\n          return;\n        }\n\n        this.debounceDoubleClickTimestamp = now;\n        this.updateScene(_actions_actionCanvas__WEBPACK_IMPORTED_MODULE_40__.actionToggleEraserTool.perform([], this.state));\n        return;\n      } // zsviczian - end\n      // we should only be able to double click when mode is selection\n\n\n      if (this.state.activeTool.type !== \"selection\") {\n        return;\n      }\n\n      const selectedElements = this.scene.getSelectedElements(this.state);\n      let {\n        x: sceneX,\n        y: sceneY\n      } = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.viewportCoordsToSceneCoords)(event, this.state);\n\n      if (selectedElements.length === 1 && (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isLinearElement)(selectedElements[0])) {\n        if (event[_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.CTRL_OR_CMD] && (!this.state.editingLinearElement || this.state.editingLinearElement.elementId !== selectedElements[0].id) && !(0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isElbowArrow)(selectedElements[0])) {\n          this.store.shouldCaptureIncrement();\n          this.setState({\n            editingLinearElement: new _excalidraw_element_linearElementEditor__WEBPACK_IMPORTED_MODULE_11__.LinearElementEditor(selectedElements[0])\n          });\n          return;\n        } else if (this.state.selectedLinearElement && (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isElbowArrow)(selectedElements[0])) {\n          const hitCoords = _excalidraw_element_linearElementEditor__WEBPACK_IMPORTED_MODULE_11__.LinearElementEditor.getSegmentMidpointHitCoords(this.state.selectedLinearElement, {\n            x: sceneX,\n            y: sceneY\n          }, this.state, this.scene.getNonDeletedElementsMap());\n          const midPoint = hitCoords ? _excalidraw_element_linearElementEditor__WEBPACK_IMPORTED_MODULE_11__.LinearElementEditor.getSegmentMidPointIndex(this.state.selectedLinearElement, this.state, hitCoords, this.scene.getNonDeletedElementsMap()) : -1;\n\n          if (midPoint && midPoint > -1) {\n            this.store.shouldCaptureIncrement();\n            _excalidraw_element_linearElementEditor__WEBPACK_IMPORTED_MODULE_11__.LinearElementEditor.deleteFixedSegment(selectedElements[0], midPoint);\n            const nextCoords = _excalidraw_element_linearElementEditor__WEBPACK_IMPORTED_MODULE_11__.LinearElementEditor.getSegmentMidpointHitCoords(Object.assign(Object.assign({}, this.state.selectedLinearElement), {\n              segmentMidPointHoveredCoords: null\n            }), {\n              x: sceneX,\n              y: sceneY\n            }, this.state, this.scene.getNonDeletedElementsMap());\n            const nextIndex = nextCoords ? _excalidraw_element_linearElementEditor__WEBPACK_IMPORTED_MODULE_11__.LinearElementEditor.getSegmentMidPointIndex(this.state.selectedLinearElement, this.state, nextCoords, this.scene.getNonDeletedElementsMap()) : null;\n            this.setState({\n              selectedLinearElement: Object.assign(Object.assign({}, this.state.selectedLinearElement), {\n                pointerDownState: Object.assign(Object.assign({}, this.state.selectedLinearElement.pointerDownState), {\n                  segmentMidpoint: {\n                    index: nextIndex,\n                    value: hitCoords,\n                    added: false\n                  }\n                }),\n                segmentMidPointHoveredCoords: nextCoords\n              })\n            });\n            return;\n          }\n        }\n      }\n\n      if (selectedElements.length === 1 && (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isImageElement)(selectedElements[0])) {\n        this.startImageCropping(selectedElements[0]);\n        return;\n      }\n\n      (0,_cursor__WEBPACK_IMPORTED_MODULE_73__.resetCursor)(this.interactiveCanvas);\n      const selectedGroupIds = (0,_excalidraw_element_groups__WEBPACK_IMPORTED_MODULE_31__.getSelectedGroupIds)(this.state);\n\n      if (selectedGroupIds.length > 0) {\n        const hitElement = this.getElementAtPosition(sceneX, sceneY);\n        const selectedGroupId = hitElement && (0,_excalidraw_element_groups__WEBPACK_IMPORTED_MODULE_31__.getSelectedGroupIdForElement)(hitElement, this.state.selectedGroupIds);\n\n        if (selectedGroupId) {\n          this.store.shouldCaptureIncrement();\n          this.setState(prevState => Object.assign(Object.assign({}, prevState), (0,_excalidraw_element_groups__WEBPACK_IMPORTED_MODULE_31__.selectGroupsForSelectedElements)({\n            editingGroupId: selectedGroupId,\n            selectedElementIds: {\n              [hitElement.id]: true\n            }\n          }, this.scene.getNonDeletedElements(), prevState, this)));\n          return;\n        }\n      }\n\n      (0,_cursor__WEBPACK_IMPORTED_MODULE_73__.resetCursor)(this.interactiveCanvas);\n\n      if (!event[_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.CTRL_OR_CMD] && !this.state.viewModeEnabled) {\n        const hitElement = this.getElementAtPosition(sceneX, sceneY);\n\n        if ((0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isIframeLikeElement)(hitElement)) {\n          this.setState({\n            activeEmbeddable: {\n              element: hitElement,\n              state: \"active\"\n            }\n          });\n          return;\n        }\n\n        const container = this.getTextBindableContainerAtPosition(sceneX, sceneY);\n\n        if (container) {\n          if ((0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.hasBoundTextElement)(container) || !(0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.isTransparent)(container.backgroundColor) || (0,_excalidraw_element_collision__WEBPACK_IMPORTED_MODULE_23__.hitElementItself)({\n            x: sceneX,\n            y: sceneY,\n            element: container,\n            shape: (0,_excalidraw_element_shapes__WEBPACK_IMPORTED_MODULE_17__.getElementShape)(container, this.scene.getNonDeletedElementsMap()),\n            threshold: this.getElementHitThreshold()\n          })) {\n            const midPoint = (0,_excalidraw_element_textElement__WEBPACK_IMPORTED_MODULE_20__.getContainerCenter)(container, this.state, this.scene.getNonDeletedElementsMap());\n            sceneX = midPoint.x;\n            sceneY = midPoint.y;\n          }\n        }\n\n        this.startTextEditing({\n          sceneX,\n          sceneY,\n          insertAtParentCenter: !event.altKey,\n          container\n        });\n      }\n    };\n\n    this.getElementLinkAtPosition = (scenePointer, hitElement) => {\n      const elements = this.scene.getNonDeletedElements();\n      let hitElementIndex = -1;\n\n      for (let index = elements.length - 1; index >= 0; index--) {\n        const element = elements[index];\n\n        if (hitElement && element.id === hitElement.id) {\n          hitElementIndex = index;\n        }\n\n        if (element.link && index >= hitElementIndex && (0,_hyperlink_helpers__WEBPACK_IMPORTED_MODULE_96__.isPointHittingLink)(element, this.scene.getNonDeletedElementsMap(), this.state, (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.pointFrom)(scenePointer.x, scenePointer.y), this.device.editor.isMobile)) {\n          return element;\n        }\n      }\n    };\n\n    this.redirectToLink = (event, isTouchScreen) => {\n      const draggedDistance = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.pointDistance)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.pointFrom)(this.lastPointerDownEvent.clientX, this.lastPointerDownEvent.clientY), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.pointFrom)(this.lastPointerUpEvent.clientX, this.lastPointerUpEvent.clientY));\n\n      if (!this.hitLinkElement || draggedDistance > _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.DRAGGING_THRESHOLD) {\n        return;\n      }\n\n      const lastPointerDownCoords = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.viewportCoordsToSceneCoords)(this.lastPointerDownEvent, this.state);\n      const elementsMap = this.scene.getNonDeletedElementsMap();\n      const lastPointerDownHittingLinkIcon = (0,_hyperlink_helpers__WEBPACK_IMPORTED_MODULE_96__.isPointHittingLink)(this.hitLinkElement, elementsMap, this.state, (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.pointFrom)(lastPointerDownCoords.x, lastPointerDownCoords.y), this.device.editor.isMobile);\n      const lastPointerUpCoords = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.viewportCoordsToSceneCoords)(this.lastPointerUpEvent, this.state);\n      const lastPointerUpHittingLinkIcon = (0,_hyperlink_helpers__WEBPACK_IMPORTED_MODULE_96__.isPointHittingLink)(this.hitLinkElement, elementsMap, this.state, (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.pointFrom)(lastPointerUpCoords.x, lastPointerUpCoords.y), this.device.editor.isMobile);\n\n      if (lastPointerDownHittingLinkIcon && lastPointerUpHittingLinkIcon) {\n        (0,_components_hyperlink_Hyperlink__WEBPACK_IMPORTED_MODULE_66__.hideHyperlinkToolip)();\n        let url = this.hitLinkElement.link;\n\n        if (url) {\n          url = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.normalizeLink)(url);\n          let customEvent;\n\n          if (this.props.onLinkOpen) {\n            customEvent = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.wrapEvent)(_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.EVENT.EXCALIDRAW_LINK, event.nativeEvent);\n            this.props.onLinkOpen(Object.assign(Object.assign({}, this.hitLinkElement), {\n              link: url\n            }), customEvent);\n          }\n\n          if (!(customEvent === null || customEvent === void 0 ? void 0 : customEvent.defaultPrevented)) {\n            const target = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.isLocalLink)(url) ? \"_self\" : \"_blank\";\n            const newWindow = window.open(undefined, target); // https://mathiasbynens.github.io/rel-noopener/\n\n            if (newWindow) {\n              newWindow.opener = null;\n              newWindow.location = url;\n            }\n          }\n        }\n      }\n    };\n\n    this.getTopLayerFrameAtSceneCoords = sceneCoords => {\n      const elementsMap = this.scene.getNonDeletedElementsMap();\n      const frames = this.scene.getNonDeletedFramesLikes().filter(frame => (0,_excalidraw_element_frame__WEBPACK_IMPORTED_MODULE_22__.isCursorInFrame)(sceneCoords, frame, elementsMap));\n      return frames.length ? frames[frames.length - 1] : null;\n    };\n\n    this.handleCanvasPointerMove = event => {\n      var _a, _b, _c, _d, _e, _f, _g;\n\n      this.savePointer(event.clientX, event.clientY, this.state.cursorButton);\n      this.lastPointerMoveEvent = event.nativeEvent;\n\n      if (gesture.pointers.has(event.pointerId)) {\n        gesture.pointers.set(event.pointerId, {\n          x: event.clientX,\n          y: event.clientY\n        });\n      }\n\n      const initialScale = gesture.initialScale;\n\n      if (gesture.pointers.size === 2 && gesture.lastCenter && initialScale && gesture.initialDistance) {\n        const center = (0,_gesture__WEBPACK_IMPORTED_MODULE_58__.getCenter)(gesture.pointers);\n        const deltaX = center.x - gesture.lastCenter.x;\n        const deltaY = center.y - gesture.lastCenter.y;\n        gesture.lastCenter = center;\n        const distance = (0,_gesture__WEBPACK_IMPORTED_MODULE_58__.getDistance)(Array.from(gesture.pointers.values()));\n        const scaleFactor = !this.state.allowPinchZoom && //zsviczian\n        this.state.activeTool.type === \"freedraw\" && this.state.penMode ? 1 : distance / gesture.initialDistance;\n        const nextZoom = scaleFactor ? (0,_scene__WEBPACK_IMPORTED_MODULE_61__.getNormalizedZoom)(initialScale * scaleFactor) : this.state.zoom.value;\n        this.setState(state => {\n          const zoomState = (0,_scene_zoom__WEBPACK_IMPORTED_MODULE_63__.getStateForZoom)({\n            viewportX: center.x,\n            viewportY: center.y,\n            nextZoom\n          }, state);\n          this.translateCanvas({\n            zoom: zoomState.zoom,\n            // 2x multiplier is just a magic number that makes this work correctly\n            // on touchscreen devices (note: if we get report that panning is slower/faster\n            // than actual movement, consider swapping with devicePixelRatio)\n            scrollX: zoomState.scrollX + 2 * (deltaX / nextZoom),\n            scrollY: zoomState.scrollY + 2 * (deltaY / nextZoom),\n            shouldCacheIgnoreZoom: true\n          });\n        });\n        this.resetShouldCacheIgnoreZoomDebounced();\n      } else {\n        gesture.lastCenter = gesture.initialDistance = gesture.initialScale = null;\n      }\n\n      if (isHoldingSpace || isPanning || isDraggingScrollBar || (0,_appState__WEBPACK_IMPORTED_MODULE_53__.isHandToolActive)(this.state)) {\n        return;\n      }\n\n      const isPointerOverScrollBars = (0,_scene_scrollbars__WEBPACK_IMPORTED_MODULE_80__.isOverScrollBars)(currentScrollBars, event.clientX - this.state.offsetLeft, event.clientY - this.state.offsetTop);\n      const isOverScrollBar = isPointerOverScrollBars.isOverEither;\n      const isPenFreedraw = this.state.activeTool.type === \"freedraw\" && event.pointerType === \"pen\"; //zsviczian\n\n      if (!this.state.newElement && !this.state.selectionElement && !this.state.selectedElementsAreBeingDragged && !this.state.multiElement) {\n        if (isOverScrollBar) {\n          (0,_cursor__WEBPACK_IMPORTED_MODULE_73__.resetCursor)(this.interactiveCanvas);\n        } else if (isPenFreedraw && this.interactiveCanvas && (0,_obsidianUtils__WEBPACK_IMPORTED_MODULE_100__.hideFreedrawPenmodeCursor)()) {\n          //zsviczian https://github.com/zsviczian/obsidian-excalidraw-plugin/issues/1659\n          this.interactiveCanvas.style.cursor = \"none\";\n        } else {\n          (0,_cursor__WEBPACK_IMPORTED_MODULE_73__.setCursorForShape)(this.interactiveCanvas, this.state);\n        }\n      }\n\n      const scenePointer = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.viewportCoordsToSceneCoords)(event, this.state);\n      const {\n        x: scenePointerX,\n        y: scenePointerY\n      } = scenePointer;\n\n      if (!this.state.newElement && (0,_snapping__WEBPACK_IMPORTED_MODULE_70__.isActiveToolNonLinearSnappable)(this.state.activeTool.type)) {\n        const {\n          originOffset,\n          snapLines\n        } = (0,_snapping__WEBPACK_IMPORTED_MODULE_70__.getSnapLinesAtPointer)(this.scene.getNonDeletedElements(), this, {\n          x: scenePointerX,\n          y: scenePointerY\n        }, event, this.scene.getNonDeletedElementsMap());\n        this.setState(prevState => {\n          const nextSnapLines = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.updateStable)(prevState.snapLines, snapLines);\n          const nextOriginOffset = prevState.originSnapOffset ? (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.updateStable)(prevState.originSnapOffset, originOffset) : originOffset;\n\n          if (prevState.snapLines === nextSnapLines && prevState.originSnapOffset === nextOriginOffset) {\n            return null;\n          }\n\n          return {\n            snapLines: nextSnapLines,\n            originSnapOffset: nextOriginOffset\n          };\n        });\n      } else if (!this.state.newElement && !this.state.selectedElementsAreBeingDragged && !this.state.selectionElement) {\n        this.setState(prevState => {\n          if (prevState.snapLines.length) {\n            return {\n              snapLines: []\n            };\n          }\n\n          return null;\n        });\n      }\n\n      if (this.state.editingLinearElement && !this.state.editingLinearElement.isDragging) {\n        const editingLinearElement = _excalidraw_element_linearElementEditor__WEBPACK_IMPORTED_MODULE_11__.LinearElementEditor.handlePointerMove(event, scenePointerX, scenePointerY, this, this.scene.getNonDeletedElementsMap());\n\n        if (editingLinearElement && editingLinearElement !== this.state.editingLinearElement) {\n          // Since we are reading from previous state which is not possible with\n          // automatic batching in React 18 hence using flush sync to synchronously\n          // update the state. Check https://github.com/excalidraw/excalidraw/pull/5508 for more details.\n          (0,react_dom__WEBPACK_IMPORTED_MODULE_3__.flushSync)(() => {\n            this.setState({\n              editingLinearElement\n            });\n          });\n        }\n\n        if ((editingLinearElement === null || editingLinearElement === void 0 ? void 0 : editingLinearElement.lastUncommittedPoint) != null) {\n          this.maybeSuggestBindingAtCursor(scenePointer, editingLinearElement.elbowed);\n        } else {\n          // causes stack overflow if not sync\n          (0,react_dom__WEBPACK_IMPORTED_MODULE_3__.flushSync)(() => {\n            this.setState({\n              suggestedBindings: []\n            });\n          });\n        }\n      }\n\n      if ((0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isBindingElementType)(this.state.activeTool.type)) {\n        // Hovering with a selected tool or creating new linear element via click\n        // and point\n        const {\n          newElement\n        } = this.state;\n\n        if ((0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isBindingElement)(newElement, false)) {\n          this.maybeSuggestBindingsForLinearElementAtCoords(newElement, [scenePointer], this.state.startBoundElement);\n        } else {\n          this.maybeSuggestBindingAtCursor(scenePointer, false);\n        }\n      }\n\n      if (this.state.multiElement) {\n        const {\n          multiElement\n        } = this.state;\n        const {\n          x: rx,\n          y: ry\n        } = multiElement;\n        const {\n          points,\n          lastCommittedPoint\n        } = multiElement;\n        const lastPoint = points[points.length - 1];\n        (0,_cursor__WEBPACK_IMPORTED_MODULE_73__.setCursorForShape)(this.interactiveCanvas, this.state);\n\n        if (lastPoint === lastCommittedPoint) {\n          // if we haven't yet created a temp point and we're beyond commit-zone\n          // threshold, add a point\n          if ((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.pointDistance)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.pointFrom)(scenePointerX - rx, scenePointerY - ry), lastPoint) >= _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.LINE_CONFIRM_THRESHOLD) {\n            (0,_excalidraw_element_mutateElement__WEBPACK_IMPORTED_MODULE_12__.mutateElement)(multiElement, {\n              points: [...points, (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.pointFrom)(scenePointerX - rx, scenePointerY - ry)]\n            }, false);\n          } else {\n            (0,_cursor__WEBPACK_IMPORTED_MODULE_73__.setCursor)(this.interactiveCanvas, _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.CURSOR_TYPE.POINTER); // in this branch, we're inside the commit zone, and no uncommitted\n            // point exists. Thus do nothing (don't add/remove points).\n          }\n        } else if (points.length > 2 && lastCommittedPoint && (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.pointDistance)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.pointFrom)(scenePointerX - rx, scenePointerY - ry), lastCommittedPoint) < _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.LINE_CONFIRM_THRESHOLD) {\n          (0,_cursor__WEBPACK_IMPORTED_MODULE_73__.setCursor)(this.interactiveCanvas, _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.CURSOR_TYPE.POINTER);\n          (0,_excalidraw_element_mutateElement__WEBPACK_IMPORTED_MODULE_12__.mutateElement)(multiElement, {\n            points: points.slice(0, -1)\n          }, false);\n        } else {\n          const [gridX, gridY] = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.getGridPoint)(scenePointerX, scenePointerY, event[_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.CTRL_OR_CMD] || (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isElbowArrow)(multiElement) ? null : this.getEffectiveGridSize());\n          const [lastCommittedX, lastCommittedY] = (_a = multiElement === null || multiElement === void 0 ? void 0 : multiElement.lastCommittedPoint) !== null && _a !== void 0 ? _a : [0, 0];\n          let dxFromLastCommitted = gridX - rx - lastCommittedX;\n          let dyFromLastCommitted = gridY - ry - lastCommittedY;\n\n          if ((0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.shouldRotateWithDiscreteAngle)(event)) {\n            ({\n              width: dxFromLastCommitted,\n              height: dyFromLastCommitted\n            } = (0,_excalidraw_element_sizeHelpers__WEBPACK_IMPORTED_MODULE_16__.getLockedLinearCursorAlignSize)( // actual coordinate of the last committed point\n            lastCommittedX + rx, lastCommittedY + ry, // cursor-grid coordinate\n            gridX, gridY));\n          }\n\n          if ((0,_excalidraw_element_shapes__WEBPACK_IMPORTED_MODULE_17__.isPathALoop)(points, this.state.zoom.value)) {\n            (0,_cursor__WEBPACK_IMPORTED_MODULE_73__.setCursor)(this.interactiveCanvas, _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.CURSOR_TYPE.POINTER);\n          } // update last uncommitted point\n\n\n          (0,_excalidraw_element_mutateElement__WEBPACK_IMPORTED_MODULE_12__.mutateElement)(multiElement, {\n            points: [...points.slice(0, -1), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.pointFrom)(lastCommittedX + dxFromLastCommitted, lastCommittedY + dyFromLastCommitted)]\n          }, false, {\n            isDragging: true\n          }); // in this path, we're mutating multiElement to reflect\n          // how it will be after adding pointer position as the next point\n          // trigger update here so that new element canvas renders again to reflect this\n\n          this.triggerRender(false);\n        }\n\n        return;\n      }\n\n      const hasDeselectedButton = Boolean(event.buttons);\n\n      if (hasDeselectedButton || this.state.activeTool.type !== \"selection\" && this.state.activeTool.type !== \"text\" && this.state.activeTool.type !== \"eraser\") {\n        return;\n      }\n\n      const elements = this.scene.getNonDeletedElements();\n      const selectedElements = this.scene.getSelectedElements(this.state);\n\n      if (selectedElements.length === 1 && !isOverScrollBar && !this.state.editingLinearElement) {\n        // for linear elements, we'd like to prioritize point dragging over edge resizing\n        // therefore, we update and check hovered point index first\n        if (this.state.selectedLinearElement) {\n          this.handleHoverSelectedLinearElement(this.state.selectedLinearElement, scenePointerX, scenePointerY);\n        }\n\n        if ((!this.state.selectedLinearElement || this.state.selectedLinearElement.hoverPointIndex === -1) && ((_b = this.state.openDialog) === null || _b === void 0 ? void 0 : _b.name) !== \"elementLinkSelector\" && !(selectedElements.length === 1 && (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isElbowArrow)(selectedElements[0]))) {\n          const elementWithTransformHandleType = (0,_excalidraw_element_resizeTest__WEBPACK_IMPORTED_MODULE_35__.getElementWithTransformHandleType)(elements, this.state, scenePointerX, scenePointerY, this.state.zoom, event.pointerType, this.scene.getNonDeletedElementsMap(), this.device);\n\n          if (elementWithTransformHandleType && elementWithTransformHandleType.transformHandleType) {\n            (0,_cursor__WEBPACK_IMPORTED_MODULE_73__.setCursor)(this.interactiveCanvas, (0,_excalidraw_element_resizeTest__WEBPACK_IMPORTED_MODULE_35__.getCursorForResizingElement)(elementWithTransformHandleType));\n            return;\n          }\n        }\n      } else if (selectedElements.length > 1 && !isOverScrollBar && ((_c = this.state.openDialog) === null || _c === void 0 ? void 0 : _c.name) !== \"elementLinkSelector\") {\n        const transformHandleType = (0,_excalidraw_element_resizeTest__WEBPACK_IMPORTED_MODULE_35__.getTransformHandleTypeFromCoords)((0,_excalidraw_element_bounds__WEBPACK_IMPORTED_MODULE_9__.getCommonBounds)(selectedElements), scenePointerX, scenePointerY, this.state.zoom, event.pointerType, this.device);\n\n        if (transformHandleType) {\n          (0,_cursor__WEBPACK_IMPORTED_MODULE_73__.setCursor)(this.interactiveCanvas, (0,_excalidraw_element_resizeTest__WEBPACK_IMPORTED_MODULE_35__.getCursorForResizingElement)({\n            transformHandleType\n          }));\n          return;\n        }\n      }\n\n      const hitElement = this.getElementAtPosition(scenePointer.x, scenePointer.y);\n      this.hitLinkElement = this.getElementLinkAtPosition(scenePointer, hitElement);\n\n      if ((0,_appState__WEBPACK_IMPORTED_MODULE_53__.isEraserActive)(this.state)) {\n        return;\n      }\n\n      if (this.hitLinkElement && !this.state.selectedElementIds[this.hitLinkElement.id]) {\n        (0,_cursor__WEBPACK_IMPORTED_MODULE_73__.setCursor)(this.interactiveCanvas, _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.CURSOR_TYPE.POINTER);\n        (0,_components_hyperlink_Hyperlink__WEBPACK_IMPORTED_MODULE_66__.showHyperlinkTooltip)(this.hitLinkElement, this.state, this.scene.getNonDeletedElementsMap());\n\n        if (this.props.onLinkHover) {\n          this.props.onLinkHover(this.hitLinkElement, event);\n        } //zsviczian\n\n      } else {\n        (0,_components_hyperlink_Hyperlink__WEBPACK_IMPORTED_MODULE_66__.hideHyperlinkToolip)();\n\n        if (hitElement && (hitElement.link || (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isEmbeddableElement)(hitElement)) && this.state.selectedElementIds[hitElement.id] && !this.state.contextMenu && !this.state.showHyperlinkPopup) {\n          this.setState({\n            showHyperlinkPopup: \"info\"\n          });\n        } else if (this.state.activeTool.type === \"text\") {\n          (0,_cursor__WEBPACK_IMPORTED_MODULE_73__.setCursor)(this.interactiveCanvas, (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isTextElement)(hitElement) ? _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.CURSOR_TYPE.TEXT : _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.CURSOR_TYPE.CROSSHAIR);\n        } else if (this.state.viewModeEnabled) {\n          (0,_cursor__WEBPACK_IMPORTED_MODULE_73__.setCursor)(this.interactiveCanvas, _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.CURSOR_TYPE.GRAB);\n        } else if (((_d = this.state.openDialog) === null || _d === void 0 ? void 0 : _d.name) === \"elementLinkSelector\") {\n          (0,_cursor__WEBPACK_IMPORTED_MODULE_73__.setCursor)(this.interactiveCanvas, _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.CURSOR_TYPE.AUTO);\n        } else if (isOverScrollBar) {\n          (0,_cursor__WEBPACK_IMPORTED_MODULE_73__.setCursor)(this.interactiveCanvas, _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.CURSOR_TYPE.AUTO);\n        } else if (this.state.selectedLinearElement) {\n          this.handleHoverSelectedLinearElement(this.state.selectedLinearElement, scenePointerX, scenePointerY);\n        } else if ( // if using cmd/ctrl, we're not dragging\n        !event[_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.CTRL_OR_CMD]) {\n          if ((hitElement || this.isHittingCommonBoundingBoxOfSelectedElements(scenePointer, selectedElements)) && !(hitElement === null || hitElement === void 0 ? void 0 : hitElement.locked)) {\n            if (hitElement && (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isIframeLikeElement)(hitElement) && this.isIframeLikeElementCenter(hitElement, event, scenePointerX, scenePointerY)) {\n              (0,_cursor__WEBPACK_IMPORTED_MODULE_73__.setCursor)(this.interactiveCanvas, _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.CURSOR_TYPE.POINTER);\n              this.setState({\n                activeEmbeddable: {\n                  element: hitElement,\n                  state: \"hover\"\n                }\n              });\n            } else if (!hitElement || // Ebow arrows can only be moved when unconnected\n            !(0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isElbowArrow)(hitElement) || !(hitElement.startBinding || hitElement.endBinding)) {\n              (0,_cursor__WEBPACK_IMPORTED_MODULE_73__.setCursor)(this.interactiveCanvas, _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.CURSOR_TYPE.MOVE);\n\n              if (((_e = this.state.activeEmbeddable) === null || _e === void 0 ? void 0 : _e.state) === \"hover\") {\n                this.setState({\n                  activeEmbeddable: null\n                });\n              }\n            }\n          }\n        } else {\n          (0,_cursor__WEBPACK_IMPORTED_MODULE_73__.setCursor)(this.interactiveCanvas, _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.CURSOR_TYPE.AUTO);\n        }\n      }\n\n      if (((_f = this.state.openDialog) === null || _f === void 0 ? void 0 : _f.name) === \"elementLinkSelector\" && hitElement) {\n        this.setState(prevState => {\n          return {\n            hoveredElementIds: (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.updateStable)(prevState.hoveredElementIds, (0,_excalidraw_element_groups__WEBPACK_IMPORTED_MODULE_31__.selectGroupsForSelectedElements)({\n              editingGroupId: prevState.editingGroupId,\n              selectedElementIds: {\n                [hitElement.id]: true\n              }\n            }, this.scene.getNonDeletedElements(), prevState, this).selectedElementIds)\n          };\n        });\n      } else if (((_g = this.state.openDialog) === null || _g === void 0 ? void 0 : _g.name) === \"elementLinkSelector\" && !hitElement) {\n        this.setState(prevState => ({\n          hoveredElementIds: (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.updateStable)(prevState.hoveredElementIds, {})\n        }));\n      }\n    };\n\n    this.handleEraser = (event, scenePointer) => {\n      const elementsToErase = this.eraserTrail.addPointToPath(scenePointer.x, scenePointer.y, event.altKey);\n      this.elementsPendingErasure = new Set(elementsToErase);\n      this.triggerRender();\n    }; // set touch moving for mobile context menu\n\n\n    this.handleTouchMove = event => {\n      this.resetContextMenuTimer(); //zsviczian\n    };\n\n    this.handleCanvasPointerDown = event => {\n      var _a, _b, _c;\n\n      this.focusContainer(); //zsviczian\n\n      const target = event.target; // capture subsequent pointer events to the canvas\n      // this makes other elements non-interactive until pointer up\n\n      if (target.setPointerCapture) {\n        target.setPointerCapture(event.pointerId);\n      }\n\n      this.maybeCleanupAfterMissingPointerUp(event.nativeEvent);\n      this.maybeUnfollowRemoteUser();\n\n      if (this.state.searchMatches) {\n        this.setState(state => ({\n          searchMatches: state.searchMatches.map(searchMatch => Object.assign(Object.assign({}, searchMatch), {\n            focus: false\n          }))\n        }));\n        _editor_jotai__WEBPACK_IMPORTED_MODULE_68__.editorJotaiStore.set(_SearchMenu__WEBPACK_IMPORTED_MODULE_92__.searchItemInFocusAtom, null);\n      } // since contextMenu options are potentially evaluated on each render,\n      // and an contextMenu action may depend on selection state, we must\n      // close the contextMenu before we update the selection on pointerDown\n      // (e.g. resetting selection)\n\n\n      if (this.state.contextMenu) {\n        this.setState({\n          contextMenu: null\n        });\n      }\n\n      if (this.state.snapLines) {\n        this.setAppState({\n          snapLines: []\n        });\n      }\n\n      this.updateGestureOnPointerDown(event); // if dragging element is freedraw and another pointerdown event occurs\n      // a second finger is on the screen\n      // discard the freedraw element if it is very short because it is likely\n      // just a spike, otherwise finalize the freedraw element when the second\n      // finger is lifted\n\n      if (event.pointerType === \"touch\" && this.state.newElement && this.state.newElement.type === \"freedraw\") {\n        const element = this.state.newElement;\n        this.updateScene(Object.assign(Object.assign({}, element.points.length < 10 ? {\n          elements: this.scene.getElementsIncludingDeleted().filter(el => el.id !== element.id)\n        } : {}), {\n          appState: {\n            newElement: null,\n            editingTextElement: null,\n            startBoundElement: null,\n            suggestedBindings: [],\n            selectedElementIds: (0,_excalidraw_element_selection__WEBPACK_IMPORTED_MODULE_33__.makeNextSelectedElementIds)(Object.keys(this.state.selectedElementIds).filter(key => key !== element.id).reduce((obj, key) => {\n              obj[key] = this.state.selectedElementIds[key];\n              return obj;\n            }, {}), this.state)\n          },\n          captureUpdate: ((_a = this.state.openDialog) === null || _a === void 0 ? void 0 : _a.name) === \"elementLinkSelector\" ? _store__WEBPACK_IMPORTED_MODULE_76__.CaptureUpdateAction.EVENTUALLY : _store__WEBPACK_IMPORTED_MODULE_76__.CaptureUpdateAction.NEVER\n        }));\n        return;\n      } // remove any active selection when we start to interact with canvas\n      // (mainly, we care about removing selection outside the component which\n      //  would prevent our copy handling otherwise)\n\n\n      const selection = document.getSelection();\n\n      if (selection === null || selection === void 0 ? void 0 : selection.anchorNode) {\n        selection.removeAllRanges();\n      }\n\n      this.maybeOpenContextMenuAfterPointerDownOnTouchDevices(event); //fires only once, if pen is detected, penMode is enabled\n      //the user can disable this by toggling the penMode button\n\n      if (!this.state.penDetected && event.pointerType === \"pen\") {\n        this.setState(prevState => {\n          return {\n            penMode: true,\n            penDetected: true\n          };\n        });\n      }\n\n      if (!this.device.isTouchScreen && [\"pen\", \"touch\"].includes(event.pointerType)) {\n        this.device = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.updateObject)(this.device, {\n          isTouchScreen: true\n        });\n      }\n\n      if (isPanning) {\n        return;\n      }\n\n      this.lastPointerDownEvent = event; // we must exit before we set `cursorButton` state and `savePointer`\n      // else it will send pointer state & laser pointer events in collab when\n      // panning\n\n      /*if (this.handleCanvasPanUsingWheelOrSpaceDrag(event)) {\r\n        return;\r\n      }*/\n      //zsviczian this broke on pointer down in onPointerUpdate\n\n      this.setState({\n        lastPointerDownWith: event.pointerType,\n        cursorButton: \"down\"\n      });\n      this.savePointer(event.clientX, event.clientY, \"down\");\n\n      if (this.handleCanvasPanUsingWheelOrSpaceDrag(event)) {\n        return;\n      } //zsviczian moved it here, because else pointer down in onPointerUpdate did not work\n\n\n      if (event.button === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.POINTER_BUTTON.ERASER && this.state.activeTool.type !== _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.TOOL_TYPE.eraser) {\n        this.setState({\n          activeTool: (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.updateActiveTool)(this.state, {\n            type: _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.TOOL_TYPE.eraser,\n            lastActiveToolBeforeEraser: this.state.activeTool\n          })\n        }, () => {\n          this.handleCanvasPointerDown(event);\n\n          const onPointerUp = () => {\n            unsubPointerUp();\n            unsubCleanup === null || unsubCleanup === void 0 ? void 0 : unsubCleanup();\n\n            if ((0,_appState__WEBPACK_IMPORTED_MODULE_53__.isEraserActive)(this.state)) {\n              this.setState({\n                activeTool: (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.updateActiveTool)(this.state, Object.assign(Object.assign({}, this.state.activeTool.lastActiveTool || {\n                  type: _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.TOOL_TYPE.selection\n                }), {\n                  lastActiveToolBeforeEraser: null\n                }))\n              });\n            }\n          };\n\n          const unsubPointerUp = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.addEventListener)(window, _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.EVENT.POINTER_UP, onPointerUp, {\n            once: true\n          });\n          let unsubCleanup; // subscribe inside rAF lest it'd be triggered on the same pointerdown\n          // if we start erasing while coming from blurred document since\n          // we cleanup pointer events on focus\n\n          requestAnimationFrame(() => {\n            unsubCleanup = this.missingPointerEventCleanupEmitter.once(onPointerUp);\n          });\n        });\n        return;\n      } // only handle left mouse button or touch\n\n\n      if (event.button !== _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.POINTER_BUTTON.MAIN && event.button !== _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.POINTER_BUTTON.TOUCH && event.button !== _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.POINTER_BUTTON.ERASER) {\n        return;\n      } // don't select while panning\n\n\n      if (gesture.pointers.size > 1) {\n        return;\n      } // State for the duration of a pointer interaction, which starts with a\n      // pointerDown event, ends with a pointerUp event (or another pointerDown)\n\n\n      const pointerDownState = this.initialPointerDownState(event);\n      this.setState({\n        selectedElementsAreBeingDragged: false\n      });\n\n      if (this.handleDraggingScrollBar(event, pointerDownState)) {\n        return;\n      }\n\n      this.clearSelectionIfNotUsingSelection();\n      this.updateBindingEnabledOnPointerMove(event);\n\n      if (this.handleSelectionOnPointerDown(event, pointerDownState)) {\n        return;\n      }\n\n      const allowOnPointerDown = !this.state.penMode || event.pointerType !== \"touch\" || this.state.activeTool.type === \"selection\" || this.state.activeTool.type === \"lasso\" || this.state.activeTool.type === \"text\" || this.state.activeTool.type === \"image\";\n\n      if (!allowOnPointerDown) {\n        return;\n      }\n\n      if (this.state.activeTool.type === \"lasso\") {\n        this.lassoTrail.startPath(pointerDownState.origin.x, pointerDownState.origin.y, event.shiftKey);\n      } else if (this.state.activeTool.type === \"text\") {\n        this.handleTextOnPointerDown(event, pointerDownState);\n      } else if (this.state.activeTool.type === \"arrow\" || this.state.activeTool.type === \"line\") {\n        this.handleLinearElementOnPointerDown(event, this.state.activeTool.type, pointerDownState);\n      } else if (this.state.activeTool.type === \"image\") {\n        // reset image preview on pointerdown\n        (0,_cursor__WEBPACK_IMPORTED_MODULE_73__.setCursor)(this.interactiveCanvas, _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.CURSOR_TYPE.CROSSHAIR); // retrieve the latest element as the state may be stale\n\n        const pendingImageElement = this.state.pendingImageElementId && this.scene.getElement(this.state.pendingImageElementId);\n\n        if (!pendingImageElement) {\n          return;\n        }\n\n        this.setState({\n          newElement: pendingImageElement,\n          pendingImageElementId: null,\n          multiElement: null\n        });\n        const {\n          x,\n          y\n        } = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.viewportCoordsToSceneCoords)(event, this.state);\n        const frame = this.getTopLayerFrameAtSceneCoords({\n          x,\n          y\n        });\n        (0,_excalidraw_element_mutateElement__WEBPACK_IMPORTED_MODULE_12__.mutateElement)(pendingImageElement, {\n          x,\n          y,\n          frameId: frame ? frame.id : null\n        });\n      } else if (this.state.activeTool.type === \"freedraw\") {\n        this.handleFreeDrawElementOnPointerDown(event, this.state.activeTool.type, pointerDownState);\n      } else if (this.state.activeTool.type === \"custom\") {\n        (0,_cursor__WEBPACK_IMPORTED_MODULE_73__.setCursorForShape)(this.interactiveCanvas, this.state);\n      } else if (this.state.activeTool.type === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.TOOL_TYPE.frame || this.state.activeTool.type === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.TOOL_TYPE.magicframe) {\n        this.createFrameElementOnPointerDown(pointerDownState, this.state.activeTool.type);\n      } else if (this.state.activeTool.type === \"laser\") {\n        this.laserTrails.startPath(pointerDownState.lastCoords.x, pointerDownState.lastCoords.y);\n      } else if (this.state.activeTool.type !== \"eraser\" && this.state.activeTool.type !== \"hand\" && this.state.activeTool.type !== \"mermaid\") {\n        this.createGenericElementOnPointerDown(this.state.activeTool.type, pointerDownState);\n      }\n\n      (_c = (_b = this.props) === null || _b === void 0 ? void 0 : _b.onPointerDown) === null || _c === void 0 ? void 0 : _c.call(_b, this.state.activeTool, pointerDownState);\n      this.onPointerDownEmitter.trigger(this.state.activeTool, pointerDownState, event);\n\n      if (this.state.activeTool.type === \"eraser\") {\n        this.eraserTrail.startPath(pointerDownState.lastCoords.x, pointerDownState.lastCoords.y);\n      }\n\n      const onPointerMove = this.onPointerMoveFromPointerDownHandler(pointerDownState);\n      const onPointerUp = this.onPointerUpFromPointerDownHandler(pointerDownState);\n      const onKeyDown = this.onKeyDownFromPointerDownHandler(pointerDownState);\n      const onKeyUp = this.onKeyUpFromPointerDownHandler(pointerDownState);\n      this.missingPointerEventCleanupEmitter.once(_event => onPointerUp(_event || event.nativeEvent));\n\n      if (!this.state.viewModeEnabled || this.state.activeTool.type === \"laser\") {\n        window.addEventListener(_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.EVENT.POINTER_MOVE, onPointerMove);\n        window.addEventListener(_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.EVENT.POINTER_UP, onPointerUp);\n        window.addEventListener(_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.EVENT.KEYDOWN, onKeyDown);\n        window.addEventListener(_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.EVENT.KEYUP, onKeyUp);\n        pointerDownState.eventListeners.onMove = onPointerMove;\n        pointerDownState.eventListeners.onUp = onPointerUp;\n        pointerDownState.eventListeners.onKeyUp = onKeyUp;\n        pointerDownState.eventListeners.onKeyDown = onKeyDown;\n      }\n    };\n\n    this.handleCanvasPointerUp = event => {\n      var _a, _b;\n\n      this.removePointer(event);\n      this.lastPointerUpEvent = event;\n      const scenePointer = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.viewportCoordsToSceneCoords)({\n        clientX: event.clientX,\n        clientY: event.clientY\n      }, this.state);\n      const clicklength = event.timeStamp - ((_b = (_a = this.lastPointerDownEvent) === null || _a === void 0 ? void 0 : _a.timeStamp) !== null && _b !== void 0 ? _b : 0);\n\n      if (this.device.editor.isMobile && clicklength < 300) {\n        const hitElement = this.getElementAtPosition(scenePointer.x, scenePointer.y);\n\n        if ((0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isIframeLikeElement)(hitElement) && this.isIframeLikeElementCenter(hitElement, event, scenePointer.x, scenePointer.y)) {\n          this.handleEmbeddableCenterClick(hitElement);\n          return;\n        }\n      }\n\n      if (this.device.isTouchScreen) {\n        const hitElement = this.getElementAtPosition(scenePointer.x, scenePointer.y);\n        this.hitLinkElement = this.getElementLinkAtPosition(scenePointer, hitElement);\n      }\n\n      if (this.hitLinkElement && !this.state.selectedElementIds[this.hitLinkElement.id]) {\n        if (clicklength < 300 && (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isIframeLikeElement)(this.hitLinkElement) && !(0,_hyperlink_helpers__WEBPACK_IMPORTED_MODULE_96__.isPointHittingLinkIcon)(this.hitLinkElement, this.scene.getNonDeletedElementsMap(), this.state, (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.pointFrom)(scenePointer.x, scenePointer.y))) {\n          this.handleEmbeddableCenterClick(this.hitLinkElement);\n        } else {\n          this.redirectToLink(event, this.device.isTouchScreen);\n        }\n      } else if (this.state.viewModeEnabled) {\n        this.setState({\n          activeEmbeddable: null,\n          selectedElementIds: {}\n        });\n      }\n    };\n\n    this.maybeOpenContextMenuAfterPointerDownOnTouchDevices = event => {\n      // deal with opening context menu on touch devices\n      if (event.pointerType === \"touch\") {\n        invalidateContextMenu = false;\n\n        if (touchTimeout) {\n          // If there's already a touchTimeout, this means that there's another\n          // touch down and we are doing another touch, so we shouldn't open the\n          // context menu.\n          invalidateContextMenu = true;\n        } else {\n          // open the context menu with the first touch's clientX and clientY\n          // if the touch is not moving\n          touchTimeout = window.setTimeout(() => {\n            touchTimeout = 0;\n\n            if (!invalidateContextMenu) {\n              this.handleCanvasContextMenu(event);\n            }\n          }, _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.TOUCH_CTX_MENU_TIMEOUT);\n        }\n      }\n    };\n\n    this.resetContextMenuTimer = () => {\n      clearTimeout(touchTimeout);\n      touchTimeout = 0;\n      invalidateContextMenu = false;\n    };\n    /**\r\n     * pointerup may not fire in certian cases (user tabs away...), so in order\r\n     * to properly cleanup pointerdown state, we need to fire any hanging\r\n     * pointerup handlers manually\r\n     */\n\n\n    this.maybeCleanupAfterMissingPointerUp = event => {\n      lastPointerUp === null || lastPointerUp === void 0 ? void 0 : lastPointerUp();\n      this.missingPointerEventCleanupEmitter.trigger(event).clear();\n    }; // Returns whether the event is a panning\n\n\n    this.handleCanvasPanUsingWheelOrSpaceDrag = event => {\n      if (!(gesture.pointers.size <= 1 && (event.button === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.POINTER_BUTTON.WHEEL || event.button === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.POINTER_BUTTON.MAIN && isHoldingSpace || (0,_appState__WEBPACK_IMPORTED_MODULE_53__.isHandToolActive)(this.state) || //zsviczian\n      (0,_obsidianUtils__WEBPACK_IMPORTED_MODULE_100__.isTouchInPenMode)(this.state, event) || //!isLaserPointerActive added by zsviczian (but don't remember why....)\n      this.state.viewModeEnabled && !(0,_appState__WEBPACK_IMPORTED_MODULE_53__.isLaserPointerActive)(this.state)))) {\n        return false;\n      }\n\n      isPanning = true; // due to event.preventDefault below, container wouldn't get focus\n      // automatically\n\n      this.focusContainer(); // preventing defualt while text editing messes with cursor/focus\n\n      if (!this.state.editingTextElement) {\n        // necessary to prevent browser from scrolling the page if excalidraw\n        // not full-page #4489\n        //\n        // as such, the above is broken when panning canvas while in wysiwyg\n        event.preventDefault();\n      }\n\n      let nextPastePrevented = false;\n      const isLinux = typeof window === undefined ? false : /Linux/.test(window.navigator.platform);\n      (0,_cursor__WEBPACK_IMPORTED_MODULE_73__.setCursor)(this.interactiveCanvas, _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.CURSOR_TYPE.GRABBING);\n      let {\n        clientX: lastX,\n        clientY: lastY\n      } = event;\n      const onPointerMove = (0,_reactUtils__WEBPACK_IMPORTED_MODULE_78__.withBatchedUpdatesThrottled)(event => {\n        const deltaX = lastX - event.clientX;\n        const deltaY = lastY - event.clientY;\n        lastX = event.clientX;\n        lastY = event.clientY;\n        /*\r\n         * Prevent paste event if we move while middle clicking on Linux.\r\n         * See issue #1383.\r\n         */\n\n        if (isLinux && !nextPastePrevented && (Math.abs(deltaX) > 1 || Math.abs(deltaY) > 1)) {\n          nextPastePrevented = true;\n          /* Prevent the next paste event */\n\n          const preventNextPaste = event => {\n            document.body.removeEventListener(_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.EVENT.PASTE, preventNextPaste);\n            event.stopPropagation();\n          };\n          /*\r\n           * Reenable next paste in case of disabled middle click paste for\r\n           * any reason:\r\n           * - right click paste\r\n           * - empty clipboard\r\n           */\n\n\n          const enableNextPaste = () => {\n            setTimeout(() => {\n              document.body.removeEventListener(_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.EVENT.PASTE, preventNextPaste);\n              window.removeEventListener(_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.EVENT.POINTER_UP, enableNextPaste);\n            }, 100);\n          };\n\n          document.body.addEventListener(_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.EVENT.PASTE, preventNextPaste);\n          window.addEventListener(_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.EVENT.POINTER_UP, enableNextPaste);\n        }\n\n        this.translateCanvas({\n          scrollX: this.state.scrollX - deltaX / this.state.zoom.value,\n          scrollY: this.state.scrollY - deltaY / this.state.zoom.value\n        });\n      });\n      const teardown = (0,_reactUtils__WEBPACK_IMPORTED_MODULE_78__.withBatchedUpdates)(lastPointerUp = () => {\n        lastPointerUp = null;\n        isPanning = false;\n\n        if (!isHoldingSpace) {\n          if (this.state.viewModeEnabled) {\n            (0,_cursor__WEBPACK_IMPORTED_MODULE_73__.setCursor)(this.interactiveCanvas, _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.CURSOR_TYPE.GRAB);\n          } else {\n            (0,_cursor__WEBPACK_IMPORTED_MODULE_73__.setCursorForShape)(this.interactiveCanvas, this.state);\n          }\n        }\n\n        this.setState({\n          cursorButton: \"up\"\n        });\n        this.savePointer(event.clientX, event.clientY, \"up\");\n        window.removeEventListener(_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.EVENT.POINTER_MOVE, onPointerMove);\n        window.removeEventListener(_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.EVENT.POINTER_UP, teardown);\n        window.removeEventListener(_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.EVENT.BLUR, teardown);\n        onPointerMove.flush();\n      });\n      window.addEventListener(_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.EVENT.BLUR, teardown);\n      window.addEventListener(_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.EVENT.POINTER_MOVE, onPointerMove, {\n        passive: true\n      });\n      window.addEventListener(_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.EVENT.POINTER_UP, teardown);\n      return true;\n    };\n\n    this.clearSelectionIfNotUsingSelection = () => {\n      if (this.state.activeTool.type !== \"selection\" && this.state.activeTool.type !== \"lasso\") {\n        this.setState({\n          selectedElementIds: (0,_excalidraw_element_selection__WEBPACK_IMPORTED_MODULE_33__.makeNextSelectedElementIds)({}, this.state),\n          selectedGroupIds: {},\n          editingGroupId: null,\n          activeEmbeddable: null\n        });\n      }\n    };\n    /**\r\n     * @returns whether the pointer event has been completely handled\r\n     */\n\n\n    this.handleSelectionOnPointerDown = (event, pointerDownState) => {\n      var _a, _b;\n\n      if (this.state.activeTool.type === \"selection\") {\n        const elements = this.scene.getNonDeletedElements();\n        const elementsMap = this.scene.getNonDeletedElementsMap();\n        const selectedElements = this.scene.getSelectedElements(this.state);\n\n        if (selectedElements.length === 1 && !this.state.editingLinearElement && !(0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isElbowArrow)(selectedElements[0]) && !(this.state.selectedLinearElement && this.state.selectedLinearElement.hoverPointIndex !== -1)) {\n          const elementWithTransformHandleType = (0,_excalidraw_element_resizeTest__WEBPACK_IMPORTED_MODULE_35__.getElementWithTransformHandleType)(elements, this.state, pointerDownState.origin.x, pointerDownState.origin.y, this.state.zoom, event.pointerType, this.scene.getNonDeletedElementsMap(), this.device);\n\n          if (elementWithTransformHandleType != null) {\n            if (elementWithTransformHandleType.transformHandleType === \"rotation\") {\n              this.setState({\n                resizingElement: elementWithTransformHandleType.element\n              });\n              pointerDownState.resize.handleType = elementWithTransformHandleType.transformHandleType;\n            } else if (this.state.croppingElementId) {\n              pointerDownState.resize.handleType = elementWithTransformHandleType.transformHandleType;\n            } else {\n              this.setState({\n                resizingElement: elementWithTransformHandleType.element\n              });\n              pointerDownState.resize.handleType = elementWithTransformHandleType.transformHandleType;\n            }\n          }\n        } else if (selectedElements.length > 1) {\n          pointerDownState.resize.handleType = (0,_excalidraw_element_resizeTest__WEBPACK_IMPORTED_MODULE_35__.getTransformHandleTypeFromCoords)((0,_excalidraw_element_bounds__WEBPACK_IMPORTED_MODULE_9__.getCommonBounds)(selectedElements), pointerDownState.origin.x, pointerDownState.origin.y, this.state.zoom, event.pointerType, this.device);\n        }\n\n        if (pointerDownState.resize.handleType) {\n          pointerDownState.resize.isResizing = true;\n          pointerDownState.resize.offset = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.tupleToCoors)((0,_excalidraw_element_resizeElements__WEBPACK_IMPORTED_MODULE_34__.getResizeOffsetXY)(pointerDownState.resize.handleType, selectedElements, elementsMap, pointerDownState.origin.x, pointerDownState.origin.y));\n\n          if (selectedElements.length === 1 && (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isLinearElement)(selectedElements[0]) && selectedElements[0].points.length === 2) {\n            pointerDownState.resize.arrowDirection = (0,_excalidraw_element_resizeElements__WEBPACK_IMPORTED_MODULE_34__.getResizeArrowDirection)(pointerDownState.resize.handleType, selectedElements[0]);\n          }\n        } else {\n          if (this.state.selectedLinearElement) {\n            const linearElementEditor = this.state.editingLinearElement || this.state.selectedLinearElement;\n            const ret = _excalidraw_element_linearElementEditor__WEBPACK_IMPORTED_MODULE_11__.LinearElementEditor.handlePointerDown(event, this, this.store, pointerDownState.origin, linearElementEditor, this.scene);\n\n            if (ret.hitElement) {\n              pointerDownState.hit.element = ret.hitElement;\n            }\n\n            if (ret.linearElementEditor) {\n              this.setState({\n                selectedLinearElement: ret.linearElementEditor\n              });\n\n              if (this.state.editingLinearElement) {\n                this.setState({\n                  editingLinearElement: ret.linearElementEditor\n                });\n              }\n            }\n\n            if (ret.didAddPoint) {\n              return true;\n            }\n          } // hitElement may already be set above, so check first\n\n\n          pointerDownState.hit.element = (_a = pointerDownState.hit.element) !== null && _a !== void 0 ? _a : this.getElementAtPosition(pointerDownState.origin.x, pointerDownState.origin.y);\n          this.hitLinkElement = this.getElementLinkAtPosition(pointerDownState.origin, pointerDownState.hit.element);\n\n          if (this.hitLinkElement) {\n            return true;\n          }\n\n          if (this.state.croppingElementId && ((_b = pointerDownState.hit.element) === null || _b === void 0 ? void 0 : _b.id) !== this.state.croppingElementId) {\n            this.finishImageCropping();\n          }\n\n          if (pointerDownState.hit.element) {\n            // Early return if pointer is hitting link icon\n            const hitLinkElement = this.getElementLinkAtPosition({\n              x: pointerDownState.origin.x,\n              y: pointerDownState.origin.y\n            }, pointerDownState.hit.element);\n\n            if (hitLinkElement) {\n              return false;\n            }\n          } // For overlapped elements one position may hit\n          // multiple elements\n\n\n          pointerDownState.hit.allHitElements = this.getElementsAtPosition(pointerDownState.origin.x, pointerDownState.origin.y);\n          const hitElement = pointerDownState.hit.element;\n          const someHitElementIsSelected = pointerDownState.hit.allHitElements.some(element => this.isASelectedElement(element));\n\n          if ((hitElement === null || !someHitElementIsSelected) && !event.shiftKey && !pointerDownState.hit.hasHitCommonBoundingBoxOfSelectedElements) {\n            this.clearSelection(hitElement);\n          }\n\n          if (this.state.editingLinearElement) {\n            this.setState({\n              selectedElementIds: (0,_excalidraw_element_selection__WEBPACK_IMPORTED_MODULE_33__.makeNextSelectedElementIds)({\n                [this.state.editingLinearElement.elementId]: true\n              }, this.state)\n            }); // If we click on something\n          } else if (hitElement != null) {\n            // on CMD/CTRL, drill down to hit element regardless of groups etc.\n            if (event[_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.CTRL_OR_CMD]) {\n              if (!this.state.selectedElementIds[hitElement.id]) {\n                pointerDownState.hit.wasAddedToSelection = true;\n              }\n\n              this.setState(prevState => Object.assign(Object.assign({}, (0,_excalidraw_element_groups__WEBPACK_IMPORTED_MODULE_31__.editGroupForSelectedElement)(prevState, hitElement)), {\n                previousSelectedElementIds: this.state.selectedElementIds\n              })); // mark as not completely handled so as to allow dragging etc.\n\n              return false;\n            } // deselect if item is selected\n            // if shift is not clicked, this will always return true\n            // otherwise, it will trigger selection based on current\n            // state of the box\n\n\n            if (!this.state.selectedElementIds[hitElement.id]) {\n              // if we are currently editing a group, exiting editing mode and deselect the group.\n              if (this.state.editingGroupId && !(0,_excalidraw_element_groups__WEBPACK_IMPORTED_MODULE_31__.isElementInGroup)(hitElement, this.state.editingGroupId)) {\n                this.setState({\n                  selectedElementIds: (0,_excalidraw_element_selection__WEBPACK_IMPORTED_MODULE_33__.makeNextSelectedElementIds)({}, this.state),\n                  selectedGroupIds: {},\n                  editingGroupId: null,\n                  activeEmbeddable: null\n                });\n              } // Add hit element to selection. At this point if we're not holding\n              // SHIFT the previously selected element(s) were deselected above\n              // (make sure you use setState updater to use latest state)\n              // With shift-selection, we want to make sure that frames and their containing\n              // elements are not selected at the same time.\n\n\n              if (!someHitElementIsSelected && !pointerDownState.hit.hasHitCommonBoundingBoxOfSelectedElements) {\n                this.setState(prevState => {\n                  var _a;\n\n                  let nextSelectedElementIds = Object.assign(Object.assign({}, prevState.selectedElementIds), {\n                    [hitElement.id]: true\n                  });\n                  const previouslySelectedElements = [];\n                  Object.keys(prevState.selectedElementIds).forEach(id => {\n                    const element = this.scene.getElement(id);\n                    element && previouslySelectedElements.push(element);\n                  }); // if hitElement is frame-like, deselect all of its elements\n                  // if they are selected\n\n                  if ((0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isFrameLikeElement)(hitElement)) {\n                    (0,_excalidraw_element_frame__WEBPACK_IMPORTED_MODULE_22__.getFrameChildren)(previouslySelectedElements, hitElement.id).forEach(element => {\n                      delete nextSelectedElementIds[element.id];\n                    });\n                  } else if (hitElement.frameId) {\n                    // if hitElement is in a frame and its frame has been selected\n                    // disable selection for the given element\n                    if (nextSelectedElementIds[hitElement.frameId]) {\n                      delete nextSelectedElementIds[hitElement.id];\n                    }\n                  } else {\n                    // hitElement is neither a frame nor an element in a frame\n                    // but since hitElement could be in a group with some frames\n                    // this means selecting hitElement will have the frames selected as well\n                    // because we want to keep the invariant:\n                    // - frames and their elements are not selected at the same time\n                    // we deselect elements in those frames that were previously selected\n                    const groupIds = hitElement.groupIds;\n                    const framesInGroups = new Set(groupIds.flatMap(gid => (0,_excalidraw_element_groups__WEBPACK_IMPORTED_MODULE_31__.getElementsInGroup)(this.scene.getNonDeletedElements(), gid)).filter(element => (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isFrameLikeElement)(element)).map(frame => frame.id));\n\n                    if (framesInGroups.size > 0) {\n                      previouslySelectedElements.forEach(element => {\n                        if (element.frameId && framesInGroups.has(element.frameId)) {\n                          // deselect element and groups containing the element\n                          delete nextSelectedElementIds[element.id];\n                          element.groupIds.flatMap(gid => (0,_excalidraw_element_groups__WEBPACK_IMPORTED_MODULE_31__.getElementsInGroup)(this.scene.getNonDeletedElements(), gid)).forEach(element => {\n                            delete nextSelectedElementIds[element.id];\n                          });\n                        }\n                      });\n                    }\n                  } // Finally, in shape selection mode, we'd like to\n                  // keep only one shape or group selected at a time.\n                  // This means, if the hitElement is a different shape or group\n                  // than the previously selected ones, we deselect the previous ones\n                  // and select the hitElement\n\n\n                  if (((_a = prevState.openDialog) === null || _a === void 0 ? void 0 : _a.name) === \"elementLinkSelector\") {\n                    if (!hitElement.groupIds.some(gid => prevState.selectedGroupIds[gid])) {\n                      nextSelectedElementIds = {\n                        [hitElement.id]: true\n                      };\n                    }\n                  }\n\n                  return Object.assign(Object.assign({}, (0,_excalidraw_element_groups__WEBPACK_IMPORTED_MODULE_31__.selectGroupsForSelectedElements)({\n                    editingGroupId: prevState.editingGroupId,\n                    selectedElementIds: nextSelectedElementIds\n                  }, this.scene.getNonDeletedElements(), prevState, this)), {\n                    showHyperlinkPopup: hitElement.link || (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isEmbeddableElement)(hitElement) ? \"info\" : false\n                  });\n                });\n                pointerDownState.hit.wasAddedToSelection = true;\n              }\n            }\n          }\n\n          this.setState({\n            previousSelectedElementIds: this.state.selectedElementIds\n          });\n        }\n      }\n\n      return false;\n    };\n\n    this.handleTextOnPointerDown = (event, pointerDownState) => {\n      // if we're currently still editing text, clicking outside\n      // should only finalize it, not create another (irrespective\n      // of state.activeTool.locked)\n      if (this.state.editingTextElement) {\n        return;\n      }\n\n      let sceneX = pointerDownState.origin.x;\n      let sceneY = pointerDownState.origin.y;\n      const element = this.getElementAtPosition(sceneX, sceneY, {\n        includeBoundTextElement: true\n      }); // FIXME\n\n      let container = this.getTextBindableContainerAtPosition(sceneX, sceneY);\n\n      if ((0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.hasBoundTextElement)(element)) {\n        container = element;\n        sceneX = element.x + element.width / 2;\n        sceneY = element.y + element.height / 2;\n      }\n\n      this.startTextEditing({\n        sceneX,\n        sceneY,\n        insertAtParentCenter: !event.altKey,\n        container,\n        autoEdit: false\n      });\n      (0,_cursor__WEBPACK_IMPORTED_MODULE_73__.resetCursor)(this.interactiveCanvas);\n\n      if (!this.state.activeTool.locked) {\n        this.setState({\n          activeTool: (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.updateActiveTool)(this.state, {\n            type: \"selection\"\n          })\n        });\n      }\n    };\n\n    this.handleFreeDrawElementOnPointerDown = (event, elementType, pointerDownState) => {\n      // Begin a mark capture. This does not have to update state yet.\n      const [gridX, gridY] = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.getGridPoint)(pointerDownState.origin.x, pointerDownState.origin.y, null);\n      const topLayerFrame = this.getTopLayerFrameAtSceneCoords({\n        x: gridX,\n        y: gridY\n      });\n      const strokeOptions = this.state.currentStrokeOptions; //zsviczian\n\n      const simulatePressure = (strokeOptions === null || strokeOptions === void 0 ? void 0 : strokeOptions.constantPressure //zsviczian\n      ) ? false : event.pressure === 0.5;\n      const element = (0,_excalidraw_element_newElement__WEBPACK_IMPORTED_MODULE_13__.newFreeDrawElement)(Object.assign(Object.assign({\n        type: elementType,\n        x: gridX,\n        y: gridY,\n        strokeColor: this.state.currentItemStrokeColor,\n        backgroundColor: this.state.currentItemBackgroundColor,\n        fillStyle: this.state.currentItemFillStyle,\n        strokeWidth: this.state.currentItemStrokeWidth,\n        strokeStyle: this.state.currentItemStrokeStyle,\n        roughness: this.state.currentItemRoughness,\n        opacity: this.state.currentItemOpacity,\n        roundness: null,\n        simulatePressure,\n        locked: false\n      }, strokeOptions //zsviczian\n      ? {\n        customData: {\n          strokeOptions\n        }\n      } : {}), {\n        frameId: topLayerFrame ? topLayerFrame.id : null,\n        points: [(0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.pointFrom)(0, 0)],\n        pressures: simulatePressure ? [] : [(strokeOptions === null || strokeOptions === void 0 ? void 0 : strokeOptions.constantPressure) ? 1 : event.pressure]\n      })); //zsviczian\n\n      if (strokeOptions === null || strokeOptions === void 0 ? void 0 : strokeOptions.highlighter) {\n        this.scene.insertElement(element, 0);\n      } else {\n        this.scene.insertElement(element);\n      }\n\n      this.setState(prevState => {\n        const nextSelectedElementIds = Object.assign({}, prevState.selectedElementIds);\n        delete nextSelectedElementIds[element.id];\n        return {\n          selectedElementIds: (0,_excalidraw_element_selection__WEBPACK_IMPORTED_MODULE_33__.makeNextSelectedElementIds)(nextSelectedElementIds, prevState)\n        };\n      });\n      const boundElement = (0,_excalidraw_element_binding__WEBPACK_IMPORTED_MODULE_10__.getHoveredElementForBinding)(pointerDownState.origin, this.scene.getNonDeletedElements(), this.scene.getNonDeletedElementsMap(), this.state.zoom);\n      this.setState({\n        newElement: element,\n        startBoundElement: boundElement,\n        suggestedBindings: []\n      });\n    };\n\n    this.insertIframeElement = ({\n      sceneX,\n      sceneY,\n      width,\n      height\n    }) => {\n      var _a;\n\n      const [gridX, gridY] = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.getGridPoint)(sceneX, sceneY, ((_a = this.lastPointerDownEvent) === null || _a === void 0 ? void 0 : _a[_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.CTRL_OR_CMD]) ? null : this.getEffectiveGridSize());\n      const element = (0,_excalidraw_element_newElement__WEBPACK_IMPORTED_MODULE_13__.newIframeElement)({\n        type: \"iframe\",\n        x: gridX,\n        y: gridY,\n        strokeColor: \"transparent\",\n        backgroundColor: \"transparent\",\n        fillStyle: this.state.currentItemFillStyle,\n        strokeWidth: this.state.currentItemStrokeWidth,\n        strokeStyle: this.state.currentItemStrokeStyle,\n        roughness: this.state.currentItemRoughness,\n        roundness: this.getCurrentItemRoundness(\"iframe\"),\n        opacity: this.state.currentItemOpacity,\n        locked: false,\n        width,\n        height\n      });\n      this.scene.insertElement(element);\n      return element;\n    }; //create rectangle element with youtube top left on nearest grid point width / hight 640/360\n\n\n    this.insertEmbeddableElement = ({\n      sceneX,\n      sceneY,\n      link\n    }) => {\n      var _a;\n\n      const [gridX, gridY] = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.getGridPoint)(sceneX, sceneY, ((_a = this.lastPointerDownEvent) === null || _a === void 0 ? void 0 : _a[_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.CTRL_OR_CMD]) ? null : this.getEffectiveGridSize());\n      const embedLink = (0,_excalidraw_element_embeddable__WEBPACK_IMPORTED_MODULE_18__.getEmbedLink)(link);\n\n      if (!embedLink) {\n        return;\n      }\n\n      if (embedLink.error instanceof URIError) {\n        this.setToast({\n          message: (0,_i18n__WEBPACK_IMPORTED_MODULE_60__.t)(\"toast.unrecognizedLinkFormat\"),\n          closable: true\n        });\n      }\n\n      const element = (0,_excalidraw_element_newElement__WEBPACK_IMPORTED_MODULE_13__.newEmbeddableElement)({\n        type: \"embeddable\",\n        x: gridX,\n        y: gridY,\n        strokeColor: \"transparent\",\n        backgroundColor: \"transparent\",\n        fillStyle: this.state.currentItemFillStyle,\n        strokeWidth: this.state.currentItemStrokeWidth,\n        strokeStyle: this.state.currentItemStrokeStyle,\n        roughness: this.state.currentItemRoughness,\n        roundness: this.getCurrentItemRoundness(\"embeddable\"),\n        opacity: this.state.currentItemOpacity,\n        locked: false,\n        width: embedLink.intrinsicSize.w,\n        height: embedLink.intrinsicSize.h,\n        link\n      });\n      this.scene.insertElement(element);\n      return element;\n    };\n\n    this.createImageElement = ({\n      sceneX,\n      sceneY,\n      addToFrameUnderCursor = true\n    }) => {\n      var _a;\n\n      const [gridX, gridY] = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.getGridPoint)(sceneX, sceneY, ((_a = this.lastPointerDownEvent) === null || _a === void 0 ? void 0 : _a[_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.CTRL_OR_CMD]) ? null : this.getEffectiveGridSize());\n      const topLayerFrame = addToFrameUnderCursor ? this.getTopLayerFrameAtSceneCoords({\n        x: gridX,\n        y: gridY\n      }) : null;\n      const element = (0,_excalidraw_element_newElement__WEBPACK_IMPORTED_MODULE_13__.newImageElement)({\n        type: \"image\",\n        x: gridX,\n        y: gridY,\n        strokeColor: this.state.currentItemStrokeColor,\n        backgroundColor: this.state.currentItemBackgroundColor,\n        fillStyle: this.state.currentItemFillStyle,\n        strokeWidth: this.state.currentItemStrokeWidth,\n        strokeStyle: this.state.currentItemStrokeStyle,\n        roughness: this.state.currentItemRoughness,\n        roundness: null,\n        opacity: this.state.currentItemOpacity,\n        locked: false,\n        frameId: topLayerFrame ? topLayerFrame.id : null\n      });\n      return element;\n    };\n\n    this.handleLinearElementOnPointerDown = (event, elementType, pointerDownState) => {\n      if (this.state.multiElement) {\n        const {\n          multiElement\n        } = this.state; // finalize if completing a loop\n\n        if (multiElement.type === \"line\" && (0,_excalidraw_element_shapes__WEBPACK_IMPORTED_MODULE_17__.isPathALoop)(multiElement.points, this.state.zoom.value)) {\n          (0,_excalidraw_element_mutateElement__WEBPACK_IMPORTED_MODULE_12__.mutateElement)(multiElement, {\n            lastCommittedPoint: multiElement.points[multiElement.points.length - 1]\n          });\n          this.actionManager.executeAction(_actions__WEBPACK_IMPORTED_MODULE_38__.actionFinalize);\n          return;\n        } // Elbow arrows cannot be created by putting down points\n        // only the start and end points can be defined\n\n\n        if ((0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isElbowArrow)(multiElement) && multiElement.points.length > 1) {\n          (0,_excalidraw_element_mutateElement__WEBPACK_IMPORTED_MODULE_12__.mutateElement)(multiElement, {\n            lastCommittedPoint: multiElement.points[multiElement.points.length - 1]\n          });\n          this.actionManager.executeAction(_actions__WEBPACK_IMPORTED_MODULE_38__.actionFinalize);\n          return;\n        }\n\n        const {\n          x: rx,\n          y: ry,\n          lastCommittedPoint\n        } = multiElement; // clicking inside commit zone → finalize arrow\n\n        if (multiElement.points.length > 1 && lastCommittedPoint && (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.pointDistance)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.pointFrom)(pointerDownState.origin.x - rx, pointerDownState.origin.y - ry), lastCommittedPoint) < _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.LINE_CONFIRM_THRESHOLD) {\n          this.actionManager.executeAction(_actions__WEBPACK_IMPORTED_MODULE_38__.actionFinalize);\n          return;\n        }\n\n        this.setState(prevState => ({\n          selectedElementIds: (0,_excalidraw_element_selection__WEBPACK_IMPORTED_MODULE_33__.makeNextSelectedElementIds)(Object.assign(Object.assign({}, prevState.selectedElementIds), {\n            [multiElement.id]: true\n          }), prevState)\n        })); // clicking outside commit zone → update reference for last committed\n        // point\n\n        (0,_excalidraw_element_mutateElement__WEBPACK_IMPORTED_MODULE_12__.mutateElement)(multiElement, {\n          lastCommittedPoint: multiElement.points[multiElement.points.length - 1]\n        });\n        (0,_cursor__WEBPACK_IMPORTED_MODULE_73__.setCursor)(this.interactiveCanvas, _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.CURSOR_TYPE.POINTER);\n      } else {\n        const [gridX, gridY] = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.getGridPoint)(pointerDownState.origin.x, pointerDownState.origin.y, event[_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.CTRL_OR_CMD] ? null : this.getEffectiveGridSize());\n        const topLayerFrame = this.getTopLayerFrameAtSceneCoords({\n          x: gridX,\n          y: gridY\n        });\n        /* If arrow is pre-arrowheads, it will have undefined for both start and end arrowheads.\r\n        If so, we want it to be null for start and \"arrow\" for end. If the linear item is not\r\n        an arrow, we want it to be null for both. Otherwise, we want it to use the\r\n        values from appState. */\n\n        const {\n          currentItemStartArrowhead,\n          currentItemEndArrowhead\n        } = this.state;\n        const [startArrowhead, endArrowhead] = elementType === \"arrow\" ? [currentItemStartArrowhead, currentItemEndArrowhead] : [null, null];\n        const element = elementType === \"arrow\" ? (0,_excalidraw_element_newElement__WEBPACK_IMPORTED_MODULE_13__.newArrowElement)({\n          type: elementType,\n          x: gridX,\n          y: gridY,\n          strokeColor: this.state.currentItemStrokeColor,\n          backgroundColor: this.state.currentItemBackgroundColor,\n          fillStyle: this.state.currentItemFillStyle,\n          strokeWidth: this.state.currentItemStrokeWidth,\n          strokeStyle: this.state.currentItemStrokeStyle,\n          roughness: this.state.currentItemRoughness,\n          opacity: this.state.currentItemOpacity,\n          roundness: this.state.currentItemArrowType === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.ARROW_TYPE.round ? {\n            type: _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.ROUNDNESS.PROPORTIONAL_RADIUS\n          } : // note, roundness doesn't have any effect for elbow arrows,\n          // but it's best to set it to null as well\n          null,\n          startArrowhead,\n          endArrowhead,\n          locked: false,\n          frameId: topLayerFrame ? topLayerFrame.id : null,\n          elbowed: this.state.currentItemArrowType === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.ARROW_TYPE.elbow,\n          fixedSegments: this.state.currentItemArrowType === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.ARROW_TYPE.elbow ? [] : null\n        }) : (0,_excalidraw_element_newElement__WEBPACK_IMPORTED_MODULE_13__.newLinearElement)({\n          type: elementType,\n          x: gridX,\n          y: gridY,\n          strokeColor: this.state.currentItemStrokeColor,\n          backgroundColor: this.state.currentItemBackgroundColor,\n          fillStyle: this.state.currentItemFillStyle,\n          strokeWidth: this.state.currentItemStrokeWidth,\n          strokeStyle: this.state.currentItemStrokeStyle,\n          roughness: this.state.currentItemRoughness,\n          opacity: this.state.currentItemOpacity,\n          roundness: this.state.currentItemRoundness === \"round\" ? {\n            type: _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.ROUNDNESS.PROPORTIONAL_RADIUS\n          } : null,\n          locked: false,\n          frameId: topLayerFrame ? topLayerFrame.id : null\n        });\n        this.setState(prevState => {\n          const nextSelectedElementIds = Object.assign({}, prevState.selectedElementIds);\n          delete nextSelectedElementIds[element.id];\n          return {\n            selectedElementIds: (0,_excalidraw_element_selection__WEBPACK_IMPORTED_MODULE_33__.makeNextSelectedElementIds)(nextSelectedElementIds, prevState)\n          };\n        });\n        (0,_excalidraw_element_mutateElement__WEBPACK_IMPORTED_MODULE_12__.mutateElement)(element, {\n          points: [...element.points, (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.pointFrom)(0, 0)]\n        });\n        const boundElement = (0,_excalidraw_element_binding__WEBPACK_IMPORTED_MODULE_10__.getHoveredElementForBinding)(pointerDownState.origin, this.scene.getNonDeletedElements(), this.scene.getNonDeletedElementsMap(), this.state.zoom, (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isElbowArrow)(element), (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isElbowArrow)(element));\n        this.scene.insertElement(element);\n        this.setState({\n          newElement: element,\n          startBoundElement: boundElement,\n          suggestedBindings: []\n        });\n      }\n    };\n\n    this.createGenericElementOnPointerDown = (elementType, pointerDownState) => {\n      var _a;\n\n      const [gridX, gridY] = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.getGridPoint)(pointerDownState.origin.x, pointerDownState.origin.y, ((_a = this.lastPointerDownEvent) === null || _a === void 0 ? void 0 : _a[_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.CTRL_OR_CMD]) ? null : this.getEffectiveGridSize());\n      const topLayerFrame = this.getTopLayerFrameAtSceneCoords({\n        x: gridX,\n        y: gridY\n      });\n      const baseElementAttributes = {\n        x: gridX,\n        y: gridY,\n        strokeColor: this.state.currentItemStrokeColor,\n        backgroundColor: this.state.currentItemBackgroundColor,\n        fillStyle: this.state.currentItemFillStyle,\n        strokeWidth: this.state.currentItemStrokeWidth,\n        strokeStyle: this.state.currentItemStrokeStyle,\n        roughness: this.state.currentItemRoughness,\n        opacity: this.state.currentItemOpacity,\n        roundness: this.getCurrentItemRoundness(elementType),\n        locked: false,\n        frameId: topLayerFrame ? topLayerFrame.id : null\n      };\n      let element;\n\n      if (elementType === \"embeddable\") {\n        element = (0,_excalidraw_element_newElement__WEBPACK_IMPORTED_MODULE_13__.newEmbeddableElement)(Object.assign({\n          type: \"embeddable\"\n        }, baseElementAttributes));\n      } else {\n        element = (0,_excalidraw_element_newElement__WEBPACK_IMPORTED_MODULE_13__.newElement)(Object.assign({\n          type: elementType\n        }, baseElementAttributes));\n      }\n\n      if (element.type === \"selection\") {\n        this.setState({\n          selectionElement: element\n        });\n      } else {\n        this.scene.insertElement(element);\n        this.setState({\n          multiElement: null,\n          newElement: element\n        });\n      }\n    };\n\n    this.createFrameElementOnPointerDown = (pointerDownState, type) => {\n      var _a;\n\n      const [gridX, gridY] = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.getGridPoint)(pointerDownState.origin.x, pointerDownState.origin.y, ((_a = this.lastPointerDownEvent) === null || _a === void 0 ? void 0 : _a[_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.CTRL_OR_CMD]) ? null : this.getEffectiveGridSize());\n      const constructorOpts = Object.assign(Object.assign({\n        x: gridX,\n        y: gridY,\n        opacity: this.state.currentItemOpacity,\n        locked: false\n      }, _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.FRAME_STYLE), this.state.frameColor ? {\n        //zsviczian\n        customData: {\n          frameColor: this.state.frameColor\n        }\n      } : {});\n      const frame = type === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.TOOL_TYPE.magicframe ? (0,_excalidraw_element_newElement__WEBPACK_IMPORTED_MODULE_13__.newMagicFrameElement)(constructorOpts) : (0,_excalidraw_element_newElement__WEBPACK_IMPORTED_MODULE_13__.newFrameElement)(constructorOpts);\n      this.scene.insertElement(frame);\n      this.setState({\n        multiElement: null,\n        newElement: frame\n      });\n    };\n\n    this.restoreReadyToEraseElements = () => {\n      this.elementsPendingErasure = new Set();\n      this.triggerRender();\n    };\n\n    this.eraseElements = () => {\n      let didChange = false;\n      const elements = this.scene.getElementsIncludingDeleted().map(ele => {\n        if (this.elementsPendingErasure.has(ele.id) || ele.frameId && this.elementsPendingErasure.has(ele.frameId) || (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isBoundToContainer)(ele) && this.elementsPendingErasure.has(ele.containerId)) {\n          didChange = true;\n          return (0,_excalidraw_element_mutateElement__WEBPACK_IMPORTED_MODULE_12__.newElementWith)(ele, {\n            isDeleted: true\n          });\n        }\n\n        return ele;\n      });\n      this.elementsPendingErasure = new Set();\n\n      if (didChange) {\n        this.store.shouldCaptureIncrement();\n        this.scene.replaceAllElements(elements);\n      }\n    };\n\n    this.initializeImage = async ({\n      imageFile,\n      imageElement: _imageElement,\n      showCursorImagePreview = false\n    }) => {\n      var _a, _b, _c, _d; // at this point this should be guaranteed image file, but we do this check\n      // to satisfy TS down the line\n\n\n      if (!(0,_data_blob__WEBPACK_IMPORTED_MODULE_64__.isSupportedImageFile)(imageFile)) {\n        throw new Error((0,_i18n__WEBPACK_IMPORTED_MODULE_60__.t)(\"errors.unsupportedFileType\"));\n      }\n\n      const mimeType = imageFile.type;\n      (0,_cursor__WEBPACK_IMPORTED_MODULE_73__.setCursor)(this.interactiveCanvas, \"wait\");\n\n      if (mimeType === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.MIME_TYPES.svg) {\n        try {\n          imageFile = (0,_data_blob__WEBPACK_IMPORTED_MODULE_64__.SVGStringToFile)((0,_excalidraw_element_image__WEBPACK_IMPORTED_MODULE_19__.normalizeSVG)(await imageFile.text()), imageFile.name);\n        } catch (error) {\n          console.warn(error);\n          throw new Error((0,_i18n__WEBPACK_IMPORTED_MODULE_60__.t)(\"errors.svgImageInsertError\"));\n        }\n      } // generate image id (by default the file digest) before any\n      // resizing/compression takes place to keep it more portable\n\n\n      const fileId = await (((_b = (_a = this.props).generateIdForFile) === null || _b === void 0 ? void 0 : _b.call(_a, imageFile)) || (0,_data_blob__WEBPACK_IMPORTED_MODULE_64__.generateIdFromFile)(imageFile));\n\n      if (!fileId) {\n        console.warn(\"Couldn't generate file id or the supplied `generateIdForFile` didn't resolve to one.\");\n        throw new Error((0,_i18n__WEBPACK_IMPORTED_MODULE_60__.t)(\"errors.imageInsertError\"));\n      }\n\n      const existingFileData = this.files[fileId];\n\n      if (!(existingFileData === null || existingFileData === void 0 ? void 0 : existingFileData.dataURL)) {\n        try {\n          imageFile = await (0,_data_blob__WEBPACK_IMPORTED_MODULE_64__.resizeImageFile)(imageFile, {\n            maxWidthOrHeight: _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.DEFAULT_MAX_IMAGE_WIDTH_OR_HEIGHT\n          });\n        } catch (error) {\n          console.error(\"Error trying to resizing image file on insertion\", error);\n        }\n\n        if (imageFile.size > _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.MAX_ALLOWED_FILE_BYTES) {\n          throw new Error((0,_i18n__WEBPACK_IMPORTED_MODULE_60__.t)(\"errors.fileTooBig\", {\n            maxSize: `${Math.trunc(_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.MAX_ALLOWED_FILE_BYTES / 1024 / 1024)}MB`\n          }));\n        }\n      }\n\n      if (showCursorImagePreview) {\n        const dataURL = (_c = this.files[fileId]) === null || _c === void 0 ? void 0 : _c.dataURL; // optimization so that we don't unnecessarily resize the original\n        // full-size file for cursor preview\n        // (it's much faster to convert the resized dataURL to File)\n\n        const resizedFile = dataURL && (0,_data_blob__WEBPACK_IMPORTED_MODULE_64__.dataURLToFile)(dataURL);\n        this.setImagePreviewCursor(resizedFile || imageFile);\n      }\n\n      const dataURL = ((_d = this.files[fileId]) === null || _d === void 0 ? void 0 : _d.dataURL) || (await (0,_data_blob__WEBPACK_IMPORTED_MODULE_64__.getDataURL)(imageFile));\n      const imageElement = (0,_excalidraw_element_mutateElement__WEBPACK_IMPORTED_MODULE_12__.mutateElement)(_imageElement, {\n        fileId\n      }, false);\n      return new Promise(async (resolve, reject) => {\n        var _a;\n\n        try {\n          this.addMissingFiles([{\n            mimeType,\n            id: fileId,\n            dataURL,\n            created: Date.now(),\n            lastRetrieved: Date.now(),\n            //@ts-ignore\n            name: (imageFile === null || imageFile === void 0 ? void 0 : imageFile.name) && imageFile.name !== \"image.png\" ? imageFile.name : undefined // zsviczian\n\n          }]);\n          const cachedImageData = this.imageCache.get(fileId);\n\n          if (!cachedImageData) {\n            this.addNewImagesToImageCache();\n            await this.updateImageCache([imageElement]);\n          }\n\n          if ((cachedImageData === null || cachedImageData === void 0 ? void 0 : cachedImageData.image) instanceof Promise) {\n            await cachedImageData.image;\n          }\n\n          if (this.state.pendingImageElementId !== imageElement.id && ((_a = this.state.newElement) === null || _a === void 0 ? void 0 : _a.id) !== imageElement.id) {\n            this.initializeImageDimensions(imageElement, true);\n          }\n\n          resolve(imageElement);\n        } catch (error) {\n          console.error(error);\n          reject(new Error((0,_i18n__WEBPACK_IMPORTED_MODULE_60__.t)(\"errors.imageInsertError\")));\n        } finally {\n          if (!showCursorImagePreview) {\n            (0,_cursor__WEBPACK_IMPORTED_MODULE_73__.resetCursor)(this.interactiveCanvas);\n          }\n        }\n      });\n    };\n    /**\r\n     * inserts image into elements array and rerenders\r\n     */\n\n\n    this.insertImageElement = async (imageElement, imageFile, showCursorImagePreview) => {\n      // we should be handling all cases upstream, but in case we forget to handle\n      // a future case, let's throw here\n      if (!this.isToolSupported(\"image\")) {\n        this.setState({\n          errorMessage: (0,_i18n__WEBPACK_IMPORTED_MODULE_60__.t)(\"errors.imageToolNotSupported\")\n        });\n        return;\n      }\n\n      this.scene.insertElement(imageElement);\n\n      try {\n        return await this.initializeImage({\n          imageFile,\n          imageElement,\n          showCursorImagePreview\n        });\n      } catch (error) {\n        (0,_excalidraw_element_mutateElement__WEBPACK_IMPORTED_MODULE_12__.mutateElement)(imageElement, {\n          isDeleted: true\n        });\n        this.actionManager.executeAction(_actions__WEBPACK_IMPORTED_MODULE_38__.actionFinalize);\n        this.setState({\n          errorMessage: error.message || (0,_i18n__WEBPACK_IMPORTED_MODULE_60__.t)(\"errors.imageInsertError\")\n        });\n        return null;\n      }\n    };\n\n    this.setImagePreviewCursor = async imageFile => {\n      // mustn't be larger than 128 px\n      // https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Basic_User_Interface/Using_URL_values_for_the_cursor_property\n      const cursorImageSizePx = 96;\n      let imagePreview;\n\n      try {\n        imagePreview = await (0,_data_blob__WEBPACK_IMPORTED_MODULE_64__.resizeImageFile)(imageFile, {\n          maxWidthOrHeight: cursorImageSizePx\n        });\n      } catch (e) {\n        if (e.cause === \"UNSUPPORTED\") {\n          throw new Error((0,_i18n__WEBPACK_IMPORTED_MODULE_60__.t)(\"errors.unsupportedFileType\"));\n        }\n\n        throw e;\n      }\n\n      let previewDataURL = await (0,_data_blob__WEBPACK_IMPORTED_MODULE_64__.getDataURL)(imagePreview); // SVG cannot be resized via `resizeImageFile` so we resize by rendering to\n      // a small canvas\n\n      if (imageFile.type === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.MIME_TYPES.svg) {\n        const img = await (0,_excalidraw_element_image__WEBPACK_IMPORTED_MODULE_19__.loadHTMLImageElement)(previewDataURL);\n        let height = Math.min(img.height, cursorImageSizePx);\n        let width = height * (img.width / img.height);\n\n        if (width > cursorImageSizePx) {\n          width = cursorImageSizePx;\n          height = width * (img.height / img.width);\n        }\n\n        const canvas = document.createElement(\"canvas\");\n        canvas.height = height;\n        canvas.width = width;\n        const context = canvas.getContext(\"2d\");\n        context.drawImage(img, 0, 0, width, height);\n        previewDataURL = canvas.toDataURL(_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.MIME_TYPES.svg);\n      }\n\n      if (this.state.pendingImageElementId) {\n        (0,_cursor__WEBPACK_IMPORTED_MODULE_73__.setCursor)(this.interactiveCanvas, `url(${previewDataURL}) 4 4, auto`);\n      }\n    };\n\n    this.onImageAction = async ({\n      insertOnCanvasDirectly\n    }) => {\n      var _a;\n\n      try {\n        const clientX = this.state.width / 2 + this.state.offsetLeft;\n        const clientY = this.state.height / 2 + this.state.offsetTop;\n        const {\n          x,\n          y\n        } = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.viewportCoordsToSceneCoords)({\n          clientX,\n          clientY\n        }, this.state);\n        let imageFile = await (0,_data_filesystem__WEBPACK_IMPORTED_MODULE_65__.fileOpen)({\n          description: \"Image\",\n          extensions: Object.keys(_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.IMAGE_MIME_TYPES)\n        }); //zsviczian - temporary fix: https://github.com/excalidraw/excalidraw/issues/9091\n\n        if (imageFile && !imageFile.type) {\n          const extension = (_a = imageFile.name.split(\".\").pop()) === null || _a === void 0 ? void 0 : _a.toLowerCase();\n          const mimeType = _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.IMAGE_MIME_TYPES[extension];\n\n          if (mimeType) {\n            imageFile = new File([imageFile], imageFile.name, {\n              type: mimeType\n            });\n          }\n        }\n\n        const imageElement = this.createImageElement({\n          sceneX: x,\n          sceneY: y,\n          addToFrameUnderCursor: false\n        });\n\n        if (insertOnCanvasDirectly) {\n          this.insertImageElement(imageElement, imageFile);\n          this.initializeImageDimensions(imageElement);\n          this.setState({\n            selectedElementIds: (0,_excalidraw_element_selection__WEBPACK_IMPORTED_MODULE_33__.makeNextSelectedElementIds)({\n              [imageElement.id]: true\n            }, this.state)\n          }, () => {\n            this.actionManager.executeAction(_actions__WEBPACK_IMPORTED_MODULE_38__.actionFinalize);\n          });\n        } else {\n          this.setState({\n            pendingImageElementId: imageElement.id\n          }, () => {\n            this.insertImageElement(imageElement, imageFile,\n            /* showCursorImagePreview */\n            true);\n          });\n        }\n      } catch (error) {\n        if (error.name !== \"AbortError\") {\n          console.error(error);\n        } else {\n          console.warn(error);\n        }\n\n        this.setState({\n          pendingImageElementId: null,\n          newElement: null,\n          activeTool: (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.updateActiveTool)(this.state, {\n            type: \"selection\"\n          })\n        }, () => {\n          this.actionManager.executeAction(_actions__WEBPACK_IMPORTED_MODULE_38__.actionFinalize);\n        });\n      }\n    };\n\n    this.initializeImageDimensions = (imageElement, forceNaturalSize = false) => {\n      var _a;\n\n      const image = (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isInitializedImageElement)(imageElement) && ((_a = this.imageCache.get(imageElement.fileId)) === null || _a === void 0 ? void 0 : _a.image);\n\n      if (!image || image instanceof Promise) {\n        if (imageElement.width < _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.DRAGGING_THRESHOLD / this.state.zoom.value && imageElement.height < _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.DRAGGING_THRESHOLD / this.state.zoom.value) {\n          const placeholderSize = 100 / this.state.zoom.value;\n          (0,_excalidraw_element_mutateElement__WEBPACK_IMPORTED_MODULE_12__.mutateElement)(imageElement, {\n            x: imageElement.x - placeholderSize / 2,\n            y: imageElement.y - placeholderSize / 2,\n            width: placeholderSize,\n            height: placeholderSize\n          });\n        }\n\n        return;\n      }\n\n      if (forceNaturalSize || // if user-created bounding box is below threshold, assume the\n      // intention was to click instead of drag, and use the image's\n      // intrinsic size\n      imageElement.width < _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.DRAGGING_THRESHOLD / this.state.zoom.value && imageElement.height < _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.DRAGGING_THRESHOLD / this.state.zoom.value) {\n        const minHeight = Math.max(this.state.height - 120, 160); // max 65% of canvas height, clamped to <300px, vh - 120px>\n\n        const maxHeight = Math.min(minHeight, Math.floor(this.state.height * 0.5) / this.state.zoom.value);\n        const height = Math.min(image.naturalHeight, maxHeight);\n        const width = height * (image.naturalWidth / image.naturalHeight); // add current imageElement width/height to account for previous centering\n        // of the placeholder image\n\n        const x = imageElement.x + imageElement.width / 2 - width / 2;\n        const y = imageElement.y + imageElement.height / 2 - height / 2;\n        (0,_excalidraw_element_mutateElement__WEBPACK_IMPORTED_MODULE_12__.mutateElement)(imageElement, {\n          x,\n          y,\n          width,\n          height,\n          crop: null\n        });\n      }\n    };\n    /** updates image cache, refreshing updated elements and/or setting status\r\n        to error for images that fail during <img> element creation */\n\n\n    this.updateImageCache = async (elements, files = this.files) => {\n      const {\n        updatedFiles,\n        erroredFiles\n      } = await (0,_excalidraw_element_image__WEBPACK_IMPORTED_MODULE_19__.updateImageCache)({\n        imageCache: this.imageCache,\n        fileIds: elements.map(element => element.fileId),\n        files\n      });\n\n      if (updatedFiles.size || erroredFiles.size) {\n        for (const element of elements) {\n          if (updatedFiles.has(element.fileId)) {\n            _excalidraw_element_ShapeCache__WEBPACK_IMPORTED_MODULE_29__.ShapeCache.delete(element);\n          }\n        }\n      }\n\n      if (erroredFiles.size) {\n        this.scene.replaceAllElements(this.scene.getElementsIncludingDeleted().map(element => {\n          if ((0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isInitializedImageElement)(element) && erroredFiles.has(element.fileId)) {\n            return (0,_excalidraw_element_mutateElement__WEBPACK_IMPORTED_MODULE_12__.newElementWith)(element, {\n              status: \"error\"\n            });\n          }\n\n          return element;\n        }));\n      }\n\n      return {\n        updatedFiles,\n        erroredFiles\n      };\n    };\n    /** adds new images to imageCache and re-renders if needed */\n\n\n    this.addNewImagesToImageCache = async (imageElements = (0,_excalidraw_element_image__WEBPACK_IMPORTED_MODULE_19__.getInitializedImageElements)(this.scene.getNonDeletedElements()), files = this.files) => {\n      const uncachedImageElements = imageElements.filter(element => !element.isDeleted && !this.imageCache.has(element.fileId));\n\n      if (uncachedImageElements.length) {\n        const {\n          updatedFiles\n        } = await this.updateImageCache(uncachedImageElements, files);\n\n        if (updatedFiles.size) {\n          this.scene.triggerUpdate();\n        }\n      }\n    };\n    /** generally you should use `addNewImagesToImageCache()` directly if you need\r\n     *  to render new images. This is just a failsafe  */\n\n\n    this.scheduleImageRefresh = lodash_throttle__WEBPACK_IMPORTED_MODULE_1___default()(() => {\n      this.addNewImagesToImageCache();\n    }, _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.IMAGE_RENDER_TIMEOUT);\n\n    this.updateBindingEnabledOnPointerMove = event => {\n      const shouldEnableBinding = (0,_excalidraw_element_binding__WEBPACK_IMPORTED_MODULE_10__.shouldEnableBindingForPointerEvent)(event);\n\n      if (this.state.isBindingEnabled !== shouldEnableBinding) {\n        this.setState({\n          isBindingEnabled: shouldEnableBinding\n        });\n      }\n    };\n\n    this.maybeSuggestBindingAtCursor = (pointerCoords, considerAll) => {\n      const hoveredBindableElement = (0,_excalidraw_element_binding__WEBPACK_IMPORTED_MODULE_10__.getHoveredElementForBinding)(pointerCoords, this.scene.getNonDeletedElements(), this.scene.getNonDeletedElementsMap(), this.state.zoom, false, considerAll);\n      this.setState({\n        suggestedBindings: hoveredBindableElement != null ? [hoveredBindableElement] : []\n      });\n    };\n\n    this.maybeSuggestBindingsForLinearElementAtCoords = (linearElement,\n    /** scene coords */\n    pointerCoords, // During line creation the start binding hasn't been written yet\n    // into `linearElement`\n    oppositeBindingBoundElement) => {\n      if (!pointerCoords.length) {\n        return;\n      }\n\n      const suggestedBindings = pointerCoords.reduce((acc, coords) => {\n        const hoveredBindableElement = (0,_excalidraw_element_binding__WEBPACK_IMPORTED_MODULE_10__.getHoveredElementForBinding)(coords, this.scene.getNonDeletedElements(), this.scene.getNonDeletedElementsMap(), this.state.zoom, (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isElbowArrow)(linearElement), (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isElbowArrow)(linearElement));\n\n        if (hoveredBindableElement != null && !(0,_excalidraw_element_binding__WEBPACK_IMPORTED_MODULE_10__.isLinearElementSimpleAndAlreadyBound)(linearElement, oppositeBindingBoundElement === null || oppositeBindingBoundElement === void 0 ? void 0 : oppositeBindingBoundElement.id, hoveredBindableElement)) {\n          acc.push(hoveredBindableElement);\n        }\n\n        return acc;\n      }, []);\n      this.setState({\n        suggestedBindings\n      });\n    };\n\n    this.handleInteractiveCanvasRef = canvas => {\n      var _a, _b; // canvas is null when unmounting\n\n\n      if (canvas !== null) {\n        this.interactiveCanvas = canvas; // -----------------------------------------------------------------------\n        // NOTE wheel, touchstart, touchend events must be registered outside\n        // of react because react binds them them passively (so we can't prevent\n        // default on them)\n\n        this.interactiveCanvas.addEventListener(_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.EVENT.TOUCH_START, this.onTouchStart, {\n          passive: false\n        });\n        this.interactiveCanvas.addEventListener(_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.EVENT.TOUCH_END, this.onTouchEnd); // -----------------------------------------------------------------------\n      } else {\n        (_a = this.interactiveCanvas) === null || _a === void 0 ? void 0 : _a.removeEventListener(_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.EVENT.TOUCH_START, this.onTouchStart);\n        (_b = this.interactiveCanvas) === null || _b === void 0 ? void 0 : _b.removeEventListener(_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.EVENT.TOUCH_END, this.onTouchEnd);\n      }\n    };\n\n    this.handleAppOnDrop = async event => {\n      var _a, _b, _c, _d;\n\n      if (this.props.onDrop) {\n        try {\n          if ((await this.props.onDrop(event)) === false) {\n            return;\n          }\n        } catch (e) {\n          console.error(e);\n        }\n      } // must be retrieved first, in the same frame\n\n\n      const {\n        file,\n        fileHandle\n      } = await (0,_data_blob__WEBPACK_IMPORTED_MODULE_64__.getFileFromEvent)(event);\n      const {\n        x: sceneX,\n        y: sceneY\n      } = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.viewportCoordsToSceneCoords)(event, this.state);\n\n      try {\n        // if image tool not supported, don't show an error here and let it fall\n        // through so we still support importing scene data from images. If no\n        // scene data encoded, we'll show an error then\n        if ((0,_data_blob__WEBPACK_IMPORTED_MODULE_64__.isSupportedImageFile)(file) && this.isToolSupported(\"image\")) {\n          // first attempt to decode scene from the image if it's embedded\n          // ---------------------------------------------------------------------\n          if ((file === null || file === void 0 ? void 0 : file.type) === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.MIME_TYPES.png || (file === null || file === void 0 ? void 0 : file.type) === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.MIME_TYPES.svg) {\n            try {\n              const scene = await (0,_data__WEBPACK_IMPORTED_MODULE_55__.loadFromBlob)(file, this.state, this.scene.getElementsIncludingDeleted(), fileHandle);\n              this.syncActionResult(Object.assign(Object.assign({}, scene), {\n                appState: Object.assign(Object.assign({}, scene.appState || this.state), {\n                  isLoading: false\n                }),\n                replaceFiles: true,\n                captureUpdate: _store__WEBPACK_IMPORTED_MODULE_76__.CaptureUpdateAction.IMMEDIATELY\n              }));\n              return;\n            } catch (error) {\n              // Don't throw for image scene daa\n              if (error.name !== \"EncodingError\") {\n                throw new Error((0,_i18n__WEBPACK_IMPORTED_MODULE_60__.t)(\"alerts.couldNotLoadInvalidFile\"));\n              }\n            }\n          } // if no scene is embedded or we fail for whatever reason, fall back\n          // to importing as regular image\n          // ---------------------------------------------------------------------\n\n\n          const imageElement = this.createImageElement({\n            sceneX,\n            sceneY\n          });\n          this.insertImageElement(imageElement, file);\n          this.initializeImageDimensions(imageElement);\n          this.setState({\n            selectedElementIds: (0,_excalidraw_element_selection__WEBPACK_IMPORTED_MODULE_33__.makeNextSelectedElementIds)({\n              [imageElement.id]: true\n            }, this.state)\n          });\n          return;\n        }\n      } catch (error) {\n        return this.setState({\n          isLoading: false,\n          errorMessage: error.message\n        });\n      }\n\n      const libraryJSON = event.dataTransfer.getData(_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.MIME_TYPES.excalidrawlib);\n\n      if (libraryJSON && typeof libraryJSON === \"string\") {\n        try {\n          const libraryItems = (0,_data_blob__WEBPACK_IMPORTED_MODULE_64__.parseLibraryJSON)(libraryJSON);\n          this.addElementsFromPasteOrLibrary({\n            elements: (0,_data_library__WEBPACK_IMPORTED_MODULE_56__.distributeLibraryItemsOnSquareGrid)(libraryItems),\n            position: event,\n            files: null\n          });\n        } catch (error) {\n          this.setState({\n            errorMessage: error.message\n          });\n        }\n\n        return;\n      }\n\n      if (file) {\n        // Attempt to parse an excalidraw/excalidrawlib file\n        await this.loadFileToCanvas(file, fileHandle);\n      }\n\n      if ((_b = (_a = event.dataTransfer) === null || _a === void 0 ? void 0 : _a.types) === null || _b === void 0 ? void 0 : _b.includes(\"text/plain\")) {\n        const text = (_c = event.dataTransfer) === null || _c === void 0 ? void 0 : _c.getData(\"text\");\n\n        if (text && (0,_excalidraw_element_embeddable__WEBPACK_IMPORTED_MODULE_18__.embeddableURLValidator)(text, this.props.validateEmbeddable) && (/^(http|https):\\/\\/[^\\s/$.?#].[^\\s]*$/.test(text) || ((_d = (0,_excalidraw_element_embeddable__WEBPACK_IMPORTED_MODULE_18__.getEmbedLink)(text)) === null || _d === void 0 ? void 0 : _d.type) === \"video\")) {\n          const embeddable = this.insertEmbeddableElement({\n            sceneX,\n            sceneY,\n            link: (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.normalizeLink)(text)\n          });\n\n          if (embeddable) {\n            this.setState({\n              selectedElementIds: {\n                [embeddable.id]: true\n              }\n            });\n          }\n        }\n      }\n    };\n\n    this.loadFileToCanvas = async (file, fileHandle) => {\n      file = await (0,_data_blob__WEBPACK_IMPORTED_MODULE_64__.normalizeFile)(file);\n\n      try {\n        const elements = this.scene.getElementsIncludingDeleted();\n        let ret;\n\n        try {\n          ret = await (0,_data_blob__WEBPACK_IMPORTED_MODULE_64__.loadSceneOrLibraryFromBlob)(file, this.state, elements, fileHandle);\n        } catch (error) {\n          const imageSceneDataError = error instanceof _errors__WEBPACK_IMPORTED_MODULE_69__.ImageSceneDataError;\n\n          if (imageSceneDataError && error.code === \"IMAGE_NOT_CONTAINS_SCENE_DATA\" && !this.isToolSupported(\"image\")) {\n            this.setState({\n              isLoading: false,\n              errorMessage: (0,_i18n__WEBPACK_IMPORTED_MODULE_60__.t)(\"errors.imageToolNotSupported\")\n            });\n            return;\n          }\n\n          const errorMessage = imageSceneDataError ? (0,_i18n__WEBPACK_IMPORTED_MODULE_60__.t)(\"alerts.cannotRestoreFromImage\") : (0,_i18n__WEBPACK_IMPORTED_MODULE_60__.t)(\"alerts.couldNotLoadInvalidFile\");\n          this.setState({\n            isLoading: false,\n            errorMessage\n          });\n        }\n\n        if (!ret) {\n          return;\n        }\n\n        if (ret.type === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.MIME_TYPES.excalidraw) {\n          // restore the fractional indices by mutating elements\n          (0,_excalidraw_element_fractionalIndex__WEBPACK_IMPORTED_MODULE_32__.syncInvalidIndices)(elements.concat(ret.data.elements)); // update the store snapshot for old elements, otherwise we would end up with duplicated fractional indices on undo\n\n          this.store.updateSnapshot((0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.arrayToMap)(elements), this.state);\n          this.setState({\n            isLoading: true\n          });\n          this.syncActionResult(Object.assign(Object.assign({}, ret.data), {\n            appState: Object.assign(Object.assign({}, ret.data.appState || this.state), {\n              isLoading: false\n            }),\n            replaceFiles: true,\n            captureUpdate: _store__WEBPACK_IMPORTED_MODULE_76__.CaptureUpdateAction.IMMEDIATELY\n          }));\n        } else if (ret.type === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.MIME_TYPES.excalidrawlib) {\n          await this.library.updateLibrary({\n            libraryItems: file,\n            merge: true,\n            openLibraryMenu: true\n          }).catch(error => {\n            console.error(error);\n            this.setState({\n              errorMessage: (0,_i18n__WEBPACK_IMPORTED_MODULE_60__.t)(\"errors.importLibraryError\")\n            });\n          });\n        }\n      } catch (error) {\n        this.setState({\n          isLoading: false,\n          errorMessage: error.message\n        });\n      }\n    };\n\n    this.handleCanvasContextMenu = event => {\n      event.preventDefault();\n\n      if ((\"pointerType\" in event.nativeEvent && event.nativeEvent.pointerType === \"touch\" || \"pointerType\" in event.nativeEvent && event.nativeEvent.pointerType === \"pen\" && // always allow if user uses a pen secondary button\n      event.button !== _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.POINTER_BUTTON.SECONDARY) && this.state.activeTool.type !== \"selection\") {\n        return;\n      }\n\n      if (this.state.isResizing) {\n        return; //zsviczian - avoid context menu during resizing on Mobiles\n      }\n\n      const {\n        x,\n        y\n      } = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.viewportCoordsToSceneCoords)(event, this.state);\n      const element = this.getElementAtPosition(x, y, {\n        preferSelected: true,\n        includeLockedElements: true\n      });\n      const selectedElements = this.scene.getSelectedElements(this.state);\n      const isHittingCommonBoundBox = this.isHittingCommonBoundingBoxOfSelectedElements({\n        x,\n        y\n      }, selectedElements);\n      const type = element || isHittingCommonBoundBox ? \"element\" : \"canvas\";\n      const container = this.excalidrawContainerRef.current;\n      const {\n        top: offsetTop,\n        left: offsetLeft\n      } = container.getBoundingClientRect();\n      const left = event.clientX - offsetLeft;\n      const top = event.clientY - offsetTop;\n      (0,_analytics__WEBPACK_IMPORTED_MODULE_51__.trackEvent)(\"contextMenu\", \"openContextMenu\", type);\n      this.setState(Object.assign(Object.assign({}, element && !this.state.selectedElementIds[element.id] ? Object.assign(Object.assign(Object.assign({}, this.state), (0,_excalidraw_element_groups__WEBPACK_IMPORTED_MODULE_31__.selectGroupsForSelectedElements)({\n        editingGroupId: this.state.editingGroupId,\n        selectedElementIds: {\n          [element.id]: true\n        }\n      }, this.scene.getNonDeletedElements(), this.state, this)), {\n        selectedLinearElement: (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isLinearElement)(element) ? new _excalidraw_element_linearElementEditor__WEBPACK_IMPORTED_MODULE_11__.LinearElementEditor(element) : null\n      }) : this.state), {\n        showHyperlinkPopup: false\n      }), () => {\n        this.setState({\n          contextMenu: {\n            top,\n            left,\n            items: this.getContextMenuItems(type)\n          }\n        });\n      });\n    };\n\n    this.maybeDragNewGenericElement = (pointerDownState, event, informMutation = true) => {\n      var _a, _b, _c, _d, _e;\n\n      const selectionElement = this.state.selectionElement;\n      const pointerCoords = pointerDownState.lastCoords;\n\n      if (selectionElement && this.state.activeTool.type !== \"eraser\") {\n        (0,_excalidraw_element_dragElements__WEBPACK_IMPORTED_MODULE_36__.dragNewElement)({\n          newElement: selectionElement,\n          elementType: this.state.activeTool.type,\n          originX: pointerDownState.origin.x,\n          originY: pointerDownState.origin.y,\n          x: pointerCoords.x,\n          y: pointerCoords.y,\n          width: (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.distance)(pointerDownState.origin.x, pointerCoords.x),\n          height: (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.distance)(pointerDownState.origin.y, pointerCoords.y),\n          shouldMaintainAspectRatio: (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.shouldMaintainAspectRatio)(event),\n          shouldResizeFromCenter: false,\n          zoom: this.state.zoom.value,\n          informMutation\n        });\n        return;\n      }\n\n      const newElement = this.state.newElement;\n\n      if (!newElement) {\n        return;\n      }\n\n      let [gridX, gridY] = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.getGridPoint)(pointerCoords.x, pointerCoords.y, event[_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.CTRL_OR_CMD] ? null : this.getEffectiveGridSize());\n      const image = (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isInitializedImageElement)(newElement) && ((_a = this.imageCache.get(newElement.fileId)) === null || _a === void 0 ? void 0 : _a.image);\n      const aspectRatio = image && !(image instanceof Promise) ? image.width / image.height : null;\n      this.maybeCacheReferenceSnapPoints(event, [newElement]);\n      const {\n        snapOffset,\n        snapLines\n      } = (0,_snapping__WEBPACK_IMPORTED_MODULE_70__.snapNewElement)(newElement, this, event, {\n        x: pointerDownState.originInGrid.x + ((_c = (_b = this.state.originSnapOffset) === null || _b === void 0 ? void 0 : _b.x) !== null && _c !== void 0 ? _c : 0),\n        y: pointerDownState.originInGrid.y + ((_e = (_d = this.state.originSnapOffset) === null || _d === void 0 ? void 0 : _d.y) !== null && _e !== void 0 ? _e : 0)\n      }, {\n        x: gridX - pointerDownState.originInGrid.x,\n        y: gridY - pointerDownState.originInGrid.y\n      }, this.scene.getNonDeletedElementsMap());\n      gridX += snapOffset.x;\n      gridY += snapOffset.y;\n      this.setState({\n        snapLines\n      });\n      (0,_excalidraw_element_dragElements__WEBPACK_IMPORTED_MODULE_36__.dragNewElement)({\n        newElement,\n        elementType: this.state.activeTool.type,\n        originX: pointerDownState.originInGrid.x,\n        originY: pointerDownState.originInGrid.y,\n        x: gridX,\n        y: gridY,\n        width: (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.distance)(pointerDownState.originInGrid.x, gridX),\n        height: (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.distance)(pointerDownState.originInGrid.y, gridY),\n        shouldMaintainAspectRatio: (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isImageElement)(newElement) ? !(0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.shouldMaintainAspectRatio)(event) : (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.shouldMaintainAspectRatio)(event),\n        shouldResizeFromCenter: (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.shouldResizeFromCenter)(event),\n        zoom: this.state.zoom.value,\n        widthAspectRatio: aspectRatio,\n        originOffset: this.state.originSnapOffset,\n        informMutation\n      });\n      this.setState({\n        newElement\n      }); // highlight elements that are to be added to frames on frames creation\n\n      if (this.state.activeTool.type === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.TOOL_TYPE.frame || this.state.activeTool.type === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.TOOL_TYPE.magicframe) {\n        this.setState({\n          elementsToHighlight: (0,_excalidraw_element_frame__WEBPACK_IMPORTED_MODULE_22__.getElementsInResizingFrame)(this.scene.getNonDeletedElements(), newElement, this.state, this.scene.getNonDeletedElementsMap())\n        });\n      }\n    };\n\n    this.maybeHandleCrop = (pointerDownState, event) => {\n      var _a; // to crop, we must already be in the cropping mode, where croppingElement has been set\n\n\n      if (!this.state.croppingElementId) {\n        return false;\n      }\n\n      const transformHandleType = pointerDownState.resize.handleType;\n      const pointerCoords = pointerDownState.lastCoords;\n      const [x, y] = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.getGridPoint)(pointerCoords.x - pointerDownState.resize.offset.x, pointerCoords.y - pointerDownState.resize.offset.y, event[_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.CTRL_OR_CMD] ? null : this.getEffectiveGridSize());\n      const croppingElement = this.scene.getNonDeletedElementsMap().get(this.state.croppingElementId);\n\n      if (transformHandleType && croppingElement && (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isImageElement)(croppingElement)) {\n        const croppingAtStateStart = pointerDownState.originalElements.get(croppingElement.id);\n        const image = (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isInitializedImageElement)(croppingElement) && ((_a = this.imageCache.get(croppingElement.fileId)) === null || _a === void 0 ? void 0 : _a.image);\n\n        if (croppingAtStateStart && (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isImageElement)(croppingAtStateStart) && image && !(image instanceof Promise)) {\n          const [gridX, gridY] = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.getGridPoint)(pointerCoords.x, pointerCoords.y, event[_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.CTRL_OR_CMD] ? null : this.getEffectiveGridSize());\n          const dragOffset = {\n            x: gridX - pointerDownState.originInGrid.x,\n            y: gridY - pointerDownState.originInGrid.y\n          };\n          this.maybeCacheReferenceSnapPoints(event, [croppingElement]);\n          const {\n            snapOffset,\n            snapLines\n          } = (0,_snapping__WEBPACK_IMPORTED_MODULE_70__.snapResizingElements)([croppingElement], [croppingAtStateStart], this, event, dragOffset, transformHandleType);\n          (0,_excalidraw_element_mutateElement__WEBPACK_IMPORTED_MODULE_12__.mutateElement)(croppingElement, (0,_excalidraw_element_cropElement__WEBPACK_IMPORTED_MODULE_25__.cropElement)(croppingElement, transformHandleType, image.naturalWidth, image.naturalHeight, x + snapOffset.x, y + snapOffset.y, event.shiftKey ? croppingAtStateStart.width / croppingAtStateStart.height : undefined));\n          (0,_excalidraw_element_binding__WEBPACK_IMPORTED_MODULE_10__.updateBoundElements)(croppingElement, this.scene.getNonDeletedElementsMap(), {\n            newSize: {\n              width: croppingElement.width,\n              height: croppingElement.height\n            }\n          });\n          this.setState({\n            isCropping: transformHandleType && transformHandleType !== \"rotation\",\n            snapLines\n          });\n        }\n\n        return true;\n      }\n\n      return false;\n    };\n\n    this.maybeHandleResize = (pointerDownState, event) => {\n      const selectedElements = this.scene.getSelectedElements(this.state);\n      const selectedFrames = selectedElements.filter(element => (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isFrameLikeElement)(element));\n      const transformHandleType = pointerDownState.resize.handleType;\n\n      if ( // Frames cannot be rotated.\n      selectedFrames.length > 0 && transformHandleType === \"rotation\" || // Elbow arrows cannot be transformed (resized or rotated).\n      selectedElements.length === 1 && (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isElbowArrow)(selectedElements[0]) || // Do not resize when in crop mode\n      this.state.croppingElementId) {\n        return false;\n      }\n\n      this.setState({\n        // TODO: rename this state field to \"isScaling\" to distinguish\n        // it from the generic \"isResizing\" which includes scaling and\n        // rotating\n        isResizing: transformHandleType && transformHandleType !== \"rotation\",\n        isRotating: transformHandleType === \"rotation\",\n        activeEmbeddable: null\n      });\n      const pointerCoords = pointerDownState.lastCoords;\n      let [resizeX, resizeY] = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.getGridPoint)(pointerCoords.x - pointerDownState.resize.offset.x, pointerCoords.y - pointerDownState.resize.offset.y, event[_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.CTRL_OR_CMD] ? null : this.getEffectiveGridSize());\n      const frameElementsOffsetsMap = new Map();\n      selectedFrames.forEach(frame => {\n        const elementsInFrame = (0,_excalidraw_element_frame__WEBPACK_IMPORTED_MODULE_22__.getFrameChildren)(this.scene.getNonDeletedElements(), frame.id);\n        elementsInFrame.forEach(element => {\n          frameElementsOffsetsMap.set(frame.id + element.id, {\n            x: element.x - frame.x,\n            y: element.y - frame.y\n          });\n        });\n      }); // check needed for avoiding flickering when a key gets pressed\n      // during dragging\n\n      if (!this.state.selectedElementsAreBeingDragged) {\n        const [gridX, gridY] = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.getGridPoint)(pointerCoords.x, pointerCoords.y, event[_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.CTRL_OR_CMD] ? null : this.getEffectiveGridSize());\n        const dragOffset = {\n          x: gridX - pointerDownState.originInGrid.x,\n          y: gridY - pointerDownState.originInGrid.y\n        };\n        const originalElements = [...pointerDownState.originalElements.values()];\n        this.maybeCacheReferenceSnapPoints(event, selectedElements);\n        const {\n          snapOffset,\n          snapLines\n        } = (0,_snapping__WEBPACK_IMPORTED_MODULE_70__.snapResizingElements)(selectedElements, (0,_scene__WEBPACK_IMPORTED_MODULE_61__.getSelectedElements)(originalElements, this.state), this, event, dragOffset, transformHandleType);\n        resizeX += snapOffset.x;\n        resizeY += snapOffset.y;\n        this.setState({\n          snapLines\n        });\n      }\n\n      if ((0,_excalidraw_element_resizeElements__WEBPACK_IMPORTED_MODULE_34__.transformElements)(pointerDownState.originalElements, transformHandleType, selectedElements, this.scene.getElementsMapIncludingDeleted(), this.scene, (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.shouldRotateWithDiscreteAngle)(event), (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.shouldResizeFromCenter)(event), selectedElements.some(element => (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isImageElement)(element)) ? !(0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.shouldMaintainAspectRatio)(event) : (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.shouldMaintainAspectRatio)(event), resizeX, resizeY, pointerDownState.resize.center.x, pointerDownState.resize.center.y)) {\n        const suggestedBindings = (0,_excalidraw_element_binding__WEBPACK_IMPORTED_MODULE_10__.getSuggestedBindingsForArrows)(selectedElements, this.scene.getNonDeletedElementsMap(), this.state.zoom);\n        const elementsToHighlight = new Set();\n        selectedFrames.forEach(frame => {\n          (0,_excalidraw_element_frame__WEBPACK_IMPORTED_MODULE_22__.getElementsInResizingFrame)(this.scene.getNonDeletedElements(), frame, this.state, this.scene.getNonDeletedElementsMap()).forEach(element => elementsToHighlight.add(element));\n        });\n        this.setState({\n          elementsToHighlight: [...elementsToHighlight],\n          suggestedBindings\n        });\n        return true;\n      }\n\n      return false;\n    };\n\n    this.getContextMenuItems = type => {\n      const options = [];\n      options.push(_actions__WEBPACK_IMPORTED_MODULE_38__.actionCopyAsPng, _actions__WEBPACK_IMPORTED_MODULE_38__.actionCopyAsSvg); // canvas contextMenu\n      // -------------------------------------------------------------------------\n\n      if (type === \"canvas\") {\n        if (this.state.viewModeEnabled) {\n          return [...options, _actions__WEBPACK_IMPORTED_MODULE_38__.actionToggleGridMode, _actions__WEBPACK_IMPORTED_MODULE_38__.actionToggleZenMode, _actions_actionToggleViewMode__WEBPACK_IMPORTED_MODULE_47__.actionToggleViewMode, _actions__WEBPACK_IMPORTED_MODULE_38__.actionToggleStats, _actions_actionCanvas__WEBPACK_IMPORTED_MODULE_40__.actionToggleLaserPointer];\n        }\n\n        return [_actions_actionClipboard__WEBPACK_IMPORTED_MODULE_41__.actionPaste, _ContextMenu__WEBPACK_IMPORTED_MODULE_86__.CONTEXT_MENU_SEPARATOR, _actions__WEBPACK_IMPORTED_MODULE_38__.actionCopyAsPng, _actions__WEBPACK_IMPORTED_MODULE_38__.actionCopyAsSvg, _actions__WEBPACK_IMPORTED_MODULE_38__.copyText, _ContextMenu__WEBPACK_IMPORTED_MODULE_86__.CONTEXT_MENU_SEPARATOR, _actions__WEBPACK_IMPORTED_MODULE_38__.actionSelectAll, _actions_actionElementLock__WEBPACK_IMPORTED_MODULE_43__.actionUnlockAllElements, _ContextMenu__WEBPACK_IMPORTED_MODULE_86__.CONTEXT_MENU_SEPARATOR, _actions__WEBPACK_IMPORTED_MODULE_38__.actionToggleGridMode, _actions__WEBPACK_IMPORTED_MODULE_38__.actionToggleObjectsSnapMode, _actions__WEBPACK_IMPORTED_MODULE_38__.actionToggleZenMode, _actions_actionToggleViewMode__WEBPACK_IMPORTED_MODULE_47__.actionToggleViewMode, _actions__WEBPACK_IMPORTED_MODULE_38__.actionToggleStats];\n      } // element contextMenu\n      // -------------------------------------------------------------------------\n\n\n      options.push(_actions__WEBPACK_IMPORTED_MODULE_38__.copyText);\n\n      if (this.state.viewModeEnabled) {\n        return [_actions__WEBPACK_IMPORTED_MODULE_38__.actionCopy, ...options];\n      }\n\n      return [_ContextMenu__WEBPACK_IMPORTED_MODULE_86__.CONTEXT_MENU_SEPARATOR, _actions__WEBPACK_IMPORTED_MODULE_38__.actionCut, _actions__WEBPACK_IMPORTED_MODULE_38__.actionCopy, _actions_actionClipboard__WEBPACK_IMPORTED_MODULE_41__.actionPaste, _ContextMenu__WEBPACK_IMPORTED_MODULE_86__.CONTEXT_MENU_SEPARATOR, _actions_actionFrame__WEBPACK_IMPORTED_MODULE_44__.actionSelectAllElementsInFrame, _actions_actionFrame__WEBPACK_IMPORTED_MODULE_44__.actionRemoveAllElementsFromFrame, _actions_actionFrame__WEBPACK_IMPORTED_MODULE_44__.actionWrapSelectionInFrame, _ContextMenu__WEBPACK_IMPORTED_MODULE_86__.CONTEXT_MENU_SEPARATOR, _actions__WEBPACK_IMPORTED_MODULE_38__.actionToggleCropEditor, _ContextMenu__WEBPACK_IMPORTED_MODULE_86__.CONTEXT_MENU_SEPARATOR, ...options, _ContextMenu__WEBPACK_IMPORTED_MODULE_86__.CONTEXT_MENU_SEPARATOR, _actions__WEBPACK_IMPORTED_MODULE_38__.actionCopyStyles, _actions__WEBPACK_IMPORTED_MODULE_38__.actionPasteStyles, _ContextMenu__WEBPACK_IMPORTED_MODULE_86__.CONTEXT_MENU_SEPARATOR, _actions__WEBPACK_IMPORTED_MODULE_38__.actionGroup, _actions_actionTextAutoResize__WEBPACK_IMPORTED_MODULE_46__.actionTextAutoResize, _actions__WEBPACK_IMPORTED_MODULE_38__.actionUnbindText, _actions__WEBPACK_IMPORTED_MODULE_38__.actionBindText, _actions_actionBoundText__WEBPACK_IMPORTED_MODULE_39__.actionWrapTextInContainer, _actions__WEBPACK_IMPORTED_MODULE_38__.actionUngroup, _ContextMenu__WEBPACK_IMPORTED_MODULE_86__.CONTEXT_MENU_SEPARATOR, _actions__WEBPACK_IMPORTED_MODULE_38__.actionAddToLibrary, _ContextMenu__WEBPACK_IMPORTED_MODULE_86__.CONTEXT_MENU_SEPARATOR, _actions__WEBPACK_IMPORTED_MODULE_38__.actionSendBackward, _actions__WEBPACK_IMPORTED_MODULE_38__.actionBringForward, _actions__WEBPACK_IMPORTED_MODULE_38__.actionSendToBack, _actions__WEBPACK_IMPORTED_MODULE_38__.actionBringToFront, _ContextMenu__WEBPACK_IMPORTED_MODULE_86__.CONTEXT_MENU_SEPARATOR, _actions__WEBPACK_IMPORTED_MODULE_38__.actionFlipHorizontal, _actions__WEBPACK_IMPORTED_MODULE_38__.actionFlipVertical, _ContextMenu__WEBPACK_IMPORTED_MODULE_86__.CONTEXT_MENU_SEPARATOR, _actions__WEBPACK_IMPORTED_MODULE_38__.actionToggleLinearEditor, _ContextMenu__WEBPACK_IMPORTED_MODULE_86__.CONTEXT_MENU_SEPARATOR, _actions__WEBPACK_IMPORTED_MODULE_38__.actionLink, _actions_actionElementLink__WEBPACK_IMPORTED_MODULE_42__.actionCopyElementLink, _ContextMenu__WEBPACK_IMPORTED_MODULE_86__.CONTEXT_MENU_SEPARATOR, _actions__WEBPACK_IMPORTED_MODULE_38__.actionDuplicateSelection, _actions__WEBPACK_IMPORTED_MODULE_38__.actionToggleElementLock, _ContextMenu__WEBPACK_IMPORTED_MODULE_86__.CONTEXT_MENU_SEPARATOR, _actions__WEBPACK_IMPORTED_MODULE_38__.actionDeleteSelected];\n    };\n\n    this.handleWheel = (0,_reactUtils__WEBPACK_IMPORTED_MODULE_78__.withBatchedUpdates)(event => {\n      // if not scrolling on canvas/wysiwyg, ignore\n      if (!(event.target instanceof HTMLCanvasElement || event.target instanceof HTMLTextAreaElement || event.target instanceof HTMLIFrameElement)) {\n        // prevent zooming the browser (but allow scrolling DOM)\n        if (event[_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.CTRL_OR_CMD]) {\n          event.preventDefault();\n        }\n\n        return;\n      }\n\n      event.preventDefault();\n\n      if (isPanning) {\n        return;\n      }\n\n      const {\n        deltaX,\n        deltaY\n      } = event; // note that event.ctrlKey is necessary to handle pinch zooming\n\n      if ( //zsviczian\n      (event.metaKey || event.ctrlKey) && !this.state.allowWheelZoom || !(event.metaKey || event.ctrlKey) && this.state.allowWheelZoom) {\n        const sign = Math.sign(deltaY);\n        const MAX_STEP = _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.ZOOM_STEP * 100;\n        const absDelta = Math.abs(deltaY);\n        let delta = deltaY;\n\n        if (absDelta > MAX_STEP) {\n          delta = MAX_STEP * sign;\n        }\n\n        let newZoom = this.state.zoom.value - delta / 100; // increase zoom steps the more zoomed-in we are (applies to >100% only)\n\n        newZoom += Math.log10(Math.max(1, this.state.zoom.value)) * -sign * // reduced amplification for small deltas (small movements on a trackpad)\n        Math.min(1, absDelta / 20);\n        this.translateCanvas(state => Object.assign(Object.assign({}, (0,_scene_zoom__WEBPACK_IMPORTED_MODULE_63__.getStateForZoom)({\n          viewportX: this.lastViewportPosition.x,\n          viewportY: this.lastViewportPosition.y,\n          nextZoom: (0,_scene__WEBPACK_IMPORTED_MODULE_61__.getNormalizedZoom)(newZoom)\n        }, state)), {\n          shouldCacheIgnoreZoom: true\n        }));\n        this.resetShouldCacheIgnoreZoomDebounced();\n        return;\n      } // scroll horizontally when shift pressed\n\n\n      if (event.shiftKey) {\n        this.translateCanvas(({\n          zoom,\n          scrollX\n        }) => ({\n          // on Mac, shift+wheel tends to result in deltaX\n          scrollX: scrollX - (deltaY || deltaX) / zoom.value\n        }));\n        return;\n      }\n\n      this.translateCanvas(({\n        zoom,\n        scrollX,\n        scrollY\n      }) => ({\n        scrollX: scrollX - deltaX / zoom.value,\n        scrollY: scrollY - deltaY / zoom.value\n      }));\n    });\n\n    this.savePointer = (x, y, button) => {\n      var _a, _b;\n\n      if (!x || !y) {\n        return;\n      }\n\n      const {\n        x: sceneX,\n        y: sceneY\n      } = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.viewportCoordsToSceneCoords)({\n        clientX: x,\n        clientY: y\n      }, this.state);\n\n      if (isNaN(sceneX) || isNaN(sceneY)) {// sometimes the pointer goes off screen\n      }\n\n      const pointer = {\n        x: sceneX,\n        y: sceneY,\n        tool: this.state.activeTool.type === \"laser\" ? \"laser\" : \"pointer\"\n      };\n      (_b = (_a = this.props).onPointerUpdate) === null || _b === void 0 ? void 0 : _b.call(_a, {\n        pointer,\n        button,\n        pointersMap: gesture.pointers\n      });\n    };\n\n    this.resetShouldCacheIgnoreZoomDebounced = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.debounce)(() => {\n      if (!this.unmounted) {\n        this.setState({\n          shouldCacheIgnoreZoom: false\n        });\n      }\n    }, 300);\n\n    this.updateDOMRect = cb => {\n      var _a;\n\n      if ((_a = this.excalidrawContainerRef) === null || _a === void 0 ? void 0 : _a.current) {\n        const excalidrawContainer = this.excalidrawContainerRef.current;\n        const {\n          width,\n          height,\n          left: offsetLeft,\n          top: offsetTop\n        } = excalidrawContainer.getBoundingClientRect();\n        const {\n          width: currentWidth,\n          height: currentHeight,\n          offsetTop: currentOffsetTop,\n          offsetLeft: currentOffsetLeft\n        } = this.state;\n\n        if (width === currentWidth && height === currentHeight && offsetLeft === currentOffsetLeft && offsetTop === currentOffsetTop) {\n          if (cb) {\n            cb();\n          }\n\n          return;\n        } //zsviczian\n\n\n        if (width === 0 || height === 0) {\n          if (cb) {\n            cb();\n          }\n\n          return;\n        }\n\n        this.setState({\n          width,\n          height,\n          offsetLeft,\n          offsetTop\n        }, () => {\n          cb && cb();\n        });\n      }\n    };\n\n    this.refresh = () => {\n      this.setState(Object.assign({}, this.getCanvasOffsets()));\n    };\n\n    const defaultAppState = (0,_appState__WEBPACK_IMPORTED_MODULE_53__.getDefaultAppState)();\n    const {\n      excalidrawAPI,\n      viewModeEnabled = false,\n      zenModeEnabled = false,\n      gridModeEnabled = false,\n      objectsSnapModeEnabled = false,\n      theme = defaultAppState.theme,\n      initState,\n      //zsviczian\n      name = `${(0,_i18n__WEBPACK_IMPORTED_MODULE_60__.t)(\"labels.untitled\")}-${(0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.getDateTime)()}`\n    } = props;\n    this.state = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, defaultAppState), {\n      theme,\n      isLoading: true\n    }), this.getCanvasOffsets()), {\n      viewModeEnabled,\n      zenModeEnabled,\n      objectsSnapModeEnabled,\n      gridModeEnabled: gridModeEnabled !== null && gridModeEnabled !== void 0 ? gridModeEnabled : defaultAppState.gridModeEnabled,\n      name,\n      width: window.innerWidth,\n      height: window.innerHeight\n    }), initState !== null && initState !== void 0 ? initState : {});\n    this.id = (0,nanoid__WEBPACK_IMPORTED_MODULE_103__.nanoid)();\n    (0,_obsidianUtils__WEBPACK_IMPORTED_MODULE_100__.initializeObsidianUtils)();\n    this.library = new _data_library__WEBPACK_IMPORTED_MODULE_56__[\"default\"](this);\n    this.actionManager = new _actions_manager__WEBPACK_IMPORTED_MODULE_48__.ActionManager(this.syncActionResult, () => this.state, () => this.scene.getElementsIncludingDeleted(), this);\n    this.scene = new _scene_Scene__WEBPACK_IMPORTED_MODULE_62__[\"default\"]();\n    this.canvas = document.createElement(\"canvas\");\n    this.rc = roughjs_bin_rough__WEBPACK_IMPORTED_MODULE_4__[\"default\"].canvas(this.canvas);\n    this.renderer = new _scene_Renderer__WEBPACK_IMPORTED_MODULE_72__.Renderer(this.scene);\n    this.visibleElements = [];\n    this.store = new _store__WEBPACK_IMPORTED_MODULE_76__.Store();\n    this.history = new _history__WEBPACK_IMPORTED_MODULE_59__.History();\n\n    if (excalidrawAPI) {\n      const api = {\n        updateScene: this.updateScene,\n        updateLibrary: this.library.updateLibrary,\n        addFiles: this.addFiles,\n        resetScene: this.resetScene,\n        getSceneElementsIncludingDeleted: this.getSceneElementsIncludingDeleted,\n        history: {\n          clear: this.resetHistory\n        },\n        scrollToContent: this.scrollToContent,\n        zoomToFit: this.zoomToFit,\n        getColorAtScenePoint: this.getColorAtScenePoint,\n        startLineEditor: this.startLineEditor,\n        getSceneElements: this.getSceneElements,\n        getAppState: () => this.state,\n        getFiles: () => this.files,\n        getName: this.getName,\n        registerAction: action => {\n          this.actionManager.registerAction(action);\n        },\n        refresh: this.refresh,\n        setToast: this.setToast,\n        updateContainerSize: this.updateContainerSize,\n        id: this.id,\n        selectElements: this.selectElements,\n        sendBackward: this.sendBackward,\n        bringForward: this.bringForward,\n        sendToBack: this.sendToBack,\n        bringToFront: this.bringToFront,\n        setMobileModeAllowed: this.setMobileModeAllowed,\n        setActiveTool: this.setActiveTool,\n        setCursor: this.setCursor,\n        resetCursor: this.resetCursor,\n        updateFrameRendering: this.updateFrameRendering,\n        toggleSidebar: this.toggleSidebar,\n        getHTMLIFrameElement: id => this.getHTMLIFrameElement(id),\n        onChange: cb => this.onChangeEmitter.on(cb),\n        onPointerDown: cb => this.onPointerDownEmitter.on(cb),\n        onPointerUp: cb => this.onPointerUpEmitter.on(cb),\n        onScrollChange: cb => this.onScrollChangeEmitter.on(cb),\n        onUserFollow: cb => this.onUserFollowEmitter.on(cb)\n      };\n\n      if (typeof excalidrawAPI === \"function\") {\n        excalidrawAPI(api);\n      } else {\n        console.error(\"excalidrawAPI should be a function!\");\n      }\n    }\n\n    this.excalidrawContainerValue = {\n      container: this.excalidrawContainerRef.current,\n      id: this.id\n    };\n    this.fonts = new _fonts__WEBPACK_IMPORTED_MODULE_67__.Fonts(this.scene);\n    this.history = new _history__WEBPACK_IMPORTED_MODULE_59__.History();\n    this.actionManager.registerAll(_actions_register__WEBPACK_IMPORTED_MODULE_49__.actions);\n    this.actionManager.registerAction((0,_actions_actionHistory__WEBPACK_IMPORTED_MODULE_45__.createUndoAction)(this.history, this.store));\n    this.actionManager.registerAction((0,_actions_actionHistory__WEBPACK_IMPORTED_MODULE_45__.createRedoAction)(this.history, this.store));\n  }\n\n  onWindowMessage(event) {\n    if (event.origin !== \"https://player.vimeo.com\" && event.origin !== \"https://www.youtube.com\") {\n      return;\n    }\n\n    let data = null;\n\n    try {\n      data = JSON.parse(event.data);\n    } catch (e) {}\n\n    if (!data) {\n      return;\n    }\n\n    switch (event.origin) {\n      case \"https://player.vimeo.com\":\n        //Allowing for multiple instances of Excalidraw running in the window\n        if (data.method === \"paused\") {\n          let source = null;\n          const iframes = document.body.querySelectorAll(\"iframe.excalidraw__embeddable\");\n\n          if (!iframes) {\n            break;\n          }\n\n          for (const iframe of iframes) {\n            if (iframe.contentWindow === event.source) {\n              source = iframe.contentWindow;\n            }\n          }\n\n          source === null || source === void 0 ? void 0 : source.postMessage(JSON.stringify({\n            method: data.value ? \"play\" : \"pause\",\n            value: true\n          }), \"*\");\n        }\n\n        break;\n\n      case \"https://www.youtube.com\":\n        if (data.event === \"infoDelivery\" && data.info && data.id && typeof data.info.playerState === \"number\") {\n          const id = data.id;\n          const playerState = data.info.playerState;\n\n          if (Object.values(_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.YOUTUBE_STATES).includes(playerState)) {\n            YOUTUBE_VIDEO_STATES.set(id, playerState);\n          }\n        }\n\n        break;\n    }\n  }\n\n  cacheEmbeddableRef(element, ref) {\n    if (ref) {\n      this.iFrameRefs.set(element.id, ref);\n    }\n  }\n\n  getHTMLIFrameElement(element) {\n    //zsviczian\n    if (typeof element === \"string\") {\n      return this.iFrameRefs.get(element);\n    }\n\n    return this.iFrameRefs.get(element.id);\n  }\n\n  handleEmbeddableCenterClick(element) {\n    var _a, _b, _c, _d;\n\n    if (((_a = this.state.activeEmbeddable) === null || _a === void 0 ? void 0 : _a.element) === element && ((_b = this.state.activeEmbeddable) === null || _b === void 0 ? void 0 : _b.state) === \"active\") {\n      return;\n    } // The delay serves two purposes\n    // 1. To prevent first click propagating to iframe on mobile,\n    //    else the click will immediately start and stop the video\n    // 2. If the user double clicks the frame center to activate it\n    //    without the delay youtube will immediately open the video\n    //    in fullscreen mode\n\n\n    setTimeout(() => {\n      this.setState({\n        activeEmbeddable: {\n          element,\n          state: \"active\"\n        },\n        selectedElementIds: {\n          [element.id]: true\n        },\n        newElement: null,\n        selectionElement: null\n      });\n    }, 100);\n\n    if ((0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isIframeElement)(element)) {\n      return;\n    }\n\n    const iframe = this.getHTMLIFrameElement(element);\n\n    if (!(iframe === null || iframe === void 0 ? void 0 : iframe.contentWindow)) {\n      return;\n    }\n\n    if (iframe.src.includes(\"youtube\")) {\n      const state = YOUTUBE_VIDEO_STATES.get(element.id);\n\n      if (!state) {\n        YOUTUBE_VIDEO_STATES.set(element.id, _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.YOUTUBE_STATES.UNSTARTED);\n        iframe.contentWindow.postMessage(JSON.stringify({\n          event: \"listening\",\n          id: element.id\n        }), \"*\");\n      }\n\n      switch (state) {\n        case _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.YOUTUBE_STATES.PLAYING:\n        case _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.YOUTUBE_STATES.BUFFERING:\n          (_c = iframe.contentWindow) === null || _c === void 0 ? void 0 : _c.postMessage(JSON.stringify({\n            event: \"command\",\n            func: \"pauseVideo\",\n            args: \"\"\n          }), \"*\");\n          break;\n\n        default:\n          (_d = iframe.contentWindow) === null || _d === void 0 ? void 0 : _d.postMessage(JSON.stringify({\n            event: \"command\",\n            func: \"playVideo\",\n            args: \"\"\n          }), \"*\");\n      }\n    }\n\n    if (iframe.src.includes(\"player.vimeo.com\")) {\n      iframe.contentWindow.postMessage(JSON.stringify({\n        method: \"paused\" //video play/pause in onWindowMessage handler\n\n      }), \"*\");\n    }\n  }\n\n  isIframeLikeElementCenter(el, event, sceneX, sceneY) {\n    var _a, _b;\n\n    return el && !event.altKey && !event.shiftKey && !event.metaKey && !event.ctrlKey && (((_a = this.state.activeEmbeddable) === null || _a === void 0 ? void 0 : _a.element) !== el || ((_b = this.state.activeEmbeddable) === null || _b === void 0 ? void 0 : _b.state) === \"hover\" || !this.state.activeEmbeddable) && sceneX >= el.x + el.width / 3 && sceneX <= el.x + 2 * el.width / 3 && sceneY >= el.y + el.height / 3 && sceneY <= el.y + 2 * el.height / 3;\n  }\n\n  renderEmbeddables() {\n    const scale = this.state.zoom.value;\n    const normalizedWidth = this.state.width;\n    const normalizedHeight = this.state.height;\n    const embeddableElements = this.scene.getNonDeletedElements().filter(el => (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isEmbeddableElement)(el) && this.embedsValidationStatus.get(el.id) === true || (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isIframeElement)(el));\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, embeddableElements.map(el => {\n      var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;\n\n      const {\n        x,\n        y\n      } = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.sceneCoordsToViewportCoords)({\n        sceneX: el.x,\n        sceneY: el.y\n      }, this.state);\n      const isVisible = (0,_excalidraw_element_sizeHelpers__WEBPACK_IMPORTED_MODULE_16__.isElementInViewport)(el, normalizedWidth, normalizedHeight, this.state, this.scene.getNonDeletedElementsMap());\n      const hasBeenInitialized = this.initializedEmbeds.has(el.id);\n\n      if (isVisible && !hasBeenInitialized) {\n        this.initializedEmbeds.add(el.id);\n      }\n\n      const shouldRender = isVisible || hasBeenInitialized;\n\n      if (!shouldRender) {\n        return null;\n      }\n\n      let src;\n      const embedLink = (0,_excalidraw_element_embeddable__WEBPACK_IMPORTED_MODULE_18__.getEmbedLink)((0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.toValidURL)(el.link || \"\")); //zsviczian\n\n      if ((0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isIframeElement)(el)) {\n        src = null;\n        const data = ((_b = (_a = el.customData) === null || _a === void 0 ? void 0 : _a.generationData) !== null && _b !== void 0 ? _b : this.magicGenerations.get(el.id)) || {\n          status: \"error\",\n          message: \"No generation data\",\n          code: \"ERR_NO_GENERATION_DATA\"\n        };\n\n        if (data.status === \"done\") {\n          const html = data.html;\n          src = {\n            intrinsicSize: {\n              w: el.width,\n              h: el.height\n            },\n            type: \"document\",\n            srcdoc: () => {\n              return html;\n            }\n          };\n        } else if (data.status === \"pending\") {\n          src = {\n            intrinsicSize: {\n              w: el.width,\n              h: el.height\n            },\n            type: \"document\",\n            srcdoc: () => {\n              return (0,_excalidraw_element_embeddable__WEBPACK_IMPORTED_MODULE_18__.createSrcDoc)(`\n                    <style>\n                      html, body {\n                        width: 100%;\n                        height: 100%;\n                        color: ${this.state.theme === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.THEME.DARK ? \"white\" : \"black\"};\n                      }\n                      body {\n                        display: flex;\n                        align-items: center;\n                        justify-content: center;\n                        flex-direction: column;\n                        gap: 1rem;\n                      }\n\n                      .Spinner {\n                        display: flex;\n                        align-items: center;\n                        justify-content: center;\n                        margin-left: auto;\n                        margin-right: auto;\n                      }\n\n                      .Spinner svg {\n                        animation: rotate 1.6s linear infinite;\n                        transform-origin: center center;\n                        width: 40px;\n                        height: 40px;\n                      }\n\n                      .Spinner circle {\n                        stroke: currentColor;\n                        animation: dash 1.6s linear 0s infinite;\n                        stroke-linecap: round;\n                      }\n\n                      @keyframes rotate {\n                        100% {\n                          transform: rotate(360deg);\n                        }\n                      }\n\n                      @keyframes dash {\n                        0% {\n                          stroke-dasharray: 1, 300;\n                          stroke-dashoffset: 0;\n                        }\n                        50% {\n                          stroke-dasharray: 150, 300;\n                          stroke-dashoffset: -200;\n                        }\n                        100% {\n                          stroke-dasharray: 1, 300;\n                          stroke-dashoffset: -280;\n                        }\n                      }\n                    </style>\n                    <div class=\"Spinner\">\n                      <svg\n                        viewBox=\"0 0 100 100\"\n                      >\n                        <circle\n                          cx=\"50\"\n                          cy=\"50\"\n                          r=\"46\"\n                          stroke-width=\"8\"\n                          fill=\"none\"\n                          stroke-miter-limit=\"10\"\n                        />\n                      </svg>\n                    </div>\n                    <div>Generating...</div>\n                  `);\n            }\n          };\n        } else {\n          let message;\n\n          if (data.code === \"ERR_GENERATION_INTERRUPTED\") {\n            message = \"Generation was interrupted...\";\n          } else {\n            message = data.message || \"Generation failed\";\n          }\n\n          src = {\n            intrinsicSize: {\n              w: el.width,\n              h: el.height\n            },\n            type: \"document\",\n            srcdoc: () => {\n              return (0,_excalidraw_element_embeddable__WEBPACK_IMPORTED_MODULE_18__.createSrcDoc)(`\n                    <style>\n                    html, body {\n                      height: 100%;\n                    }\n                      body {\n                        display: flex;\n                        flex-direction: column;\n                        align-items: center;\n                        justify-content: center;\n                        color: ${_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.COLOR_PALETTE.red[3]};\n                      }\n                      h1, h3 {\n                        margin-top: 0;\n                        margin-bottom: 0.5rem;\n                      }\n                    </style>\n                    <h1>Error!</h1>\n                    <h3>${message}</h3>\n                  `);\n            }\n          };\n        }\n      } else {\n        src = embedLink; //zsviczian getEmbedLink(toValidURL(el.link || \"\"));\n      }\n\n      const isActive = ((_c = this.state.activeEmbeddable) === null || _c === void 0 ? void 0 : _c.element) === el && ((_d = this.state.activeEmbeddable) === null || _d === void 0 ? void 0 : _d.state) === \"active\";\n      const isHovered = ((_e = this.state.activeEmbeddable) === null || _e === void 0 ? void 0 : _e.element) === el && ((_f = this.state.activeEmbeddable) === null || _f === void 0 ? void 0 : _f.state) === \"hover\";\n      const isWebview = //zsviczian\n      !(0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isIframeElement)(el) && this.props.renderWebview && (embedLink === null || embedLink === void 0 ? void 0 : embedLink.type) !== \"document\" && !((_h = (_g = embedLink === null || embedLink === void 0 ? void 0 : embedLink.link) === null || _g === void 0 ? void 0 : _g.startsWith) === null || _h === void 0 ? void 0 : _h.call(_g, \"https://player.vimeo.com\")); // Modify the scale based on el.scale property\n\n      const [xScale, yScale] = (_j = el.scale) !== null && _j !== void 0 ? _j : [1, 1]; //zsviczian\n\n      const scaledTransform = `scale(${scale * xScale}, ${scale * yScale})`;\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        key: el.id,\n        className: (0,clsx__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(\"excalidraw__embeddable-container\", {\n          \"is-hovered\": isHovered\n        }),\n        style: {\n          transform: isVisible ? `translate(${x - this.state.offsetLeft}px, ${y - this.state.offsetTop}px) ${scaledTransform}` : \"none\",\n          display: isVisible ? \"block\" : \"none\",\n          opacity: (0,_excalidraw_element_renderElement__WEBPACK_IMPORTED_MODULE_30__.getRenderOpacity)(el, (0,_excalidraw_element_frame__WEBPACK_IMPORTED_MODULE_22__.getContainingFrame)(el, this.scene.getNonDeletedElementsMap()), this.elementsPendingErasure, null, ((_k = this.state.openDialog) === null || _k === void 0 ? void 0 : _k.name) === \"elementLinkSelector\" ? _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.DEFAULT_REDUCED_GLOBAL_ALPHA : 1),\n          [\"--embeddable-radius\"]: `${(0,_excalidraw_element_shapes__WEBPACK_IMPORTED_MODULE_17__.getCornerRadius)(Math.min(el.width, el.height), el) / xScale //zsviczian\n          }px`\n        }\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        //this is a hack that addresses isse with embedded excalidraw.com embeddable\n        //https://github.com/excalidraw/excalidraw/pull/6691#issuecomment-1607383938\n\n        /*ref={(ref) => {\r\n          if (!this.excalidrawContainerRef.current) {\r\n            return;\r\n          }\r\n          const container = this.excalidrawContainerRef.current;\r\n          const sh = container.scrollHeight;\r\n          const ch = container.clientHeight;\r\n          if (sh !== ch) {\r\n            container.style.height = `${sh}px`;\r\n            setTimeout(() => {\r\n              container.style.height = `100%`;\r\n            });\r\n          }\r\n        }}*/\n        className: \"excalidraw__embeddable-container__inner\",\n        style: {\n          width: isVisible ? `${el.width / xScale}px` : 0,\n          height: isVisible ? `${el.height / yScale}px` : 0,\n          transform: isVisible ? `rotate(${el.angle}rad)` : \"none\",\n          pointerEvents: isActive ? _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.POINTER_EVENTS.enabled : _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.POINTER_EVENTS.disabled\n        }\n      }, isHovered && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        className: \"excalidraw__embeddable-hint\"\n      }, (0,_i18n__WEBPACK_IMPORTED_MODULE_60__.t)(\"buttons.embeddableInteractionButton\")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        className: \"excalidraw__embeddable__outer\",\n        style: {\n          padding: `${el.strokeWidth / (4 * el.scale[0])}px` //zsviczian MDEmbeddable round border cutoff issue\n\n        }\n      }, (_o = (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isEmbeddableElement)(el) ? (_m = (_l = this.props).renderEmbeddable) === null || _m === void 0 ? void 0 : _m.call(_l, el, this.state) //zsviczian\n      : null) !== null && _o !== void 0 ? _o : isWebview ?\n      /*#__PURE__*/\n      //zsviczian\n      react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"webview\", {\n        ref: ref => this.cacheEmbeddableRef(el, ref),\n        className: \"excalidraw__embeddable\",\n        src: (embedLink === null || embedLink === void 0 ? void 0 : embedLink.type) === \"generic\" || (embedLink === null || embedLink === void 0 ? void 0 : embedLink.type) === \"video\" ? embedLink.link : \"\",\n        title: \"Excalidraw Embedded Content\",\n        allowFullScreen: true\n      }) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"iframe\", {\n        ref: ref => this.cacheEmbeddableRef(el, ref),\n        className: \"excalidraw__embeddable\",\n        srcDoc: (src === null || src === void 0 ? void 0 : src.type) === \"document\" ? src.srcdoc(this.state.theme) : undefined,\n        src: (src === null || src === void 0 ? void 0 : src.type) !== \"document\" ? (_p = src === null || src === void 0 ? void 0 : src.link) !== null && _p !== void 0 ? _p : \"\" : undefined,\n        // https://stackoverflow.com/q/18470015\n        scrolling: \"no\",\n        referrerPolicy: \"no-referrer-when-downgrade\",\n        title: \"Excalidraw Embedded Content\",\n        allow: \"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\",\n        allowFullScreen: true,\n        sandbox: `${((_q = src === null || src === void 0 ? void 0 : src.sandbox) === null || _q === void 0 ? void 0 : _q.allowSameOrigin) ? \"allow-same-origin\" : \"\"} allow-scripts allow-forms allow-popups allow-popups-to-escape-sandbox allow-presentation allow-downloads`\n      }))));\n    }));\n  }\n\n  toggleOverscrollBehavior(event) {\n    // when pointer inside editor, disable overscroll behavior to prevent\n    // panning to trigger history back/forward on MacOS Chrome\n    document.documentElement.style.overscrollBehaviorX = event.type === \"pointerenter\" ? \"none\" : \"auto\";\n  }\n\n  render() {\n    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;\n\n    const selectedElements = this.scene.getSelectedElements(this.state);\n    const {\n      renderTopRightUI,\n      renderCustomStats\n    } = this.props;\n    const sceneNonce = this.scene.getSceneNonce();\n    const {\n      elementsMap,\n      visibleElements\n    } = this.renderer.getRenderableElements({\n      sceneNonce,\n      zoom: this.state.zoom,\n      offsetLeft: this.state.offsetLeft,\n      offsetTop: this.state.offsetTop,\n      scrollX: this.state.scrollX,\n      scrollY: this.state.scrollY,\n      height: this.state.height,\n      width: this.state.width,\n      editingTextElement: this.state.editingTextElement,\n      newElementId: (_a = this.state.newElement) === null || _a === void 0 ? void 0 : _a.id,\n      pendingImageElementId: this.state.pendingImageElementId\n    });\n    this.visibleElements = visibleElements;\n    const allElementsMap = this.scene.getNonDeletedElementsMap();\n    const shouldBlockPointerEvents = // default back to `--ui-pointerEvents` flow if setPointerCapture\n    // not supported\n    \"setPointerCapture\" in HTMLElement.prototype ? false : this.state.selectionElement || this.state.newElement || this.state.selectedElementsAreBeingDragged || this.state.resizingElement || this.state.activeTool.type === \"laser\" && // technically we can just test on this once we make it more safe\n    this.state.cursorButton === \"down\";\n    const firstSelectedElement = selectedElements[0]; //zsviczian\n\n    const isHighlighter = (_d = (_c = (_b = this.state.newElement) === null || _b === void 0 ? void 0 : _b.customData) === null || _c === void 0 ? void 0 : _c.strokeOptions) === null || _d === void 0 ? void 0 : _d.highlighter;\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n      className: (0,clsx__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(\"excalidraw excalidraw-container\", {\n        \"excalidraw--view-mode\": this.state.viewModeEnabled || ((_e = this.state.openDialog) === null || _e === void 0 ? void 0 : _e.name) === \"elementLinkSelector\",\n        \"excalidraw--mobile\": this.device.editor.isMobile || !(this.state.viewModeEnabled || this.state.zenModeEnabled) && this.state.trayModeEnabled //zsviczian\n\n      }),\n      style: Object.assign(Object.assign({\n        //zsviczian\n        [\"--ui-pointerEvents\"]: shouldBlockPointerEvents ? _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.POINTER_EVENTS.disabled : _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.POINTER_EVENTS.enabled\n      }, this.state.dynamicStyle || {}), {\n        [\"--right-sidebar-width\"]: \"302px\"\n      }),\n      ref: this.excalidrawContainerRef,\n      onDrop: this.handleAppOnDrop,\n      tabIndex: 0,\n      onKeyDown: this.props.handleKeyboardGlobally ? undefined : this.onKeyDown,\n      onPointerEnter: this.toggleOverscrollBehavior,\n      onPointerLeave: this.toggleOverscrollBehavior\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(AppContext.Provider, {\n      value: this\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(AppPropsContext.Provider, {\n      value: this.props\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(ExcalidrawContainerContext.Provider, {\n      value: this.excalidrawContainerValue\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(DeviceContext.Provider, {\n      value: this.device\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(ExcalidrawSetAppStateContext.Provider, {\n      value: this.setAppState\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(ExcalidrawAppStateContext.Provider, {\n      value: this.state\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(ExcalidrawElementsContext.Provider, {\n      value: this.scene.getNonDeletedElements()\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(ExcalidrawActionManagerContext.Provider, {\n      value: this.actionManager\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_LayerUI__WEBPACK_IMPORTED_MODULE_89__[\"default\"], {\n      canvas: this.canvas,\n      appState: this.state,\n      files: this.files,\n      setAppState: this.setAppState,\n      actionManager: this.actionManager,\n      elements: this.scene.getNonDeletedElements(),\n      onLockToggle: this.toggleLock,\n      onPenModeToggle: this.togglePenMode,\n      onHandToolToggle: this.onHandToolToggle,\n      langCode: (0,_i18n__WEBPACK_IMPORTED_MODULE_60__.getLanguage)().code,\n      renderTopRightUI: renderTopRightUI,\n      renderCustomStats: renderCustomStats,\n      showExitZenModeBtn: typeof ((_f = this.props) === null || _f === void 0 ? void 0 : _f.zenModeEnabled) === \"undefined\" && this.state.zenModeEnabled,\n      UIOptions: this.props.UIOptions,\n      onExportImage: this.onExportImage,\n      renderWelcomeScreen: !this.state.isLoading && this.state.showWelcomeScreen && this.state.activeTool.type === \"selection\" && !this.state.zenModeEnabled && !this.scene.getElementsIncludingDeleted().length,\n      app: this,\n      isCollaborating: this.props.isCollaborating,\n      generateLinkForSelection: this.props.generateLinkForSelection\n    }, this.props.children), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n      className: \"excalidraw-textEditorContainer\"\n    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n      className: \"excalidraw-contextMenuContainer\"\n    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n      className: \"excalidraw-eye-dropper-container\"\n    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_SVGLayer__WEBPACK_IMPORTED_MODULE_91__.SVGLayer, {\n      trails: [this.laserTrails, this.lassoTrail, this.eraserTrail]\n    }), selectedElements.length === 1 && ((_g = this.state.openDialog) === null || _g === void 0 ? void 0 : _g.name) !== \"elementLinkSelector\" && this.state.showHyperlinkPopup && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_components_hyperlink_Hyperlink__WEBPACK_IMPORTED_MODULE_66__.Hyperlink, {\n      key: firstSelectedElement.id,\n      element: firstSelectedElement,\n      elementsMap: allElementsMap,\n      setAppState: this.setAppState,\n      onLinkOpen: this.props.onLinkOpen,\n      setToast: this.setToast,\n      updateEmbedValidationStatus: this.updateEmbedValidationStatus\n    }), this.props.aiEnabled !== false && selectedElements.length === 1 && (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isMagicFrameElement)(firstSelectedElement) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_components_ElementCanvasButtons__WEBPACK_IMPORTED_MODULE_75__.ElementCanvasButtons, {\n      element: firstSelectedElement,\n      elementsMap: elementsMap\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_MagicButton__WEBPACK_IMPORTED_MODULE_90__.ElementCanvasButton, {\n      title: (0,_i18n__WEBPACK_IMPORTED_MODULE_60__.t)(\"labels.convertToCode\"),\n      icon: _icons__WEBPACK_IMPORTED_MODULE_97__.MagicIcon,\n      checked: false,\n      onChange: () => this.onMagicFrameGenerate(firstSelectedElement, \"button\")\n    })), selectedElements.length === 1 && (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isIframeElement)(firstSelectedElement) && ((_j = (_h = firstSelectedElement.customData) === null || _h === void 0 ? void 0 : _h.generationData) === null || _j === void 0 ? void 0 : _j.status) === \"done\" && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_components_ElementCanvasButtons__WEBPACK_IMPORTED_MODULE_75__.ElementCanvasButtons, {\n      element: firstSelectedElement,\n      elementsMap: elementsMap\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_MagicButton__WEBPACK_IMPORTED_MODULE_90__.ElementCanvasButton, {\n      title: (0,_i18n__WEBPACK_IMPORTED_MODULE_60__.t)(\"labels.copySource\"),\n      icon: _icons__WEBPACK_IMPORTED_MODULE_97__.copyIcon,\n      checked: false,\n      onChange: () => this.onIframeSrcCopy(firstSelectedElement)\n    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_MagicButton__WEBPACK_IMPORTED_MODULE_90__.ElementCanvasButton, {\n      title: \"Enter fullscreen\",\n      icon: _icons__WEBPACK_IMPORTED_MODULE_97__.fullscreenIcon,\n      checked: false,\n      onChange: () => {\n        const iframe = this.getHTMLIFrameElement(firstSelectedElement);\n\n        if (iframe) {\n          try {\n            iframe.requestFullscreen();\n            this.setState({\n              activeEmbeddable: {\n                element: firstSelectedElement,\n                state: \"active\"\n              },\n              selectedElementIds: {\n                [firstSelectedElement.id]: true\n              },\n              newElement: null,\n              selectionElement: null\n            });\n          } catch (err) {\n            console.warn(err);\n            this.setState({\n              errorMessage: \"Couldn't enter fullscreen\"\n            });\n          }\n        }\n      }\n    })), this.state.toast !== null && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_Toast__WEBPACK_IMPORTED_MODULE_98__.Toast, {\n      message: this.state.toast.message,\n      onClose: () => this.setToast(null),\n      duration: this.state.toast.duration,\n      closable: this.state.toast.closable\n    }), this.state.contextMenu && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_ContextMenu__WEBPACK_IMPORTED_MODULE_86__.ContextMenu, {\n      items: this.state.contextMenu.items,\n      top: this.state.contextMenu.top,\n      left: this.state.contextMenu.left,\n      actionManager: this.actionManager,\n      onClose: callback => {\n        this.setState({\n          contextMenu: null\n        }, () => {\n          this.focusContainer();\n          callback === null || callback === void 0 ? void 0 : callback();\n        });\n      }\n    }), this.state.newElement && isHighlighter &&\n    /*#__PURE__*/\n    //zsviczian\n    react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_canvases_NewElementCanvas__WEBPACK_IMPORTED_MODULE_95__[\"default\"], {\n      appState: this.state,\n      scale: window.devicePixelRatio,\n      rc: this.rc,\n      elementsMap: elementsMap,\n      allElementsMap: allElementsMap,\n      renderConfig: {\n        imageCache: this.imageCache,\n        isExporting: false,\n        renderGrid: false,\n        canvasBackgroundColor: this.state.viewBackgroundColor,\n        embedsValidationStatus: this.embedsValidationStatus,\n        elementsPendingErasure: this.elementsPendingErasure,\n        pendingFlowchartNodes: null,\n        isHighlighterPenDrawing: isHighlighter //zsviczian\n\n      }\n    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_canvases__WEBPACK_IMPORTED_MODULE_94__.StaticCanvas, {\n      canvas: this.canvas,\n      rc: this.rc,\n      elementsMap: elementsMap,\n      allElementsMap: allElementsMap,\n      visibleElements: visibleElements,\n      sceneNonce: sceneNonce,\n      selectionNonce: (_k = this.state.selectionElement) === null || _k === void 0 ? void 0 : _k.versionNonce,\n      scale: window.devicePixelRatio,\n      appState: this.state,\n      renderConfig: {\n        imageCache: this.imageCache,\n        isExporting: false,\n        renderGrid: (0,_snapping__WEBPACK_IMPORTED_MODULE_70__.isGridModeEnabled)(this),\n        canvasBackgroundColor: this.state.viewBackgroundColor,\n        embedsValidationStatus: this.embedsValidationStatus,\n        elementsPendingErasure: this.elementsPendingErasure,\n        pendingFlowchartNodes: this.flowChartCreator.pendingNodes,\n        isHighlighterPenDrawing: isHighlighter //zsviczian\n\n      }\n    }), this.state.newElement && !isHighlighter &&\n    /*#__PURE__*/\n    //zsviczian\n    react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_canvases_NewElementCanvas__WEBPACK_IMPORTED_MODULE_95__[\"default\"], {\n      appState: this.state,\n      scale: window.devicePixelRatio,\n      rc: this.rc,\n      elementsMap: elementsMap,\n      allElementsMap: allElementsMap,\n      renderConfig: {\n        imageCache: this.imageCache,\n        isExporting: false,\n        renderGrid: false,\n        canvasBackgroundColor: this.state.viewBackgroundColor,\n        embedsValidationStatus: this.embedsValidationStatus,\n        elementsPendingErasure: this.elementsPendingErasure,\n        pendingFlowchartNodes: null,\n        isHighlighterPenDrawing: isHighlighter //zsviczian\n\n      }\n    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_canvases__WEBPACK_IMPORTED_MODULE_94__.InteractiveCanvas, {\n      containerRef: this.excalidrawContainerRef,\n      canvas: this.interactiveCanvas,\n      elementsMap: elementsMap,\n      visibleElements: visibleElements,\n      allElementsMap: allElementsMap,\n      selectedElements: selectedElements,\n      sceneNonce: sceneNonce,\n      selectionNonce: (_l = this.state.selectionElement) === null || _l === void 0 ? void 0 : _l.versionNonce,\n      scale: window.devicePixelRatio,\n      appState: this.state,\n      device: this.device,\n      renderInteractiveSceneCallback: this.renderInteractiveSceneCallback,\n      handleCanvasRef: this.handleInteractiveCanvasRef,\n      onContextMenu: this.handleCanvasContextMenu,\n      onPointerMove: this.handleCanvasPointerMove,\n      onPointerUp: this.handleCanvasPointerUp,\n      onPointerCancel: this.removePointer,\n      onTouchMove: this.handleTouchMove,\n      onPointerDown: this.handleCanvasPointerDown,\n      onDoubleClick: this.handleCanvasDoubleClick\n    }), this.state.userToFollow && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_FollowMode_FollowMode__WEBPACK_IMPORTED_MODULE_88__[\"default\"], {\n      width: this.state.width,\n      height: this.state.height,\n      userToFollow: this.state.userToFollow,\n      onDisconnect: this.maybeUnfollowRemoteUser\n    }), this.renderFrameNames(), ((_m = this.state.activeEmbeddable) === null || _m === void 0 ? void 0 : _m.state) === \"active\" && ( //zsviczian\n    (_p = (_o = this.props).renderEmbeddableMenu) === null || _p === void 0 ? void 0 : _p.call(_o, this.state))), this.renderEmbeddables()))))))));\n  }\n\n  setPlugins(plugins) {\n    Object.assign(this.plugins, plugins);\n  }\n\n  async onMagicFrameGenerate(magicFrame, source) {\n    var _a;\n\n    const generateDiagramToCode = (_a = this.plugins.diagramToCode) === null || _a === void 0 ? void 0 : _a.generate;\n\n    if (!generateDiagramToCode) {\n      this.setState({\n        errorMessage: \"No diagram to code plugin found\"\n      });\n      return;\n    }\n\n    const magicFrameChildren = (0,_excalidraw_element_frame__WEBPACK_IMPORTED_MODULE_22__.getElementsOverlappingFrame)(this.scene.getNonDeletedElements(), magicFrame).filter(el => !(0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isMagicFrameElement)(el));\n\n    if (!magicFrameChildren.length) {\n      if (source === \"button\") {\n        this.setState({\n          errorMessage: \"Cannot generate from an empty frame\"\n        });\n        (0,_analytics__WEBPACK_IMPORTED_MODULE_51__.trackEvent)(\"ai\", \"generate (no-children)\", \"d2c\");\n      } else {\n        this.setActiveTool({\n          type: \"magicframe\"\n        });\n      }\n\n      return;\n    }\n\n    const frameElement = this.insertIframeElement({\n      sceneX: magicFrame.x + magicFrame.width + 30,\n      sceneY: magicFrame.y,\n      width: magicFrame.width,\n      height: magicFrame.height\n    });\n\n    if (!frameElement) {\n      return;\n    }\n\n    this.updateMagicGeneration({\n      frameElement,\n      data: {\n        status: \"pending\"\n      }\n    });\n    this.setState({\n      selectedElementIds: {\n        [frameElement.id]: true\n      }\n    });\n    (0,_analytics__WEBPACK_IMPORTED_MODULE_51__.trackEvent)(\"ai\", \"generate (start)\", \"d2c\");\n\n    try {\n      const {\n        html\n      } = await generateDiagramToCode({\n        frame: magicFrame,\n        children: magicFrameChildren\n      });\n      (0,_analytics__WEBPACK_IMPORTED_MODULE_51__.trackEvent)(\"ai\", \"generate (success)\", \"d2c\");\n\n      if (!html.trim()) {\n        this.updateMagicGeneration({\n          frameElement,\n          data: {\n            status: \"error\",\n            code: \"ERR_OAI\",\n            message: \"Nothing genereated :(\"\n          }\n        });\n        return;\n      }\n\n      const parsedHtml = html.includes(\"<!DOCTYPE html>\") && html.includes(\"</html>\") ? html.slice(html.indexOf(\"<!DOCTYPE html>\"), html.indexOf(\"</html>\") + \"</html>\".length) : html;\n      this.updateMagicGeneration({\n        frameElement,\n        data: {\n          status: \"done\",\n          html: parsedHtml\n        }\n      });\n    } catch (error) {\n      (0,_analytics__WEBPACK_IMPORTED_MODULE_51__.trackEvent)(\"ai\", \"generate (failed)\", \"d2c\");\n      this.updateMagicGeneration({\n        frameElement,\n        data: {\n          status: \"error\",\n          code: \"ERR_OAI\",\n          message: error.message || \"Unknown error during generation\"\n        }\n      });\n    }\n  }\n\n  onIframeSrcCopy(element) {\n    var _a, _b;\n\n    if (((_b = (_a = element.customData) === null || _a === void 0 ? void 0 : _a.generationData) === null || _b === void 0 ? void 0 : _b.status) === \"done\") {\n      (0,_clipboard__WEBPACK_IMPORTED_MODULE_54__.copyTextToSystemClipboard)(element.customData.generationData.html);\n      this.setToast({\n        message: \"copied to clipboard\",\n        closable: false,\n        duration: 1500\n      });\n    }\n  }\n\n  clearImageShapeCache(filesMap) {\n    const files = filesMap !== null && filesMap !== void 0 ? filesMap : this.files;\n    this.scene.getNonDeletedElements().forEach(element => {\n      if ((0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isInitializedImageElement)(element) && files[element.fileId]) {\n        this.imageCache.delete(element.fileId);\n        _excalidraw_element_ShapeCache__WEBPACK_IMPORTED_MODULE_29__.ShapeCache.delete(element);\n      }\n    });\n  }\n\n  async componentDidMount() {\n    var _a;\n\n    this.unmounted = false;\n    this.excalidrawContainerValue.container = this.excalidrawContainerRef.current; //zsviczian disabling this code\n\n    /*\r\n    if (false && (isTestEnv() || isDevEnv())) {\r\n      const setState = this.setState.bind(this);\r\n      Object.defineProperties(window.h, {\r\n        state: {\r\n          configurable: true,\r\n          get: () => {\r\n            return this.state;\r\n          },\r\n        },\r\n        setState: {\r\n          configurable: true,\r\n          value: (...args: Parameters<typeof setState>) => {\r\n            return this.setState(...args);\r\n          },\r\n        },\r\n        app: {\r\n          configurable: true,\r\n          value: this,\r\n        },\r\n        history: {\r\n          configurable: true,\r\n          value: this.history,\r\n        },\r\n        store: {\r\n          configurable: true,\r\n          value: this.store,\r\n        },\r\n        fonts: {\r\n          configurable: true,\r\n          value: this.fonts,\r\n        },\r\n      });\r\n    }*/\n\n    this.store.onStoreIncrementEmitter.on(increment => {\n      this.history.record(increment.elementsChange, increment.appStateChange);\n    });\n    this.scene.onUpdate(this.triggerRender);\n    this.addEventListeners();\n\n    if (this.props.autoFocus && this.excalidrawContainerRef.current) {\n      this.focusContainer();\n    }\n\n    if ( // bounding rects don't work in tests so updating\n    // the state on init would result in making the test enviro run\n    // in mobile breakpoint (0 width/height), making everything fail\n    !(0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.isTestEnv)()) {\n      this.refreshViewportBreakpoints();\n      this.refreshEditorBreakpoints();\n    }\n\n    if (_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.supportsResizeObserver && this.excalidrawContainerRef.current) {\n      this.resizeObserver = new ResizeObserver(() => {\n        this.refreshEditorBreakpoints();\n        this.updateDOMRect();\n      });\n      (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.observe(this.excalidrawContainerRef.current);\n    }\n\n    const searchParams = new URLSearchParams(window.location.search.slice(1));\n\n    if (searchParams.has(\"web-share-target\")) {\n      // Obtain a file that was shared via the Web Share Target API.\n      this.restoreFileFromShare();\n    } else {\n      this.updateDOMRect(this.initializeScene);\n    } // note that this check seems to always pass in localhost\n\n\n    if ((0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.isBrave)() && !(0,_excalidraw_element_textMeasurements__WEBPACK_IMPORTED_MODULE_28__.isMeasureTextSupported)()) {\n      this.setState({\n        errorMessage: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_BraveMeasureTextError__WEBPACK_IMPORTED_MODULE_85__[\"default\"], null)\n      });\n    }\n  }\n\n  componentWillUnmount() {\n    var _a, _b;\n\n    (_a = window.launchQueue) === null || _a === void 0 ? void 0 : _a.setConsumer(() => {});\n    this.renderer.destroy();\n    this.scene.destroy();\n    this.scene = new _scene_Scene__WEBPACK_IMPORTED_MODULE_62__[\"default\"]();\n    this.fonts = new _fonts__WEBPACK_IMPORTED_MODULE_67__.Fonts(this.scene);\n    this.renderer = new _scene_Renderer__WEBPACK_IMPORTED_MODULE_72__.Renderer(this.scene);\n    this.files = {};\n    this.imageCache.clear();\n    (_b = this.resizeObserver) === null || _b === void 0 ? void 0 : _b.disconnect();\n    this.unmounted = true;\n    this.removeEventListeners();\n    this.library.destroy();\n    this.laserTrails.stop();\n    this.eraserTrail.stop();\n    this.onChangeEmitter.clear();\n    this.store.onStoreIncrementEmitter.clear();\n    _excalidraw_element_ShapeCache__WEBPACK_IMPORTED_MODULE_29__.ShapeCache.destroy();\n    _snapping__WEBPACK_IMPORTED_MODULE_70__.SnapCache.destroy();\n    clearTimeout(touchTimeout);\n    _scene__WEBPACK_IMPORTED_MODULE_61__.isSomeElementSelected.clearCache();\n    _excalidraw_element_groups__WEBPACK_IMPORTED_MODULE_31__.selectGroupsForSelectedElements.clearCache();\n    touchTimeout = 0;\n    document.documentElement.style.overscrollBehaviorX = \"\";\n    document.body.removeChild((0,_Tooltip__WEBPACK_IMPORTED_MODULE_101__.getTooltipDiv)()); //clearRenderCache(); //zsviczian\n\n    (0,_cursor__WEBPACK_IMPORTED_MODULE_73__.clearEraserCanvasCache)(); //zsviczian\n\n    this.interactiveCanvas = null; //zsviczian\n\n    this.iFrameRefs.clear(); //zsviczian\n    //@ts-ignore\n\n    this.iFrameRefs = null; //zsviczian\n\n    this.embedsValidationStatus.clear(); //zsviczian\n    //@ts-ignore\n\n    this.embedsValidationStatus = null; //zsviczian\n\n    this.initializedEmbeds.clear(); //zsviczian\n    //@ts-ignore\n\n    this.initializedEmbeds = null; //zsviczian\n\n    this.elementsPendingErasure.clear(); //zsviczian\n    //@ts-ignore\n\n    this.elementsPendingErasure = null; //zsviczian\n\n    this.lastPointerDownEvent = null; //zsviczian\n\n    this.lastPointerUpEvent = null; //zsviczian\n\n    this.lastPointerMoveEvent = null; //zsviczian\n    //@ts-ignore\n\n    this.actionManager.app = null; //zsviczian\n\n    this.actionManager.actions = {}; //zsviczian\n\n    this.history.clear(); //zsviczian\n\n    this.store.clear(); //zsviczian\n    //@ts-ignore\n\n    this.store = null; //zsviczian\n    //@ts-ignore\n\n    this.library = null; //zsviczian\n    //@ts-ignore\n\n    this.canvas = null; //zsviczian\n    //@ts-ignore\n\n    this.rc = null; //zsviczian\n    //@ts-ignore\n\n    this.excalidrawContainerRef.current = undefined; //zsviczian\n\n    this.nearestScrollableContainer = undefined; //zsviczian\n\n    this.excalidrawContainerValue = {\n      container: null,\n      id: \"unknown\"\n    }; //zsviczian\n    //@ts-ignore\n    // this.laserTrails.terminate(); //zsviczian\n    // this.eraserTrail.terminate(); //zsviczian\n\n    /*\r\n    Object.keys(this).forEach((key) => {\r\n      //@ts-ignore\r\n      delete this[key];\r\n    });*/\n  }\n\n  removeEventListeners() {\n    this.onRemoveEventListenersEmitter.trigger();\n  }\n\n  addEventListeners() {\n    // remove first as we can add event listeners multiple times\n    this.removeEventListeners(); // -------------------------------------------------------------------------\n    //                        view+edit mode listeners\n    // -------------------------------------------------------------------------\n\n    if (this.props.handleKeyboardGlobally) {\n      this.onRemoveEventListenersEmitter.once((0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.addEventListener)(document, _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.EVENT.KEYDOWN, this.onKeyDown, false));\n    }\n\n    this.onRemoveEventListenersEmitter.once((0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.addEventListener)(this.excalidrawContainerRef.current, _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.EVENT.WHEEL, this.handleWheel, {\n      passive: false\n    }), (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.addEventListener)(window, _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.EVENT.MESSAGE, this.onWindowMessage, false), (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.addEventListener)(document, _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.EVENT.POINTER_UP, this.removePointer, {\n      passive: false\n    }), // #3553\n    (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.addEventListener)(document, _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.EVENT.COPY, this.onCopy, {\n      passive: false\n    }), (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.addEventListener)(document, _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.EVENT.KEYUP, this.onKeyUp, {\n      passive: true\n    }), (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.addEventListener)(window, \"focus\", () => this.triggerRender(true), {\n      passive: true\n    }), //zsviczian\n    (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.addEventListener)(document, _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.EVENT.POINTER_MOVE, this.updateCurrentCursorPosition, {\n      passive: false\n    }), // rerender text elements on font load to fix #637 && #1553\n    // zsviczian In Obsidian this is not needed as I manage font load separately\n    (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.addEventListener)(document.fonts, \"loadingdone\", event => {\n      const fontFaces = event.fontfaces;\n      this.fonts.onLoaded(fontFaces);\n    }, {\n      passive: false\n    }), // Safari-only desktop pinch zoom\n    (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.addEventListener)(document, _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.EVENT.GESTURE_START, this.onGestureStart, false), (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.addEventListener)(document, _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.EVENT.GESTURE_CHANGE, this.onGestureChange, false), (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.addEventListener)(document, _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.EVENT.GESTURE_END, this.onGestureEnd, false), (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.addEventListener)(window, _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.EVENT.FOCUS, () => {\n      this.maybeCleanupAfterMissingPointerUp(null); // browsers (chrome?) tend to free up memory a lot, which results\n      // in canvas context being cleared. Thus re-render on focus.\n\n      this.triggerRender(true);\n    }, {\n      passive: false\n    }));\n\n    if (this.state.viewModeEnabled) {\n      return;\n    } // -------------------------------------------------------------------------\n    //                        edit-mode listeners only\n    // -------------------------------------------------------------------------\n\n\n    this.onRemoveEventListenersEmitter.once((0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.addEventListener)(document, _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.EVENT.FULLSCREENCHANGE, this.onFullscreenChange, {\n      passive: false\n    }), (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.addEventListener)(document, _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.EVENT.PASTE, this.pasteFromClipboard, {\n      passive: false\n    }), (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.addEventListener)(document, _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.EVENT.CUT, this.onCut, {\n      passive: false\n    }), (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.addEventListener)(window, _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.EVENT.RESIZE, this.onResize, false), (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.addEventListener)(window, _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.EVENT.UNLOAD, this.onUnload, false), (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.addEventListener)(window, _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.EVENT.BLUR, this.onBlur, false), (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.addEventListener)(this.excalidrawContainerRef.current, _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.EVENT.WHEEL, this.handleWheel, {\n      passive: false\n    }), (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.addEventListener)(this.excalidrawContainerRef.current, _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.EVENT.DRAG_OVER, this.disableEvent, false), (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.addEventListener)(this.excalidrawContainerRef.current, _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.EVENT.DROP, this.disableEvent, false));\n\n    if (this.props.detectScroll) {\n      this.onRemoveEventListenersEmitter.once((0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.addEventListener)((0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.getNearestScrollableContainer)(this.excalidrawContainerRef.current), _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.EVENT.SCROLL, this.onScroll, {\n        passive: false\n      }));\n    }\n  }\n\n  componentDidUpdate(prevProps, prevState) {\n    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;\n\n    this.updateEmbeddables();\n    const elements = this.scene.getElementsIncludingDeleted();\n    const elementsMap = this.scene.getElementsMapIncludingDeleted();\n    const nonDeletedElementsMap = this.scene.getNonDeletedElementsMap();\n\n    if (!this.state.showWelcomeScreen && !elements.length) {\n      this.setState({\n        showWelcomeScreen: true\n      });\n    }\n\n    if (prevProps.UIOptions.dockedSidebarBreakpoint !== this.props.UIOptions.dockedSidebarBreakpoint) {\n      this.refreshEditorBreakpoints();\n    }\n\n    const hasFollowedPersonLeft = prevState.userToFollow && !this.state.collaborators.has(prevState.userToFollow.socketId);\n\n    if (hasFollowedPersonLeft) {\n      this.maybeUnfollowRemoteUser();\n    }\n\n    if (prevState.zoom.value !== this.state.zoom.value || prevState.scrollX !== this.state.scrollX || prevState.scrollY !== this.state.scrollY) {\n      (_b = (_a = this.props) === null || _a === void 0 ? void 0 : _a.onScrollChange) === null || _b === void 0 ? void 0 : _b.call(_a, this.state.scrollX, this.state.scrollY, this.state.zoom);\n      this.onScrollChangeEmitter.trigger(this.state.scrollX, this.state.scrollY, this.state.zoom);\n    }\n\n    if (prevState.userToFollow !== this.state.userToFollow) {\n      if (prevState.userToFollow) {\n        this.onUserFollowEmitter.trigger({\n          userToFollow: prevState.userToFollow,\n          action: \"UNFOLLOW\"\n        });\n      }\n\n      if (this.state.userToFollow) {\n        this.onUserFollowEmitter.trigger({\n          userToFollow: this.state.userToFollow,\n          action: \"FOLLOW\"\n        });\n      }\n    } // zsviczian\n\n\n    if (this.state.highlightSearchResult && !this.debounceClearHighlightSearchResults && prevState.selectedElementIds !== this.state.selectedElementIds) {\n      this.setState({\n        highlightSearchResult: false\n      });\n    }\n\n    if (Object.keys(this.state.selectedElementIds).length && (0,_appState__WEBPACK_IMPORTED_MODULE_53__.isEraserActive)(this.state)) {\n      this.setState({\n        activeTool: (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.updateActiveTool)(this.state, {\n          type: \"selection\"\n        })\n      });\n    }\n\n    if (this.state.activeTool.type === \"eraser\" && prevState.theme !== this.state.theme) {\n      (0,_cursor__WEBPACK_IMPORTED_MODULE_73__.setEraserCursor)(this.interactiveCanvas, this.state.theme);\n    } // Hide hyperlink popup if shown when element type is not selection\n\n\n    if (prevState.activeTool.type === \"selection\" && this.state.activeTool.type !== \"selection\" && this.state.showHyperlinkPopup) {\n      this.setState({\n        showHyperlinkPopup: false\n      });\n    }\n\n    if (prevProps.langCode !== this.props.langCode) {\n      this.updateLanguage();\n    }\n\n    if ((0,_appState__WEBPACK_IMPORTED_MODULE_53__.isEraserActive)(prevState) && !(0,_appState__WEBPACK_IMPORTED_MODULE_53__.isEraserActive)(this.state)) {\n      this.eraserTrail.endPath();\n    }\n\n    if (prevProps.viewModeEnabled !== this.props.viewModeEnabled) {\n      this.setState({\n        viewModeEnabled: !!this.props.viewModeEnabled\n      });\n    }\n\n    if (prevState.viewModeEnabled !== this.state.viewModeEnabled) {\n      this.addEventListeners();\n      this.deselectElements();\n    } // cleanup\n\n\n    if ((((_c = prevState.openDialog) === null || _c === void 0 ? void 0 : _c.name) === \"elementLinkSelector\" || ((_d = this.state.openDialog) === null || _d === void 0 ? void 0 : _d.name) === \"elementLinkSelector\") && ((_e = prevState.openDialog) === null || _e === void 0 ? void 0 : _e.name) !== ((_f = this.state.openDialog) === null || _f === void 0 ? void 0 : _f.name)) {\n      this.deselectElements();\n      this.setState({\n        hoveredElementIds: {}\n      });\n    }\n\n    if (prevProps.zenModeEnabled !== this.props.zenModeEnabled) {\n      this.setState({\n        zenModeEnabled: !!this.props.zenModeEnabled\n      });\n    }\n\n    if (prevProps.theme !== this.props.theme && this.props.theme) {\n      this.setState({\n        theme: this.props.theme\n      });\n    }\n\n    (_g = this.excalidrawContainerRef.current) === null || _g === void 0 ? void 0 : _g.classList.toggle(\"theme--dark\", this.state.theme === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.THEME.DARK);\n\n    if (this.state.editingLinearElement && !this.state.selectedElementIds[this.state.editingLinearElement.elementId]) {\n      // defer so that the shouldCaptureIncrement flag isn't reset via current update\n      setTimeout(() => {\n        // execute only if the condition still holds when the deferred callback\n        // executes (it can be scheduled multiple times depending on how\n        // many times the component renders)\n        this.state.editingLinearElement && this.actionManager.executeAction(_actions__WEBPACK_IMPORTED_MODULE_38__.actionFinalize);\n      });\n    } // failsafe in case the state is being updated in incorrect order resulting\n    // in the editingTextElement being now a deleted element\n\n\n    if ((_h = this.state.editingTextElement) === null || _h === void 0 ? void 0 : _h.isDeleted) {\n      this.setState({\n        editingTextElement: null\n      });\n    }\n\n    if (this.state.selectedLinearElement && !this.state.selectedElementIds[this.state.selectedLinearElement.elementId]) {\n      // To make sure `selectedLinearElement` is in sync with `selectedElementIds`, however this shouldn't be needed once\n      // we have a single API to update `selectedElementIds`\n      this.setState({\n        selectedLinearElement: null\n      });\n    }\n\n    const {\n      multiElement\n    } = prevState;\n\n    if (prevState.activeTool !== this.state.activeTool && multiElement != null && (0,_excalidraw_element_binding__WEBPACK_IMPORTED_MODULE_10__.isBindingEnabled)(this.state) && (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isBindingElement)(multiElement, false)) {\n      (0,_excalidraw_element_binding__WEBPACK_IMPORTED_MODULE_10__.maybeBindLinearElement)(multiElement, this.state, (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.tupleToCoors)(_excalidraw_element_linearElementEditor__WEBPACK_IMPORTED_MODULE_11__.LinearElementEditor.getPointAtIndexGlobalCoordinates(multiElement, -1, nonDeletedElementsMap)), this.scene.getNonDeletedElementsMap(), this.scene.getNonDeletedElements());\n    }\n\n    this.store.commit(elementsMap, this.state); // Do not notify consumers if we're still loading the scene. Among other\n    // potential issues, this fixes a case where the tab isn't focused during\n    // init, which would trigger onChange with empty elements, which would then\n    // override whatever is in localStorage currently.\n\n    if (!this.state.isLoading) {\n      (_k = (_j = this.props).onChange) === null || _k === void 0 ? void 0 : _k.call(_j, elements, this.state, this.files);\n      this.onChangeEmitter.trigger(elements, this.state, this.files);\n    }\n  }\n\n  static resetTapTwice() {\n    didTapTwice = false;\n  } // TODO rewrite this to paste both text & images at the same time if\n  // pasted data contains both\n\n\n  async addElementsFromMixedContentPaste(mixedContent, {\n    isPlainPaste,\n    sceneX,\n    sceneY\n  }) {\n    if (!isPlainPaste && mixedContent.some(node => node.type === \"imageUrl\") && this.isToolSupported(\"image\")) {\n      const imageURLs = mixedContent.filter(node => node.type === \"imageUrl\").map(node => node.value);\n      const responses = await Promise.all(imageURLs.map(async url => {\n        try {\n          return {\n            file: await (0,_data_blob__WEBPACK_IMPORTED_MODULE_64__.ImageURLToFile)(url)\n          };\n        } catch (error) {\n          let errorMessage = error.message;\n\n          if (error.cause === \"FETCH_ERROR\") {\n            errorMessage = (0,_i18n__WEBPACK_IMPORTED_MODULE_60__.t)(\"errors.failedToFetchImage\");\n          } else if (error.cause === \"UNSUPPORTED\") {\n            errorMessage = (0,_i18n__WEBPACK_IMPORTED_MODULE_60__.t)(\"errors.unsupportedFileType\");\n          }\n\n          return {\n            errorMessage\n          };\n        }\n      }));\n      let y = sceneY;\n      let firstImageYOffsetDone = false;\n      const nextSelectedIds = {};\n\n      for (const response of responses) {\n        if (response.file) {\n          const imageElement = this.createImageElement({\n            sceneX,\n            sceneY: y\n          });\n          const initializedImageElement = await this.insertImageElement(imageElement, response.file);\n\n          if (initializedImageElement) {\n            // vertically center first image in the batch\n            if (!firstImageYOffsetDone) {\n              firstImageYOffsetDone = true;\n              y -= initializedImageElement.height / 2;\n            } // hack to reset the `y` coord because we vertically center during\n            // insertImageElement\n\n\n            (0,_excalidraw_element_mutateElement__WEBPACK_IMPORTED_MODULE_12__.mutateElement)(initializedImageElement, {\n              y\n            }, false);\n            y = imageElement.y + imageElement.height + 25;\n            nextSelectedIds[imageElement.id] = true;\n          }\n        }\n      }\n\n      this.setState({\n        selectedElementIds: (0,_excalidraw_element_selection__WEBPACK_IMPORTED_MODULE_33__.makeNextSelectedElementIds)(nextSelectedIds, this.state)\n      });\n      const error = responses.find(response => !!response.errorMessage);\n\n      if (error && error.errorMessage) {\n        this.setState({\n          errorMessage: error.errorMessage\n        });\n      }\n    } else {\n      const textNodes = mixedContent.filter(node => node.type === \"text\");\n\n      if (textNodes.length) {\n        this.addTextFromPaste(textNodes.map(node => node.value).join(\"\\n\\n\"), isPlainPaste);\n      }\n    }\n  }\n\n  addTextFromPaste(text, isPlainPaste = false) {\n    const {\n      x,\n      y\n    } = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.viewportCoordsToSceneCoords)({\n      clientX: this.lastViewportPosition.x,\n      clientY: this.lastViewportPosition.y\n    }, this.state);\n    const textElementProps = {\n      x,\n      y,\n      strokeColor: this.state.currentItemStrokeColor,\n      backgroundColor: this.state.currentItemBackgroundColor,\n      fillStyle: this.state.currentItemFillStyle,\n      strokeWidth: this.state.currentItemStrokeWidth,\n      strokeStyle: this.state.currentItemStrokeStyle,\n      roundness: null,\n      roughness: this.state.currentItemRoughness,\n      opacity: this.state.currentItemOpacity,\n      text,\n      rawText: text,\n      fontSize: (0,_actions_actionProperties__WEBPACK_IMPORTED_MODULE_102__.getFontSize)(this.state.currentItemFontSize, this.state.zoom.value),\n      fontFamily: this.state.currentItemFontFamily,\n      textAlign: _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.DEFAULT_TEXT_ALIGN,\n      verticalAlign: _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.DEFAULT_VERTICAL_ALIGN,\n      locked: false\n    };\n    const fontString = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.getFontString)({\n      fontSize: textElementProps.fontSize,\n      fontFamily: textElementProps.fontFamily\n    });\n    const lineHeight = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.getLineHeight)(textElementProps.fontFamily);\n    const [x1,, x2] = (0,_excalidraw_element_bounds__WEBPACK_IMPORTED_MODULE_9__.getVisibleSceneBounds)(this.state); // long texts should not go beyond 800 pixels in width nor should it go below 200 px\n\n    const maxTextWidth = Math.max(Math.min((x2 - x1) * 0.5, 800), 200);\n    const LINE_GAP = 10;\n    let currentY = y;\n    const lines = isPlainPaste ? [text] : text.split(\"\\n\");\n    const textElements = lines.reduce((acc, line, idx) => {\n      var _a;\n\n      const originalText = (0,_excalidraw_element_textMeasurements__WEBPACK_IMPORTED_MODULE_28__.normalizeText)(line).trim();\n\n      if (originalText.length) {\n        const topLayerFrame = this.getTopLayerFrameAtSceneCoords({\n          x,\n          y: currentY\n        });\n        let metrics = (0,_excalidraw_element_textMeasurements__WEBPACK_IMPORTED_MODULE_28__.measureText)(originalText, fontString, lineHeight);\n        const isTextUnwrapped = metrics.width > maxTextWidth;\n        const text = isTextUnwrapped ? (0,_excalidraw_element_textWrapping__WEBPACK_IMPORTED_MODULE_26__.wrapText)(originalText, fontString, maxTextWidth) : originalText;\n        metrics = isTextUnwrapped ? (0,_excalidraw_element_textMeasurements__WEBPACK_IMPORTED_MODULE_28__.measureText)(text, fontString, lineHeight) : metrics;\n        const startX = x - metrics.width / 2;\n        const startY = currentY - metrics.height / 2;\n        const element = (0,_excalidraw_element_newElement__WEBPACK_IMPORTED_MODULE_13__.newTextElement)(Object.assign(Object.assign({}, textElementProps), {\n          x: startX,\n          y: startY,\n          text,\n          rawText: originalText,\n          //zsviczian\n          originalText,\n          lineHeight,\n          autoResize: !isTextUnwrapped,\n          frameId: topLayerFrame ? topLayerFrame.id : null\n        }));\n        acc.push(element);\n        currentY += element.height + LINE_GAP;\n      } else {\n        const prevLine = (_a = lines[idx - 1]) === null || _a === void 0 ? void 0 : _a.trim(); // add paragraph only if previous line was not empty, IOW don't add\n        // more than one empty line\n\n        if (prevLine) {\n          currentY += (0,_excalidraw_element_textMeasurements__WEBPACK_IMPORTED_MODULE_28__.getLineHeightInPx)(textElementProps.fontSize, lineHeight) + LINE_GAP;\n        }\n      }\n\n      return acc;\n    }, []);\n\n    if (textElements.length === 0) {\n      return;\n    }\n\n    this.scene.insertElements(textElements);\n    this.setState({\n      selectedElementIds: (0,_excalidraw_element_selection__WEBPACK_IMPORTED_MODULE_33__.makeNextSelectedElementIds)(Object.fromEntries(textElements.map(el => [el.id, true])), this.state)\n    });\n\n    if (!isPlainPaste && textElements.length > 1 && PLAIN_PASTE_TOAST_SHOWN === false && !this.device.editor.isMobile) {\n      this.setToast({\n        message: (0,_i18n__WEBPACK_IMPORTED_MODULE_60__.t)(\"toast.pasteAsSingleElement\", {\n          shortcut: (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.getShortcutKey)(\"CtrlOrCmd+Shift+V\")\n        }),\n        duration: 5000\n      });\n      PLAIN_PASTE_TOAST_SHOWN = true;\n    }\n\n    this.store.shouldCaptureIncrement();\n  }\n\n  handleTextWysiwyg(element, {\n    isExistingElement = false\n  }) {\n    const elementsMap = this.scene.getElementsMapIncludingDeleted();\n\n    const updateElement = (nextOriginalText, isDeleted, rawText, //zsviczian\n    link) => {\n      this.scene.replaceAllElements([// Not sure why we include deleted elements as well hence using deleted elements map\n      ...this.scene.getElementsIncludingDeleted().map(_element => {\n        if (_element.id === element.id && (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isTextElement)(_element)) {\n          return (0,_excalidraw_element_mutateElement__WEBPACK_IMPORTED_MODULE_12__.newElementWith)(_element, Object.assign({\n            originalText: nextOriginalText,\n            rawText: rawText !== null && rawText !== void 0 ? rawText : nextOriginalText,\n            //zsviczian\n            link,\n            isDeleted: isDeleted !== null && isDeleted !== void 0 ? isDeleted : _element.isDeleted\n          }, (0,_excalidraw_element_newElement__WEBPACK_IMPORTED_MODULE_13__.refreshTextDimensions)(_element, (0,_excalidraw_element_textElement__WEBPACK_IMPORTED_MODULE_20__.getContainerElement)(_element, elementsMap), elementsMap, nextOriginalText)));\n        }\n\n        return _element;\n      })]);\n    }; //zsviczian\n\n\n    if (this.props.onBeforeTextEdit) {\n      const text = this.props.onBeforeTextEdit(element, isExistingElement);\n\n      if (text && text !== element.originalText) {\n        this.scene.replaceAllElements([...this.scene.getElementsIncludingDeleted().map(_element => {\n          if (_element.id === element.id && (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isTextElement)(_element)) {\n            //changing the value of element so this gets edited by textWysiwyg\n            element = (0,_excalidraw_element_mutateElement__WEBPACK_IMPORTED_MODULE_12__.newElementWith)(_element, Object.assign({\n              originalText: text,\n              rawText: text,\n              isDeleted: false\n            }, (0,_excalidraw_element_newElement__WEBPACK_IMPORTED_MODULE_13__.refreshTextDimensions)(_element, (0,_excalidraw_element_textElement__WEBPACK_IMPORTED_MODULE_20__.getContainerElement)(_element, elementsMap), elementsMap, text)));\n            return element;\n          }\n\n          return _element;\n        })]);\n      }\n    }\n\n    (0,_wysiwyg_textWysiwyg__WEBPACK_IMPORTED_MODULE_79__.textWysiwyg)({\n      id: element.id,\n      canvas: this.canvas,\n      getViewportCoords: (x, y) => {\n        const {\n          x: viewportX,\n          y: viewportY\n        } = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.sceneCoordsToViewportCoords)({\n          sceneX: x,\n          sceneY: y\n        }, this.state);\n        return [viewportX - this.state.offsetLeft, viewportY - this.state.offsetTop];\n      },\n      onChange: (0,_reactUtils__WEBPACK_IMPORTED_MODULE_78__.withBatchedUpdates)(nextOriginalText => {\n        updateElement(nextOriginalText, false);\n\n        if ((0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_37__.isNonDeletedElement)(element)) {\n          (0,_excalidraw_element_binding__WEBPACK_IMPORTED_MODULE_10__.updateBoundElements)(element, this.scene.getNonDeletedElementsMap());\n        }\n      }),\n      onSubmit: (0,_reactUtils__WEBPACK_IMPORTED_MODULE_78__.withBatchedUpdates)(({\n        viaKeyboard,\n        nextOriginalText\n      }) => {\n        var _a;\n\n        const isDeleted = !nextOriginalText.trim(); //zsviczian insert start\n\n        const rawText = nextOriginalText; //should this be originalText??\n\n        let link = undefined;\n\n        if (this.props.onBeforeTextSubmit) {\n          const _element = this.scene.getElementsIncludingDeleted().find(el => el.id === element.id && (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isTextElement)(el));\n\n          if (_element) {\n            const dismensionsData = (0,_excalidraw_element_newElement__WEBPACK_IMPORTED_MODULE_13__.refreshTextDimensions)(_element, (0,_excalidraw_element_textElement__WEBPACK_IMPORTED_MODULE_20__.getContainerElement)(_element, elementsMap), elementsMap, nextOriginalText);\n            const {\n              updatedNextOriginalText,\n              nextLink\n            } = this.props.onBeforeTextSubmit(element, (_a = dismensionsData === null || dismensionsData === void 0 ? void 0 : dismensionsData.text) !== null && _a !== void 0 ? _a : nextOriginalText, //should never be undefined\n            nextOriginalText, isDeleted);\n            nextOriginalText = updatedNextOriginalText !== null && updatedNextOriginalText !== void 0 ? updatedNextOriginalText : nextOriginalText;\n            link = nextLink;\n          }\n        } //zsviczian insert end\n\n\n        updateElement(nextOriginalText, isDeleted, rawText, link); //zsviczian (added rawText, link, text)\n        // select the created text element only if submitting via keyboard\n        // (when submitting via click it should act as signal to deselect)\n\n        if (!isDeleted && viaKeyboard) {\n          const elementIdToSelect = element.containerId ? element.containerId : element.id; // needed to ensure state is updated before \"finalize\" action\n          // that's invoked on keyboard-submit as well\n          // TODO either move this into finalize as well, or handle all state\n          // updates in one place, skipping finalize action\n\n          (0,react_dom__WEBPACK_IMPORTED_MODULE_3__.flushSync)(() => {\n            this.setState(prevState => ({\n              selectedElementIds: (0,_excalidraw_element_selection__WEBPACK_IMPORTED_MODULE_33__.makeNextSelectedElementIds)(Object.assign(Object.assign({}, prevState.selectedElementIds), {\n                [elementIdToSelect]: true\n              }), prevState)\n            }));\n          });\n        }\n\n        if (isDeleted) {\n          (0,_excalidraw_element_binding__WEBPACK_IMPORTED_MODULE_10__.fixBindingsAfterDeletion)(this.scene.getNonDeletedElements(), [element]);\n        }\n\n        if (!isDeleted || isExistingElement) {\n          this.store.shouldCaptureIncrement();\n        }\n\n        (0,react_dom__WEBPACK_IMPORTED_MODULE_3__.flushSync)(() => {\n          this.setState({\n            newElement: null,\n            editingTextElement: null\n          });\n        });\n\n        if (this.state.activeTool.locked) {\n          (0,_cursor__WEBPACK_IMPORTED_MODULE_73__.setCursorForShape)(this.interactiveCanvas, this.state);\n        }\n\n        this.focusContainer();\n      }),\n      element,\n      excalidrawContainer: this.excalidrawContainerRef.current,\n      app: this,\n      // when text is selected, it's hard (at least on iOS) to re-position the\n      // caret (i.e. deselect). There's not much use for always selecting\n      // the text on edit anyway (and users can select-all from contextmenu\n      // if needed)\n      autoSelect: !this.device.isTouchScreen\n    }); // deselect all other elements when inserting text\n\n    this.deselectElements(); // do an initial update to re-initialize element position since we were\n    // modifying element's x/y for sake of editor (case: syncing to remote)\n\n    updateElement(element.originalText, false);\n  }\n\n  deselectElements() {\n    this.setState({\n      selectedElementIds: (0,_excalidraw_element_selection__WEBPACK_IMPORTED_MODULE_33__.makeNextSelectedElementIds)({}, this.state),\n      selectedGroupIds: {},\n      editingGroupId: null,\n      activeEmbeddable: null\n    });\n  }\n\n  getTextElementAtPosition(x, y) {\n    const element = this.getElementAtPosition(x, y, {\n      includeBoundTextElement: true\n    });\n\n    if (element && (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isTextElement)(element) && !element.isDeleted) {\n      return element;\n    }\n\n    return null;\n  }\n\n  getElementAtPosition(x, y, opts) {\n    const allHitElements = this.getElementsAtPosition(x, y, opts === null || opts === void 0 ? void 0 : opts.includeBoundTextElement, opts === null || opts === void 0 ? void 0 : opts.includeLockedElements);\n\n    if (allHitElements.length > 1) {\n      if (opts === null || opts === void 0 ? void 0 : opts.preferSelected) {\n        for (let index = allHitElements.length - 1; index > -1; index--) {\n          if (this.state.selectedElementIds[allHitElements[index].id]) {\n            return allHitElements[index];\n          }\n        }\n      }\n\n      const elementWithHighestZIndex = allHitElements[allHitElements.length - 1]; // If we're hitting element with highest z-index only on its bounding box\n      // while also hitting other element figure, the latter should be considered.\n\n      return (0,_excalidraw_element_collision__WEBPACK_IMPORTED_MODULE_23__.hitElementItself)({\n        x,\n        y,\n        element: elementWithHighestZIndex,\n        shape: (0,_excalidraw_element_shapes__WEBPACK_IMPORTED_MODULE_17__.getElementShape)(elementWithHighestZIndex, this.scene.getNonDeletedElementsMap()),\n        // when overlapping, we would like to be more precise\n        // this also avoids the need to update past tests\n        threshold: this.getElementHitThreshold() / 2,\n        frameNameBound: (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isFrameLikeElement)(elementWithHighestZIndex) ? this.frameNameBoundsCache.get(elementWithHighestZIndex) : null\n      }) ? elementWithHighestZIndex : allHitElements[allHitElements.length - 2];\n    }\n\n    if (allHitElements.length === 1) {\n      return allHitElements[0];\n    }\n\n    return null;\n  }\n\n  getElementsAtPosition(x, y, includeBoundTextElement = false, includeLockedElements = false) {\n    const iframeLikes = [];\n    const elementsMap = this.scene.getNonDeletedElementsMap();\n    const elements = (includeBoundTextElement && includeLockedElements ? this.scene.getNonDeletedElements() : this.scene.getNonDeletedElements().filter(element => (includeLockedElements || !element.locked) && (includeBoundTextElement || !((0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isTextElement)(element) && element.containerId)))).filter(el => this.hitElement(x, y, el)).filter(element => {\n      // hitting a frame's element from outside the frame is not considered a hit\n      const containingFrame = (0,_excalidraw_element_frame__WEBPACK_IMPORTED_MODULE_22__.getContainingFrame)(element, elementsMap);\n      return containingFrame && this.state.frameRendering.enabled && this.state.frameRendering.clip ? (0,_excalidraw_element_frame__WEBPACK_IMPORTED_MODULE_22__.isCursorInFrame)({\n        x,\n        y\n      }, containingFrame, elementsMap) : true;\n    }).filter(el => {\n      // The parameter elements comes ordered from lower z-index to higher.\n      // We want to preserve that order on the returned array.\n      // Exception being embeddables which should be on top of everything else in\n      // terms of hit testing.\n      if ((0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isIframeElement)(el)) {\n        iframeLikes.push(el);\n        return false;\n      }\n\n      return true;\n    }).concat(iframeLikes);\n    return elements;\n  }\n\n  getElementHitThreshold() {\n    return _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.DEFAULT_COLLISION_THRESHOLD / this.state.zoom.value;\n  }\n\n  hitElement(x, y, element, considerBoundingBox = true) {\n    // if the element is selected, then hit test is done against its bounding box\n    if (considerBoundingBox && this.state.selectedElementIds[element.id] && (0,_excalidraw_element_transformHandles__WEBPACK_IMPORTED_MODULE_21__.shouldShowBoundingBox)([element], this.state)) {\n      const selectionShape = (0,_excalidraw_utils_shape__WEBPACK_IMPORTED_MODULE_7__.getSelectionBoxShape)(element, this.scene.getNonDeletedElementsMap(), (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isImageElement)(element) ? 0 : this.getElementHitThreshold()); // if hitting the bounding box, return early\n      // but if not, we should check for other cases as well (e.g. frame name)\n\n      if ((0,_excalidraw_utils_collision__WEBPACK_IMPORTED_MODULE_6__.isPointInShape)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.pointFrom)(x, y), selectionShape)) {\n        return true;\n      }\n    } // take bound text element into consideration for hit collision as well\n\n\n    const hitBoundTextOfElement = (0,_excalidraw_element_collision__WEBPACK_IMPORTED_MODULE_23__.hitElementBoundText)(x, y, (0,_excalidraw_element_shapes__WEBPACK_IMPORTED_MODULE_17__.getBoundTextShape)(element, this.scene.getNonDeletedElementsMap()));\n\n    if (hitBoundTextOfElement) {\n      return true;\n    }\n\n    return (0,_excalidraw_element_collision__WEBPACK_IMPORTED_MODULE_23__.hitElementItself)({\n      x,\n      y,\n      element,\n      shape: (0,_excalidraw_element_shapes__WEBPACK_IMPORTED_MODULE_17__.getElementShape)(element, this.scene.getNonDeletedElementsMap()),\n      threshold: this.getElementHitThreshold(),\n      frameNameBound: (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isFrameLikeElement)(element) ? this.frameNameBoundsCache.get(element) : null\n    });\n  }\n\n  getTextBindableContainerAtPosition(x, y) {\n    const elements = this.scene.getNonDeletedElements();\n    const selectedElements = this.scene.getSelectedElements(this.state);\n\n    if (selectedElements.length === 1) {\n      return (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isTextBindableContainer)(selectedElements[0], false) ? selectedElements[0] : null;\n    }\n\n    let hitElement = null; // We need to do hit testing from front (end of the array) to back (beginning of the array)\n\n    for (let index = elements.length - 1; index >= 0; --index) {\n      if (elements[index].isDeleted) {\n        continue;\n      }\n\n      const [x1, y1, x2, y2] = (0,_excalidraw_element_bounds__WEBPACK_IMPORTED_MODULE_9__.getElementAbsoluteCoords)(elements[index], this.scene.getNonDeletedElementsMap());\n\n      if ((0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isArrowElement)(elements[index]) && (0,_excalidraw_element_collision__WEBPACK_IMPORTED_MODULE_23__.hitElementItself)({\n        x,\n        y,\n        element: elements[index],\n        shape: (0,_excalidraw_element_shapes__WEBPACK_IMPORTED_MODULE_17__.getElementShape)(elements[index], this.scene.getNonDeletedElementsMap()),\n        threshold: this.getElementHitThreshold()\n      })) {\n        hitElement = elements[index];\n        break;\n      } else if (x1 < x && x < x2 && y1 < y && y < y2) {\n        hitElement = elements[index];\n        break;\n      }\n    }\n\n    return (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isTextBindableContainer)(hitElement, false) ? hitElement : null;\n  }\n\n  handleHoverSelectedLinearElement(linearElementEditor, scenePointerX, scenePointerY) {\n    const elementsMap = this.scene.getNonDeletedElementsMap();\n    const element = _excalidraw_element_linearElementEditor__WEBPACK_IMPORTED_MODULE_11__.LinearElementEditor.getElement(linearElementEditor.elementId, elementsMap);\n\n    if (!element) {\n      return;\n    }\n\n    if (this.state.selectedLinearElement) {\n      let hoverPointIndex = -1;\n      let segmentMidPointHoveredCoords = null;\n\n      if ((0,_excalidraw_element_collision__WEBPACK_IMPORTED_MODULE_23__.hitElementItself)({\n        x: scenePointerX,\n        y: scenePointerY,\n        element,\n        shape: (0,_excalidraw_element_shapes__WEBPACK_IMPORTED_MODULE_17__.getElementShape)(element, this.scene.getNonDeletedElementsMap())\n      })) {\n        hoverPointIndex = _excalidraw_element_linearElementEditor__WEBPACK_IMPORTED_MODULE_11__.LinearElementEditor.getPointIndexUnderCursor(element, elementsMap, this.state.zoom, scenePointerX, scenePointerY);\n        segmentMidPointHoveredCoords = _excalidraw_element_linearElementEditor__WEBPACK_IMPORTED_MODULE_11__.LinearElementEditor.getSegmentMidpointHitCoords(linearElementEditor, {\n          x: scenePointerX,\n          y: scenePointerY\n        }, this.state, this.scene.getNonDeletedElementsMap());\n        const isHoveringAPointHandle = (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isElbowArrow)(element) ? hoverPointIndex === 0 || hoverPointIndex === element.points.length - 1 : hoverPointIndex >= 0;\n\n        if (isHoveringAPointHandle || segmentMidPointHoveredCoords) {\n          (0,_cursor__WEBPACK_IMPORTED_MODULE_73__.setCursor)(this.interactiveCanvas, _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.CURSOR_TYPE.POINTER);\n        } else if (this.hitElement(scenePointerX, scenePointerY, element)) {\n          if ( // Ebow arrows can only be moved when unconnected\n          !(0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isElbowArrow)(element) || !(element.startBinding || element.endBinding)) {\n            (0,_cursor__WEBPACK_IMPORTED_MODULE_73__.setCursor)(this.interactiveCanvas, _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.CURSOR_TYPE.MOVE);\n          }\n        }\n      } else if (this.hitElement(scenePointerX, scenePointerY, element)) {\n        if ( // Ebow arrows can only be moved when unconnected\n        !(0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isElbowArrow)(element) || !(element.startBinding || element.endBinding)) {\n          (0,_cursor__WEBPACK_IMPORTED_MODULE_73__.setCursor)(this.interactiveCanvas, _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.CURSOR_TYPE.MOVE);\n        }\n      }\n\n      if (this.state.selectedLinearElement.hoverPointIndex !== hoverPointIndex) {\n        this.setState({\n          selectedLinearElement: Object.assign(Object.assign({}, this.state.selectedLinearElement), {\n            hoverPointIndex\n          })\n        });\n      }\n\n      if (!_excalidraw_element_linearElementEditor__WEBPACK_IMPORTED_MODULE_11__.LinearElementEditor.arePointsEqual(this.state.selectedLinearElement.segmentMidPointHoveredCoords, segmentMidPointHoveredCoords)) {\n        this.setState({\n          selectedLinearElement: Object.assign(Object.assign({}, this.state.selectedLinearElement), {\n            segmentMidPointHoveredCoords\n          })\n        });\n      }\n    } else {\n      (0,_cursor__WEBPACK_IMPORTED_MODULE_73__.setCursor)(this.interactiveCanvas, _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.CURSOR_TYPE.AUTO);\n    }\n  }\n\n  updateGestureOnPointerDown(event) {\n    gesture.pointers.set(event.pointerId, {\n      x: event.clientX,\n      y: event.clientY\n    });\n\n    if (gesture.pointers.size === 2) {\n      gesture.lastCenter = (0,_gesture__WEBPACK_IMPORTED_MODULE_58__.getCenter)(gesture.pointers);\n      gesture.initialScale = this.state.zoom.value;\n      gesture.initialDistance = (0,_gesture__WEBPACK_IMPORTED_MODULE_58__.getDistance)(Array.from(gesture.pointers.values()));\n    }\n  }\n\n  initialPointerDownState(event) {\n    const origin = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.viewportCoordsToSceneCoords)(event, this.state);\n    const selectedElements = this.scene.getSelectedElements(this.state);\n    const [minX, minY, maxX, maxY] = (0,_excalidraw_element_bounds__WEBPACK_IMPORTED_MODULE_9__.getCommonBounds)(selectedElements);\n    const isElbowArrowOnly = selectedElements.findIndex(_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isElbowArrow) === 0;\n    return {\n      origin,\n      withCmdOrCtrl: event[_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.CTRL_OR_CMD],\n      originInGrid: (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.tupleToCoors)((0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.getGridPoint)(origin.x, origin.y, event[_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.CTRL_OR_CMD] || isElbowArrowOnly ? null : this.getEffectiveGridSize())),\n      scrollbars: (0,_scene_scrollbars__WEBPACK_IMPORTED_MODULE_80__.isOverScrollBars)(currentScrollBars, event.clientX - this.state.offsetLeft, event.clientY - this.state.offsetTop),\n      // we need to duplicate because we'll be updating this state\n      lastCoords: Object.assign({}, origin),\n      originalElements: this.scene.getNonDeletedElements().reduce((acc, element) => {\n        acc.set(element.id, (0,_excalidraw_element_duplicate__WEBPACK_IMPORTED_MODULE_14__.deepCopyElement)(element));\n        return acc;\n      }, new Map()),\n      resize: {\n        handleType: false,\n        isResizing: false,\n        offset: {\n          x: 0,\n          y: 0\n        },\n        arrowDirection: \"origin\",\n        center: {\n          x: (maxX + minX) / 2,\n          y: (maxY + minY) / 2\n        }\n      },\n      hit: {\n        element: null,\n        allHitElements: [],\n        wasAddedToSelection: false,\n        hasBeenDuplicated: false,\n        hasHitCommonBoundingBoxOfSelectedElements: this.isHittingCommonBoundingBoxOfSelectedElements(origin, selectedElements)\n      },\n      drag: {\n        hasOccurred: false,\n        offset: null\n      },\n      eventListeners: {\n        onMove: null,\n        onUp: null,\n        onKeyUp: null,\n        onKeyDown: null\n      },\n      boxSelection: {\n        hasOccurred: false\n      }\n    };\n  } // Returns whether the event is a dragging a scrollbar\n\n\n  handleDraggingScrollBar(event, pointerDownState) {\n    if (!(pointerDownState.scrollbars.isOverEither && !this.state.multiElement)) {\n      return false;\n    }\n\n    isDraggingScrollBar = true;\n    pointerDownState.lastCoords.x = event.clientX;\n    pointerDownState.lastCoords.y = event.clientY;\n    const onPointerMove = (0,_reactUtils__WEBPACK_IMPORTED_MODULE_78__.withBatchedUpdatesThrottled)(event => {\n      const target = event.target;\n\n      if (!(target instanceof HTMLElement)) {\n        return;\n      }\n\n      this.handlePointerMoveOverScrollbars(event, pointerDownState);\n    });\n    const onPointerUp = (0,_reactUtils__WEBPACK_IMPORTED_MODULE_78__.withBatchedUpdates)(() => {\n      lastPointerUp = null;\n      isDraggingScrollBar = false;\n      (0,_cursor__WEBPACK_IMPORTED_MODULE_73__.setCursorForShape)(this.interactiveCanvas, this.state);\n      this.setState({\n        cursorButton: \"up\"\n      });\n      this.savePointer(event.clientX, event.clientY, \"up\");\n      window.removeEventListener(_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.EVENT.POINTER_MOVE, onPointerMove);\n      window.removeEventListener(_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.EVENT.POINTER_UP, onPointerUp);\n      onPointerMove.flush();\n    });\n    lastPointerUp = onPointerUp;\n    window.addEventListener(_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.EVENT.POINTER_MOVE, onPointerMove);\n    window.addEventListener(_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.EVENT.POINTER_UP, onPointerUp);\n    return true;\n  }\n\n  isASelectedElement(hitElement) {\n    return hitElement != null && this.state.selectedElementIds[hitElement.id];\n  }\n\n  isHittingCommonBoundingBoxOfSelectedElements(point, selectedElements) {\n    if (selectedElements.length < 2) {\n      return false;\n    } // How many pixels off the shape boundary we still consider a hit\n\n\n    const threshold = this.getElementHitThreshold();\n    const [x1, y1, x2, y2] = (0,_excalidraw_element_bounds__WEBPACK_IMPORTED_MODULE_9__.getCommonBounds)(selectedElements);\n    return point.x > x1 - threshold && point.x < x2 + threshold && point.y > y1 - threshold && point.y < y2 + threshold;\n  }\n\n  getCurrentItemRoundness(elementType) {\n    return this.state.currentItemRoundness === \"round\" ? {\n      type: (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isUsingAdaptiveRadius)(elementType) ? _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.ROUNDNESS.ADAPTIVE_RADIUS : _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.ROUNDNESS.PROPORTIONAL_RADIUS\n    } : null;\n  }\n\n  maybeCacheReferenceSnapPoints(event, selectedElements, recomputeAnyways = false) {\n    if ((0,_snapping__WEBPACK_IMPORTED_MODULE_70__.isSnappingEnabled)({\n      event,\n      app: this,\n      selectedElements\n    }) && (recomputeAnyways || !_snapping__WEBPACK_IMPORTED_MODULE_70__.SnapCache.getReferenceSnapPoints())) {\n      _snapping__WEBPACK_IMPORTED_MODULE_70__.SnapCache.setReferenceSnapPoints((0,_snapping__WEBPACK_IMPORTED_MODULE_70__.getReferenceSnapPoints)(this.scene.getNonDeletedElements(), selectedElements, this.state, this.scene.getNonDeletedElementsMap()));\n    }\n  }\n\n  maybeCacheVisibleGaps(event, selectedElements, recomputeAnyways = false) {\n    if ((0,_snapping__WEBPACK_IMPORTED_MODULE_70__.isSnappingEnabled)({\n      event,\n      app: this,\n      selectedElements\n    }) && (recomputeAnyways || !_snapping__WEBPACK_IMPORTED_MODULE_70__.SnapCache.getVisibleGaps())) {\n      _snapping__WEBPACK_IMPORTED_MODULE_70__.SnapCache.setVisibleGaps((0,_snapping__WEBPACK_IMPORTED_MODULE_70__.getVisibleGaps)(this.scene.getNonDeletedElements(), selectedElements, this.state, this.scene.getNonDeletedElementsMap()));\n    }\n  }\n\n  onKeyDownFromPointerDownHandler(pointerDownState) {\n    return (0,_reactUtils__WEBPACK_IMPORTED_MODULE_78__.withBatchedUpdates)(event => {\n      if (this.maybeHandleResize(pointerDownState, event)) {\n        return;\n      }\n\n      this.maybeDragNewGenericElement(pointerDownState, event);\n    });\n  }\n\n  onKeyUpFromPointerDownHandler(pointerDownState) {\n    return (0,_reactUtils__WEBPACK_IMPORTED_MODULE_78__.withBatchedUpdates)(event => {\n      // Prevents focus from escaping excalidraw tab\n      event.key === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.ALT && event.preventDefault();\n\n      if (this.maybeHandleResize(pointerDownState, event)) {\n        return;\n      }\n\n      this.maybeDragNewGenericElement(pointerDownState, event);\n    });\n  }\n\n  onPointerMoveFromPointerDownHandler(pointerDownState) {\n    return (0,_reactUtils__WEBPACK_IMPORTED_MODULE_78__.withBatchedUpdatesThrottled)(event => {\n      var _a, _b, _c, _d, _e, _f, _g; //To avoid pointerMove canceling the selection of locked elements on mobile //zsviczian\n\n\n      if (Boolean(this.state.contextMenu) || ((_a = this.state.openDialog) === null || _a === void 0 ? void 0 : _a.name) === \"elementLinkSelector\") {\n        return;\n      }\n\n      const pointerCoords = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.viewportCoordsToSceneCoords)(event, this.state);\n\n      if (this.state.selectedLinearElement && this.state.selectedLinearElement.elbowed && this.state.selectedLinearElement.pointerDownState.segmentMidpoint.index) {\n        const [gridX, gridY] = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.getGridPoint)(pointerCoords.x, pointerCoords.y, event[_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.CTRL_OR_CMD] ? null : this.getEffectiveGridSize());\n        let index = this.state.selectedLinearElement.pointerDownState.segmentMidpoint.index;\n\n        if (index < 0) {\n          const nextCoords = _excalidraw_element_linearElementEditor__WEBPACK_IMPORTED_MODULE_11__.LinearElementEditor.getSegmentMidpointHitCoords(Object.assign(Object.assign({}, this.state.selectedLinearElement), {\n            segmentMidPointHoveredCoords: null\n          }), {\n            x: gridX,\n            y: gridY\n          }, this.state, this.scene.getNonDeletedElementsMap());\n          index = nextCoords ? _excalidraw_element_linearElementEditor__WEBPACK_IMPORTED_MODULE_11__.LinearElementEditor.getSegmentMidPointIndex(this.state.selectedLinearElement, this.state, nextCoords, this.scene.getNonDeletedElementsMap()) : -1;\n        }\n\n        const ret = _excalidraw_element_linearElementEditor__WEBPACK_IMPORTED_MODULE_11__.LinearElementEditor.moveFixedSegment(this.state.selectedLinearElement, index, gridX, gridY, this.scene.getNonDeletedElementsMap());\n        (0,react_dom__WEBPACK_IMPORTED_MODULE_3__.flushSync)(() => {\n          if (this.state.selectedLinearElement) {\n            this.setState({\n              selectedLinearElement: Object.assign(Object.assign({}, this.state.selectedLinearElement), {\n                segmentMidPointHoveredCoords: ret.segmentMidPointHoveredCoords,\n                pointerDownState: ret.pointerDownState\n              })\n            });\n          }\n        });\n        return;\n      }\n\n      const lastPointerCoords = (_b = this.lastPointerMoveCoords) !== null && _b !== void 0 ? _b : pointerDownState.origin;\n      this.lastPointerMoveCoords = pointerCoords; // We need to initialize dragOffsetXY only after we've updated\n      // `state.selectedElementIds` on pointerDown. Doing it here in pointerMove\n      // event handler should hopefully ensure we're already working with\n      // the updated state.\n\n      if (pointerDownState.drag.offset === null) {\n        pointerDownState.drag.offset = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.tupleToCoors)((0,_excalidraw_element_dragElements__WEBPACK_IMPORTED_MODULE_36__.getDragOffsetXY)(this.scene.getSelectedElements(this.state), pointerDownState.origin.x, pointerDownState.origin.y));\n      }\n\n      const target = event.target;\n\n      if (!(target instanceof HTMLElement)) {\n        return;\n      }\n\n      if (this.handlePointerMoveOverScrollbars(event, pointerDownState)) {\n        return;\n      }\n\n      if ((0,_appState__WEBPACK_IMPORTED_MODULE_53__.isEraserActive)(this.state)) {\n        this.handleEraser(event, pointerCoords);\n        return;\n      }\n\n      if (this.state.activeTool.type === \"laser\") {\n        this.laserTrails.addPointToPath(pointerCoords.x, pointerCoords.y);\n      }\n\n      const [gridX, gridY] = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.getGridPoint)(pointerCoords.x, pointerCoords.y, event[_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.CTRL_OR_CMD] ? null : this.getEffectiveGridSize()); // for arrows/lines, don't start dragging until a given threshold\n      // to ensure we don't create a 2-point arrow by mistake when\n      // user clicks mouse in a way that it moves a tiny bit (thus\n      // triggering pointermove)\n\n      if (!pointerDownState.drag.hasOccurred && (this.state.activeTool.type === \"arrow\" || this.state.activeTool.type === \"line\")) {\n        if ((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.pointDistance)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.pointFrom)(pointerCoords.x, pointerCoords.y), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.pointFrom)(pointerDownState.origin.x, pointerDownState.origin.y)) < _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.DRAGGING_THRESHOLD) {\n          return;\n        }\n      }\n\n      if (pointerDownState.resize.isResizing) {\n        pointerDownState.lastCoords.x = pointerCoords.x;\n        pointerDownState.lastCoords.y = pointerCoords.y;\n\n        if (this.maybeHandleCrop(pointerDownState, event)) {\n          return true;\n        }\n\n        if (this.maybeHandleResize(pointerDownState, event)) {\n          return true;\n        }\n      }\n\n      const elementsMap = this.scene.getNonDeletedElementsMap();\n\n      if (this.state.selectedLinearElement) {\n        const linearElementEditor = this.state.editingLinearElement || this.state.selectedLinearElement;\n\n        if (_excalidraw_element_linearElementEditor__WEBPACK_IMPORTED_MODULE_11__.LinearElementEditor.shouldAddMidpoint(this.state.selectedLinearElement, pointerCoords, this.state, elementsMap)) {\n          const ret = _excalidraw_element_linearElementEditor__WEBPACK_IMPORTED_MODULE_11__.LinearElementEditor.addMidpoint(this.state.selectedLinearElement, pointerCoords, this, !event[_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.CTRL_OR_CMD], elementsMap);\n\n          if (!ret) {\n            return;\n          } // Since we are reading from previous state which is not possible with\n          // automatic batching in React 18 hence using flush sync to synchronously\n          // update the state. Check https://github.com/excalidraw/excalidraw/pull/5508 for more details.\n\n\n          (0,react_dom__WEBPACK_IMPORTED_MODULE_3__.flushSync)(() => {\n            if (this.state.selectedLinearElement) {\n              this.setState({\n                selectedLinearElement: Object.assign(Object.assign({}, this.state.selectedLinearElement), {\n                  pointerDownState: ret.pointerDownState,\n                  selectedPointsIndices: ret.selectedPointsIndices,\n                  segmentMidPointHoveredCoords: null\n                })\n              });\n            }\n\n            if (this.state.editingLinearElement) {\n              this.setState({\n                editingLinearElement: Object.assign(Object.assign({}, this.state.editingLinearElement), {\n                  pointerDownState: ret.pointerDownState,\n                  selectedPointsIndices: ret.selectedPointsIndices,\n                  segmentMidPointHoveredCoords: null\n                })\n              });\n            }\n          });\n          return;\n        } else if (linearElementEditor.pointerDownState.segmentMidpoint.value !== null && !linearElementEditor.pointerDownState.segmentMidpoint.added) {\n          return;\n        }\n\n        const newLinearElementEditor = _excalidraw_element_linearElementEditor__WEBPACK_IMPORTED_MODULE_11__.LinearElementEditor.handlePointDragging(event, this, pointerCoords.x, pointerCoords.y, (element, pointsSceneCoords) => {\n          this.maybeSuggestBindingsForLinearElementAtCoords(element, pointsSceneCoords);\n        }, linearElementEditor, this.scene);\n\n        if (newLinearElementEditor) {\n          pointerDownState.lastCoords.x = pointerCoords.x;\n          pointerDownState.lastCoords.y = pointerCoords.y;\n          pointerDownState.drag.hasOccurred = true;\n          this.setState({\n            editingLinearElement: this.state.editingLinearElement ? newLinearElementEditor : null,\n            selectedLinearElement: newLinearElementEditor\n          });\n          return;\n        }\n      }\n\n      const hasHitASelectedElement = pointerDownState.hit.allHitElements.some(element => this.isASelectedElement(element));\n      const isSelectingPointsInLineEditor = this.state.editingLinearElement && event.shiftKey && this.state.editingLinearElement.elementId === ((_c = pointerDownState.hit.element) === null || _c === void 0 ? void 0 : _c.id);\n\n      if ((hasHitASelectedElement || pointerDownState.hit.hasHitCommonBoundingBoxOfSelectedElements) && !isSelectingPointsInLineEditor && this.state.activeTool.type !== \"lasso\") {\n        const selectedElements = this.scene.getSelectedElements(this.state);\n\n        if (selectedElements.every(element => element.locked)) {\n          return;\n        }\n\n        const selectedElementsHasAFrame = selectedElements.find(e => (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isFrameLikeElement)(e));\n        const topLayerFrame = this.getTopLayerFrameAtSceneCoords(pointerCoords);\n        const frameToHighlight = topLayerFrame && !selectedElementsHasAFrame ? topLayerFrame : null; // Only update the state if there is a difference\n\n        if (this.state.frameToHighlight !== frameToHighlight) {\n          (0,react_dom__WEBPACK_IMPORTED_MODULE_3__.flushSync)(() => {\n            this.setState({\n              frameToHighlight\n            });\n          });\n        } // Marking that click was used for dragging to check\n        // if elements should be deselected on pointerup\n\n\n        pointerDownState.drag.hasOccurred = true; // prevent dragging even if we're no longer holding cmd/ctrl otherwise\n        // it would have weird results (stuff jumping all over the screen)\n        // Checking for editingTextElement to avoid jump while editing on mobile #6503\n\n        if (selectedElements.length > 0 && !pointerDownState.withCmdOrCtrl && !this.state.editingTextElement && ((_d = this.state.activeEmbeddable) === null || _d === void 0 ? void 0 : _d.state) !== \"active\") {\n          const dragOffset = {\n            x: pointerCoords.x - pointerDownState.origin.x,\n            y: pointerCoords.y - pointerDownState.origin.y\n          };\n          const originalElements = [...pointerDownState.originalElements.values()]; // We only drag in one direction if shift is pressed\n\n          const lockDirection = event.shiftKey;\n\n          if (lockDirection) {\n            const distanceX = Math.abs(dragOffset.x);\n            const distanceY = Math.abs(dragOffset.y);\n            const lockX = lockDirection && distanceX < distanceY;\n            const lockY = lockDirection && distanceX > distanceY;\n\n            if (lockX) {\n              dragOffset.x = 0;\n            }\n\n            if (lockY) {\n              dragOffset.y = 0;\n            }\n          } // #region move crop region\n\n\n          if (this.state.croppingElementId) {\n            const croppingElement = this.scene.getNonDeletedElementsMap().get(this.state.croppingElementId);\n\n            if (croppingElement && (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isImageElement)(croppingElement) && croppingElement.crop !== null && pointerDownState.hit.element === croppingElement) {\n              const crop = croppingElement.crop;\n              const image = (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isInitializedImageElement)(croppingElement) && ((_e = this.imageCache.get(croppingElement.fileId)) === null || _e === void 0 ? void 0 : _e.image);\n\n              if (image && !(image instanceof Promise)) {\n                const instantDragOffset = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.vectorScale)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.vector)(pointerCoords.x - lastPointerCoords.x, pointerCoords.y - lastPointerCoords.y), Math.max(this.state.zoom.value, 2));\n                const [x1, y1, x2, y2, cx, cy] = (0,_excalidraw_element_bounds__WEBPACK_IMPORTED_MODULE_9__.getElementAbsoluteCoords)(croppingElement, elementsMap);\n                const topLeft = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.vectorFromPoint)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.pointFrom)(x1, y1), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.pointFrom)(cx, cy), croppingElement.angle));\n                const topRight = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.vectorFromPoint)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.pointFrom)(x2, y1), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.pointFrom)(cx, cy), croppingElement.angle));\n                const bottomLeft = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.vectorFromPoint)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.pointFrom)(x1, y2), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.pointFrom)(cx, cy), croppingElement.angle));\n                const topEdge = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.vectorNormalize)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.vectorSubtract)(topRight, topLeft));\n                const leftEdge = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.vectorNormalize)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.vectorSubtract)(bottomLeft, topLeft)); // project instantDrafOffset onto leftEdge and topEdge to decompose\n\n                const offsetVector = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.vector)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.vectorDot)(instantDragOffset, topEdge), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.vectorDot)(instantDragOffset, leftEdge));\n                const nextCrop = Object.assign(Object.assign({}, crop), {\n                  x: (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.clamp)(crop.x - offsetVector[0] * Math.sign(croppingElement.scale[0]), 0, image.naturalWidth - crop.width),\n                  y: (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.clamp)(crop.y - offsetVector[1] * Math.sign(croppingElement.scale[1]), 0, image.naturalHeight - crop.height)\n                });\n                (0,_excalidraw_element_mutateElement__WEBPACK_IMPORTED_MODULE_12__.mutateElement)(croppingElement, {\n                  crop: nextCrop\n                });\n                return;\n              }\n            }\n          } // Snap cache *must* be synchronously popuplated before initial drag,\n          // otherwise the first drag even will not snap, causing a jump before\n          // it snaps to its position if previously snapped already.\n\n\n          this.maybeCacheVisibleGaps(event, selectedElements);\n          this.maybeCacheReferenceSnapPoints(event, selectedElements);\n          const {\n            snapOffset,\n            snapLines\n          } = (0,_snapping__WEBPACK_IMPORTED_MODULE_70__.snapDraggedElements)(originalElements, dragOffset, this, event, this.scene.getNonDeletedElementsMap());\n          this.setState({\n            snapLines\n          }); // when we're editing the name of a frame, we want the user to be\n          // able to select and interact with the text input\n\n          if (!this.state.editingFrame) {\n            (0,_excalidraw_element_dragElements__WEBPACK_IMPORTED_MODULE_36__.dragSelectedElements)(pointerDownState, selectedElements, dragOffset, this.scene, snapOffset, event[_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.CTRL_OR_CMD] ? null : this.getEffectiveGridSize());\n          }\n\n          this.setState({\n            selectedElementsAreBeingDragged: true,\n            // element is being dragged and selectionElement that was created on pointer down\n            // should be removed\n            selectionElement: null\n          });\n\n          if (selectedElements.length !== 1 || !(0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isElbowArrow)(selectedElements[0])) {\n            this.setState({\n              suggestedBindings: (0,_excalidraw_element_binding__WEBPACK_IMPORTED_MODULE_10__.getSuggestedBindingsForArrows)(selectedElements, this.scene.getNonDeletedElementsMap(), this.state.zoom)\n            });\n          } // We duplicate the selected element if alt is pressed on pointer move\n\n\n          if (event.altKey && !pointerDownState.hit.hasBeenDuplicated) {\n            // Move the currently selected elements to the top of the z index stack, and\n            // put the duplicates where the selected elements used to be.\n            // (the origin point where the dragging started)\n            pointerDownState.hit.hasBeenDuplicated = true;\n            const elements = this.scene.getElementsIncludingDeleted();\n            const hitElement = pointerDownState.hit.element;\n            const selectedElements = this.scene.getSelectedElements({\n              selectedElementIds: this.state.selectedElementIds,\n              includeBoundTextElement: true,\n              includeElementsInFrames: true\n            });\n\n            if (hitElement && // hit element may not end up being selected\n            // if we're alt-dragging a common bounding box\n            // over the hit element\n            pointerDownState.hit.wasAddedToSelection && !selectedElements.find(el => el.id === hitElement.id)) {\n              selectedElements.push(hitElement);\n            }\n\n            const idsOfElementsToDuplicate = new Map(selectedElements.map(el => [el.id, el]));\n            const {\n              newElements: clonedElements,\n              elementsWithClones\n            } = (0,_excalidraw_element_duplicate__WEBPACK_IMPORTED_MODULE_14__.duplicateElements)({\n              type: \"in-place\",\n              elements,\n              appState: this.state,\n              randomizeSeed: true,\n              idsOfElementsToDuplicate,\n              overrides: el => {\n                const origEl = pointerDownState.originalElements.get(el.id);\n\n                if (origEl) {\n                  return {\n                    x: origEl.x,\n                    y: origEl.y,\n                    seed: origEl.seed\n                  };\n                }\n\n                return {};\n              },\n              reverseOrder: true\n            });\n            clonedElements.forEach(element => {\n              pointerDownState.originalElements.set(element.id, element);\n            });\n            const mappedNewSceneElements = (_g = (_f = this.props).onDuplicate) === null || _g === void 0 ? void 0 : _g.call(_f, elementsWithClones, elements);\n            const nextSceneElements = (0,_excalidraw_element_fractionalIndex__WEBPACK_IMPORTED_MODULE_32__.syncMovedIndices)(mappedNewSceneElements || elementsWithClones, (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.arrayToMap)(clonedElements)).map(el => {\n              if (idsOfElementsToDuplicate.has(el.id)) {\n                return (0,_excalidraw_element_mutateElement__WEBPACK_IMPORTED_MODULE_12__.newElementWith)(el, {\n                  seed: (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.randomInteger)()\n                });\n              }\n\n              return el;\n            });\n            this.scene.replaceAllElements(nextSceneElements);\n            this.maybeCacheVisibleGaps(event, selectedElements, true);\n            this.maybeCacheReferenceSnapPoints(event, selectedElements, true);\n          }\n\n          return;\n        }\n      }\n\n      if (this.state.selectionElement) {\n        pointerDownState.lastCoords.x = pointerCoords.x;\n        pointerDownState.lastCoords.y = pointerCoords.y;\n\n        if (event.altKey) {\n          this.setActiveTool({\n            type: \"lasso\",\n            fromSelection: true\n          }, event.shiftKey);\n          this.lassoTrail.startPath(pointerDownState.origin.x, pointerDownState.origin.y, event.shiftKey);\n          this.setAppState({\n            selectionElement: null\n          });\n        } else {\n          this.maybeDragNewGenericElement(pointerDownState, event);\n        }\n      } else if (this.state.activeTool.type === \"lasso\") {\n        if (!event.altKey && this.state.activeTool.fromSelection) {\n          this.setActiveTool({\n            type: \"selection\"\n          });\n          this.createGenericElementOnPointerDown(\"selection\", pointerDownState);\n          pointerDownState.lastCoords.x = pointerCoords.x;\n          pointerDownState.lastCoords.y = pointerCoords.y;\n          this.maybeDragNewGenericElement(pointerDownState, event);\n          this.lassoTrail.endPath();\n        } else {\n          this.lassoTrail.addPointToPath(pointerCoords.x, pointerCoords.y, event.shiftKey);\n        }\n      } else {\n        // It is very important to read this.state within each move event,\n        // otherwise we would read a stale one!\n        const newElement = this.state.newElement;\n\n        if (!newElement) {\n          return;\n        }\n\n        if (newElement.type === \"freedraw\") {\n          const points = newElement.points;\n          const dx = pointerCoords.x - newElement.x;\n          const dy = pointerCoords.y - newElement.y;\n          const lastPoint = points.length > 0 && points[points.length - 1];\n          const discardPoint = lastPoint && lastPoint[0] === dx && lastPoint[1] === dy;\n\n          if (!discardPoint) {\n            const strokeOptions = this.state.currentStrokeOptions; //zsviczian\n\n            const pressures = newElement.simulatePressure ? newElement.pressures : [//zsviczian\n            ...newElement.pressures, (strokeOptions === null || strokeOptions === void 0 ? void 0 : strokeOptions.constantPressure) ? 1 : event.pressure];\n            (0,_excalidraw_element_mutateElement__WEBPACK_IMPORTED_MODULE_12__.mutateElement)(newElement, {\n              points: [...points, (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.pointFrom)(dx, dy)],\n              pressures\n            }, false);\n            this.setState({\n              newElement\n            });\n          }\n        } else if ((0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isLinearElement)(newElement)) {\n          pointerDownState.drag.hasOccurred = true;\n          const points = newElement.points;\n          let dx = gridX - newElement.x;\n          let dy = gridY - newElement.y;\n\n          if ((0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.shouldRotateWithDiscreteAngle)(event) && points.length === 2) {\n            ({\n              width: dx,\n              height: dy\n            } = (0,_excalidraw_element_sizeHelpers__WEBPACK_IMPORTED_MODULE_16__.getLockedLinearCursorAlignSize)(newElement.x, newElement.y, pointerCoords.x, pointerCoords.y));\n          }\n\n          if (points.length === 1) {\n            (0,_excalidraw_element_mutateElement__WEBPACK_IMPORTED_MODULE_12__.mutateElement)(newElement, {\n              points: [...points, (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.pointFrom)(dx, dy)]\n            }, false);\n          } else if (points.length === 2 || points.length > 1 && (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isElbowArrow)(newElement)) {\n            (0,_excalidraw_element_mutateElement__WEBPACK_IMPORTED_MODULE_12__.mutateElement)(newElement, {\n              points: [...points.slice(0, -1), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.pointFrom)(dx, dy)]\n            }, false, {\n              isDragging: true\n            });\n          }\n\n          this.setState({\n            newElement\n          });\n\n          if ((0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isBindingElement)(newElement, false)) {\n            // When creating a linear element by dragging\n            this.maybeSuggestBindingsForLinearElementAtCoords(newElement, [pointerCoords], this.state.startBoundElement);\n          }\n        } else {\n          pointerDownState.lastCoords.x = pointerCoords.x;\n          pointerDownState.lastCoords.y = pointerCoords.y;\n          this.maybeDragNewGenericElement(pointerDownState, event, false);\n        }\n      }\n\n      if (this.state.activeTool.type === \"selection\") {\n        pointerDownState.boxSelection.hasOccurred = true;\n        const elements = this.scene.getNonDeletedElements(); // box-select line editor points\n\n        if (this.state.editingLinearElement) {\n          _excalidraw_element_linearElementEditor__WEBPACK_IMPORTED_MODULE_11__.LinearElementEditor.handleBoxSelection(event, this.state, this.setState.bind(this), this.scene.getNonDeletedElementsMap()); // regular box-select\n        } else {\n          let shouldReuseSelection = true;\n\n          if (!event.shiftKey && (0,_scene__WEBPACK_IMPORTED_MODULE_61__.isSomeElementSelected)(elements, this.state)) {\n            if (pointerDownState.withCmdOrCtrl && pointerDownState.hit.element) {\n              this.setState(prevState => (0,_excalidraw_element_groups__WEBPACK_IMPORTED_MODULE_31__.selectGroupsForSelectedElements)(Object.assign(Object.assign({}, prevState), {\n                selectedElementIds: {\n                  [pointerDownState.hit.element.id]: true\n                }\n              }), this.scene.getNonDeletedElements(), prevState, this));\n            } else {\n              shouldReuseSelection = false;\n            }\n          }\n\n          const elementsWithinSelection = this.state.selectionElement ? (0,_scene__WEBPACK_IMPORTED_MODULE_61__.getElementsWithinSelection)(elements, this.state.selectionElement, this.scene.getNonDeletedElementsMap(), false) : [];\n          this.setState(prevState => {\n            const nextSelectedElementIds = Object.assign(Object.assign({}, shouldReuseSelection && prevState.selectedElementIds), elementsWithinSelection.reduce((acc, element) => {\n              acc[element.id] = true;\n              return acc;\n            }, {}));\n\n            if (pointerDownState.hit.element) {\n              // if using ctrl/cmd, select the hitElement only if we\n              // haven't box-selected anything else\n              if (!elementsWithinSelection.length) {\n                nextSelectedElementIds[pointerDownState.hit.element.id] = true;\n              } else {\n                delete nextSelectedElementIds[pointerDownState.hit.element.id];\n              }\n            }\n\n            prevState = !shouldReuseSelection ? Object.assign(Object.assign({}, prevState), {\n              selectedGroupIds: {},\n              editingGroupId: null\n            }) : prevState;\n            return Object.assign(Object.assign({}, (0,_excalidraw_element_groups__WEBPACK_IMPORTED_MODULE_31__.selectGroupsForSelectedElements)({\n              editingGroupId: prevState.editingGroupId,\n              selectedElementIds: nextSelectedElementIds\n            }, this.scene.getNonDeletedElements(), prevState, this)), {\n              // select linear element only when we haven't box-selected anything else\n              selectedLinearElement: elementsWithinSelection.length === 1 && (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isLinearElement)(elementsWithinSelection[0]) ? new _excalidraw_element_linearElementEditor__WEBPACK_IMPORTED_MODULE_11__.LinearElementEditor(elementsWithinSelection[0]) : null,\n              showHyperlinkPopup: elementsWithinSelection.length === 1 && (elementsWithinSelection[0].link || (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isEmbeddableElement)(elementsWithinSelection[0])) ? \"info\" : false\n            });\n          });\n        }\n      }\n    });\n  } // Returns whether the pointer move happened over either scrollbar\n\n\n  handlePointerMoveOverScrollbars(event, pointerDownState) {\n    if (pointerDownState.scrollbars.isOverHorizontal) {\n      const x = event.clientX;\n      const dx = x - pointerDownState.lastCoords.x;\n      this.translateCanvas({\n        scrollX: this.state.scrollX - dx / this.state.zoom.value\n      });\n      pointerDownState.lastCoords.x = x;\n      return true;\n    }\n\n    if (pointerDownState.scrollbars.isOverVertical) {\n      const y = event.clientY;\n      const dy = y - pointerDownState.lastCoords.y;\n      this.translateCanvas({\n        scrollY: this.state.scrollY - dy / this.state.zoom.value\n      });\n      pointerDownState.lastCoords.y = y;\n      return true;\n    }\n\n    return false;\n  }\n\n  onPointerUpFromPointerDownHandler(pointerDownState) {\n    return (0,_reactUtils__WEBPACK_IMPORTED_MODULE_78__.withBatchedUpdates)(childEvent => {\n      var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;\n\n      this.removePointer(childEvent);\n\n      if (pointerDownState.eventListeners.onMove) {\n        pointerDownState.eventListeners.onMove.flush();\n      }\n\n      const {\n        newElement,\n        resizingElement,\n        croppingElementId,\n        multiElement,\n        activeTool,\n        isResizing,\n        isRotating,\n        isCropping\n      } = this.state;\n      this.setState(prevState => ({\n        isResizing: false,\n        isRotating: false,\n        isCropping: false,\n        resizingElement: null,\n        selectionElement: null,\n        frameToHighlight: null,\n        elementsToHighlight: null,\n        cursorButton: \"up\",\n        snapLines: (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.updateStable)(prevState.snapLines, []),\n        originSnapOffset: null\n      })); // just in case, tool changes mid drag, always clean up\n\n      this.lassoTrail.endPath();\n      this.lastPointerMoveCoords = null;\n      _snapping__WEBPACK_IMPORTED_MODULE_70__.SnapCache.setReferenceSnapPoints(null);\n      _snapping__WEBPACK_IMPORTED_MODULE_70__.SnapCache.setVisibleGaps(null);\n      this.savePointer(childEvent.clientX, childEvent.clientY, \"up\");\n      this.setState({\n        selectedElementsAreBeingDragged: false\n      });\n      const elementsMap = this.scene.getNonDeletedElementsMap();\n\n      if (pointerDownState.drag.hasOccurred && ((_b = (_a = pointerDownState.hit) === null || _a === void 0 ? void 0 : _a.element) === null || _b === void 0 ? void 0 : _b.id)) {\n        const element = elementsMap.get(pointerDownState.hit.element.id);\n\n        if ((0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isBindableElement)(element)) {\n          // Renormalize elbow arrows when they are changed via indirect move\n          (_c = element.boundElements) === null || _c === void 0 ? void 0 : _c.filter(e => e.type === \"arrow\").map(e => elementsMap.get(e.id)).filter(e => (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isElbowArrow)(e)).forEach(e => {\n            !!e && (0,_excalidraw_element_mutateElement__WEBPACK_IMPORTED_MODULE_12__.mutateElement)(e, {}, true);\n          });\n        }\n      } // Handle end of dragging a point of a linear element, might close a loop\n      // and sets binding element\n\n\n      if (this.state.editingLinearElement) {\n        if (!pointerDownState.boxSelection.hasOccurred && ((_e = (_d = pointerDownState.hit) === null || _d === void 0 ? void 0 : _d.element) === null || _e === void 0 ? void 0 : _e.id) !== this.state.editingLinearElement.elementId) {\n          this.actionManager.executeAction(_actions__WEBPACK_IMPORTED_MODULE_38__.actionFinalize);\n        } else {\n          const editingLinearElement = _excalidraw_element_linearElementEditor__WEBPACK_IMPORTED_MODULE_11__.LinearElementEditor.handlePointerUp(childEvent, this.state.editingLinearElement, this.state, this.scene);\n\n          if (editingLinearElement !== this.state.editingLinearElement) {\n            this.setState({\n              editingLinearElement,\n              suggestedBindings: []\n            });\n          }\n        }\n      } else if (this.state.selectedLinearElement) {\n        // Normalize elbow arrow points, remove close parallel segments\n        if (this.state.selectedLinearElement.elbowed) {\n          const element = _excalidraw_element_linearElementEditor__WEBPACK_IMPORTED_MODULE_11__.LinearElementEditor.getElement(this.state.selectedLinearElement.elementId, this.scene.getNonDeletedElementsMap());\n\n          if (element) {\n            (0,_excalidraw_element_mutateElement__WEBPACK_IMPORTED_MODULE_12__.mutateElement)(element, {}, true);\n          }\n        }\n\n        if (((_g = (_f = pointerDownState.hit) === null || _f === void 0 ? void 0 : _f.element) === null || _g === void 0 ? void 0 : _g.id) !== this.state.selectedLinearElement.elementId) {\n          const selectedELements = this.scene.getSelectedElements(this.state); // set selectedLinearElement to null if there is more than one element selected since we don't want to show linear element handles\n\n          if (selectedELements.length > 1) {\n            this.setState({\n              selectedLinearElement: null\n            });\n          }\n        } else {\n          const linearElementEditor = _excalidraw_element_linearElementEditor__WEBPACK_IMPORTED_MODULE_11__.LinearElementEditor.handlePointerUp(childEvent, this.state.selectedLinearElement, this.state, this.scene);\n          const {\n            startBindingElement,\n            endBindingElement\n          } = linearElementEditor;\n          const element = this.scene.getElement(linearElementEditor.elementId);\n\n          if ((0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isBindingElement)(element)) {\n            (0,_excalidraw_element_binding__WEBPACK_IMPORTED_MODULE_10__.bindOrUnbindLinearElement)(element, startBindingElement, endBindingElement, elementsMap, this.scene);\n          }\n\n          if (linearElementEditor !== this.state.selectedLinearElement) {\n            this.setState({\n              selectedLinearElement: Object.assign(Object.assign({}, linearElementEditor), {\n                selectedPointsIndices: null\n              }),\n              suggestedBindings: []\n            });\n          }\n        }\n      }\n\n      this.missingPointerEventCleanupEmitter.clear();\n      window.removeEventListener(_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.EVENT.POINTER_MOVE, pointerDownState.eventListeners.onMove);\n      window.removeEventListener(_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.EVENT.POINTER_UP, pointerDownState.eventListeners.onUp);\n      window.removeEventListener(_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.EVENT.KEYDOWN, pointerDownState.eventListeners.onKeyDown);\n      window.removeEventListener(_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.EVENT.KEYUP, pointerDownState.eventListeners.onKeyUp);\n\n      if (this.state.pendingImageElementId) {\n        this.setState({\n          pendingImageElementId: null\n        });\n      }\n\n      (_j = (_h = this.props) === null || _h === void 0 ? void 0 : _h.onPointerUp) === null || _j === void 0 ? void 0 : _j.call(_h, activeTool, pointerDownState);\n      this.onPointerUpEmitter.trigger(this.state.activeTool, pointerDownState, childEvent);\n\n      if ((newElement === null || newElement === void 0 ? void 0 : newElement.type) === \"freedraw\") {\n        const pointerCoords = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.viewportCoordsToSceneCoords)(childEvent, this.state);\n        const points = newElement.points;\n        let dx = pointerCoords.x - newElement.x;\n        let dy = pointerCoords.y - newElement.y; // Allows dots to avoid being flagged as infinitely small\n\n        if (dx === points[0][0] && dy === points[0][1]) {\n          dy += 0.0001;\n          dx += 0.0001;\n        }\n\n        const pressures = newElement.simulatePressure ? [] : [...newElement.pressures, childEvent.pressure];\n        (0,_excalidraw_element_mutateElement__WEBPACK_IMPORTED_MODULE_12__.mutateElement)(newElement, {\n          points: [...points, (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.pointFrom)(dx, dy)],\n          pressures,\n          lastCommittedPoint: (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.pointFrom)(dx, dy)\n        });\n        this.actionManager.executeAction(_actions__WEBPACK_IMPORTED_MODULE_38__.actionFinalize);\n        return;\n      }\n\n      if ((0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isImageElement)(newElement)) {\n        const imageElement = newElement;\n\n        try {\n          this.initializeImageDimensions(imageElement);\n          this.setState({\n            selectedElementIds: (0,_excalidraw_element_selection__WEBPACK_IMPORTED_MODULE_33__.makeNextSelectedElementIds)({\n              [imageElement.id]: true\n            }, this.state)\n          }, () => {\n            this.actionManager.executeAction(_actions__WEBPACK_IMPORTED_MODULE_38__.actionFinalize);\n          });\n        } catch (error) {\n          console.error(error);\n          this.scene.replaceAllElements(this.scene.getElementsIncludingDeleted().filter(el => el.id !== imageElement.id));\n          this.actionManager.executeAction(_actions__WEBPACK_IMPORTED_MODULE_38__.actionFinalize);\n        }\n\n        return;\n      }\n\n      if ((0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isLinearElement)(newElement)) {\n        if (newElement.points.length > 1) {\n          this.store.shouldCaptureIncrement();\n        }\n\n        const pointerCoords = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.viewportCoordsToSceneCoords)(childEvent, this.state);\n\n        if (!pointerDownState.drag.hasOccurred && newElement && !multiElement) {\n          (0,_excalidraw_element_mutateElement__WEBPACK_IMPORTED_MODULE_12__.mutateElement)(newElement, {\n            points: [...newElement.points, (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.pointFrom)(pointerCoords.x - newElement.x, pointerCoords.y - newElement.y)]\n          });\n          this.setState({\n            multiElement: newElement,\n            newElement\n          });\n        } else if (pointerDownState.drag.hasOccurred && !multiElement) {\n          if ((0,_excalidraw_element_binding__WEBPACK_IMPORTED_MODULE_10__.isBindingEnabled)(this.state) && (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isBindingElement)(newElement, false)) {\n            (0,_excalidraw_element_binding__WEBPACK_IMPORTED_MODULE_10__.maybeBindLinearElement)(newElement, this.state, pointerCoords, this.scene.getNonDeletedElementsMap(), this.scene.getNonDeletedElements());\n          }\n\n          this.setState({\n            suggestedBindings: [],\n            startBoundElement: null\n          });\n\n          if (!activeTool.locked) {\n            (0,_cursor__WEBPACK_IMPORTED_MODULE_73__.resetCursor)(this.interactiveCanvas);\n            this.setState(prevState => ({\n              newElement: null,\n              activeTool: (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.updateActiveTool)(this.state, {\n                type: \"selection\"\n              }),\n              selectedElementIds: (0,_excalidraw_element_selection__WEBPACK_IMPORTED_MODULE_33__.makeNextSelectedElementIds)(Object.assign(Object.assign({}, prevState.selectedElementIds), {\n                [newElement.id]: true\n              }), prevState),\n              selectedLinearElement: new _excalidraw_element_linearElementEditor__WEBPACK_IMPORTED_MODULE_11__.LinearElementEditor(newElement)\n            }));\n          } else {\n            this.setState(prevState => ({\n              newElement: null\n            }));\n          } // so that the scene gets rendered again to display the newly drawn linear as well\n\n\n          this.scene.triggerUpdate();\n        }\n\n        return;\n      }\n\n      if ((0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isTextElement)(newElement)) {\n        const minWidth = (0,_excalidraw_element_textMeasurements__WEBPACK_IMPORTED_MODULE_28__.getMinTextElementWidth)((0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.getFontString)({\n          fontSize: newElement.fontSize,\n          fontFamily: newElement.fontFamily\n        }), newElement.lineHeight);\n\n        if (newElement.width < minWidth) {\n          (0,_excalidraw_element_mutateElement__WEBPACK_IMPORTED_MODULE_12__.mutateElement)(newElement, {\n            autoResize: true\n          });\n        }\n\n        this.resetCursor();\n        this.handleTextWysiwyg(newElement, {\n          isExistingElement: true\n        });\n      }\n\n      if (activeTool.type !== \"selection\" && newElement && (0,_excalidraw_element_sizeHelpers__WEBPACK_IMPORTED_MODULE_16__.isInvisiblySmallElement)(newElement)) {\n        // remove invisible element which was added in onPointerDown\n        // update the store snapshot, so that invisible elements are not captured by the store\n        this.updateScene({\n          elements: this.scene.getElementsIncludingDeleted().filter(el => el.id !== newElement.id),\n          appState: {\n            newElement: null\n          },\n          captureUpdate: _store__WEBPACK_IMPORTED_MODULE_76__.CaptureUpdateAction.NEVER\n        });\n        return;\n      }\n\n      if ((0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isFrameLikeElement)(newElement)) {\n        const elementsInsideFrame = (0,_excalidraw_element_frame__WEBPACK_IMPORTED_MODULE_22__.getElementsInNewFrame)(this.scene.getElementsIncludingDeleted(), newElement, this.scene.getNonDeletedElementsMap());\n        this.scene.replaceAllElements((0,_excalidraw_element_frame__WEBPACK_IMPORTED_MODULE_22__.addElementsToFrame)(this.scene.getElementsMapIncludingDeleted(), elementsInsideFrame, newElement, this.state));\n      }\n\n      if (newElement) {\n        (0,_excalidraw_element_mutateElement__WEBPACK_IMPORTED_MODULE_12__.mutateElement)(newElement, (0,_excalidraw_element_sizeHelpers__WEBPACK_IMPORTED_MODULE_16__.getNormalizedDimensions)(newElement)); // the above does not guarantee the scene to be rendered again, hence the trigger below\n\n        this.scene.triggerUpdate();\n      }\n\n      if (pointerDownState.drag.hasOccurred) {\n        const sceneCoords = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.viewportCoordsToSceneCoords)(childEvent, this.state); // when editing the points of a linear element, we check if the\n        // linear element still is in the frame afterwards\n        // if not, the linear element will be removed from its frame (if any)\n\n        if (this.state.selectedLinearElement && this.state.selectedLinearElement.isDragging) {\n          const linearElement = this.scene.getElement(this.state.selectedLinearElement.elementId);\n\n          if (linearElement === null || linearElement === void 0 ? void 0 : linearElement.frameId) {\n            const frame = (0,_excalidraw_element_frame__WEBPACK_IMPORTED_MODULE_22__.getContainingFrame)(linearElement, elementsMap);\n\n            if (frame && linearElement) {\n              if (!(0,_excalidraw_element_frame__WEBPACK_IMPORTED_MODULE_22__.elementOverlapsWithFrame)(linearElement, frame, this.scene.getNonDeletedElementsMap())) {\n                // remove the linear element from all groups\n                // before removing it from the frame as well\n                (0,_excalidraw_element_mutateElement__WEBPACK_IMPORTED_MODULE_12__.mutateElement)(linearElement, {\n                  groupIds: []\n                });\n                (0,_excalidraw_element_frame__WEBPACK_IMPORTED_MODULE_22__.removeElementsFromFrame)([linearElement], this.scene.getNonDeletedElementsMap());\n                this.scene.triggerUpdate();\n              }\n            }\n          }\n        } else {\n          // update the relationships between selected elements and frames\n          const topLayerFrame = this.getTopLayerFrameAtSceneCoords(sceneCoords);\n          const selectedElements = this.scene.getSelectedElements(this.state);\n          let nextElements = this.scene.getElementsMapIncludingDeleted();\n\n          const updateGroupIdsAfterEditingGroup = elements => {\n            if (elements.length > 0) {\n              for (const element of elements) {\n                const index = element.groupIds.indexOf(this.state.editingGroupId);\n                (0,_excalidraw_element_mutateElement__WEBPACK_IMPORTED_MODULE_12__.mutateElement)(element, {\n                  groupIds: element.groupIds.slice(0, index)\n                }, false);\n              }\n\n              nextElements.forEach(element => {\n                if (element.groupIds.length && (0,_excalidraw_element_groups__WEBPACK_IMPORTED_MODULE_31__.getElementsInGroup)(nextElements, element.groupIds[element.groupIds.length - 1]).length < 2) {\n                  (0,_excalidraw_element_mutateElement__WEBPACK_IMPORTED_MODULE_12__.mutateElement)(element, {\n                    groupIds: []\n                  }, false);\n                }\n              });\n              this.setState({\n                editingGroupId: null\n              });\n            }\n          };\n\n          if (topLayerFrame && !this.state.selectedElementIds[topLayerFrame.id]) {\n            const elementsToAdd = selectedElements.filter(element => element.frameId !== topLayerFrame.id && (0,_excalidraw_element_frame__WEBPACK_IMPORTED_MODULE_22__.isElementInFrame)(element, nextElements, this.state));\n\n            if (this.state.editingGroupId) {\n              updateGroupIdsAfterEditingGroup(elementsToAdd);\n            }\n\n            nextElements = (0,_excalidraw_element_frame__WEBPACK_IMPORTED_MODULE_22__.addElementsToFrame)(nextElements, elementsToAdd, topLayerFrame, this.state);\n          } else if (!topLayerFrame) {\n            if (this.state.editingGroupId) {\n              const elementsToRemove = selectedElements.filter(element => element.frameId && !(0,_excalidraw_element_frame__WEBPACK_IMPORTED_MODULE_22__.isElementInFrame)(element, nextElements, this.state));\n              updateGroupIdsAfterEditingGroup(elementsToRemove);\n            }\n          }\n\n          nextElements = (0,_excalidraw_element_frame__WEBPACK_IMPORTED_MODULE_22__.updateFrameMembershipOfSelectedElements)(nextElements, this.state, this);\n          this.scene.replaceAllElements(nextElements);\n        }\n      }\n\n      if (resizingElement) {\n        this.store.shouldCaptureIncrement();\n      }\n\n      if (resizingElement && (0,_excalidraw_element_sizeHelpers__WEBPACK_IMPORTED_MODULE_16__.isInvisiblySmallElement)(resizingElement)) {\n        // update the store snapshot, so that invisible elements are not captured by the store\n        this.updateScene({\n          elements: this.scene.getElementsIncludingDeleted().filter(el => el.id !== resizingElement.id),\n          captureUpdate: _store__WEBPACK_IMPORTED_MODULE_76__.CaptureUpdateAction.NEVER\n        });\n      } // handle frame membership for resizing frames and/or selected elements\n\n\n      if (pointerDownState.resize.isResizing) {\n        let nextElements = (0,_excalidraw_element_frame__WEBPACK_IMPORTED_MODULE_22__.updateFrameMembershipOfSelectedElements)(this.scene.getElementsIncludingDeleted(), this.state, this);\n        const selectedFrames = this.scene.getSelectedElements(this.state).filter(element => (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isFrameLikeElement)(element));\n\n        for (const frame of selectedFrames) {\n          nextElements = (0,_excalidraw_element_frame__WEBPACK_IMPORTED_MODULE_22__.replaceAllElementsInFrame)(nextElements, (0,_excalidraw_element_frame__WEBPACK_IMPORTED_MODULE_22__.getElementsInResizingFrame)(this.scene.getElementsIncludingDeleted(), frame, this.state, elementsMap), frame, this);\n        }\n\n        this.scene.replaceAllElements(nextElements);\n      } // Code below handles selection when element(s) weren't\n      // drag or added to selection on pointer down phase.\n\n\n      const hitElement = pointerDownState.hit.element;\n\n      if (((_k = this.state.selectedLinearElement) === null || _k === void 0 ? void 0 : _k.elementId) !== (hitElement === null || hitElement === void 0 ? void 0 : hitElement.id) && (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isLinearElement)(hitElement)) {\n        const selectedElements = this.scene.getSelectedElements(this.state); // set selectedLinearElement when no other element selected except\n        // the one we've hit\n\n        if (selectedElements.length === 1) {\n          this.setState({\n            selectedLinearElement: new _excalidraw_element_linearElementEditor__WEBPACK_IMPORTED_MODULE_11__.LinearElementEditor(hitElement)\n          });\n        }\n      } // click outside the cropping region to exit\n\n\n      if ( // not in the cropping mode at all\n      !croppingElementId || // in the cropping mode\n      croppingElementId && ( // not cropping and no hit element\n      !hitElement && !isCropping || // hitting something else\n      hitElement && hitElement.id !== croppingElementId)) {\n        this.finishImageCropping();\n      }\n\n      const pointerStart = this.lastPointerDownEvent;\n      const pointerEnd = this.lastPointerUpEvent || this.lastPointerMoveEvent;\n\n      if ((0,_appState__WEBPACK_IMPORTED_MODULE_53__.isEraserActive)(this.state) && pointerStart && pointerEnd) {\n        this.eraserTrail.endPath();\n        const draggedDistance = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.pointDistance)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.pointFrom)(pointerStart.clientX, pointerStart.clientY), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.pointFrom)(pointerEnd.clientX, pointerEnd.clientY));\n\n        if (draggedDistance === 0) {\n          const scenePointer = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.viewportCoordsToSceneCoords)({\n            clientX: pointerEnd.clientX,\n            clientY: pointerEnd.clientY\n          }, this.state);\n          const hitElements = this.getElementsAtPosition(scenePointer.x, scenePointer.y);\n          hitElements.forEach(hitElement => this.elementsPendingErasure.add(hitElement.id));\n        }\n\n        this.eraseElements();\n        return;\n      } else if (this.elementsPendingErasure.size) {\n        this.restoreReadyToEraseElements();\n      }\n\n      if (hitElement && !pointerDownState.drag.hasOccurred && !pointerDownState.hit.wasAddedToSelection && ( // if we're editing a line, pointerup shouldn't switch selection if\n      // box selected\n      !this.state.editingLinearElement || !pointerDownState.boxSelection.hasOccurred)) {\n        // when inside line editor, shift selects points instead\n        if (childEvent.shiftKey && !this.state.editingLinearElement) {\n          if (this.state.selectedElementIds[hitElement.id]) {\n            if ((0,_excalidraw_element_groups__WEBPACK_IMPORTED_MODULE_31__.isSelectedViaGroup)(this.state, hitElement)) {\n              this.setState(_prevState => {\n                const nextSelectedElementIds = Object.assign({}, _prevState.selectedElementIds); // We want to unselect all groups hitElement is part of\n                // as well as all elements that are part of the groups\n                // hitElement is part of\n\n                for (const groupedElement of hitElement.groupIds.flatMap(groupId => (0,_excalidraw_element_groups__WEBPACK_IMPORTED_MODULE_31__.getElementsInGroup)(this.scene.getNonDeletedElements(), groupId))) {\n                  delete nextSelectedElementIds[groupedElement.id];\n                }\n\n                return {\n                  selectedGroupIds: Object.assign(Object.assign({}, _prevState.selectedElementIds), hitElement.groupIds.map(gId => ({\n                    [gId]: false\n                  })).reduce((prev, acc) => Object.assign(Object.assign({}, prev), acc), {})),\n                  selectedElementIds: (0,_excalidraw_element_selection__WEBPACK_IMPORTED_MODULE_33__.makeNextSelectedElementIds)(nextSelectedElementIds, _prevState)\n                };\n              }); // if not dragging a linear element point (outside editor)\n            } else if (!((_l = this.state.selectedLinearElement) === null || _l === void 0 ? void 0 : _l.isDragging)) {\n              // remove element from selection while\n              // keeping prev elements selected\n              this.setState(prevState => {\n                const newSelectedElementIds = Object.assign({}, prevState.selectedElementIds);\n                delete newSelectedElementIds[hitElement.id];\n                const newSelectedElements = (0,_scene__WEBPACK_IMPORTED_MODULE_61__.getSelectedElements)(this.scene.getNonDeletedElements(), {\n                  selectedElementIds: newSelectedElementIds\n                });\n                return Object.assign(Object.assign({}, (0,_excalidraw_element_groups__WEBPACK_IMPORTED_MODULE_31__.selectGroupsForSelectedElements)({\n                  editingGroupId: prevState.editingGroupId,\n                  selectedElementIds: newSelectedElementIds\n                }, this.scene.getNonDeletedElements(), prevState, this)), {\n                  // set selectedLinearElement only if thats the only element selected\n                  selectedLinearElement: newSelectedElements.length === 1 && (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isLinearElement)(newSelectedElements[0]) ? new _excalidraw_element_linearElementEditor__WEBPACK_IMPORTED_MODULE_11__.LinearElementEditor(newSelectedElements[0]) : prevState.selectedLinearElement\n                });\n              });\n            }\n          } else if (hitElement.frameId && this.state.selectedElementIds[hitElement.frameId]) {\n            // when hitElement is part of a selected frame, deselect the frame\n            // to avoid frame and containing elements selected simultaneously\n            this.setState(prevState => {\n              var _a, _b;\n\n              const nextSelectedElementIds = Object.assign(Object.assign({}, prevState.selectedElementIds), {\n                [hitElement.id]: true\n              }); // deselect the frame\n\n              delete nextSelectedElementIds[hitElement.frameId]; // deselect groups containing the frame\n\n              ((_b = (_a = this.scene.getElement(hitElement.frameId)) === null || _a === void 0 ? void 0 : _a.groupIds) !== null && _b !== void 0 ? _b : []).flatMap(gid => (0,_excalidraw_element_groups__WEBPACK_IMPORTED_MODULE_31__.getElementsInGroup)(this.scene.getNonDeletedElements(), gid)).forEach(element => {\n                delete nextSelectedElementIds[element.id];\n              });\n              return Object.assign(Object.assign({}, (0,_excalidraw_element_groups__WEBPACK_IMPORTED_MODULE_31__.selectGroupsForSelectedElements)({\n                editingGroupId: prevState.editingGroupId,\n                selectedElementIds: nextSelectedElementIds\n              }, this.scene.getNonDeletedElements(), prevState, this)), {\n                showHyperlinkPopup: hitElement.link || (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isEmbeddableElement)(hitElement) ? \"info\" : false\n              });\n            });\n          } else {\n            // add element to selection while keeping prev elements selected\n            this.setState(_prevState => ({\n              selectedElementIds: (0,_excalidraw_element_selection__WEBPACK_IMPORTED_MODULE_33__.makeNextSelectedElementIds)(Object.assign(Object.assign({}, _prevState.selectedElementIds), {\n                [hitElement.id]: true\n              }), _prevState)\n            }));\n          }\n        } else {\n          this.setState(prevState => {\n            var _a;\n\n            return Object.assign(Object.assign({}, (0,_excalidraw_element_groups__WEBPACK_IMPORTED_MODULE_31__.selectGroupsForSelectedElements)({\n              editingGroupId: prevState.editingGroupId,\n              selectedElementIds: {\n                [hitElement.id]: true\n              }\n            }, this.scene.getNonDeletedElements(), prevState, this)), {\n              selectedLinearElement: (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isLinearElement)(hitElement) && // Don't set `selectedLinearElement` if its same as the hitElement, this is mainly to prevent resetting the `hoverPointIndex` to -1.\n              // Future we should update the API to take care of setting the correct `hoverPointIndex` when initialized\n              ((_a = prevState.selectedLinearElement) === null || _a === void 0 ? void 0 : _a.elementId) !== hitElement.id ? new _excalidraw_element_linearElementEditor__WEBPACK_IMPORTED_MODULE_11__.LinearElementEditor(hitElement) : prevState.selectedLinearElement\n            });\n          });\n        }\n      }\n\n      if ( // do not clear selection if lasso is active\n      this.state.activeTool.type !== \"lasso\" && // not elbow midpoint dragged\n      !(hitElement && (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isElbowArrow)(hitElement)) && // not dragged\n      !pointerDownState.drag.hasOccurred && // not resized\n      !this.state.isResizing && ( // only hitting the bounding box of the previous hit element\n      hitElement && (0,_excalidraw_element_collision__WEBPACK_IMPORTED_MODULE_23__.hitElementBoundingBoxOnly)({\n        x: pointerDownState.origin.x,\n        y: pointerDownState.origin.y,\n        element: hitElement,\n        shape: (0,_excalidraw_element_shapes__WEBPACK_IMPORTED_MODULE_17__.getElementShape)(hitElement, this.scene.getNonDeletedElementsMap()),\n        threshold: this.getElementHitThreshold(),\n        frameNameBound: (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isFrameLikeElement)(hitElement) ? this.frameNameBoundsCache.get(hitElement) : null\n      }, elementsMap) || !hitElement && pointerDownState.hit.hasHitCommonBoundingBoxOfSelectedElements)) {\n        if (this.state.editingLinearElement) {\n          this.setState({\n            editingLinearElement: null\n          });\n        } else {\n          // Deselect selected elements\n          this.setState({\n            selectedElementIds: (0,_excalidraw_element_selection__WEBPACK_IMPORTED_MODULE_33__.makeNextSelectedElementIds)({}, this.state),\n            selectedGroupIds: {},\n            editingGroupId: null,\n            activeEmbeddable: null\n          });\n        } // reset cursor\n\n\n        (0,_cursor__WEBPACK_IMPORTED_MODULE_73__.setCursor)(this.interactiveCanvas, _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.CURSOR_TYPE.AUTO);\n        return;\n      }\n\n      if (!activeTool.locked && activeTool.type !== \"freedraw\" && newElement) {\n        this.setState(prevState => ({\n          selectedElementIds: (0,_excalidraw_element_selection__WEBPACK_IMPORTED_MODULE_33__.makeNextSelectedElementIds)(Object.assign(Object.assign({}, prevState.selectedElementIds), {\n            [newElement.id]: true\n          }), prevState),\n          showHyperlinkPopup: (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isEmbeddableElement)(newElement) && !newElement.link ? \"editor\" : prevState.showHyperlinkPopup\n        }));\n      }\n\n      if (activeTool.type !== \"selection\" || (0,_scene__WEBPACK_IMPORTED_MODULE_61__.isSomeElementSelected)(this.scene.getNonDeletedElements(), this.state) || !(0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.isShallowEqual)(this.state.previousSelectedElementIds, this.state.selectedElementIds)) {\n        this.store.shouldCaptureIncrement();\n      }\n\n      if (pointerDownState.drag.hasOccurred || isResizing || isRotating || isCropping) {\n        // We only allow binding via linear elements, specifically via dragging\n        // the endpoints (\"start\" or \"end\").\n        const linearElements = this.scene.getSelectedElements(this.state).filter(_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isLinearElement);\n        (0,_excalidraw_element_binding__WEBPACK_IMPORTED_MODULE_10__.bindOrUnbindLinearElements)(linearElements, this.scene.getNonDeletedElementsMap(), this.scene.getNonDeletedElements(), this.scene, (0,_excalidraw_element_binding__WEBPACK_IMPORTED_MODULE_10__.isBindingEnabled)(this.state), (_o = (_m = this.state.selectedLinearElement) === null || _m === void 0 ? void 0 : _m.selectedPointsIndices) !== null && _o !== void 0 ? _o : [], this.state.zoom);\n      }\n\n      if (activeTool.type === \"laser\") {\n        this.laserTrails.endPath();\n        return;\n      }\n\n      if (!activeTool.locked && activeTool.type !== \"freedraw\" && (activeTool.type !== \"lasso\" || // if lasso is turned on but from selection => reset to selection\n      activeTool.type === \"lasso\" && activeTool.fromSelection)) {\n        (0,_cursor__WEBPACK_IMPORTED_MODULE_73__.resetCursor)(this.interactiveCanvas);\n        this.setState({\n          newElement: null,\n          suggestedBindings: [],\n          activeTool: (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.updateActiveTool)(this.state, {\n            type: \"selection\"\n          })\n        });\n      } else {\n        this.setState({\n          newElement: null,\n          suggestedBindings: []\n        });\n      }\n\n      if (hitElement && this.lastPointerUpEvent && this.lastPointerDownEvent && this.lastPointerUpEvent.timeStamp - this.lastPointerDownEvent.timeStamp < 300 && gesture.pointers.size <= 1 && (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isIframeLikeElement)(hitElement) && this.isIframeLikeElementCenter(hitElement, this.lastPointerUpEvent, pointerDownState.origin.x, pointerDownState.origin.y)) {\n        this.handleEmbeddableCenterClick(hitElement);\n      }\n    });\n  } //zsviczian - published on API\n\n\n  setSelection(elements) {\n    const selectedElementIds = {};\n    const selectedGroupIds = {};\n    elements.forEach(ele => {\n      if (ele.groupIds.length) {\n        selectedElementIds[ele.id] = true;\n        ele.groupIds.forEach(id => {\n          selectedGroupIds[id] = true;\n        });\n      } // exclude bound text elements as we don't mark them as selected when\n      // container is selected unless in group\n      else if (!(0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isBoundToContainer)(ele)) {\n        selectedElementIds[ele.id] = true;\n      }\n    });\n    this.setState({\n      previousSelectedElementIds: this.state.selectedElementIds,\n      selectedElementIds,\n      selectedGroupIds\n    });\n  }\n\n  clearSelection(hitElement) {\n    this.setState(prevState => ({\n      selectedElementIds: (0,_excalidraw_element_selection__WEBPACK_IMPORTED_MODULE_33__.makeNextSelectedElementIds)({}, prevState),\n      activeEmbeddable: null,\n      selectedGroupIds: {},\n      // Continue editing the same group if the user selected a different\n      // element from it\n      editingGroupId: prevState.editingGroupId && hitElement != null && (0,_excalidraw_element_groups__WEBPACK_IMPORTED_MODULE_31__.isElementInGroup)(hitElement, prevState.editingGroupId) ? prevState.editingGroupId : null\n    }));\n    this.setState({\n      selectedElementIds: (0,_excalidraw_element_selection__WEBPACK_IMPORTED_MODULE_33__.makeNextSelectedElementIds)({}, this.state),\n      activeEmbeddable: null,\n      previousSelectedElementIds: this.state.selectedElementIds\n    });\n  }\n\n  getTextWysiwygSnappedToCenterPosition(x, y, appState, container) {\n    if (container) {\n      let elementCenterX = container.x + container.width / 2;\n      let elementCenterY = container.y + container.height / 2;\n      const elementCenter = (0,_excalidraw_element_textElement__WEBPACK_IMPORTED_MODULE_20__.getContainerCenter)(container, appState, this.scene.getNonDeletedElementsMap());\n\n      if (elementCenter) {\n        elementCenterX = elementCenter.x;\n        elementCenterY = elementCenter.y;\n      }\n\n      const distanceToCenter = Math.hypot(x - elementCenterX, y - elementCenterY);\n      const isSnappedToCenter = distanceToCenter < _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.TEXT_TO_CENTER_SNAP_THRESHOLD;\n\n      if (isSnappedToCenter) {\n        const {\n          x: viewportX,\n          y: viewportY\n        } = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.sceneCoordsToViewportCoords)({\n          sceneX: elementCenterX,\n          sceneY: elementCenterY\n        }, appState);\n        return {\n          viewportX,\n          viewportY,\n          elementCenterX,\n          elementCenterY\n        };\n      }\n    }\n  }\n\n  getCanvasOffsets() {\n    var _a;\n\n    if ((_a = this.excalidrawContainerRef) === null || _a === void 0 ? void 0 : _a.current) {\n      const excalidrawContainer = this.excalidrawContainerRef.current;\n      const {\n        left,\n        top\n      } = excalidrawContainer.getBoundingClientRect();\n      return {\n        offsetLeft: left,\n        offsetTop: top\n      };\n    }\n\n    return {\n      offsetLeft: 0,\n      offsetTop: 0\n    };\n  }\n\n  async updateLanguage() {\n    const currentLang = _i18n__WEBPACK_IMPORTED_MODULE_60__.languages.find(lang => lang.code === this.props.langCode) || _i18n__WEBPACK_IMPORTED_MODULE_60__.defaultLang;\n    await (0,_i18n__WEBPACK_IMPORTED_MODULE_60__.setLanguage)(currentLang);\n    this.setAppState({});\n  }\n\n} // -----------------------------------------------------------------------------\n// TEST HOOKS\n// -----------------------------------------------------------------------------\n\n/* //zsviczian - I get a type error on h, but anyway I don't need this test hook\r\ndeclare global {\r\n  interface Window {\r\n    h: {\r\n      scene: Scene;\r\n      elements: readonly ExcalidrawElement[];\r\n      state: AppState;\r\n      setState: React.Component<any, AppState>[\"setState\"];\r\n      app: InstanceType<typeof App>;\r\n      history: History;\r\n      store: Store;\r\n    };\r\n  }\r\n}\r\n\r\nexport const createTestHook = () => {\r\n  if (isTestEnv() || isDevEnv()) {\r\n    window.h = window.h || ({} as Window[\"h\"]);\r\n\r\n    Object.defineProperties(window.h, {\r\n      elements: {\r\n        configurable: true,\r\n        get() {\r\n          return this.app?.scene.getElementsIncludingDeleted();\r\n        },\r\n        set(elements: ExcalidrawElement[]) {\r\n          return this.app?.scene.replaceAllElements(\r\n            syncInvalidIndices(elements),\r\n          );\r\n        },\r\n      },\r\n      scene: {\r\n        configurable: true,\r\n        get() {\r\n          return this.app?.scene;\r\n        },\r\n      },\r\n    });\r\n  }\r\n};\r\n\r\ncreateTestHook();\r\n*/\n\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (App);\n\n//# sourceURL=webpack://ExcalidrawLib/./components/App.tsx?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   ExcalidrawContainerContext: () => (/* binding */ ExcalidrawContainerContext),\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__),\n/* harmony export */   useApp: () => (/* binding */ useApp),\n/* harmony export */   useAppProps: () => (/* binding */ useAppProps),\n/* harmony export */   useDevice: () => (/* binding */ useDevice),\n/* harmony export */   useExcalidrawActionManager: () => (/* binding */ useExcalidrawActionManager),\n/* harmony export */   useExcalidrawAppState: () => (/* binding */ useExcalidrawAppState),\n/* harmony export */   useExcalidrawContainer: () => (/* binding */ useExcalidrawContainer),\n/* harmony export */   useExcalidrawElements: () => (/* binding */ useExcalidrawElements),\n/* harmony export */   useExcalidrawSetAppState: () => (/* binding */ useExcalidrawSetAppState)\n/* harmony export */ });\n/* harmony import */ var clsx__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! clsx */ \"../../node_modules/clsx/dist/clsx.m.js\");\n/* harmony import */ var lodash_throttle__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! lodash.throttle */ \"../../node_modules/lodash.throttle/index.js\");\n/* harmony import */ var lodash_throttle__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(lodash_throttle__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react-dom */ \"react-dom\");\n/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_dom__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var roughjs_bin_rough__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! roughjs/bin/rough */ \"../../node_modules/roughjs/bin/rough.js\");\n/* harmony import */ var nanoid__WEBPACK_IMPORTED_MODULE_103__ = __webpack_require__(/*! nanoid */ \"./node_modules/nanoid/index.browser.js\");\n/* harmony import */ var _excalidraw_math__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @excalidraw/math */ \"../math/src/index.ts\");\n/* harmony import */ var _excalidraw_utils_collision__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @excalidraw/utils/collision */ \"../utils/src/collision.ts\");\n/* harmony import */ var _excalidraw_utils_shape__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @excalidraw/utils/shape */ \"../utils/src/shape.ts\");\n/* harmony import */ var _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @excalidraw/common */ \"../common/src/index.ts\");\n/* harmony import */ var _excalidraw_element_bounds__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @excalidraw/element/bounds */ \"../element/src/bounds.ts\");\n/* harmony import */ var _excalidraw_element_binding__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @excalidraw/element/binding */ \"../element/src/binding.ts\");\n/* harmony import */ var _excalidraw_element_linearElementEditor__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! @excalidraw/element/linearElementEditor */ \"../element/src/linearElementEditor.ts\");\n/* harmony import */ var _excalidraw_element_mutateElement__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! @excalidraw/element/mutateElement */ \"../element/src/mutateElement.ts\");\n/* harmony import */ var _excalidraw_element_newElement__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! @excalidraw/element/newElement */ \"../element/src/newElement.ts\");\n/* harmony import */ var _excalidraw_element_duplicate__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! @excalidraw/element/duplicate */ \"../element/src/duplicate.ts\");\n/* harmony import */ var _excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! @excalidraw/element/typeChecks */ \"../element/src/typeChecks.ts\");\n/* harmony import */ var _excalidraw_element_sizeHelpers__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! @excalidraw/element/sizeHelpers */ \"../element/src/sizeHelpers.ts\");\n/* harmony import */ var _excalidraw_element_shapes__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! @excalidraw/element/shapes */ \"../element/src/shapes.ts\");\n/* harmony import */ var _excalidraw_element_embeddable__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! @excalidraw/element/embeddable */ \"../element/src/embeddable.ts\");\n/* harmony import */ var _excalidraw_element_image__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! @excalidraw/element/image */ \"../element/src/image.ts\");\n/* harmony import */ var _excalidraw_element_textElement__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! @excalidraw/element/textElement */ \"../element/src/textElement.ts\");\n/* harmony import */ var _excalidraw_element_transformHandles__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! @excalidraw/element/transformHandles */ \"../element/src/transformHandles.ts\");\n/* harmony import */ var _excalidraw_element_frame__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! @excalidraw/element/frame */ \"../element/src/frame.ts\");\n/* harmony import */ var _excalidraw_element_collision__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! @excalidraw/element/collision */ \"../element/src/collision.ts\");\n/* harmony import */ var _excalidraw_element_flowchart__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! @excalidraw/element/flowchart */ \"../element/src/flowchart.ts\");\n/* harmony import */ var _excalidraw_element_cropElement__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! @excalidraw/element/cropElement */ \"../element/src/cropElement.ts\");\n/* harmony import */ var _excalidraw_element_textWrapping__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! @excalidraw/element/textWrapping */ \"../element/src/textWrapping.ts\");\n/* harmony import */ var _excalidraw_element_elementLink__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! @excalidraw/element/elementLink */ \"../element/src/elementLink.ts\");\n/* harmony import */ var _excalidraw_element_textMeasurements__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! @excalidraw/element/textMeasurements */ \"../element/src/textMeasurements.ts\");\n/* harmony import */ var _excalidraw_element_ShapeCache__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! @excalidraw/element/ShapeCache */ \"../element/src/ShapeCache.ts\");\n/* harmony import */ var _excalidraw_element_renderElement__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! @excalidraw/element/renderElement */ \"../element/src/renderElement.ts\");\n/* harmony import */ var _excalidraw_element_groups__WEBPACK_IMPORTED_MODULE_31__ = __webpack_require__(/*! @excalidraw/element/groups */ \"../element/src/groups.ts\");\n/* harmony import */ var _excalidraw_element_fractionalIndex__WEBPACK_IMPORTED_MODULE_32__ = __webpack_require__(/*! @excalidraw/element/fractionalIndex */ \"../element/src/fractionalIndex.ts\");\n/* harmony import */ var _excalidraw_element_selection__WEBPACK_IMPORTED_MODULE_33__ = __webpack_require__(/*! @excalidraw/element/selection */ \"../element/src/selection.ts\");\n/* harmony import */ var _excalidraw_element_resizeElements__WEBPACK_IMPORTED_MODULE_34__ = __webpack_require__(/*! @excalidraw/element/resizeElements */ \"../element/src/resizeElements.ts\");\n/* harmony import */ var _excalidraw_element_resizeTest__WEBPACK_IMPORTED_MODULE_35__ = __webpack_require__(/*! @excalidraw/element/resizeTest */ \"../element/src/resizeTest.ts\");\n/* harmony import */ var _excalidraw_element_dragElements__WEBPACK_IMPORTED_MODULE_36__ = __webpack_require__(/*! @excalidraw/element/dragElements */ \"../element/src/dragElements.ts\");\n/* harmony import */ var _excalidraw_element__WEBPACK_IMPORTED_MODULE_37__ = __webpack_require__(/*! @excalidraw/element */ \"../element/src/index.ts\");\n/* harmony import */ var _actions__WEBPACK_IMPORTED_MODULE_38__ = __webpack_require__(/*! ../actions */ \"./actions/index.ts\");\n/* harmony import */ var _actions_actionBoundText__WEBPACK_IMPORTED_MODULE_39__ = __webpack_require__(/*! ../actions/actionBoundText */ \"./actions/actionBoundText.tsx\");\n/* harmony import */ var _actions_actionCanvas__WEBPACK_IMPORTED_MODULE_40__ = __webpack_require__(/*! ../actions/actionCanvas */ \"./actions/actionCanvas.tsx\");\n/* harmony import */ var _actions_actionClipboard__WEBPACK_IMPORTED_MODULE_41__ = __webpack_require__(/*! ../actions/actionClipboard */ \"./actions/actionClipboard.tsx\");\n/* harmony import */ var _actions_actionElementLink__WEBPACK_IMPORTED_MODULE_42__ = __webpack_require__(/*! ../actions/actionElementLink */ \"./actions/actionElementLink.ts\");\n/* harmony import */ var _actions_actionElementLock__WEBPACK_IMPORTED_MODULE_43__ = __webpack_require__(/*! ../actions/actionElementLock */ \"./actions/actionElementLock.ts\");\n/* harmony import */ var _actions_actionFrame__WEBPACK_IMPORTED_MODULE_44__ = __webpack_require__(/*! ../actions/actionFrame */ \"./actions/actionFrame.ts\");\n/* harmony import */ var _actions_actionHistory__WEBPACK_IMPORTED_MODULE_45__ = __webpack_require__(/*! ../actions/actionHistory */ \"./actions/actionHistory.tsx\");\n/* harmony import */ var _actions_actionTextAutoResize__WEBPACK_IMPORTED_MODULE_46__ = __webpack_require__(/*! ../actions/actionTextAutoResize */ \"./actions/actionTextAutoResize.ts\");\n/* harmony import */ var _actions_actionToggleViewMode__WEBPACK_IMPORTED_MODULE_47__ = __webpack_require__(/*! ../actions/actionToggleViewMode */ \"./actions/actionToggleViewMode.tsx\");\n/* harmony import */ var _actions_manager__WEBPACK_IMPORTED_MODULE_48__ = __webpack_require__(/*! ../actions/manager */ \"./actions/manager.tsx\");\n/* harmony import */ var _actions_register__WEBPACK_IMPORTED_MODULE_49__ = __webpack_require__(/*! ../actions/register */ \"./actions/register.ts\");\n/* harmony import */ var _actions_shortcuts__WEBPACK_IMPORTED_MODULE_50__ = __webpack_require__(/*! ../actions/shortcuts */ \"./actions/shortcuts.ts\");\n/* harmony import */ var _analytics__WEBPACK_IMPORTED_MODULE_51__ = __webpack_require__(/*! ../analytics */ \"./analytics.ts\");\n/* harmony import */ var _animation_frame_handler__WEBPACK_IMPORTED_MODULE_52__ = __webpack_require__(/*! ../animation-frame-handler */ \"./animation-frame-handler.ts\");\n/* harmony import */ var _appState__WEBPACK_IMPORTED_MODULE_53__ = __webpack_require__(/*! ../appState */ \"./appState.ts\");\n/* harmony import */ var _clipboard__WEBPACK_IMPORTED_MODULE_54__ = __webpack_require__(/*! ../clipboard */ \"./clipboard.ts\");\n/* harmony import */ var _data__WEBPACK_IMPORTED_MODULE_55__ = __webpack_require__(/*! ../data */ \"./data/index.ts\");\n/* harmony import */ var _data_library__WEBPACK_IMPORTED_MODULE_56__ = __webpack_require__(/*! ../data/library */ \"./data/library.ts\");\n/* harmony import */ var _data_restore__WEBPACK_IMPORTED_MODULE_57__ = __webpack_require__(/*! ../data/restore */ \"./data/restore.ts\");\n/* harmony import */ var _gesture__WEBPACK_IMPORTED_MODULE_58__ = __webpack_require__(/*! ../gesture */ \"./gesture.ts\");\n/* harmony import */ var _history__WEBPACK_IMPORTED_MODULE_59__ = __webpack_require__(/*! ../history */ \"./history.ts\");\n/* harmony import */ var _i18n__WEBPACK_IMPORTED_MODULE_60__ = __webpack_require__(/*! ../i18n */ \"./i18n.ts\");\n/* harmony import */ var _scene__WEBPACK_IMPORTED_MODULE_61__ = __webpack_require__(/*! ../scene */ \"./scene/index.ts\");\n/* harmony import */ var _scene_Scene__WEBPACK_IMPORTED_MODULE_62__ = __webpack_require__(/*! ../scene/Scene */ \"./scene/Scene.ts\");\n/* harmony import */ var _scene_zoom__WEBPACK_IMPORTED_MODULE_63__ = __webpack_require__(/*! ../scene/zoom */ \"./scene/zoom.ts\");\n/* harmony import */ var _data_blob__WEBPACK_IMPORTED_MODULE_64__ = __webpack_require__(/*! ../data/blob */ \"./data/blob.ts\");\n/* harmony import */ var _data_filesystem__WEBPACK_IMPORTED_MODULE_65__ = __webpack_require__(/*! ../data/filesystem */ \"./data/filesystem.ts\");\n/* harmony import */ var _components_hyperlink_Hyperlink__WEBPACK_IMPORTED_MODULE_66__ = __webpack_require__(/*! ../components/hyperlink/Hyperlink */ \"./components/hyperlink/Hyperlink.tsx\");\n/* harmony import */ var _fonts__WEBPACK_IMPORTED_MODULE_67__ = __webpack_require__(/*! ../fonts */ \"./fonts/index.ts\");\n/* harmony import */ var _editor_jotai__WEBPACK_IMPORTED_MODULE_68__ = __webpack_require__(/*! ../editor-jotai */ \"./editor-jotai.ts\");\n/* harmony import */ var _errors__WEBPACK_IMPORTED_MODULE_69__ = __webpack_require__(/*! ../errors */ \"./errors.ts\");\n/* harmony import */ var _snapping__WEBPACK_IMPORTED_MODULE_70__ = __webpack_require__(/*! ../snapping */ \"./snapping.ts\");\n/* harmony import */ var _data_transform__WEBPACK_IMPORTED_MODULE_71__ = __webpack_require__(/*! ../data/transform */ \"./data/transform.ts\");\n/* harmony import */ var _scene_Renderer__WEBPACK_IMPORTED_MODULE_72__ = __webpack_require__(/*! ../scene/Renderer */ \"./scene/Renderer.ts\");\n/* harmony import */ var _cursor__WEBPACK_IMPORTED_MODULE_73__ = __webpack_require__(/*! ../cursor */ \"./cursor.ts\");\n/* harmony import */ var _emitter__WEBPACK_IMPORTED_MODULE_74__ = __webpack_require__(/*! ../emitter */ \"./emitter.ts\");\n/* harmony import */ var _components_ElementCanvasButtons__WEBPACK_IMPORTED_MODULE_75__ = __webpack_require__(/*! ../components/ElementCanvasButtons */ \"./components/ElementCanvasButtons.tsx\");\n/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_76__ = __webpack_require__(/*! ../store */ \"./store.ts\");\n/* harmony import */ var _laser_trails__WEBPACK_IMPORTED_MODULE_77__ = __webpack_require__(/*! ../laser-trails */ \"./laser-trails.ts\");\n/* harmony import */ var _reactUtils__WEBPACK_IMPORTED_MODULE_78__ = __webpack_require__(/*! ../reactUtils */ \"./reactUtils.ts\");\n/* harmony import */ var _wysiwyg_textWysiwyg__WEBPACK_IMPORTED_MODULE_79__ = __webpack_require__(/*! ../wysiwyg/textWysiwyg */ \"./wysiwyg/textWysiwyg.tsx\");\n/* harmony import */ var _scene_scrollbars__WEBPACK_IMPORTED_MODULE_80__ = __webpack_require__(/*! ../scene/scrollbars */ \"./scene/scrollbars.ts\");\n/* harmony import */ var _mermaid__WEBPACK_IMPORTED_MODULE_81__ = __webpack_require__(/*! ../mermaid */ \"./mermaid.ts\");\n/* harmony import */ var _lasso__WEBPACK_IMPORTED_MODULE_82__ = __webpack_require__(/*! ../lasso */ \"./lasso/index.ts\");\n/* harmony import */ var _eraser__WEBPACK_IMPORTED_MODULE_83__ = __webpack_require__(/*! ../eraser */ \"./eraser/index.ts\");\n/* harmony import */ var _ActiveConfirmDialog__WEBPACK_IMPORTED_MODULE_84__ = __webpack_require__(/*! ./ActiveConfirmDialog */ \"./components/ActiveConfirmDialog.tsx\");\n/* harmony import */ var _BraveMeasureTextError__WEBPACK_IMPORTED_MODULE_85__ = __webpack_require__(/*! ./BraveMeasureTextError */ \"./components/BraveMeasureTextError.tsx\");\n/* harmony import */ var _ContextMenu__WEBPACK_IMPORTED_MODULE_86__ = __webpack_require__(/*! ./ContextMenu */ \"./components/ContextMenu.tsx\");\n/* harmony import */ var _EyeDropper__WEBPACK_IMPORTED_MODULE_87__ = __webpack_require__(/*! ./EyeDropper */ \"./components/EyeDropper.tsx\");\n/* harmony import */ var _FollowMode_FollowMode__WEBPACK_IMPORTED_MODULE_88__ = __webpack_require__(/*! ./FollowMode/FollowMode */ \"./components/FollowMode/FollowMode.tsx\");\n/* harmony import */ var _LayerUI__WEBPACK_IMPORTED_MODULE_89__ = __webpack_require__(/*! ./LayerUI */ \"./components/LayerUI.tsx\");\n/* harmony import */ var _MagicButton__WEBPACK_IMPORTED_MODULE_90__ = __webpack_require__(/*! ./MagicButton */ \"./components/MagicButton.tsx\");\n/* harmony import */ var _SVGLayer__WEBPACK_IMPORTED_MODULE_91__ = __webpack_require__(/*! ./SVGLayer */ \"./components/SVGLayer.tsx\");\n/* harmony import */ var _SearchMenu__WEBPACK_IMPORTED_MODULE_92__ = __webpack_require__(/*! ./SearchMenu */ \"./components/SearchMenu.tsx\");\n/* harmony import */ var _Sidebar_Sidebar__WEBPACK_IMPORTED_MODULE_93__ = __webpack_require__(/*! ./Sidebar/Sidebar */ \"./components/Sidebar/Sidebar.tsx\");\n/* harmony import */ var _canvases__WEBPACK_IMPORTED_MODULE_94__ = __webpack_require__(/*! ./canvases */ \"./components/canvases/index.tsx\");\n/* harmony import */ var _canvases_NewElementCanvas__WEBPACK_IMPORTED_MODULE_95__ = __webpack_require__(/*! ./canvases/NewElementCanvas */ \"./components/canvases/NewElementCanvas.tsx\");\n/* harmony import */ var _hyperlink_helpers__WEBPACK_IMPORTED_MODULE_96__ = __webpack_require__(/*! ./hyperlink/helpers */ \"./components/hyperlink/helpers.ts\");\n/* harmony import */ var _icons__WEBPACK_IMPORTED_MODULE_97__ = __webpack_require__(/*! ./icons */ \"./components/icons.tsx\");\n/* harmony import */ var _Toast__WEBPACK_IMPORTED_MODULE_98__ = __webpack_require__(/*! ./Toast */ \"./components/Toast.tsx\");\n/* harmony import */ var _shapes__WEBPACK_IMPORTED_MODULE_99__ = __webpack_require__(/*! ./shapes */ \"./components/shapes.tsx\");\n/* harmony import */ var _obsidianUtils__WEBPACK_IMPORTED_MODULE_100__ = __webpack_require__(/*! ../obsidianUtils */ \"./obsidianUtils.ts\");\n/* harmony import */ var _Tooltip__WEBPACK_IMPORTED_MODULE_101__ = __webpack_require__(/*! ./Tooltip */ \"./components/Tooltip.tsx\");\n/* harmony import */ var _actions_actionProperties__WEBPACK_IMPORTED_MODULE_102__ = __webpack_require__(/*! ../actions/actionProperties */ \"./actions/actionProperties.tsx\");\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nconst AppContext = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createContext(null);\nconst AppPropsContext = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createContext(null);\nconst deviceContextInitialValue = {\n  viewport: {\n    isMobile: false,\n    isLandscape: false\n  },\n  editor: {\n    isMobile: false,\n    canFitSidebar: false\n  },\n  isTouchScreen: false\n};\nconst DeviceContext = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createContext(deviceContextInitialValue);\nDeviceContext.displayName = \"DeviceContext\";\nconst ExcalidrawContainerContext = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createContext({\n  container: null,\n  id: null\n});\nExcalidrawContainerContext.displayName = \"ExcalidrawContainerContext\";\nconst ExcalidrawElementsContext = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createContext([]);\nExcalidrawElementsContext.displayName = \"ExcalidrawElementsContext\";\nconst ExcalidrawAppStateContext = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createContext(Object.assign(Object.assign({}, (0,_appState__WEBPACK_IMPORTED_MODULE_53__.getDefaultAppState)()), {\n  width: 0,\n  height: 0,\n  offsetLeft: 0,\n  offsetTop: 0\n}));\nExcalidrawAppStateContext.displayName = \"ExcalidrawAppStateContext\";\nconst ExcalidrawSetAppStateContext = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createContext(() => {\n  console.warn(\"Uninitialized ExcalidrawSetAppStateContext context!\");\n});\nExcalidrawSetAppStateContext.displayName = \"ExcalidrawSetAppStateContext\";\nconst ExcalidrawActionManagerContext = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createContext(null);\nExcalidrawActionManagerContext.displayName = \"ExcalidrawActionManagerContext\";\nconst useApp = () => (0,react__WEBPACK_IMPORTED_MODULE_2__.useContext)(AppContext);\nconst useAppProps = () => (0,react__WEBPACK_IMPORTED_MODULE_2__.useContext)(AppPropsContext);\nconst useDevice = () => (0,react__WEBPACK_IMPORTED_MODULE_2__.useContext)(DeviceContext);\nconst useExcalidrawContainer = () => (0,react__WEBPACK_IMPORTED_MODULE_2__.useContext)(ExcalidrawContainerContext);\nconst useExcalidrawElements = () => (0,react__WEBPACK_IMPORTED_MODULE_2__.useContext)(ExcalidrawElementsContext);\nconst useExcalidrawAppState = () => (0,react__WEBPACK_IMPORTED_MODULE_2__.useContext)(ExcalidrawAppStateContext);\nconst useExcalidrawSetAppState = () => (0,react__WEBPACK_IMPORTED_MODULE_2__.useContext)(ExcalidrawSetAppStateContext);\nconst useExcalidrawActionManager = () => (0,react__WEBPACK_IMPORTED_MODULE_2__.useContext)(ExcalidrawActionManagerContext);\nlet didTapTwice = false;\nlet tappedTwiceTimer = 0;\nlet isHoldingSpace = false;\nlet isPanning = false;\nlet isDraggingScrollBar = false;\nlet currentScrollBars = {\n  horizontal: null,\n  vertical: null\n};\nlet touchTimeout = 0;\nlet invalidateContextMenu = false;\n/**\r\n * Map of youtube embed video states\r\n */\n\nconst YOUTUBE_VIDEO_STATES = new Map();\nlet IS_PLAIN_PASTE = false;\nlet IS_PLAIN_PASTE_TIMER = 0;\nlet PLAIN_PASTE_TOAST_SHOWN = false;\nlet lastPointerUp = null;\nconst gesture = {\n  pointers: new Map(),\n  lastCenter: null,\n  initialDistance: null,\n  initialScale: null\n};\n\nclass App extends (react__WEBPACK_IMPORTED_MODULE_2___default().Component) {\n  constructor(props) {\n    super(props);\n    this.interactiveCanvas = null;\n    this.unmounted = false;\n    this.device = deviceContextInitialValue;\n    this.excalidrawContainerRef = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createRef();\n    this.files = {};\n    this.imageCache = new Map();\n    this.iFrameRefs = new Map();\n    /**\r\n     * Indicates whether the embeddable's url has been validated for rendering.\r\n     * If value not set, indicates that the validation is pending.\r\n     * Initially or on url change the flag is not reset so that we can guarantee\r\n     * the validation came from a trusted source (the editor).\r\n     **/\n\n    this.embedsValidationStatus = new Map();\n    /** embeds that have been inserted to DOM (as a perf optim, we don't want to\r\n     * insert to DOM before user initially scrolls to them) */\n\n    this.initializedEmbeds = new Set();\n    this.elementsPendingErasure = new Set();\n    this.flowChartCreator = new _excalidraw_element_flowchart__WEBPACK_IMPORTED_MODULE_24__.FlowChartCreator();\n    this.flowChartNavigator = new _excalidraw_element_flowchart__WEBPACK_IMPORTED_MODULE_24__.FlowChartNavigator();\n    this.lastPointerDownEvent = null;\n    this.lastPointerUpEvent = null;\n    this.lastPointerMoveEvent = null;\n    this.lastPointerMoveCoords = null;\n    this.lastViewportPosition = {\n      x: 0,\n      y: 0\n    };\n    this.allowMobileMode = true; //zsviczian\n\n    this.animationFrameHandler = new _animation_frame_handler__WEBPACK_IMPORTED_MODULE_52__.AnimationFrameHandler();\n    this.laserTrails = new _laser_trails__WEBPACK_IMPORTED_MODULE_77__.LaserTrails(this.animationFrameHandler, this);\n    this.eraserTrail = new _eraser__WEBPACK_IMPORTED_MODULE_83__.EraserTrail(this.animationFrameHandler, this);\n    this.lassoTrail = new _lasso__WEBPACK_IMPORTED_MODULE_82__.LassoTrail(this.animationFrameHandler, this);\n    this.onChangeEmitter = new _emitter__WEBPACK_IMPORTED_MODULE_74__.Emitter();\n    this.onPointerDownEmitter = new _emitter__WEBPACK_IMPORTED_MODULE_74__.Emitter();\n    this.onPointerUpEmitter = new _emitter__WEBPACK_IMPORTED_MODULE_74__.Emitter();\n    this.onUserFollowEmitter = new _emitter__WEBPACK_IMPORTED_MODULE_74__.Emitter();\n    this.onScrollChangeEmitter = new _emitter__WEBPACK_IMPORTED_MODULE_74__.Emitter();\n    this.missingPointerEventCleanupEmitter = new _emitter__WEBPACK_IMPORTED_MODULE_74__.Emitter();\n    this.onRemoveEventListenersEmitter = new _emitter__WEBPACK_IMPORTED_MODULE_74__.Emitter();\n    /**\r\n     * Returns gridSize taking into account `gridModeEnabled`.\r\n     * If disabled, returns null.\r\n     */\n\n    this.getEffectiveGridSize = () => {\n      return (0,_snapping__WEBPACK_IMPORTED_MODULE_70__.isGridModeEnabled)(this) ? this.state.gridSize : null;\n    };\n\n    this.updateEmbedValidationStatus = (element, status) => {\n      this.embedsValidationStatus.set(element.id, status);\n      _excalidraw_element_ShapeCache__WEBPACK_IMPORTED_MODULE_29__.ShapeCache.delete(element);\n    };\n\n    this.updateEmbeddables = () => {\n      const iframeLikes = new Set();\n      let updated = false;\n      this.scene.getNonDeletedElements().filter(element => {\n        if ((0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isEmbeddableElement)(element)) {\n          iframeLikes.add(element.id);\n\n          if (!this.embedsValidationStatus.has(element.id)) {\n            updated = true;\n            const validated = (0,_excalidraw_element_embeddable__WEBPACK_IMPORTED_MODULE_18__.embeddableURLValidator)(element.link, this.props.validateEmbeddable);\n            this.updateEmbedValidationStatus(element, validated);\n          }\n        } else if ((0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isIframeElement)(element)) {\n          iframeLikes.add(element.id);\n        }\n\n        return false;\n      });\n\n      if (updated) {\n        this.scene.triggerUpdate();\n      } // GC\n\n\n      this.iFrameRefs.forEach((ref, id) => {\n        if (!iframeLikes.has(id)) {\n          this.iFrameRefs.delete(id);\n        }\n      });\n    };\n\n    this.getFrameNameDOMId = frameElement => {\n      return `${this.id}-frame-name-${frameElement.id}`;\n    };\n\n    this.frameNameBoundsCache = {\n      get: frameElement => {\n        let bounds = this.frameNameBoundsCache._cache.get(frameElement.id);\n\n        if (!bounds || bounds.zoom !== this.state.zoom.value || bounds.versionNonce !== frameElement.versionNonce) {\n          const frameNameDiv = document.getElementById(this.getFrameNameDOMId(frameElement));\n\n          if (frameNameDiv) {\n            const box = frameNameDiv.getBoundingClientRect();\n            const boxSceneTopLeft = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.viewportCoordsToSceneCoords)({\n              clientX: box.x,\n              clientY: box.y\n            }, this.state);\n            const boxSceneBottomRight = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.viewportCoordsToSceneCoords)({\n              clientX: box.right,\n              clientY: box.bottom\n            }, this.state);\n            bounds = {\n              x: boxSceneTopLeft.x,\n              y: boxSceneTopLeft.y,\n              width: boxSceneBottomRight.x - boxSceneTopLeft.x,\n              height: boxSceneBottomRight.y - boxSceneTopLeft.y,\n              angle: 0,\n              zoom: this.state.zoom.value,\n              versionNonce: frameElement.versionNonce\n            };\n\n            this.frameNameBoundsCache._cache.set(frameElement.id, bounds);\n\n            return bounds;\n          }\n\n          return null;\n        }\n\n        return bounds;\n      },\n\n      /**\r\n       * @private\r\n       */\n      _cache: new Map()\n    };\n\n    this.resetEditingFrame = frame => {\n      var _a;\n\n      if (frame) {\n        (0,_excalidraw_element_mutateElement__WEBPACK_IMPORTED_MODULE_12__.mutateElement)(frame, {\n          name: ((_a = frame.name) === null || _a === void 0 ? void 0 : _a.trim()) || null\n        });\n      }\n\n      this.setState({\n        editingFrame: null\n      });\n    };\n\n    this.renderFrameNames = () => {\n      if (!this.state.frameRendering.enabled || !this.state.frameRendering.name) {\n        if (this.state.editingFrame) {\n          this.resetEditingFrame(null);\n        }\n\n        return null;\n      }\n\n      const isDarkTheme = this.state.theme === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.THEME.DARK;\n      return this.scene.getNonDeletedFramesLikes().map(f => {\n        var _a, _b;\n\n        if (!(0,_excalidraw_element_sizeHelpers__WEBPACK_IMPORTED_MODULE_16__.isElementInViewport)(f, this.canvas.width / window.devicePixelRatio, this.canvas.height / window.devicePixelRatio, {\n          offsetLeft: this.state.offsetLeft,\n          offsetTop: this.state.offsetTop,\n          scrollX: this.state.scrollX,\n          scrollY: this.state.scrollY,\n          zoom: this.state.zoom\n        }, this.scene.getNonDeletedElementsMap())) {\n          if (this.state.editingFrame === f.id) {\n            this.resetEditingFrame(f);\n          } // if frame not visible, don't render its name\n\n\n          return null;\n        }\n\n        const {\n          x: x1,\n          y: y1\n        } = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.sceneCoordsToViewportCoords)({\n          sceneX: f.x,\n          sceneY: f.y\n        }, this.state);\n        const FRAME_NAME_EDIT_PADDING = 6;\n        let frameNameJSX;\n        const frameName = (0,_excalidraw_element_frame__WEBPACK_IMPORTED_MODULE_22__.getFrameLikeTitle)(f);\n\n        if (f.id === this.state.editingFrame) {\n          const frameNameInEdit = frameName;\n          frameNameJSX = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"input\", {\n            autoFocus: true,\n            value: frameNameInEdit,\n            onChange: e => {\n              (0,_excalidraw_element_mutateElement__WEBPACK_IMPORTED_MODULE_12__.mutateElement)(f, {\n                name: e.target.value\n              });\n            },\n            onFocus: e => e.target.select(),\n            onBlur: () => this.resetEditingFrame(f),\n            onKeyDown: event => {\n              // for some inexplicable reason, `onBlur` triggered on ESC\n              // does not reset `state.editingFrame` despite being called,\n              // and we need to reset it here as well\n              if (event.key === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.ESCAPE || event.key === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.ENTER) {\n                this.resetEditingFrame(f);\n              }\n            },\n            style: {\n              background: this.state.viewBackgroundColor,\n              filter: isDarkTheme ? _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.THEME_FILTER : \"none\",\n              zIndex: 2,\n              border: \"none\",\n              display: \"block\",\n              padding: `${FRAME_NAME_EDIT_PADDING}px`,\n              borderRadius: 4,\n              boxShadow: \"inset 0 0 0 2px var(--color-on-primary-container)\",\n              fontFamily: \"Assistant\",\n              fontSize: \"14px\",\n              transform: `translate(-${FRAME_NAME_EDIT_PADDING}px, ${FRAME_NAME_EDIT_PADDING}px)`,\n              color: \"var(--color-gray-80)\",\n              overflow: \"hidden\",\n              maxWidth: `${(0,_obsidianUtils__WEBPACK_IMPORTED_MODULE_100__.getExcalidrawContentEl)().clientWidth - x1 - FRAME_NAME_EDIT_PADDING //zsviczian was document.body\n              }px`\n            },\n            size: frameNameInEdit.length + 1 || 1,\n            dir: \"auto\",\n            autoComplete: \"off\",\n            autoCapitalize: \"off\",\n            autoCorrect: \"off\"\n          });\n        } else {\n          frameNameJSX = frameName;\n        }\n\n        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n          id: this.getFrameNameDOMId(f),\n          key: f.id,\n          style: {\n            position: \"absolute\",\n            // Positioning from bottom so that we don't to either\n            // calculate text height or adjust using transform (which)\n            // messes up input position when editing the frame name.\n            // This makes the positioning deterministic and we can calculate\n            // the same position when rendering to canvas / svg.\n            bottom: `${this.state.height + _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.FRAME_STYLE.nameOffsetY - y1 + this.state.offsetTop}px`,\n            left: `${x1 - this.state.offsetLeft}px`,\n            zIndex: 2,\n            fontSize: _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.FRAME_STYLE.nameFontSize,\n            color: (_b = (_a = this.state.frameColor) === null || _a === void 0 ? void 0 : _a.nameColor) !== null && _b !== void 0 ? _b : isDarkTheme //zsviczian\n            ? _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.FRAME_STYLE.nameColorDarkTheme : _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.FRAME_STYLE.nameColorLightTheme,\n            lineHeight: _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.FRAME_STYLE.nameLineHeight,\n            width: \"max-content\",\n            maxWidth: `${f.width}px`,\n            overflow: f.id === this.state.editingFrame ? \"visible\" : \"hidden\",\n            whiteSpace: \"nowrap\",\n            textOverflow: \"ellipsis\",\n            cursor: _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.CURSOR_TYPE.MOVE,\n            pointerEvents: this.state.viewModeEnabled ? _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.POINTER_EVENTS.disabled : _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.POINTER_EVENTS.enabled\n          },\n          onPointerDown: event => this.handleCanvasPointerDown(event),\n          onWheel: event => this.handleWheel(event),\n          onContextMenu: this.handleCanvasContextMenu,\n          onDoubleClick: () => {\n            this.setState({\n              editingFrame: f.id\n            });\n          }\n        }, frameNameJSX);\n      });\n    };\n\n    this.focusContainer = () => {\n      var _a;\n\n      (_a = this.excalidrawContainerRef.current) === null || _a === void 0 ? void 0 : _a.focus();\n    };\n\n    this.getSceneElementsIncludingDeleted = () => {\n      return this.scene.getElementsIncludingDeleted();\n    };\n\n    this.getSceneElements = () => {\n      return this.scene.getNonDeletedElements();\n    };\n\n    this.onInsertElements = elements => {\n      this.addElementsFromPasteOrLibrary({\n        elements,\n        position: \"center\",\n        files: null\n      });\n    };\n\n    this.onExportImage = async (type, elements, opts) => {\n      (0,_analytics__WEBPACK_IMPORTED_MODULE_51__.trackEvent)(\"export\", type, \"ui\");\n      const fileHandle = await (0,_data__WEBPACK_IMPORTED_MODULE_55__.exportCanvas)(type, elements, this.state, this.files, {\n        exportBackground: this.state.exportBackground,\n        name: this.getName(),\n        viewBackgroundColor: this.state.viewBackgroundColor,\n        exportingFrame: opts.exportingFrame\n      }).catch(_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.muteFSAbortError).catch(error => {\n        console.error(error);\n        this.setState({\n          errorMessage: error.message\n        });\n      });\n\n      if (this.state.exportEmbedScene && fileHandle && (0,_data_blob__WEBPACK_IMPORTED_MODULE_64__.isImageFileHandle)(fileHandle)) {\n        this.setState({\n          fileHandle\n        });\n      }\n    };\n\n    this.magicGenerations = new Map();\n\n    this.updateMagicGeneration = ({\n      frameElement,\n      data\n    }) => {\n      if (data.status === \"pending\") {\n        // We don't wanna persist pending state to storage. It should be in-app\n        // state only.\n        // Thus reset so that we prefer local cache (if there was some\n        // generationData set previously)\n        (0,_excalidraw_element_mutateElement__WEBPACK_IMPORTED_MODULE_12__.mutateElement)(frameElement, {\n          customData: {\n            generationData: undefined\n          }\n        }, false);\n      } else {\n        (0,_excalidraw_element_mutateElement__WEBPACK_IMPORTED_MODULE_12__.mutateElement)(frameElement, {\n          customData: {\n            generationData: data\n          }\n        }, false);\n      }\n\n      this.magicGenerations.set(frameElement.id, data);\n      this.triggerRender();\n    };\n\n    this.plugins = {};\n\n    this.onMagicframeToolSelect = () => {\n      const selectedElements = this.scene.getSelectedElements({\n        selectedElementIds: this.state.selectedElementIds\n      });\n\n      if (selectedElements.length === 0) {\n        this.setActiveTool({\n          type: _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.TOOL_TYPE.magicframe\n        });\n        (0,_analytics__WEBPACK_IMPORTED_MODULE_51__.trackEvent)(\"ai\", \"tool-select (empty-selection)\", \"d2c\");\n      } else {\n        const selectedMagicFrame = selectedElements.length === 1 && (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isMagicFrameElement)(selectedElements[0]) && selectedElements[0]; // case: user selected elements containing frame-like(s) or are frame\n        // members, we don't want to wrap into another magicframe\n        // (unless the only selected element is a magic frame which we reuse)\n\n        if (!selectedMagicFrame && selectedElements.some(el => (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isFrameLikeElement)(el) || el.frameId)) {\n          this.setActiveTool({\n            type: _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.TOOL_TYPE.magicframe\n          });\n          return;\n        }\n\n        (0,_analytics__WEBPACK_IMPORTED_MODULE_51__.trackEvent)(\"ai\", \"tool-select (existing selection)\", \"d2c\");\n        let frame;\n\n        if (selectedMagicFrame) {\n          // a single magicframe already selected -> use it\n          frame = selectedMagicFrame;\n        } else {\n          // selected elements aren't wrapped in magic frame yet -> wrap now\n          const [minX, minY, maxX, maxY] = (0,_excalidraw_element_bounds__WEBPACK_IMPORTED_MODULE_9__.getCommonBounds)(selectedElements);\n          const padding = 50;\n          frame = (0,_excalidraw_element_newElement__WEBPACK_IMPORTED_MODULE_13__.newMagicFrameElement)(Object.assign(Object.assign({}, _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.FRAME_STYLE), {\n            x: minX - padding,\n            y: minY - padding,\n            width: maxX - minX + padding * 2,\n            height: maxY - minY + padding * 2,\n            opacity: 100,\n            locked: false\n          }));\n          this.scene.insertElement(frame);\n\n          for (const child of selectedElements) {\n            (0,_excalidraw_element_mutateElement__WEBPACK_IMPORTED_MODULE_12__.mutateElement)(child, {\n              frameId: frame.id\n            });\n          }\n\n          this.setState({\n            selectedElementIds: {\n              [frame.id]: true\n            }\n          });\n        }\n\n        this.onMagicFrameGenerate(frame, \"upstream\");\n      }\n    };\n\n    this.openEyeDropper = ({\n      type\n    }) => {\n      _editor_jotai__WEBPACK_IMPORTED_MODULE_68__.editorJotaiStore.set(_EyeDropper__WEBPACK_IMPORTED_MODULE_87__.activeEyeDropperAtom, {\n        swapPreviewOnAlt: true,\n        colorPickerType: type === \"stroke\" ? \"elementStroke\" : \"elementBackground\",\n        onSelect: (color, event) => {\n          const shouldUpdateStrokeColor = type === \"background\" && event.altKey || type === \"stroke\" && !event.altKey;\n          const selectedElements = this.scene.getSelectedElements(this.state);\n\n          if (!selectedElements.length || this.state.activeTool.type !== \"selection\") {\n            if (shouldUpdateStrokeColor) {\n              this.syncActionResult({\n                appState: Object.assign(Object.assign({}, this.state), {\n                  currentItemStrokeColor: color\n                }),\n                captureUpdate: _store__WEBPACK_IMPORTED_MODULE_76__.CaptureUpdateAction.IMMEDIATELY\n              });\n            } else {\n              this.syncActionResult({\n                appState: Object.assign(Object.assign({}, this.state), {\n                  currentItemBackgroundColor: color\n                }),\n                captureUpdate: _store__WEBPACK_IMPORTED_MODULE_76__.CaptureUpdateAction.IMMEDIATELY\n              });\n            }\n          } else {\n            this.updateScene({\n              elements: this.scene.getElementsIncludingDeleted().map(el => {\n                if (this.state.selectedElementIds[el.id]) {\n                  return (0,_excalidraw_element_mutateElement__WEBPACK_IMPORTED_MODULE_12__.newElementWith)(el, {\n                    [shouldUpdateStrokeColor ? \"strokeColor\" : \"backgroundColor\"]: color\n                  });\n                }\n\n                return el;\n              }),\n              captureUpdate: _store__WEBPACK_IMPORTED_MODULE_76__.CaptureUpdateAction.IMMEDIATELY\n            });\n          }\n        },\n        keepOpenOnAlt: false\n      });\n    };\n\n    this.dismissLinearEditor = () => {\n      setTimeout(() => {\n        this.setState({\n          editingLinearElement: null\n        });\n      });\n    };\n\n    this.syncActionResult = (0,_reactUtils__WEBPACK_IMPORTED_MODULE_78__.withBatchedUpdates)(actionResult => {\n      var _a, _b, _c, _d, _e, _f, _g, _h;\n\n      if (this.unmounted || actionResult === false) {\n        return;\n      }\n\n      if (actionResult.captureUpdate === _store__WEBPACK_IMPORTED_MODULE_76__.CaptureUpdateAction.NEVER) {\n        this.store.shouldUpdateSnapshot();\n      } else if (actionResult.captureUpdate === _store__WEBPACK_IMPORTED_MODULE_76__.CaptureUpdateAction.IMMEDIATELY) {\n        this.store.shouldCaptureIncrement();\n      }\n\n      let didUpdate = false;\n      let editingTextElement = null;\n\n      if (actionResult.elements) {\n        this.scene.replaceAllElements(actionResult.elements);\n        didUpdate = true;\n      }\n\n      if (actionResult.files) {\n        this.addMissingFiles(actionResult.files, actionResult.replaceFiles);\n        this.addNewImagesToImageCache();\n      }\n\n      if (actionResult.appState || editingTextElement || this.state.contextMenu) {\n        let viewModeEnabled = ((_a = actionResult === null || actionResult === void 0 ? void 0 : actionResult.appState) === null || _a === void 0 ? void 0 : _a.viewModeEnabled) || false;\n        let zenModeEnabled = ((_b = actionResult === null || actionResult === void 0 ? void 0 : actionResult.appState) === null || _b === void 0 ? void 0 : _b.zenModeEnabled) || false;\n        const theme = ((_c = actionResult === null || actionResult === void 0 ? void 0 : actionResult.appState) === null || _c === void 0 ? void 0 : _c.theme) || this.props.theme || _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.THEME.LIGHT;\n        const name = (_e = (_d = actionResult === null || actionResult === void 0 ? void 0 : actionResult.appState) === null || _d === void 0 ? void 0 : _d.name) !== null && _e !== void 0 ? _e : this.state.name;\n        const errorMessage = (_g = (_f = actionResult === null || actionResult === void 0 ? void 0 : actionResult.appState) === null || _f === void 0 ? void 0 : _f.errorMessage) !== null && _g !== void 0 ? _g : this.state.errorMessage;\n\n        if (typeof this.props.viewModeEnabled !== \"undefined\") {\n          viewModeEnabled = this.props.viewModeEnabled;\n        }\n\n        if (typeof this.props.zenModeEnabled !== \"undefined\") {\n          zenModeEnabled = this.props.zenModeEnabled;\n        }\n\n        editingTextElement = ((_h = actionResult.appState) === null || _h === void 0 ? void 0 : _h.editingTextElement) || null; // make sure editingTextElement points to latest element reference\n\n        if (actionResult.elements && editingTextElement) {\n          actionResult.elements.forEach(element => {\n            if ((editingTextElement === null || editingTextElement === void 0 ? void 0 : editingTextElement.id) === element.id && editingTextElement !== element && (0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_37__.isNonDeletedElement)(element) && (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isTextElement)(element)) {\n              editingTextElement = element;\n            }\n          });\n        }\n\n        if (editingTextElement === null || editingTextElement === void 0 ? void 0 : editingTextElement.isDeleted) {\n          editingTextElement = null;\n        }\n\n        this.setState(prevAppState => {\n          const actionAppState = actionResult.appState || {};\n          return Object.assign(Object.assign(Object.assign({}, prevAppState), actionAppState), {\n            // NOTE this will prevent opening context menu using an action\n            // or programmatically from the host, so it will need to be\n            // rewritten later\n            contextMenu: null,\n            editingTextElement,\n            viewModeEnabled,\n            zenModeEnabled,\n            theme,\n            name,\n            errorMessage\n          });\n        });\n        didUpdate = true;\n      }\n\n      if (!didUpdate && actionResult.captureUpdate !== _store__WEBPACK_IMPORTED_MODULE_76__.CaptureUpdateAction.EVENTUALLY) {\n        this.scene.triggerUpdate();\n      }\n    }); // Lifecycle\n\n    this.onBlur = (0,_reactUtils__WEBPACK_IMPORTED_MODULE_78__.withBatchedUpdates)(() => {\n      isHoldingSpace = false;\n      this.setState({\n        isBindingEnabled: true\n      });\n    });\n\n    this.onUnload = () => {\n      this.onBlur();\n    };\n\n    this.disableEvent = event => {\n      event.preventDefault();\n    };\n\n    this.resetHistory = () => {\n      this.history.clear();\n    };\n\n    this.resetStore = () => {\n      this.store.clear();\n    };\n    /**\r\n     * Resets scene & history.\r\n     * ! Do not use to clear scene user action !\r\n     */\n\n\n    this.resetScene = (0,_reactUtils__WEBPACK_IMPORTED_MODULE_78__.withBatchedUpdates)(opts => {\n      this.scene.replaceAllElements([]);\n      this.setState(state => Object.assign(Object.assign({}, (0,_appState__WEBPACK_IMPORTED_MODULE_53__.getDefaultAppState)()), {\n        isLoading: (opts === null || opts === void 0 ? void 0 : opts.resetLoadingState) ? false : state.isLoading,\n        theme: this.state.theme\n      }));\n      this.resetStore();\n      this.resetHistory();\n    });\n\n    this.initializeScene = async () => {\n      var _a;\n\n      if (\"launchQueue\" in window && \"LaunchParams\" in window) {\n        window.launchQueue.setConsumer(async launchParams => {\n          if (!launchParams.files.length) {\n            return;\n          }\n\n          const fileHandle = launchParams.files[0];\n          const blob = await fileHandle.getFile();\n          this.loadFileToCanvas(new File([blob], blob.name || \"\", {\n            type: blob.type\n          }), fileHandle);\n        });\n      }\n\n      if (this.props.theme) {\n        this.setState({\n          theme: this.props.theme\n        });\n      }\n\n      if (!this.state.isLoading) {\n        this.setState({\n          isLoading: true\n        });\n      }\n\n      let initialData = null;\n\n      try {\n        if (typeof this.props.initialData === \"function\") {\n          initialData = (await this.props.initialData()) || null;\n        } else {\n          initialData = (await this.props.initialData) || null;\n        }\n\n        if (initialData === null || initialData === void 0 ? void 0 : initialData.libraryItems) {\n          this.library.updateLibrary({\n            libraryItems: initialData.libraryItems,\n            merge: true\n          }).catch(error => {\n            console.error(error);\n          });\n        }\n      } catch (error) {\n        console.error(error);\n        initialData = {\n          appState: {\n            errorMessage: error.message || \"Encountered an error during importing or restoring scene data\"\n          }\n        };\n      }\n\n      const scene = (0,_data_restore__WEBPACK_IMPORTED_MODULE_57__.restore)(initialData, null, null, {\n        repairBindings: true\n      });\n      scene.appState = Object.assign(Object.assign({}, scene.appState), {\n        theme: this.props.theme || scene.appState.theme,\n        // we're falling back to current (pre-init) state when deciding\n        // whether to open the library, to handle a case where we\n        // update the state outside of initialData (e.g. when loading the app\n        // with a library install link, which should auto-open the library)\n        openSidebar: ((_a = scene.appState) === null || _a === void 0 ? void 0 : _a.openSidebar) || this.state.openSidebar,\n        activeTool: scene.appState.activeTool.type === \"image\" ? Object.assign(Object.assign({}, scene.appState.activeTool), {\n          type: \"selection\"\n        }) : scene.appState.activeTool,\n        isLoading: false,\n        toast: this.state.toast\n      });\n\n      if (initialData === null || initialData === void 0 ? void 0 : initialData.scrollToContent) {\n        scene.appState = Object.assign(Object.assign({}, scene.appState), (0,_scene__WEBPACK_IMPORTED_MODULE_61__.calculateScrollCenter)(scene.elements, Object.assign(Object.assign({}, scene.appState), {\n          width: this.state.width,\n          height: this.state.height,\n          offsetTop: this.state.offsetTop,\n          offsetLeft: this.state.offsetLeft\n        })));\n      }\n\n      this.resetStore();\n      this.resetHistory();\n      this.syncActionResult(Object.assign(Object.assign({}, scene), {\n        captureUpdate: _store__WEBPACK_IMPORTED_MODULE_76__.CaptureUpdateAction.NEVER\n      })); // clear the shape and image cache so that any images in initialData\n      // can be loaded fresh\n\n      this.clearImageShapeCache(); // manually loading the font faces seems faster even in browsers that do fire the loadingdone event\n\n      this.fonts.loadSceneFonts().then(fontFaces => {\n        this.fonts.onLoaded(fontFaces);\n      });\n\n      if ((0,_excalidraw_element_elementLink__WEBPACK_IMPORTED_MODULE_27__.isElementLink)(window.location.href)) {\n        this.scrollToContent(window.location.href, {\n          animate: false\n        });\n      }\n    };\n\n    this.isMobileBreakpoint = (width, height) => {\n      return width !== 0 && //zsviczian changing tabs in Obsidian causes MobileMenu to be rendered\n      this.allowMobileMode && ( //zsviczian\n      width < _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.MQ_MAX_WIDTH_PORTRAIT || height < _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.MQ_MAX_HEIGHT_LANDSCAPE && width < _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.MQ_MAX_WIDTH_LANDSCAPE);\n    };\n\n    this.refreshViewportBreakpoints = () => {\n      const container = this.excalidrawContainerRef.current;\n\n      if (!container) {\n        return;\n      }\n\n      const {\n        clientWidth: viewportWidth,\n        clientHeight: viewportHeight\n      } = (0,_obsidianUtils__WEBPACK_IMPORTED_MODULE_100__.getExcalidrawContentEl)(); //zsviczian was document.body;\n\n      const prevViewportState = this.device.viewport;\n      const nextViewportState = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.updateObject)(prevViewportState, {\n        isLandscape: viewportWidth > viewportHeight,\n        isMobile: this.isMobileBreakpoint(viewportWidth, viewportHeight)\n      });\n\n      if (prevViewportState !== nextViewportState) {\n        this.device = Object.assign(Object.assign({}, this.device), {\n          viewport: nextViewportState\n        });\n        return true;\n      }\n\n      return false;\n    };\n\n    this.refreshEditorBreakpoints = () => {\n      const container = this.excalidrawContainerRef.current;\n\n      if (!container) {\n        return;\n      }\n\n      const {\n        width: editorWidth,\n        height: editorHeight\n      } = container.getBoundingClientRect();\n      const sidebarBreakpoint = this.props.UIOptions.dockedSidebarBreakpoint != null ? this.props.UIOptions.dockedSidebarBreakpoint : _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.MQ_RIGHT_SIDEBAR_MIN_WIDTH;\n      const prevEditorState = this.device.editor;\n      const nextEditorState = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.updateObject)(prevEditorState, {\n        isMobile: this.isMobileBreakpoint(editorWidth, editorHeight),\n        canFitSidebar: editorWidth > sidebarBreakpoint\n      });\n\n      if (prevEditorState !== nextEditorState) {\n        this.device = Object.assign(Object.assign({}, this.device), {\n          editor: nextEditorState\n        });\n        return true;\n      }\n\n      return false;\n    };\n\n    this.onResize = (0,_reactUtils__WEBPACK_IMPORTED_MODULE_78__.withBatchedUpdates)(() => {\n      this.scene.getElementsIncludingDeleted().forEach(element => _excalidraw_element_ShapeCache__WEBPACK_IMPORTED_MODULE_29__.ShapeCache.delete(element));\n      this.refreshViewportBreakpoints();\n      this.updateDOMRect();\n\n      if (!_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.supportsResizeObserver) {\n        this.refreshEditorBreakpoints();\n      }\n\n      this.setState({});\n    });\n    /** generally invoked only if fullscreen was invoked programmatically */\n\n    this.onFullscreenChange = () => {\n      var _a;\n\n      if ( // points to the iframe element we fullscreened\n      !document.fullscreenElement && ((_a = this.state.activeEmbeddable) === null || _a === void 0 ? void 0 : _a.state) === \"active\") {\n        this.setState({\n          activeEmbeddable: null\n        });\n      }\n    };\n\n    this.renderInteractiveSceneCallback = ({\n      atLeastOneVisibleElement,\n      scrollBars,\n      elementsMap\n    }) => {\n      if (!document.querySelector(\".excalidraw\")) {\n        return;\n      } //zsviczian - address issue when moving excalidraw to a new window/document\n\n\n      if (scrollBars) {\n        currentScrollBars = scrollBars;\n      }\n\n      const scrolledOutside = // hide when editing text\n      this.state.editingTextElement ? false : !atLeastOneVisibleElement && elementsMap.size > 0;\n\n      if (this.state.scrolledOutside !== scrolledOutside) {\n        this.setState({\n          scrolledOutside\n        });\n      }\n\n      this.scheduleImageRefresh();\n    };\n\n    this.onScroll = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.debounce)(() => {\n      const {\n        offsetTop,\n        offsetLeft\n      } = this.getCanvasOffsets();\n      this.setState(state => {\n        if (state.offsetLeft === offsetLeft && state.offsetTop === offsetTop) {\n          return null;\n        }\n\n        return {\n          offsetTop,\n          offsetLeft\n        };\n      });\n    }, _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.SCROLL_TIMEOUT); // Copy/paste\n\n    this.onCut = (0,_reactUtils__WEBPACK_IMPORTED_MODULE_78__.withBatchedUpdates)(event => {\n      var _a;\n\n      const isExcalidrawActive = (_a = this.excalidrawContainerRef.current) === null || _a === void 0 ? void 0 : _a.contains(document.activeElement);\n\n      if (!isExcalidrawActive || (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.isWritableElement)(event.target)) {\n        return;\n      }\n\n      this.actionManager.executeAction(_actions__WEBPACK_IMPORTED_MODULE_38__.actionCut, \"keyboard\", event);\n      event.preventDefault();\n      event.stopPropagation();\n    });\n    this.onCopy = (0,_reactUtils__WEBPACK_IMPORTED_MODULE_78__.withBatchedUpdates)(event => {\n      var _a;\n\n      const isExcalidrawActive = (_a = this.excalidrawContainerRef.current) === null || _a === void 0 ? void 0 : _a.contains(document.activeElement);\n\n      if (!isExcalidrawActive || (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.isWritableElement)(event.target)) {\n        return;\n      }\n\n      this.actionManager.executeAction(_actions__WEBPACK_IMPORTED_MODULE_38__.actionCopy, \"keyboard\", event);\n      event.preventDefault();\n      event.stopPropagation();\n    });\n\n    this.onTouchStart = event => {\n      // fix for Apple Pencil Scribble (do not prevent for other devices)\n      if (_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.isIOS) {\n        event.preventDefault();\n      }\n\n      if (!didTapTwice) {\n        didTapTwice = true;\n        clearTimeout(tappedTwiceTimer);\n        tappedTwiceTimer = window.setTimeout(App.resetTapTwice, _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.TAP_TWICE_TIMEOUT);\n        return;\n      } // insert text only if we tapped twice with a single finger\n      // event.touches.length === 1 will also prevent inserting text when user's zooming\n\n\n      if (didTapTwice && event.touches.length === 1) {\n        const touch = event.touches[0]; // @ts-ignore\n\n        this.handleCanvasDoubleClick({\n          clientX: touch.clientX,\n          clientY: touch.clientY\n        });\n        didTapTwice = false;\n        clearTimeout(tappedTwiceTimer);\n      }\n\n      if (event.touches.length === 2) {\n        this.setState({\n          selectedElementIds: (0,_excalidraw_element_selection__WEBPACK_IMPORTED_MODULE_33__.makeNextSelectedElementIds)({}, this.state),\n          activeEmbeddable: null\n        });\n      }\n    };\n\n    this.onTouchEnd = event => {\n      this.resetContextMenuTimer();\n\n      if (event.touches.length > 0) {\n        this.setState({\n          previousSelectedElementIds: {},\n          selectedElementIds: (0,_excalidraw_element_selection__WEBPACK_IMPORTED_MODULE_33__.makeNextSelectedElementIds)(this.state.previousSelectedElementIds, this.state)\n        });\n      } else {\n        gesture.pointers.clear();\n      }\n    };\n\n    this.pasteFromClipboard = (0,_reactUtils__WEBPACK_IMPORTED_MODULE_78__.withBatchedUpdates)(async event => {\n      var _a, _b;\n\n      const isPlainPaste = !!IS_PLAIN_PASTE; // #686\n\n      const target = document.activeElement;\n      const isExcalidrawActive = (_a = this.excalidrawContainerRef.current) === null || _a === void 0 ? void 0 : _a.contains(target);\n\n      if (event && !isExcalidrawActive) {\n        return;\n      }\n\n      const elementUnderCursor = document.elementFromPoint(this.lastViewportPosition.x, this.lastViewportPosition.y);\n\n      if (event && (!(elementUnderCursor instanceof HTMLCanvasElement) || (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.isWritableElement)(target))) {\n        return;\n      }\n\n      const {\n        x: sceneX,\n        y: sceneY\n      } = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.viewportCoordsToSceneCoords)({\n        clientX: this.lastViewportPosition.x,\n        clientY: this.lastViewportPosition.y\n      }, this.state); // must be called in the same frame (thus before any awaits) as the paste\n      // event else some browsers (FF...) will clear the clipboardData\n      // (something something security)\n\n      let file = (_b = event === null || event === void 0 ? void 0 : event.clipboardData) === null || _b === void 0 ? void 0 : _b.files[0];\n      const data = await (0,_clipboard__WEBPACK_IMPORTED_MODULE_54__.parseClipboard)(event, isPlainPaste);\n\n      if (!file && !isPlainPaste) {\n        if (data.mixedContent) {\n          return this.addElementsFromMixedContentPaste(data.mixedContent, {\n            isPlainPaste,\n            sceneX,\n            sceneY\n          });\n        } else if (data.text) {\n          const string = data.text.trim();\n\n          if (string.startsWith(\"<svg\") && string.endsWith(\"</svg>\")) {\n            // ignore SVG validation/normalization which will be done during image\n            // initialization\n            file = (0,_data_blob__WEBPACK_IMPORTED_MODULE_64__.SVGStringToFile)(string);\n          }\n        }\n      } // prefer spreadsheet data over image file (MS Office/Libre Office)\n\n\n      if ((0,_data_blob__WEBPACK_IMPORTED_MODULE_64__.isSupportedImageFile)(file) && !data.spreadsheet) {\n        if (!this.isToolSupported(\"image\")) {\n          this.setState({\n            errorMessage: (0,_i18n__WEBPACK_IMPORTED_MODULE_60__.t)(\"errors.imageToolNotSupported\")\n          });\n          return;\n        }\n\n        const imageElement = this.createImageElement({\n          sceneX,\n          sceneY\n        });\n        this.insertImageElement(imageElement, file);\n        this.initializeImageDimensions(imageElement);\n        this.setState({\n          selectedElementIds: (0,_excalidraw_element_selection__WEBPACK_IMPORTED_MODULE_33__.makeNextSelectedElementIds)({\n            [imageElement.id]: true\n          }, this.state)\n        });\n        return;\n      }\n\n      if (this.props.onPaste) {\n        try {\n          if ((await this.props.onPaste(data, event)) === false) {\n            return;\n          }\n        } catch (error) {\n          console.error(error);\n        }\n      }\n\n      if (data.errorMessage) {\n        this.setState({\n          errorMessage: data.errorMessage\n        });\n      } else if (data.spreadsheet && !isPlainPaste) {\n        this.setState({\n          pasteDialog: {\n            data: data.spreadsheet,\n            shown: true\n          }\n        });\n      } else if (data.elements) {\n        const elements = data.programmaticAPI ? (0,_data_transform__WEBPACK_IMPORTED_MODULE_71__.convertToExcalidrawElements)(data.elements) : data.elements; // TODO remove formatting from elements if isPlainPaste\n\n        this.addElementsFromPasteOrLibrary({\n          elements,\n          files: data.files || null,\n          position: \"cursor\",\n          retainSeed: isPlainPaste\n        });\n      } else if (data.text) {\n        if (data.text && (0,_mermaid__WEBPACK_IMPORTED_MODULE_81__.isMaybeMermaidDefinition)(data.text)) {\n          const api = await Promise.resolve(/*! import() */).then(__webpack_require__.bind(__webpack_require__, /*! @zsviczian/mermaid-to-excalidraw */ \"../../node_modules/@zsviczian/mermaid-to-excalidraw/dist/index.js\"));\n\n          try {\n            const {\n              elements: skeletonElements,\n              files\n            } = await api.parseMermaidToExcalidraw(data.text);\n            const elements = (0,_data_transform__WEBPACK_IMPORTED_MODULE_71__.convertToExcalidrawElements)(skeletonElements, {\n              regenerateIds: true\n            });\n            this.addElementsFromPasteOrLibrary({\n              elements,\n              files,\n              position: \"cursor\"\n            });\n            return;\n          } catch (err) {\n            console.warn(`parsing pasted text as mermaid definition failed: ${err.message}`);\n          }\n        }\n\n        const nonEmptyLines = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.normalizeEOL)(data.text).split(/\\n+/).map(s => s.trim()).filter(Boolean);\n        const embbeddableUrls = nonEmptyLines.map(str => (0,_excalidraw_element_embeddable__WEBPACK_IMPORTED_MODULE_18__.maybeParseEmbedSrc)(str)).filter(string => {\n          var _a;\n\n          return (0,_excalidraw_element_embeddable__WEBPACK_IMPORTED_MODULE_18__.embeddableURLValidator)(string, this.props.validateEmbeddable) && (/^(http|https):\\/\\/[^\\s/$.?#].[^\\s]*$/.test(string) || ((_a = (0,_excalidraw_element_embeddable__WEBPACK_IMPORTED_MODULE_18__.getEmbedLink)(string)) === null || _a === void 0 ? void 0 : _a.type) === \"video\");\n        });\n\n        if (!IS_PLAIN_PASTE && embbeddableUrls.length > 0 && // if there were non-embeddable text (lines) mixed in with embeddable\n        // urls, ignore and paste as text\n        embbeddableUrls.length === nonEmptyLines.length) {\n          const embeddables = [];\n\n          for (const url of embbeddableUrls) {\n            const prevEmbeddable = embeddables[embeddables.length - 1];\n            const embeddable = this.insertEmbeddableElement({\n              sceneX: prevEmbeddable ? prevEmbeddable.x + prevEmbeddable.width + 20 : sceneX,\n              sceneY,\n              link: (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.normalizeLink)(url)\n            });\n\n            if (embeddable) {\n              embeddables.push(embeddable);\n            }\n          }\n\n          if (embeddables.length) {\n            this.setState({\n              selectedElementIds: Object.fromEntries(embeddables.map(embeddable => [embeddable.id, true]))\n            });\n          }\n\n          return;\n        }\n\n        this.addTextFromPaste(data.text, isPlainPaste);\n      }\n\n      this.setActiveTool({\n        type: \"selection\"\n      });\n      event === null || event === void 0 ? void 0 : event.preventDefault();\n    });\n\n    this.addElementsFromPasteOrLibrary = opts => {\n      var _a, _b;\n\n      const elements = (0,_data_restore__WEBPACK_IMPORTED_MODULE_57__.restoreElements)(opts.elements, null, undefined);\n      const [minX, minY, maxX, maxY] = (0,_excalidraw_element_bounds__WEBPACK_IMPORTED_MODULE_9__.getCommonBounds)(elements);\n      const elementsCenterX = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.distance)(minX, maxX) / 2;\n      const elementsCenterY = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.distance)(minY, maxY) / 2;\n      const clientX = typeof opts.position === \"object\" ? opts.position.clientX : opts.position === \"cursor\" ? this.lastViewportPosition.x : this.state.width / 2 + this.state.offsetLeft;\n      const clientY = typeof opts.position === \"object\" ? opts.position.clientY : opts.position === \"cursor\" ? this.lastViewportPosition.y : this.state.height / 2 + this.state.offsetTop;\n      const {\n        x,\n        y\n      } = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.viewportCoordsToSceneCoords)({\n        clientX,\n        clientY\n      }, this.state);\n      const dx = x - elementsCenterX;\n      const dy = y - elementsCenterY;\n      const [gridX, gridY] = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.getGridPoint)(dx, dy, this.getEffectiveGridSize());\n      const {\n        duplicatedElements\n      } = (0,_excalidraw_element_duplicate__WEBPACK_IMPORTED_MODULE_14__.duplicateElements)({\n        type: \"everything\",\n        elements: elements.map(element => {\n          return (0,_excalidraw_element_mutateElement__WEBPACK_IMPORTED_MODULE_12__.newElementWith)(element, {\n            x: element.x + gridX - minX,\n            y: element.y + gridY - minY\n          });\n        }),\n        randomizeSeed: !opts.retainSeed\n      });\n      const prevElements = this.scene.getElementsIncludingDeleted();\n      let nextElements = [...prevElements, ...duplicatedElements];\n      const mappedNewSceneElements = (_b = (_a = this.props).onDuplicate) === null || _b === void 0 ? void 0 : _b.call(_a, nextElements, prevElements);\n      nextElements = mappedNewSceneElements || nextElements;\n      (0,_excalidraw_element_fractionalIndex__WEBPACK_IMPORTED_MODULE_32__.syncMovedIndices)(nextElements, (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.arrayToMap)(duplicatedElements));\n      const topLayerFrame = this.getTopLayerFrameAtSceneCoords({\n        x,\n        y\n      });\n\n      if (topLayerFrame) {\n        const eligibleElements = (0,_excalidraw_element_frame__WEBPACK_IMPORTED_MODULE_22__.filterElementsEligibleAsFrameChildren)(duplicatedElements, topLayerFrame);\n        (0,_excalidraw_element_frame__WEBPACK_IMPORTED_MODULE_22__.addElementsToFrame)(nextElements, eligibleElements, topLayerFrame, this.state);\n      }\n\n      this.scene.replaceAllElements(nextElements);\n      duplicatedElements.forEach(newElement => {\n        if ((0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isTextElement)(newElement) && (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isBoundToContainer)(newElement)) {\n          const container = (0,_excalidraw_element_textElement__WEBPACK_IMPORTED_MODULE_20__.getContainerElement)(newElement, this.scene.getElementsMapIncludingDeleted());\n          (0,_excalidraw_element_textElement__WEBPACK_IMPORTED_MODULE_20__.redrawTextBoundingBox)(newElement, container, this.scene.getElementsMapIncludingDeleted());\n        }\n      }); // paste event may not fire FontFace loadingdone event in Safari, hence loading font faces manually\n\n      if (true) {\n        //zsviczian - isSafari\n        _fonts__WEBPACK_IMPORTED_MODULE_67__.Fonts.loadElementsFonts(duplicatedElements).then(fontFaces => {\n          this.fonts.onLoaded(fontFaces);\n        });\n      }\n\n      if (opts.files) {\n        this.addMissingFiles(opts.files);\n      }\n\n      this.store.shouldCaptureIncrement();\n      const nextElementsToSelect = (0,_excalidraw_element_selection__WEBPACK_IMPORTED_MODULE_33__.excludeElementsInFramesFromSelection)(duplicatedElements);\n      this.setState(Object.assign(Object.assign(Object.assign({}, this.state), {\n        // keep sidebar (presumably the library) open if it's docked and\n        // can fit.\n        //\n        // Note, we should close the sidebar only if we're dropping items\n        // from library, not when pasting from clipboard. Alas.\n        openSidebar: this.state.openSidebar && this.device.editor.canFitSidebar && _editor_jotai__WEBPACK_IMPORTED_MODULE_68__.editorJotaiStore.get(_Sidebar_Sidebar__WEBPACK_IMPORTED_MODULE_93__.isSidebarDockedAtom) ? this.state.openSidebar : null\n      }), (0,_excalidraw_element_groups__WEBPACK_IMPORTED_MODULE_31__.selectGroupsForSelectedElements)({\n        editingGroupId: null,\n        selectedElementIds: nextElementsToSelect.reduce((acc, element) => {\n          if (!(0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isBoundToContainer)(element)) {\n            acc[element.id] = true;\n          }\n\n          return acc;\n        }, {})\n      }, this.scene.getNonDeletedElements(), this.state, this)), () => {\n        if (opts.files) {\n          this.addNewImagesToImageCache();\n        }\n      });\n      this.setActiveTool({\n        type: \"selection\"\n      });\n\n      if (opts.fitToContent) {\n        this.scrollToContent(duplicatedElements, {\n          fitToContent: true,\n          canvasOffsets: this.getEditorUIOffsets()\n        });\n      }\n    };\n\n    this.setAppState = (state, callback) => {\n      this.setState(state, callback);\n    };\n\n    this.removePointer = event => {\n      if (touchTimeout) {\n        this.resetContextMenuTimer();\n      }\n\n      gesture.pointers.delete(event.pointerId);\n    };\n\n    this.toggleLock = (source = \"ui\") => {\n      if (!this.state.activeTool.locked) {\n        (0,_analytics__WEBPACK_IMPORTED_MODULE_51__.trackEvent)(\"toolbar\", \"toggleLock\", `${source} (${this.device.editor.isMobile ? \"mobile\" : \"desktop\"})`);\n      }\n\n      this.setState(prevState => {\n        return {\n          activeTool: Object.assign(Object.assign(Object.assign({}, prevState.activeTool), (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.updateActiveTool)(this.state, prevState.activeTool.locked ? {\n            type: \"selection\"\n          } : prevState.activeTool)), {\n            locked: !prevState.activeTool.locked\n          })\n        };\n      });\n    };\n\n    this.updateFrameRendering = opts => {\n      this.setState(prevState => {\n        var _a, _b, _c, _d;\n\n        const next = typeof opts === \"function\" ? opts(prevState.frameRendering) : opts;\n        return {\n          frameRendering: {\n            enabled: (_a = next === null || next === void 0 ? void 0 : next.enabled) !== null && _a !== void 0 ? _a : prevState.frameRendering.enabled,\n            clip: (_b = next === null || next === void 0 ? void 0 : next.clip) !== null && _b !== void 0 ? _b : prevState.frameRendering.clip,\n            name: (_c = next === null || next === void 0 ? void 0 : next.name) !== null && _c !== void 0 ? _c : prevState.frameRendering.name,\n            outline: (_d = next === null || next === void 0 ? void 0 : next.outline) !== null && _d !== void 0 ? _d : prevState.frameRendering.outline\n          }\n        };\n      });\n    };\n\n    this.togglePenMode = force => {\n      this.setState(prevState => {\n        return {\n          penMode: force !== null && force !== void 0 ? force : !prevState.penMode,\n          penDetected: true\n        };\n      });\n    };\n\n    this.onHandToolToggle = () => {\n      //zsviczian added timeout because button won't select otherwise\n      setTimeout(() => this.actionManager.executeAction(_actions_actionCanvas__WEBPACK_IMPORTED_MODULE_40__.actionToggleHandTool));\n    };\n    /**\r\n     * Zooms on canvas viewport center\r\n     */\n\n\n    this.zoomCanvas = (\n    /**\r\n     * Decimal fraction, auto-clamped between MIN_ZOOM and MAX_ZOOM.\r\n     * 1 = 100% zoom, 2 = 200% zoom, 0.5 = 50% zoom\r\n     */\n    value) => {\n      this.setState(Object.assign({}, (0,_scene_zoom__WEBPACK_IMPORTED_MODULE_63__.getStateForZoom)({\n        viewportX: this.state.width / 2 + this.state.offsetLeft,\n        viewportY: this.state.height / 2 + this.state.offsetTop,\n        nextZoom: (0,_scene__WEBPACK_IMPORTED_MODULE_61__.getNormalizedZoom)(value)\n      }, this.state)));\n    };\n\n    this.cancelInProgressAnimation = null;\n\n    this.scrollToContent = (\n    /**\r\n     * target to scroll to\r\n     *\r\n     * - string - id of element or group, or url containing elementLink\r\n     * - ExcalidrawElement | ExcalidrawElement[] - element(s) objects\r\n     */\n    target = this.scene.getNonDeletedElements(), opts) => {\n      var _a, _b, _c, _d;\n\n      if (typeof target === \"string\") {\n        let id;\n\n        if ((0,_excalidraw_element_elementLink__WEBPACK_IMPORTED_MODULE_27__.isElementLink)(target)) {\n          id = (0,_excalidraw_element_elementLink__WEBPACK_IMPORTED_MODULE_27__.parseElementLinkFromURL)(target);\n        } else {\n          id = target;\n        }\n\n        if (id) {\n          const elements = this.scene.getElementsFromId(id);\n\n          if (elements === null || elements === void 0 ? void 0 : elements.length) {\n            this.scrollToContent(elements, {\n              fitToContent: (_a = opts === null || opts === void 0 ? void 0 : opts.fitToContent) !== null && _a !== void 0 ? _a : true,\n              animate: (_b = opts === null || opts === void 0 ? void 0 : opts.animate) !== null && _b !== void 0 ? _b : true\n            });\n          } else if ((0,_excalidraw_element_elementLink__WEBPACK_IMPORTED_MODULE_27__.isElementLink)(target)) {\n            this.setState({\n              toast: {\n                message: (0,_i18n__WEBPACK_IMPORTED_MODULE_60__.t)(\"elementLink.notFound\"),\n                duration: 3000,\n                closable: true\n              }\n            });\n          }\n        }\n\n        return;\n      }\n\n      (_c = this.cancelInProgressAnimation) === null || _c === void 0 ? void 0 : _c.call(this); // convert provided target into ExcalidrawElement[] if necessary\n\n      const targetElements = Array.isArray(target) ? target : [target];\n      let zoom = this.state.zoom;\n      let scrollX = this.state.scrollX;\n      let scrollY = this.state.scrollY;\n\n      if ((opts === null || opts === void 0 ? void 0 : opts.fitToContent) || (opts === null || opts === void 0 ? void 0 : opts.fitToViewport)) {\n        const {\n          appState\n        } = (0,_actions_actionCanvas__WEBPACK_IMPORTED_MODULE_40__.zoomToFit)({\n          canvasOffsets: opts.canvasOffsets,\n          targetElements,\n          appState: this.state,\n          fitToViewport: !!(opts === null || opts === void 0 ? void 0 : opts.fitToViewport),\n          viewportZoomFactor: opts === null || opts === void 0 ? void 0 : opts.viewportZoomFactor,\n          minZoom: opts === null || opts === void 0 ? void 0 : opts.minZoom,\n          maxZoom: opts === null || opts === void 0 ? void 0 : opts.maxZoom\n        });\n        zoom = appState.zoom;\n        scrollX = appState.scrollX;\n        scrollY = appState.scrollY;\n      } else {\n        // compute only the viewport location, without any zoom adjustment\n        const scroll = (0,_scene__WEBPACK_IMPORTED_MODULE_61__.calculateScrollCenter)(targetElements, this.state);\n        scrollX = scroll.scrollX;\n        scrollY = scroll.scrollY;\n      } // when animating, we use RequestAnimationFrame to prevent the animation\n      // from slowing down other processes\n\n\n      if (opts === null || opts === void 0 ? void 0 : opts.animate) {\n        const origScrollX = this.state.scrollX;\n        const origScrollY = this.state.scrollY;\n        const origZoom = this.state.zoom.value;\n        const cancel = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.easeToValuesRAF)({\n          fromValues: {\n            scrollX: origScrollX,\n            scrollY: origScrollY,\n            zoom: origZoom\n          },\n          toValues: {\n            scrollX,\n            scrollY,\n            zoom: zoom.value\n          },\n          interpolateValue: (from, to, progress, key) => {\n            // for zoom, use different easing\n            if (key === \"zoom\") {\n              return from * Math.pow(to / from, (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.easeOut)(progress));\n            } // handle using default\n\n\n            return undefined;\n          },\n          onStep: ({\n            scrollX,\n            scrollY,\n            zoom\n          }) => {\n            this.setState({\n              scrollX,\n              scrollY,\n              zoom: {\n                value: zoom\n              }\n            });\n          },\n          onStart: () => {\n            this.setState({\n              shouldCacheIgnoreZoom: true\n            });\n          },\n          onEnd: () => {\n            this.setState({\n              shouldCacheIgnoreZoom: false\n            });\n          },\n          onCancel: () => {\n            this.setState({\n              shouldCacheIgnoreZoom: false\n            });\n          },\n          duration: (_d = opts === null || opts === void 0 ? void 0 : opts.duration) !== null && _d !== void 0 ? _d : 500\n        });\n\n        this.cancelInProgressAnimation = () => {\n          cancel();\n          this.cancelInProgressAnimation = null;\n        };\n      } else {\n        this.setState({\n          scrollX,\n          scrollY,\n          zoom\n        });\n      }\n    };\n\n    this.maybeUnfollowRemoteUser = () => {\n      if (this.state.userToFollow) {\n        this.setState({\n          userToFollow: null\n        });\n      }\n    };\n    /** use when changing scrollX/scrollY/zoom based on user interaction */\n\n\n    this.translateCanvas = state => {\n      var _a;\n\n      (_a = this.cancelInProgressAnimation) === null || _a === void 0 ? void 0 : _a.call(this);\n      this.maybeUnfollowRemoteUser();\n      this.setState(state);\n    }; //zsviczian\n\n\n    this.zoomToFit = (target = this.scene.getNonDeletedElements(), maxZoom, //null will zoom to max based on viewport\n    margin = 0.03) => {\n      if (typeof maxZoom === \"undefined\") {\n        //zsviczian\n        maxZoom = (0,_obsidianUtils__WEBPACK_IMPORTED_MODULE_100__.getMaxZoom)();\n      }\n\n      if (!target) {\n        target = this.scene.getNonDeletedElements();\n      }\n\n      if (target.length === 0) {\n        maxZoom = 1;\n      }\n\n      this.setState((0,_actions_actionCanvas__WEBPACK_IMPORTED_MODULE_40__.zoomToFitElements)(target, this.state, false, this, maxZoom, margin).appState);\n    }; //zsviczian\n\n\n    this.getColorAtScenePoint = ({\n      sceneX,\n      sceneY\n    }) => {\n      if (!this.canvas) {\n        console.error(\"Canvas not available\");\n        return null;\n      }\n\n      const {\n        x,\n        y\n      } = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.sceneCoordsToViewportCoords)({\n        sceneX,\n        sceneY\n      }, this.state);\n      const context = this.canvas.getContext(\"2d\");\n\n      if (!context) {\n        console.error(\"2D context not available\");\n        return null;\n      } // Get pixel data directly from the given scene coordinates\n\n\n      const pixelData = context.getImageData(x, y, 1, 1).data;\n      const [r, g, b, a] = pixelData; // Check for transparency\n\n      if (a === 0) {\n        return this.state.theme === \"light\" ? \"rgba(255,255,255,1)\" : \"rgba(0,0,0,1)\";\n      } // Return the color in rgba format\n\n\n      return `rgba(${r}, ${g}, ${b}, ${a / 255})`;\n    }; //zsviczian\n\n\n    this.startLineEditor = (el, selectedPointsIndices = null) => {\n      if (!el || !(0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isLinearElement)(el)) {\n        return;\n      }\n\n      const editingLinearElement = new _excalidraw_element_linearElementEditor__WEBPACK_IMPORTED_MODULE_11__.LinearElementEditor(el);\n      this.setState({\n        selectedLinearElement: editingLinearElement,\n        editingLinearElement: Object.assign(Object.assign({}, editingLinearElement), {\n          selectedPointsIndices\n        })\n      });\n    }; //zsviczian\n\n\n    this.updateContainerSize = (0,_reactUtils__WEBPACK_IMPORTED_MODULE_78__.withBatchedUpdates)(containers => {\n      containers.forEach(element => {\n        // Get absolute coordinates for the bottom-right corner\n        const [x1, y1, x2, y2] = (0,_excalidraw_element_bounds__WEBPACK_IMPORTED_MODULE_9__.getResizedElementAbsoluteCoords)(element, element.width, element.height, true); // Get rotated pointer position at bottom-right corner\n\n        const [pointerX, pointerY] = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.pointFrom)(x2, y2), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.pointFrom)((x1 + x2) / 2, (y1 + y2) / 2), element.angle);\n        const {\n          nextWidth,\n          nextHeight\n        } = (0,_excalidraw_element_resizeElements__WEBPACK_IMPORTED_MODULE_34__.getNextSingleWidthAndHeightFromPointer)(element, element, this.scene.getElementsMapIncludingDeleted(), this.scene.getElementsMapIncludingDeleted(), \"se\", pointerX, pointerY);\n        (0,_excalidraw_element_resizeElements__WEBPACK_IMPORTED_MODULE_34__.resizeSingleElement)(nextWidth, nextHeight, element, element, this.scene.getElementsMapIncludingDeleted(), this.scene.getElementsMapIncludingDeleted(), \"se\", {\n          shouldMaintainAspectRatio: true,\n          shouldResizeFromCenter: false\n        });\n      });\n    });\n\n    this.setToast = toast => {\n      this.setState({\n        toast\n      });\n    };\n\n    this.restoreFileFromShare = async () => {\n      try {\n        const webShareTargetCache = await caches.open(\"web-share-target\");\n        const response = await webShareTargetCache.match(\"shared-file\");\n\n        if (response) {\n          const blob = await response.blob();\n          const file = new File([blob], blob.name || \"\", {\n            type: blob.type\n          });\n          this.loadFileToCanvas(file, null);\n          await webShareTargetCache.delete(\"shared-file\");\n          window.history.replaceState(null, _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.APP_NAME, window.location.pathname);\n        }\n      } catch (error) {\n        this.setState({\n          errorMessage: error.message\n        });\n      }\n    };\n    /**\r\n     * adds supplied files to existing files in the appState.\r\n     * NOTE if file already exists in editor state, the file data is not updated\r\n     * */\n\n\n    this.addFiles = (0,_reactUtils__WEBPACK_IMPORTED_MODULE_78__.withBatchedUpdates)(files => {\n      const {\n        addedFiles\n      } = this.addMissingFiles(files, undefined, true); //zsviczian\n\n      this.clearImageShapeCache(addedFiles);\n      this.scene.triggerUpdate();\n      this.addNewImagesToImageCache();\n    }); //zsviczian https://github.com/zsviczian/excalibrain/issues/9\n\n    this.setMobileModeAllowed = allow => {\n      const {\n        width: editorWidth,\n        height: editorHeight\n      } = this.excalidrawContainerRef.current.getBoundingClientRect();\n      this.allowMobileMode = allow;\n      const prevEditorState = this.device.editor;\n      let nextEditorState;\n\n      if (allow) {\n        nextEditorState = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.updateObject)(prevEditorState, {\n          isMobile: this.isMobileBreakpoint(editorWidth, editorHeight)\n        });\n      } else {\n        nextEditorState = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.updateObject)(prevEditorState, {\n          isMobile: false //must test this\n\n        });\n      }\n\n      if (prevEditorState !== nextEditorState) {\n        this.device = Object.assign(Object.assign({}, this.device), {\n          editor: nextEditorState\n        });\n        this.forceUpdate();\n      }\n    }; //zsviczian\n\n\n    this.debounceClearHighlightSearchResults = false;\n\n    this.selectElements = (elements, highlightSearchResult = false) => {\n      //zsviczian\n      if (highlightSearchResult) {\n        this.debounceClearHighlightSearchResults = true;\n        setTimeout(() => {\n          this.debounceClearHighlightSearchResults = false;\n        }, 500);\n      }\n\n      this.updateScene({\n        appState: Object.assign(Object.assign({}, this.state), {\n          editingGroupId: null,\n          selectedElementIds: elements.reduce((map, element) => {\n            map[element.id] = true;\n            return map;\n          }, {}),\n          highlightSearchResult\n        }),\n        captureUpdate: _store__WEBPACK_IMPORTED_MODULE_76__.CaptureUpdateAction.NEVER,\n        forceFlushSync: true\n      });\n    }; //zsviczian\n\n\n    this.bringToFront = elements => {\n      this.selectElements(elements);\n      this.updateScene(_actions__WEBPACK_IMPORTED_MODULE_38__.actionBringToFront.perform(this.scene.getNonDeletedElements(), this.state));\n    }; //zsviczian\n\n\n    this.bringForward = elements => {\n      this.selectElements(elements);\n      this.updateScene(_actions__WEBPACK_IMPORTED_MODULE_38__.actionBringForward.perform(this.scene.getNonDeletedElements(), this.state, undefined, this));\n    }; //zsviczian\n\n\n    this.sendToBack = elements => {\n      this.selectElements(elements);\n      this.updateScene(_actions__WEBPACK_IMPORTED_MODULE_38__.actionSendToBack.perform(this.scene.getNonDeletedElements(), this.state));\n    }; //zsviczian\n\n\n    this.sendBackward = elements => {\n      this.selectElements(elements);\n      this.updateScene(_actions__WEBPACK_IMPORTED_MODULE_38__.actionSendBackward.perform(this.scene.getNonDeletedElements(), this.state, undefined, this));\n    };\n\n    this.addMissingFiles = (files, replace = false, force = false) => {\n      var _a;\n\n      const nextFiles = replace ? {} : Object.assign({}, this.files);\n      const addedFiles = {};\n\n      const _files = Array.isArray(files) ? files : Object.values(files);\n\n      for (const fileData of _files) {\n        if (!force && nextFiles[fileData.id]) {\n          //zsviczian\n          continue;\n        }\n\n        addedFiles[fileData.id] = fileData;\n        nextFiles[fileData.id] = fileData;\n\n        if (fileData.mimeType === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.MIME_TYPES.svg) {\n          try {\n            const restoredDataURL = (0,_data_blob__WEBPACK_IMPORTED_MODULE_64__.getDataURL_sync)((0,_excalidraw_element_image__WEBPACK_IMPORTED_MODULE_19__.normalizeSVG)((0,_data_blob__WEBPACK_IMPORTED_MODULE_64__.dataURLToString)(fileData.dataURL)), _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.MIME_TYPES.svg);\n\n            if (fileData.dataURL !== restoredDataURL) {\n              // bump version so persistence layer can update the store\n              fileData.version = ((_a = fileData.version) !== null && _a !== void 0 ? _a : 1) + 1;\n              fileData.dataURL = restoredDataURL;\n            }\n          } catch (error) {\n            console.error(error);\n          }\n        }\n      }\n\n      this.files = nextFiles;\n      return {\n        addedFiles\n      };\n    };\n\n    this.updateScene = (0,_reactUtils__WEBPACK_IMPORTED_MODULE_78__.withBatchedUpdates)(sceneData => {\n      var _a;\n\n      const nextElements = (0,_excalidraw_element_fractionalIndex__WEBPACK_IMPORTED_MODULE_32__.syncInvalidIndices)((_a = sceneData.elements) !== null && _a !== void 0 ? _a : []);\n\n      if (sceneData.captureUpdate && sceneData.captureUpdate !== _store__WEBPACK_IMPORTED_MODULE_76__.CaptureUpdateAction.EVENTUALLY) {\n        const prevCommittedAppState = this.store.snapshot.appState;\n        const prevCommittedElements = this.store.snapshot.elements;\n        const nextCommittedAppState = sceneData.appState ? Object.assign({}, prevCommittedAppState, sceneData.appState) // new instance, with partial appstate applied to previously captured one, including hidden prop inside `prevCommittedAppState`\n        : prevCommittedAppState;\n        const nextCommittedElements = sceneData.elements ? this.store.filterUncomittedElements(this.scene.getElementsMapIncludingDeleted(), // Only used to detect uncomitted local elements\n        (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.arrayToMap)(nextElements)) : prevCommittedElements; // WARN: store action always performs deep clone of changed elements, for ephemeral remote updates (i.e. remote dragging, resizing, drawing) we might consider doing something smarter\n        // do NOT schedule store actions (execute after re-render), as it might cause unexpected concurrency issues if not handled well\n\n        if (sceneData.captureUpdate === _store__WEBPACK_IMPORTED_MODULE_76__.CaptureUpdateAction.IMMEDIATELY) {\n          this.store.captureIncrement(nextCommittedElements, nextCommittedAppState);\n        } else if (sceneData.captureUpdate === _store__WEBPACK_IMPORTED_MODULE_76__.CaptureUpdateAction.NEVER) {\n          this.store.updateSnapshot(nextCommittedElements, nextCommittedAppState);\n        }\n      } //zsviczian forceFlushSync is set to true in ExcalidrawView.updateScene.\n      //without this e.g. text search did not select the elements\n\n\n      if (sceneData.forceFlushSync === true) {\n        (0,react_dom__WEBPACK_IMPORTED_MODULE_3__.flushSync)(() => {\n          if (sceneData.appState) {\n            this.setState(sceneData.appState);\n          }\n        });\n      } else if (sceneData.appState) {\n        this.setState(sceneData.appState);\n      }\n\n      if (sceneData.elements) {\n        this.scene.replaceAllElements(nextElements);\n      }\n\n      if (sceneData.collaborators) {\n        this.setState({\n          collaborators: sceneData.collaborators\n        });\n      }\n    });\n\n    this.triggerRender = (\n    /** force always re-renders canvas even if no change */\n    force) => {\n      if (force === true) {\n        this.scene.triggerUpdate();\n      } else {\n        this.setState({});\n      }\n    };\n    /**\r\n     * @returns whether the menu was toggled on or off\r\n     */\n\n\n    this.toggleSidebar = ({\n      name,\n      tab,\n      force\n    }) => {\n      var _a, _b;\n\n      let nextName;\n\n      if (force === undefined) {\n        nextName = ((_a = this.state.openSidebar) === null || _a === void 0 ? void 0 : _a.name) === name && ((_b = this.state.openSidebar) === null || _b === void 0 ? void 0 : _b.tab) === tab ? null : name;\n      } else {\n        nextName = force ? name : null;\n      }\n\n      const nextState = nextName ? {\n        name: nextName\n      } : null;\n\n      if (nextState && tab) {\n        nextState.tab = tab;\n      }\n\n      this.setState({\n        openSidebar: nextState\n      });\n      return !!nextName;\n    };\n\n    this.updateCurrentCursorPosition = (0,_reactUtils__WEBPACK_IMPORTED_MODULE_78__.withBatchedUpdates)(event => {\n      this.lastViewportPosition.x = event.clientX;\n      this.lastViewportPosition.y = event.clientY;\n    });\n\n    this.getEditorUIOffsets = () => {\n      var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;\n\n      const toolbarBottom = ((_e = (_d = (_c = (_b = (_a = this.excalidrawContainerRef) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.querySelector(\".App-toolbar\")) === null || _c === void 0 ? void 0 : _c.getBoundingClientRect()) === null || _d === void 0 ? void 0 : _d.bottom) !== null && _e !== void 0 ? _e : 0) - this.state.offsetTop;\n      const sidebarRect = (_h = (_g = (_f = this.excalidrawContainerRef) === null || _f === void 0 ? void 0 : _f.current) === null || _g === void 0 ? void 0 : _g.querySelector(\".sidebar\")) === null || _h === void 0 ? void 0 : _h.getBoundingClientRect();\n      const propertiesPanelRect = (_l = (_k = (_j = this.excalidrawContainerRef) === null || _j === void 0 ? void 0 : _j.current) === null || _k === void 0 ? void 0 : _k.querySelector(\".App-menu__left\")) === null || _l === void 0 ? void 0 : _l.getBoundingClientRect();\n      const PADDING = 16;\n\n      const adjustRectValueForOffset = ( //zsviczian https://github.com/excalidraw/excalidraw/issues/8561\n      value, fallback) => (value !== null && value !== void 0 ? value : fallback + this.state.offsetLeft) - this.state.offsetLeft;\n\n      return (0,_i18n__WEBPACK_IMPORTED_MODULE_60__.getLanguage)().rtl ? {\n        top: toolbarBottom + PADDING,\n        right: Math.max(this.state.width - adjustRectValueForOffset( //zsivczian\n        propertiesPanelRect === null || propertiesPanelRect === void 0 ? void 0 : propertiesPanelRect.left, this.state.width), 0) + PADDING,\n        bottom: PADDING,\n        //zsivczian\n        left: Math.max(adjustRectValueForOffset(sidebarRect === null || sidebarRect === void 0 ? void 0 : sidebarRect.right, 0), 0) + PADDING\n      } : {\n        top: toolbarBottom + PADDING,\n        right: Math.max(this.state.width - adjustRectValueForOffset(sidebarRect === null || sidebarRect === void 0 ? void 0 : sidebarRect.left, this.state.width) + //zsivczian\n        PADDING, 0),\n        bottom: PADDING,\n        //zsivczian\n        left: Math.max(adjustRectValueForOffset(propertiesPanelRect === null || propertiesPanelRect === void 0 ? void 0 : propertiesPanelRect.right, 0), 0) + PADDING\n      };\n    }; // Input handling\n\n\n    this.onKeyDown = (0,_reactUtils__WEBPACK_IMPORTED_MODULE_78__.withBatchedUpdates)(event => {\n      var _a, _b;\n\n      if (this.state.activeTool.type === \"selection\" && this.state.resizingElement && (event.shiftKey || event.altKey)) {\n        event.stopPropagation(); //zsviczian shift fires repeatedly causing slowdown when resizing sticky notes\n\n        return;\n      } // normalize `event.key` when CapsLock is pressed #2372\n\n\n      if (\"Proxy\" in window && (!event.shiftKey && /^[A-Z]$/.test(event.key) || event.shiftKey && /^[a-z]$/.test(event.key))) {\n        event = new Proxy(event, {\n          get(ev, prop) {\n            const value = ev[prop];\n\n            if (typeof value === \"function\") {\n              // fix for Proxies hijacking `this`\n              return value.bind(ev);\n            }\n\n            return prop === \"key\" ? // CapsLock inverts capitalization based on ShiftKey, so invert\n            // it back\n            event.shiftKey ? ev.key.toUpperCase() : ev.key.toLowerCase() : value;\n          }\n\n        });\n      }\n\n      if (!(0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.isInputLike)(event.target)) {\n        if ((event.key === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.ESCAPE || event.key === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.ENTER) && this.state.croppingElementId) {\n          this.finishImageCropping();\n          return;\n        }\n\n        const selectedElements = (0,_scene__WEBPACK_IMPORTED_MODULE_61__.getSelectedElements)(this.scene.getNonDeletedElementsMap(), this.state);\n\n        if (selectedElements.length === 1 && (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isImageElement)(selectedElements[0]) && event.key === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.ENTER) {\n          this.startImageCropping(selectedElements[0]);\n          return;\n        }\n\n        if (event.key === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.ESCAPE && this.flowChartCreator.isCreatingChart) {\n          this.flowChartCreator.clear();\n          this.triggerRender(true);\n          return;\n        }\n\n        const arrowKeyPressed = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.isArrowKey)(event.key);\n\n        if (event[_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.CTRL_OR_CMD] && arrowKeyPressed && !event.shiftKey) {\n          event.preventDefault();\n          const selectedElements = (0,_scene__WEBPACK_IMPORTED_MODULE_61__.getSelectedElements)(this.scene.getNonDeletedElementsMap(), this.state);\n\n          if (selectedElements.length === 1 && (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isFlowchartNodeElement)(selectedElements[0])) {\n            this.flowChartCreator.createNodes(selectedElements[0], this.scene.getNonDeletedElementsMap(), this.state, (0,_excalidraw_element_flowchart__WEBPACK_IMPORTED_MODULE_24__.getLinkDirectionFromKey)(event.key));\n          }\n\n          if (((_a = this.flowChartCreator.pendingNodes) === null || _a === void 0 ? void 0 : _a.length) && !(0,_excalidraw_element_sizeHelpers__WEBPACK_IMPORTED_MODULE_16__.isElementCompletelyInViewport)(this.flowChartCreator.pendingNodes, this.canvas.width / window.devicePixelRatio, this.canvas.height / window.devicePixelRatio, {\n            offsetLeft: this.state.offsetLeft,\n            offsetTop: this.state.offsetTop,\n            scrollX: this.state.scrollX,\n            scrollY: this.state.scrollY,\n            zoom: this.state.zoom\n          }, this.scene.getNonDeletedElementsMap(), this.getEditorUIOffsets())) {\n            this.scrollToContent(this.flowChartCreator.pendingNodes, {\n              animate: true,\n              duration: 300,\n              fitToContent: true,\n              canvasOffsets: this.getEditorUIOffsets()\n            });\n          }\n\n          return;\n        }\n\n        if (event.altKey) {\n          const selectedElements = (0,_scene__WEBPACK_IMPORTED_MODULE_61__.getSelectedElements)(this.scene.getNonDeletedElementsMap(), this.state);\n\n          if (selectedElements.length === 1 && arrowKeyPressed) {\n            event.preventDefault();\n            const nextId = this.flowChartNavigator.exploreByDirection(selectedElements[0], this.scene.getNonDeletedElementsMap(), (0,_excalidraw_element_flowchart__WEBPACK_IMPORTED_MODULE_24__.getLinkDirectionFromKey)(event.key));\n\n            if (nextId) {\n              this.setState(prevState => ({\n                selectedElementIds: (0,_excalidraw_element_selection__WEBPACK_IMPORTED_MODULE_33__.makeNextSelectedElementIds)({\n                  [nextId]: true\n                }, prevState)\n              }));\n              const nextNode = this.scene.getNonDeletedElementsMap().get(nextId);\n\n              if (nextNode && !(0,_excalidraw_element_sizeHelpers__WEBPACK_IMPORTED_MODULE_16__.isElementCompletelyInViewport)([nextNode], this.canvas.width / window.devicePixelRatio, this.canvas.height / window.devicePixelRatio, {\n                offsetLeft: this.state.offsetLeft,\n                offsetTop: this.state.offsetTop,\n                scrollX: this.state.scrollX,\n                scrollY: this.state.scrollY,\n                zoom: this.state.zoom\n              }, this.scene.getNonDeletedElementsMap(), this.getEditorUIOffsets())) {\n                this.scrollToContent(nextNode, {\n                  animate: true,\n                  duration: 300,\n                  canvasOffsets: this.getEditorUIOffsets()\n                });\n              }\n            }\n\n            return;\n          }\n        }\n      }\n\n      if (event[_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.CTRL_OR_CMD] && event.key === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.P && !event.shiftKey && !event.altKey) {\n        this.setToast({\n          message: (0,_i18n__WEBPACK_IMPORTED_MODULE_60__.t)(\"commandPalette.shortcutHint\", {\n            shortcut: (0,_actions_shortcuts__WEBPACK_IMPORTED_MODULE_50__.getShortcutFromShortcutName)(\"commandPalette\")\n          })\n        });\n        event.preventDefault();\n        return;\n      }\n\n      if (event[_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.CTRL_OR_CMD] && event.key.toLowerCase() === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.V) {\n        IS_PLAIN_PASTE = event.shiftKey;\n        clearTimeout(IS_PLAIN_PASTE_TIMER); // reset (100ms to be safe that we it runs after the ensuing\n        // paste event). Though, technically unnecessary to reset since we\n        // (re)set the flag before each paste event.\n\n        IS_PLAIN_PASTE_TIMER = window.setTimeout(() => {\n          IS_PLAIN_PASTE = false;\n        }, 100);\n      } // prevent browser zoom in input fields\n\n\n      if (event[_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.CTRL_OR_CMD] && (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.isWritableElement)(event.target)) {\n        if (event.code === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.CODES.MINUS || event.code === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.CODES.EQUAL) {\n          event.preventDefault();\n          return;\n        }\n      } // bail if\n\n\n      if ( // inside an input\n      (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.isWritableElement)(event.target) && // unless pressing escape (finalize action)\n      event.key !== _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.ESCAPE || // or unless using arrows (to move between buttons)\n      (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.isArrowKey)(event.key) && (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.isInputLike)(event.target)) {\n        return;\n      }\n\n      if (event.key === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.QUESTION_MARK) {\n        this.setState({\n          openDialog: {\n            name: \"help\"\n          }\n        });\n        return;\n      } else if (event.key.toLowerCase() === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.E && event.shiftKey && event[_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.CTRL_OR_CMD]) {\n        event.preventDefault();\n        this.setState({\n          openDialog: {\n            name: \"imageExport\"\n          }\n        });\n        return;\n      }\n\n      if (event.key === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.PAGE_UP || event.key === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.PAGE_DOWN) {\n        let offset = (event.shiftKey ? this.state.width : this.state.height) / this.state.zoom.value;\n\n        if (event.key === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.PAGE_DOWN) {\n          offset = -offset;\n        }\n\n        if (event.shiftKey) {\n          this.translateCanvas(state => ({\n            scrollX: state.scrollX + offset\n          }));\n        } else {\n          this.translateCanvas(state => ({\n            scrollY: state.scrollY + offset\n          }));\n        }\n      }\n\n      if (((_b = this.state.openDialog) === null || _b === void 0 ? void 0 : _b.name) === \"elementLinkSelector\") {\n        return;\n      }\n\n      if (this.actionManager.handleKeyDown(event)) {\n        return;\n      }\n\n      if (event.key === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.K && !event.altKey && !event[_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.CTRL_OR_CMD]) {\n        if ((0,_appState__WEBPACK_IMPORTED_MODULE_53__.isLaserPointerActive)(this.state)) {\n          this.setActiveTool({\n            type: \"selection\"\n          });\n        } else {\n          this.setActiveTool({\n            type: \"laser\"\n          });\n        }\n\n        return;\n      }\n\n      if (this.state.viewModeEnabled) {\n        //revert to hand in case a key is pressed (K is handled above)\n        if (event.key !== _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.K) {\n          this.setActiveTool({\n            type: \"selection\"\n          });\n        }\n\n        return;\n      }\n\n      if (event[_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.CTRL_OR_CMD] && this.state.isBindingEnabled) {\n        this.setState({\n          isBindingEnabled: false\n        });\n      }\n\n      if ((0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.isArrowKey)(event.key)) {\n        let selectedElements = this.scene.getSelectedElements({\n          selectedElementIds: this.state.selectedElementIds,\n          includeBoundTextElement: true,\n          includeElementsInFrames: true\n        });\n        const elbowArrow = selectedElements.find(_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isElbowArrow);\n        const arrowIdsToRemove = new Set();\n        selectedElements.filter(_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isElbowArrow).filter(arrow => {\n          const startElementNotInSelection = arrow.startBinding && !selectedElements.some(el => {\n            var _a;\n\n            return el.id === ((_a = arrow.startBinding) === null || _a === void 0 ? void 0 : _a.elementId);\n          });\n          const endElementNotInSelection = arrow.endBinding && !selectedElements.some(el => {\n            var _a;\n\n            return el.id === ((_a = arrow.endBinding) === null || _a === void 0 ? void 0 : _a.elementId);\n          });\n          return startElementNotInSelection || endElementNotInSelection;\n        }).forEach(arrow => arrowIdsToRemove.add(arrow.id));\n        selectedElements = selectedElements.filter(el => !arrowIdsToRemove.has(el.id));\n        const step = this.getEffectiveGridSize() && (event.shiftKey ? _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.ELEMENT_TRANSLATE_AMOUNT : this.getEffectiveGridSize()) || (event.shiftKey ? _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.ELEMENT_SHIFT_TRANSLATE_AMOUNT : _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.ELEMENT_TRANSLATE_AMOUNT);\n        let offsetX = 0;\n        let offsetY = 0;\n\n        if (event.key === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.ARROW_LEFT) {\n          offsetX = -step;\n        } else if (event.key === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.ARROW_RIGHT) {\n          offsetX = step;\n        } else if (event.key === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.ARROW_UP) {\n          offsetY = -step;\n        } else if (event.key === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.ARROW_DOWN) {\n          offsetY = step;\n        }\n\n        selectedElements.forEach(element => {\n          (0,_excalidraw_element_mutateElement__WEBPACK_IMPORTED_MODULE_12__.mutateElement)(element, {\n            x: element.x + offsetX,\n            y: element.y + offsetY\n          }, false);\n          (0,_excalidraw_element_binding__WEBPACK_IMPORTED_MODULE_10__.updateBoundElements)(element, this.scene.getNonDeletedElementsMap(), {\n            simultaneouslyUpdated: selectedElements\n          });\n        });\n        this.setState({\n          suggestedBindings: (0,_excalidraw_element_binding__WEBPACK_IMPORTED_MODULE_10__.getSuggestedBindingsForArrows)(selectedElements.filter(element => element.id !== (elbowArrow === null || elbowArrow === void 0 ? void 0 : elbowArrow.id) || step !== 0), this.scene.getNonDeletedElementsMap(), this.state.zoom)\n        });\n        this.scene.triggerUpdate();\n        event.preventDefault();\n      } else if (event.key === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.ENTER) {\n        const selectedElements = this.scene.getSelectedElements(this.state);\n\n        if (selectedElements.length === 1) {\n          const selectedElement = selectedElements[0];\n\n          if (event[_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.CTRL_OR_CMD]) {\n            if ((0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isLinearElement)(selectedElement)) {\n              if (!this.state.editingLinearElement || this.state.editingLinearElement.elementId !== selectedElements[0].id) {\n                this.store.shouldCaptureIncrement();\n\n                if (!(0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isElbowArrow)(selectedElement)) {\n                  this.setState({\n                    editingLinearElement: new _excalidraw_element_linearElementEditor__WEBPACK_IMPORTED_MODULE_11__.LinearElementEditor(selectedElement)\n                  });\n                }\n              }\n            }\n          } else if ((0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isTextElement)(selectedElement) || (0,_excalidraw_element_textElement__WEBPACK_IMPORTED_MODULE_20__.isValidTextContainer)(selectedElement)) {\n            let container;\n\n            if (!(0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isTextElement)(selectedElement)) {\n              container = selectedElement;\n            }\n\n            const midPoint = (0,_excalidraw_element_textElement__WEBPACK_IMPORTED_MODULE_20__.getContainerCenter)(selectedElement, this.state, this.scene.getNonDeletedElementsMap());\n            const sceneX = midPoint.x;\n            const sceneY = midPoint.y;\n            this.startTextEditing({\n              sceneX,\n              sceneY,\n              container\n            });\n            event.preventDefault();\n            return;\n          } else if ((0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isFrameLikeElement)(selectedElement)) {\n            this.setState({\n              editingFrame: selectedElement.id\n            });\n          } else if ((0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isEmbeddableElement)(selectedElement)) {\n            //zsviczian\n            this.setState({\n              activeEmbeddable: {\n                element: selectedElement,\n                state: \"active\"\n              }\n            });\n          }\n        }\n      } else if (!event.ctrlKey && !event.altKey && !event.metaKey && !this.state.newElement && !this.state.selectionElement && !this.state.selectedElementsAreBeingDragged) {\n        const shape = (0,_shapes__WEBPACK_IMPORTED_MODULE_99__.findShapeByKey)(event.key);\n\n        if (shape) {\n          if (this.state.activeTool.type !== shape) {\n            (0,_analytics__WEBPACK_IMPORTED_MODULE_51__.trackEvent)(\"toolbar\", shape, `keyboard (${this.device.editor.isMobile ? \"mobile\" : \"desktop\"})`);\n          }\n\n          if (shape === \"arrow\" && this.state.activeTool.type === \"arrow\") {\n            this.setState(prevState => ({\n              currentItemArrowType: prevState.currentItemArrowType === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.ARROW_TYPE.sharp ? _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.ARROW_TYPE.round : prevState.currentItemArrowType === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.ARROW_TYPE.round ? _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.ARROW_TYPE.elbow : _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.ARROW_TYPE.sharp\n            }));\n          }\n\n          this.setActiveTool({\n            type: shape\n          });\n          event.stopPropagation();\n        } else if (event.key === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.Q) {\n          this.toggleLock(\"keyboard\");\n          event.stopPropagation();\n        }\n      }\n\n      if (event.key === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.SPACE && gesture.pointers.size === 0) {\n        isHoldingSpace = true;\n        (0,_cursor__WEBPACK_IMPORTED_MODULE_73__.setCursor)(this.interactiveCanvas, _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.CURSOR_TYPE.GRAB);\n        event.preventDefault();\n      }\n\n      if ((event.key === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.G || event.key === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.S) && !event.altKey && !event[_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.CTRL_OR_CMD]) {\n        const selectedElements = this.scene.getSelectedElements(this.state);\n\n        if (this.state.activeTool.type === \"selection\" && !selectedElements.length) {\n          return;\n        }\n\n        if (event.key === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.G && ((0,_scene__WEBPACK_IMPORTED_MODULE_61__.hasBackground)(this.state.activeTool.type) || selectedElements.some(element => (0,_scene__WEBPACK_IMPORTED_MODULE_61__.hasBackground)(element.type)))) {\n          this.setState({\n            openPopup: \"elementBackground\"\n          });\n          event.stopPropagation();\n        }\n\n        if (event.key === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.S) {\n          this.setState({\n            openPopup: \"elementStroke\"\n          });\n          event.stopPropagation();\n        }\n      }\n\n      if (!event[_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.CTRL_OR_CMD] && event.shiftKey && event.key.toLowerCase() === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.F) {\n        const selectedElements = this.scene.getSelectedElements(this.state);\n\n        if (this.state.activeTool.type === \"selection\" && !selectedElements.length) {\n          return;\n        }\n\n        if (this.state.activeTool.type === \"text\" || selectedElements.find(element => (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isTextElement)(element) || (0,_excalidraw_element_textElement__WEBPACK_IMPORTED_MODULE_20__.getBoundTextElement)(element, this.scene.getNonDeletedElementsMap()))) {\n          event.preventDefault();\n          this.setState({\n            openPopup: \"fontFamily\"\n          });\n        }\n      }\n\n      if (event.key === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.K && !event.altKey && !event[_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.CTRL_OR_CMD]) {\n        if (this.state.activeTool.type === \"laser\") {\n          this.setActiveTool({\n            type: \"selection\"\n          });\n        } else {\n          this.setActiveTool({\n            type: \"laser\"\n          });\n        }\n\n        return;\n      }\n\n      if (event[_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.CTRL_OR_CMD] && (event.key === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.BACKSPACE || event.key === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.DELETE)) {\n        _editor_jotai__WEBPACK_IMPORTED_MODULE_68__.editorJotaiStore.set(_ActiveConfirmDialog__WEBPACK_IMPORTED_MODULE_84__.activeConfirmDialogAtom, \"clearCanvas\");\n      } // eye dropper\n      // -----------------------------------------------------------------------\n\n\n      const lowerCased = event.key.toLocaleLowerCase();\n      const isPickingStroke = lowerCased === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.S && event.shiftKey;\n      const isPickingBackground = event.key === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.I || lowerCased === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.G && event.shiftKey;\n\n      if (isPickingStroke || isPickingBackground) {\n        this.openEyeDropper({\n          type: isPickingStroke ? \"stroke\" : \"background\"\n        });\n      } // -----------------------------------------------------------------------\n\n    });\n    this.onKeyUp = (0,_reactUtils__WEBPACK_IMPORTED_MODULE_78__.withBatchedUpdates)(event => {\n      var _a, _b, _c, _d, _e;\n\n      if (event.key === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.SPACE) {\n        if (this.state.viewModeEnabled || ((_a = this.state.openDialog) === null || _a === void 0 ? void 0 : _a.name) === \"elementLinkSelector\") {\n          (0,_cursor__WEBPACK_IMPORTED_MODULE_73__.setCursor)(this.interactiveCanvas, _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.CURSOR_TYPE.GRAB);\n        } else if (this.state.activeTool.type === \"selection\" || this.state.activeTool.type === \"lasso\") {\n          (0,_cursor__WEBPACK_IMPORTED_MODULE_73__.resetCursor)(this.interactiveCanvas);\n        } else {\n          (0,_cursor__WEBPACK_IMPORTED_MODULE_73__.setCursorForShape)(this.interactiveCanvas, this.state);\n          this.setState({\n            selectedElementIds: (0,_excalidraw_element_selection__WEBPACK_IMPORTED_MODULE_33__.makeNextSelectedElementIds)({}, this.state),\n            selectedGroupIds: {},\n            editingGroupId: null,\n            activeEmbeddable: null\n          });\n        }\n\n        isHoldingSpace = false;\n      }\n\n      if (!event[_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.CTRL_OR_CMD] && !this.state.isBindingEnabled) {\n        this.setState({\n          isBindingEnabled: true\n        });\n      }\n\n      if ((0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.isArrowKey)(event.key)) {\n        (0,_excalidraw_element_binding__WEBPACK_IMPORTED_MODULE_10__.bindOrUnbindLinearElements)(this.scene.getSelectedElements(this.state).filter(_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isLinearElement), this.scene.getNonDeletedElementsMap(), this.scene.getNonDeletedElements(), this.scene, (0,_excalidraw_element_binding__WEBPACK_IMPORTED_MODULE_10__.isBindingEnabled)(this.state), (_c = (_b = this.state.selectedLinearElement) === null || _b === void 0 ? void 0 : _b.selectedPointsIndices) !== null && _c !== void 0 ? _c : [], this.state.zoom);\n        this.setState({\n          suggestedBindings: []\n        });\n      }\n\n      if (!event.altKey) {\n        if (this.flowChartNavigator.isExploring) {\n          this.flowChartNavigator.clear();\n          this.syncActionResult({\n            captureUpdate: _store__WEBPACK_IMPORTED_MODULE_76__.CaptureUpdateAction.IMMEDIATELY\n          });\n        }\n      }\n\n      if (!event[_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.CTRL_OR_CMD]) {\n        if (this.flowChartCreator.isCreatingChart) {\n          if ((_d = this.flowChartCreator.pendingNodes) === null || _d === void 0 ? void 0 : _d.length) {\n            this.scene.insertElements(this.flowChartCreator.pendingNodes);\n          }\n\n          const firstNode = (_e = this.flowChartCreator.pendingNodes) === null || _e === void 0 ? void 0 : _e[0];\n\n          if (firstNode) {\n            this.setState(prevState => ({\n              selectedElementIds: (0,_excalidraw_element_selection__WEBPACK_IMPORTED_MODULE_33__.makeNextSelectedElementIds)({\n                [firstNode.id]: true\n              }, prevState)\n            }));\n\n            if (!(0,_excalidraw_element_sizeHelpers__WEBPACK_IMPORTED_MODULE_16__.isElementCompletelyInViewport)([firstNode], this.canvas.width / window.devicePixelRatio, this.canvas.height / window.devicePixelRatio, {\n              offsetLeft: this.state.offsetLeft,\n              offsetTop: this.state.offsetTop,\n              scrollX: this.state.scrollX,\n              scrollY: this.state.scrollY,\n              zoom: this.state.zoom\n            }, this.scene.getNonDeletedElementsMap(), this.getEditorUIOffsets())) {\n              this.scrollToContent(firstNode, {\n                animate: true,\n                duration: 300,\n                canvasOffsets: this.getEditorUIOffsets()\n              });\n            }\n          }\n\n          this.flowChartCreator.clear();\n          this.syncActionResult({\n            captureUpdate: _store__WEBPACK_IMPORTED_MODULE_76__.CaptureUpdateAction.IMMEDIATELY\n          });\n        }\n      }\n    }); // We purposely widen the `tool` type so this helper can be called with\n    // any tool without having to type check it\n\n    this.isToolSupported = tool => {\n      var _a;\n\n      return ((_a = this.props.UIOptions.tools) === null || _a === void 0 ? void 0 : _a[tool]) !== false;\n    };\n\n    this.setActiveTool = (tool, keepSelection = false) => {\n      var _a;\n\n      if (!this.isToolSupported(tool.type)) {\n        console.warn(`\"${tool.type}\" tool is disabled via \"UIOptions.canvasActions.tools.${tool.type}\"`);\n        return;\n      }\n\n      const nextActiveTool = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.updateActiveTool)(this.state, tool);\n\n      if (nextActiveTool.type === \"hand\") {\n        (0,_cursor__WEBPACK_IMPORTED_MODULE_73__.setCursor)(this.interactiveCanvas, _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.CURSOR_TYPE.GRAB);\n      } else if (!isHoldingSpace) {\n        (0,_cursor__WEBPACK_IMPORTED_MODULE_73__.setCursorForShape)(this.interactiveCanvas, Object.assign(Object.assign({}, this.state), {\n          activeTool: nextActiveTool\n        }));\n      }\n\n      if ((0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.isToolIcon)(document.activeElement)) {\n        this.focusContainer();\n      }\n\n      if (!(0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isLinearElementType)(nextActiveTool.type)) {\n        this.setState({\n          suggestedBindings: []\n        });\n      }\n\n      if (nextActiveTool.type === \"image\") {\n        this.onImageAction({\n          insertOnCanvasDirectly: (_a = tool.type === \"image\" && tool.insertOnCanvasDirectly) !== null && _a !== void 0 ? _a : false\n        });\n      }\n\n      setTimeout(() => {\n        this.setState(prevState => {\n          const commonResets = {\n            snapLines: prevState.snapLines.length ? [] : prevState.snapLines,\n            originSnapOffset: null,\n            activeEmbeddable: null\n          };\n\n          if (nextActiveTool.type === \"freedraw\") {\n            this.store.shouldCaptureIncrement();\n          }\n\n          if (nextActiveTool.type === \"lasso\") {\n            return Object.assign(Object.assign(Object.assign(Object.assign({}, prevState), {\n              activeTool: nextActiveTool\n            }), keepSelection ? {} : {\n              selectedElementIds: (0,_excalidraw_element_selection__WEBPACK_IMPORTED_MODULE_33__.makeNextSelectedElementIds)({}, prevState),\n              selectedGroupIds: (0,_excalidraw_element_selection__WEBPACK_IMPORTED_MODULE_33__.makeNextSelectedElementIds)({}, prevState),\n              editingGroupId: null,\n              multiElement: null\n            }), commonResets);\n          } else if (nextActiveTool.type !== \"selection\") {\n            return Object.assign(Object.assign(Object.assign({}, prevState), {\n              activeTool: nextActiveTool,\n              selectedElementIds: (0,_excalidraw_element_selection__WEBPACK_IMPORTED_MODULE_33__.makeNextSelectedElementIds)(nextActiveTool.type === \"mermaid\" //zsviczian\n              ? this.state.selectedElementIds : {}, prevState),\n              selectedGroupIds: (0,_excalidraw_element_selection__WEBPACK_IMPORTED_MODULE_33__.makeNextSelectedElementIds)({}, prevState),\n              editingGroupId: null,\n              multiElement: null\n            }), commonResets);\n          }\n\n          return Object.assign(Object.assign(Object.assign({}, prevState), {\n            activeTool: nextActiveTool\n          }), commonResets);\n        });\n      }); //zsviczian added timeout because button won't select otherwise\n    };\n\n    this.setOpenDialog = dialogType => {\n      this.setState({\n        openDialog: dialogType\n      });\n    };\n\n    this.setCursor = cursor => {\n      (0,_cursor__WEBPACK_IMPORTED_MODULE_73__.setCursor)(this.interactiveCanvas, cursor);\n    };\n\n    this.resetCursor = () => {\n      (0,_cursor__WEBPACK_IMPORTED_MODULE_73__.resetCursor)(this.interactiveCanvas);\n    };\n    /**\r\n     * returns whether user is making a gesture with >= 2 fingers (points)\r\n     * on o touch screen (not on a trackpad). Currently only relates to Darwin\r\n     * (iOS/iPadOS,MacOS), but may work on other devices in the future if\r\n     * GestureEvent is standardized.\r\n     */\n\n\n    this.isTouchScreenMultiTouchGesture = () => {\n      // we don't want to deselect when using trackpad, and multi-point gestures\n      // only work on touch screens, so checking for >= pointers means we're on a\n      // touchscreen\n      return gesture.pointers.size >= 2;\n    };\n\n    this.getName = () => {\n      return this.state.name || this.props.name || `${(0,_i18n__WEBPACK_IMPORTED_MODULE_60__.t)(\"labels.untitled\")}-${(0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.getDateTime)()}`;\n    }; // fires only on Safari\n\n\n    this.onGestureStart = (0,_reactUtils__WEBPACK_IMPORTED_MODULE_78__.withBatchedUpdates)(event => {\n      event.preventDefault(); // we only want to deselect on touch screens because user may have selected\n      // elements by mistake while zooming\n\n      if (this.isTouchScreenMultiTouchGesture()) {\n        this.setState({\n          selectedElementIds: (0,_excalidraw_element_selection__WEBPACK_IMPORTED_MODULE_33__.makeNextSelectedElementIds)({}, this.state),\n          activeEmbeddable: null\n        });\n      }\n\n      gesture.initialScale = this.state.zoom.value;\n    }); // fires only on Safari\n\n    this.onGestureChange = (0,_reactUtils__WEBPACK_IMPORTED_MODULE_78__.withBatchedUpdates)(event => {\n      event.preventDefault(); // onGestureChange only has zoom factor but not the center.\n      // If we're on iPad or iPhone, then we recognize multi-touch and will\n      // zoom in at the right location in the touchmove handler\n      // (handleCanvasPointerMove).\n      //\n      // On Macbook trackpad, we don't have those events so will zoom in at the\n      // current location instead.\n      //\n      // As such, bail from this handler on touch devices.\n\n      if (this.isTouchScreenMultiTouchGesture()) {\n        return;\n      }\n\n      const initialScale = gesture.initialScale;\n\n      if (initialScale) {\n        this.setState(state => Object.assign({}, (0,_scene_zoom__WEBPACK_IMPORTED_MODULE_63__.getStateForZoom)({\n          viewportX: this.lastViewportPosition.x,\n          viewportY: this.lastViewportPosition.y,\n          nextZoom: (0,_scene__WEBPACK_IMPORTED_MODULE_61__.getNormalizedZoom)(initialScale * event.scale)\n        }, state)));\n      }\n    }); // fires only on Safari\n\n    this.onGestureEnd = (0,_reactUtils__WEBPACK_IMPORTED_MODULE_78__.withBatchedUpdates)(event => {\n      event.preventDefault(); // reselect elements only on touch screens (see onGestureStart)\n\n      if (this.isTouchScreenMultiTouchGesture()) {\n        this.setState({\n          previousSelectedElementIds: {},\n          selectedElementIds: (0,_excalidraw_element_selection__WEBPACK_IMPORTED_MODULE_33__.makeNextSelectedElementIds)(this.state.previousSelectedElementIds, this.state)\n        });\n      }\n\n      gesture.initialScale = null;\n    });\n\n    this.startTextEditing = ({\n      sceneX,\n      sceneY,\n      insertAtParentCenter = true,\n      container,\n      autoEdit = true\n    }) => {\n      var _a;\n\n      let shouldBindToContainer = false;\n      let parentCenterPosition = insertAtParentCenter && this.getTextWysiwygSnappedToCenterPosition(sceneX, sceneY, this.state, container);\n\n      if (container && parentCenterPosition) {\n        const boundTextElementToContainer = (0,_excalidraw_element_textElement__WEBPACK_IMPORTED_MODULE_20__.getBoundTextElement)(container, this.scene.getNonDeletedElementsMap());\n\n        if (!boundTextElementToContainer) {\n          shouldBindToContainer = true;\n        }\n      }\n\n      let existingTextElement = null;\n      const selectedElements = this.scene.getSelectedElements(this.state);\n\n      if (selectedElements.length === 1) {\n        if ((0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isTextElement)(selectedElements[0])) {\n          existingTextElement = selectedElements[0];\n        } else if (container) {\n          existingTextElement = (0,_excalidraw_element_textElement__WEBPACK_IMPORTED_MODULE_20__.getBoundTextElement)(selectedElements[0], this.scene.getNonDeletedElementsMap());\n        } else {\n          existingTextElement = this.getTextElementAtPosition(sceneX, sceneY);\n        }\n      } else {\n        existingTextElement = this.getTextElementAtPosition(sceneX, sceneY);\n      }\n\n      const fontFamily = (existingTextElement === null || existingTextElement === void 0 ? void 0 : existingTextElement.fontFamily) || this.state.currentItemFontFamily;\n      const lineHeight = (existingTextElement === null || existingTextElement === void 0 ? void 0 : existingTextElement.lineHeight) || (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.getLineHeight)(fontFamily);\n      const fontSize = (0,_actions_actionProperties__WEBPACK_IMPORTED_MODULE_102__.getFontSize)(this.state.currentItemFontSize, this.state.zoom.value); //zsviczian\n\n      if (!existingTextElement && shouldBindToContainer && container && !(0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isArrowElement)(container)) {\n        const fontString = {\n          fontSize,\n          fontFamily\n        };\n        const minWidth = (0,_excalidraw_element_textMeasurements__WEBPACK_IMPORTED_MODULE_28__.getApproxMinLineWidth)((0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.getFontString)(fontString), lineHeight);\n        const minHeight = (0,_excalidraw_element_textMeasurements__WEBPACK_IMPORTED_MODULE_28__.getApproxMinLineHeight)(fontSize, lineHeight);\n        const newHeight = Math.max(container.height, minHeight);\n        const newWidth = Math.max(container.width, minWidth);\n        (0,_excalidraw_element_mutateElement__WEBPACK_IMPORTED_MODULE_12__.mutateElement)(container, {\n          height: newHeight,\n          width: newWidth\n        });\n        sceneX = container.x + newWidth / 2;\n        sceneY = container.y + newHeight / 2;\n\n        if (parentCenterPosition) {\n          parentCenterPosition = this.getTextWysiwygSnappedToCenterPosition(sceneX, sceneY, this.state, container);\n        }\n      }\n\n      const topLayerFrame = this.getTopLayerFrameAtSceneCoords({\n        x: sceneX,\n        y: sceneY\n      });\n      const element = existingTextElement || (0,_excalidraw_element_newElement__WEBPACK_IMPORTED_MODULE_13__.newTextElement)({\n        x: parentCenterPosition ? parentCenterPosition.elementCenterX : sceneX,\n        y: parentCenterPosition ? parentCenterPosition.elementCenterY : sceneY,\n        strokeColor: this.state.currentItemStrokeColor,\n        backgroundColor: this.state.currentItemBackgroundColor,\n        fillStyle: this.state.currentItemFillStyle,\n        strokeWidth: this.state.currentItemStrokeWidth,\n        strokeStyle: this.state.currentItemStrokeStyle,\n        roughness: this.state.currentItemRoughness,\n        opacity: this.state.currentItemOpacity,\n        text: \"\",\n        rawText: \"\",\n        fontSize,\n        fontFamily,\n        textAlign: parentCenterPosition ? \"center\" : this.state.currentItemTextAlign,\n        verticalAlign: parentCenterPosition ? _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.VERTICAL_ALIGN.MIDDLE : _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.DEFAULT_VERTICAL_ALIGN,\n        containerId: shouldBindToContainer ? container === null || container === void 0 ? void 0 : container.id : undefined,\n        groupIds: (_a = container === null || container === void 0 ? void 0 : container.groupIds) !== null && _a !== void 0 ? _a : [],\n        lineHeight,\n        angle: container ? (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isArrowElement)(container) ? 0 : container.angle : 0,\n        frameId: topLayerFrame ? topLayerFrame.id : null\n      });\n\n      if (!existingTextElement && shouldBindToContainer && container) {\n        (0,_excalidraw_element_mutateElement__WEBPACK_IMPORTED_MODULE_12__.mutateElement)(container, {\n          boundElements: (container.boundElements || []).concat({\n            type: \"text\",\n            id: element.id\n          })\n        });\n      }\n\n      this.setState({\n        editingTextElement: element\n      });\n\n      if (!existingTextElement) {\n        if (container && shouldBindToContainer) {\n          const containerIndex = this.scene.getElementIndex(container.id);\n          this.scene.insertElementAtIndex(element, containerIndex + 1);\n        } else {\n          this.scene.insertElement(element);\n        }\n      }\n\n      if (autoEdit || existingTextElement || container) {\n        this.handleTextWysiwyg(element, {\n          isExistingElement: !!existingTextElement\n        });\n      } else {\n        this.setState({\n          newElement: element,\n          multiElement: null\n        });\n      }\n    };\n\n    this.debounceDoubleClickTimestamp = 0; //zsviczian\n\n    this.startImageCropping = image => {\n      this.store.shouldCaptureIncrement();\n      this.setState({\n        croppingElementId: image.id\n      });\n    };\n\n    this.finishImageCropping = () => {\n      if (this.state.croppingElementId) {\n        this.store.shouldCaptureIncrement();\n        this.setState({\n          croppingElementId: null\n        });\n      }\n    };\n\n    this.handleCanvasDoubleClick = event => {\n      var _a; // case: double-clicking with arrow/line tool selected would both create\n      // text and enter multiElement mode\n\n\n      if (this.state.multiElement) {\n        return;\n      }\n\n      if ( //zsviczian - double click eraser\n      this.state.penMode && (0,_obsidianUtils__WEBPACK_IMPORTED_MODULE_100__.allowDoubleTapEraser)() && ((_a = this.lastPointerDownEvent) === null || _a === void 0 ? void 0 : _a.pointerType) === \"touch\" && this.state.activeTool.type !== \"selection\") {\n        const now = Date.now();\n\n        if (now - this.debounceDoubleClickTimestamp < 200) {\n          //handleCanvasDoubleClick click fires twice in case of touch.\n          //Once from the onTouchStart event handler, once from the double click event handler\n          return;\n        }\n\n        this.debounceDoubleClickTimestamp = now;\n        this.updateScene(_actions_actionCanvas__WEBPACK_IMPORTED_MODULE_40__.actionToggleEraserTool.perform([], this.state));\n        return;\n      } // zsviczian - end\n      // we should only be able to double click when mode is selection\n\n\n      if (this.state.activeTool.type !== \"selection\") {\n        return;\n      }\n\n      const selectedElements = this.scene.getSelectedElements(this.state);\n      let {\n        x: sceneX,\n        y: sceneY\n      } = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.viewportCoordsToSceneCoords)(event, this.state);\n\n      if (selectedElements.length === 1 && (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isLinearElement)(selectedElements[0])) {\n        if (event[_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.CTRL_OR_CMD] && (!this.state.editingLinearElement || this.state.editingLinearElement.elementId !== selectedElements[0].id) && !(0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isElbowArrow)(selectedElements[0])) {\n          this.store.shouldCaptureIncrement();\n          this.setState({\n            editingLinearElement: new _excalidraw_element_linearElementEditor__WEBPACK_IMPORTED_MODULE_11__.LinearElementEditor(selectedElements[0])\n          });\n          return;\n        } else if (this.state.selectedLinearElement && (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isElbowArrow)(selectedElements[0])) {\n          const hitCoords = _excalidraw_element_linearElementEditor__WEBPACK_IMPORTED_MODULE_11__.LinearElementEditor.getSegmentMidpointHitCoords(this.state.selectedLinearElement, {\n            x: sceneX,\n            y: sceneY\n          }, this.state, this.scene.getNonDeletedElementsMap());\n          const midPoint = hitCoords ? _excalidraw_element_linearElementEditor__WEBPACK_IMPORTED_MODULE_11__.LinearElementEditor.getSegmentMidPointIndex(this.state.selectedLinearElement, this.state, hitCoords, this.scene.getNonDeletedElementsMap()) : -1;\n\n          if (midPoint && midPoint > -1) {\n            this.store.shouldCaptureIncrement();\n            _excalidraw_element_linearElementEditor__WEBPACK_IMPORTED_MODULE_11__.LinearElementEditor.deleteFixedSegment(selectedElements[0], midPoint);\n            const nextCoords = _excalidraw_element_linearElementEditor__WEBPACK_IMPORTED_MODULE_11__.LinearElementEditor.getSegmentMidpointHitCoords(Object.assign(Object.assign({}, this.state.selectedLinearElement), {\n              segmentMidPointHoveredCoords: null\n            }), {\n              x: sceneX,\n              y: sceneY\n            }, this.state, this.scene.getNonDeletedElementsMap());\n            const nextIndex = nextCoords ? _excalidraw_element_linearElementEditor__WEBPACK_IMPORTED_MODULE_11__.LinearElementEditor.getSegmentMidPointIndex(this.state.selectedLinearElement, this.state, nextCoords, this.scene.getNonDeletedElementsMap()) : null;\n            this.setState({\n              selectedLinearElement: Object.assign(Object.assign({}, this.state.selectedLinearElement), {\n                pointerDownState: Object.assign(Object.assign({}, this.state.selectedLinearElement.pointerDownState), {\n                  segmentMidpoint: {\n                    index: nextIndex,\n                    value: hitCoords,\n                    added: false\n                  }\n                }),\n                segmentMidPointHoveredCoords: nextCoords\n              })\n            });\n            return;\n          }\n        }\n      }\n\n      if (selectedElements.length === 1 && (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isImageElement)(selectedElements[0])) {\n        this.startImageCropping(selectedElements[0]);\n        return;\n      }\n\n      (0,_cursor__WEBPACK_IMPORTED_MODULE_73__.resetCursor)(this.interactiveCanvas);\n      const selectedGroupIds = (0,_excalidraw_element_groups__WEBPACK_IMPORTED_MODULE_31__.getSelectedGroupIds)(this.state);\n\n      if (selectedGroupIds.length > 0) {\n        const hitElement = this.getElementAtPosition(sceneX, sceneY);\n        const selectedGroupId = hitElement && (0,_excalidraw_element_groups__WEBPACK_IMPORTED_MODULE_31__.getSelectedGroupIdForElement)(hitElement, this.state.selectedGroupIds);\n\n        if (selectedGroupId) {\n          this.store.shouldCaptureIncrement();\n          this.setState(prevState => Object.assign(Object.assign({}, prevState), (0,_excalidraw_element_groups__WEBPACK_IMPORTED_MODULE_31__.selectGroupsForSelectedElements)({\n            editingGroupId: selectedGroupId,\n            selectedElementIds: {\n              [hitElement.id]: true\n            }\n          }, this.scene.getNonDeletedElements(), prevState, this)));\n          return;\n        }\n      }\n\n      (0,_cursor__WEBPACK_IMPORTED_MODULE_73__.resetCursor)(this.interactiveCanvas);\n\n      if (!event[_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.CTRL_OR_CMD] && !this.state.viewModeEnabled) {\n        const hitElement = this.getElementAtPosition(sceneX, sceneY);\n\n        if ((0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isIframeLikeElement)(hitElement)) {\n          this.setState({\n            activeEmbeddable: {\n              element: hitElement,\n              state: \"active\"\n            }\n          });\n          return;\n        }\n\n        const container = this.getTextBindableContainerAtPosition(sceneX, sceneY);\n\n        if (container) {\n          if ((0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.hasBoundTextElement)(container) || !(0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.isTransparent)(container.backgroundColor) || (0,_excalidraw_element_collision__WEBPACK_IMPORTED_MODULE_23__.hitElementItself)({\n            x: sceneX,\n            y: sceneY,\n            element: container,\n            shape: (0,_excalidraw_element_shapes__WEBPACK_IMPORTED_MODULE_17__.getElementShape)(container, this.scene.getNonDeletedElementsMap()),\n            threshold: this.getElementHitThreshold()\n          })) {\n            const midPoint = (0,_excalidraw_element_textElement__WEBPACK_IMPORTED_MODULE_20__.getContainerCenter)(container, this.state, this.scene.getNonDeletedElementsMap());\n            sceneX = midPoint.x;\n            sceneY = midPoint.y;\n          }\n        } //zsviczian Disable double click text create, but allow double click edit\n\n\n        if ((0,_obsidianUtils__WEBPACK_IMPORTED_MODULE_100__.disableDoubleClickTextEditing)()) {\n          let existingTextElement = null;\n          const selectedElements = this.scene.getSelectedElements(this.state);\n\n          if (selectedElements.length === 1) {\n            if ((0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isTextElement)(selectedElements[0])) {\n              existingTextElement = selectedElements[0];\n            } else if (container) {\n              existingTextElement = (0,_excalidraw_element_textElement__WEBPACK_IMPORTED_MODULE_20__.getBoundTextElement)(selectedElements[0], this.scene.getNonDeletedElementsMap());\n            } else {\n              existingTextElement = this.getTextElementAtPosition(sceneX, sceneY);\n            }\n          } else {\n            existingTextElement = this.getTextElementAtPosition(sceneX, sceneY);\n          }\n\n          if (!existingTextElement) {\n            return;\n          }\n        }\n\n        this.startTextEditing({\n          sceneX,\n          sceneY,\n          insertAtParentCenter: !event.altKey,\n          container\n        });\n      }\n    };\n\n    this.getElementLinkAtPosition = (scenePointer, hitElement) => {\n      const elements = this.scene.getNonDeletedElements();\n      let hitElementIndex = -1;\n\n      for (let index = elements.length - 1; index >= 0; index--) {\n        const element = elements[index];\n\n        if (hitElement && element.id === hitElement.id) {\n          hitElementIndex = index;\n        }\n\n        if (element.link && index >= hitElementIndex && (0,_hyperlink_helpers__WEBPACK_IMPORTED_MODULE_96__.isPointHittingLink)(element, this.scene.getNonDeletedElementsMap(), this.state, (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.pointFrom)(scenePointer.x, scenePointer.y), this.device.editor.isMobile)) {\n          return element;\n        }\n      }\n    };\n\n    this.redirectToLink = (event, isTouchScreen) => {\n      const draggedDistance = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.pointDistance)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.pointFrom)(this.lastPointerDownEvent.clientX, this.lastPointerDownEvent.clientY), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.pointFrom)(this.lastPointerUpEvent.clientX, this.lastPointerUpEvent.clientY));\n\n      if (!this.hitLinkElement || draggedDistance > _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.DRAGGING_THRESHOLD) {\n        return;\n      }\n\n      const lastPointerDownCoords = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.viewportCoordsToSceneCoords)(this.lastPointerDownEvent, this.state);\n      const elementsMap = this.scene.getNonDeletedElementsMap();\n      const lastPointerDownHittingLinkIcon = (0,_hyperlink_helpers__WEBPACK_IMPORTED_MODULE_96__.isPointHittingLink)(this.hitLinkElement, elementsMap, this.state, (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.pointFrom)(lastPointerDownCoords.x, lastPointerDownCoords.y), this.device.editor.isMobile);\n      const lastPointerUpCoords = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.viewportCoordsToSceneCoords)(this.lastPointerUpEvent, this.state);\n      const lastPointerUpHittingLinkIcon = (0,_hyperlink_helpers__WEBPACK_IMPORTED_MODULE_96__.isPointHittingLink)(this.hitLinkElement, elementsMap, this.state, (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.pointFrom)(lastPointerUpCoords.x, lastPointerUpCoords.y), this.device.editor.isMobile);\n\n      if (lastPointerDownHittingLinkIcon && lastPointerUpHittingLinkIcon) {\n        (0,_components_hyperlink_Hyperlink__WEBPACK_IMPORTED_MODULE_66__.hideHyperlinkToolip)();\n        let url = this.hitLinkElement.link;\n\n        if (url) {\n          url = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.normalizeLink)(url);\n          let customEvent;\n\n          if (this.props.onLinkOpen) {\n            customEvent = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.wrapEvent)(_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.EVENT.EXCALIDRAW_LINK, event.nativeEvent);\n            this.props.onLinkOpen(Object.assign(Object.assign({}, this.hitLinkElement), {\n              link: url\n            }), customEvent);\n          }\n\n          if (!(customEvent === null || customEvent === void 0 ? void 0 : customEvent.defaultPrevented)) {\n            const target = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.isLocalLink)(url) ? \"_self\" : \"_blank\";\n            const newWindow = window.open(undefined, target); // https://mathiasbynens.github.io/rel-noopener/\n\n            if (newWindow) {\n              newWindow.opener = null;\n              newWindow.location = url;\n            }\n          }\n        }\n      }\n    };\n\n    this.getTopLayerFrameAtSceneCoords = sceneCoords => {\n      const elementsMap = this.scene.getNonDeletedElementsMap();\n      const frames = this.scene.getNonDeletedFramesLikes().filter(frame => (0,_excalidraw_element_frame__WEBPACK_IMPORTED_MODULE_22__.isCursorInFrame)(sceneCoords, frame, elementsMap));\n      return frames.length ? frames[frames.length - 1] : null;\n    };\n\n    this.handleCanvasPointerMove = event => {\n      var _a, _b, _c, _d, _e, _f, _g;\n\n      this.savePointer(event.clientX, event.clientY, this.state.cursorButton);\n      this.lastPointerMoveEvent = event.nativeEvent;\n\n      if (gesture.pointers.has(event.pointerId)) {\n        gesture.pointers.set(event.pointerId, {\n          x: event.clientX,\n          y: event.clientY\n        });\n      }\n\n      const initialScale = gesture.initialScale;\n\n      if (gesture.pointers.size === 2 && gesture.lastCenter && initialScale && gesture.initialDistance) {\n        const center = (0,_gesture__WEBPACK_IMPORTED_MODULE_58__.getCenter)(gesture.pointers);\n        const deltaX = center.x - gesture.lastCenter.x;\n        const deltaY = center.y - gesture.lastCenter.y;\n        gesture.lastCenter = center;\n        const distance = (0,_gesture__WEBPACK_IMPORTED_MODULE_58__.getDistance)(Array.from(gesture.pointers.values()));\n        const scaleFactor = !this.state.allowPinchZoom && //zsviczian\n        this.state.activeTool.type === \"freedraw\" && this.state.penMode ? 1 : distance / gesture.initialDistance;\n        const nextZoom = scaleFactor ? (0,_scene__WEBPACK_IMPORTED_MODULE_61__.getNormalizedZoom)(initialScale * scaleFactor) : this.state.zoom.value;\n        this.setState(state => {\n          const zoomState = (0,_scene_zoom__WEBPACK_IMPORTED_MODULE_63__.getStateForZoom)({\n            viewportX: center.x,\n            viewportY: center.y,\n            nextZoom\n          }, state);\n          this.translateCanvas({\n            zoom: zoomState.zoom,\n            // 2x multiplier is just a magic number that makes this work correctly\n            // on touchscreen devices (note: if we get report that panning is slower/faster\n            // than actual movement, consider swapping with devicePixelRatio)\n            scrollX: zoomState.scrollX + 2 * (deltaX / nextZoom),\n            scrollY: zoomState.scrollY + 2 * (deltaY / nextZoom),\n            shouldCacheIgnoreZoom: true\n          });\n        });\n        this.resetShouldCacheIgnoreZoomDebounced();\n      } else {\n        gesture.lastCenter = gesture.initialDistance = gesture.initialScale = null;\n      }\n\n      if (isHoldingSpace || isPanning || isDraggingScrollBar || (0,_appState__WEBPACK_IMPORTED_MODULE_53__.isHandToolActive)(this.state)) {\n        return;\n      }\n\n      const isPointerOverScrollBars = (0,_scene_scrollbars__WEBPACK_IMPORTED_MODULE_80__.isOverScrollBars)(currentScrollBars, event.clientX - this.state.offsetLeft, event.clientY - this.state.offsetTop);\n      const isOverScrollBar = isPointerOverScrollBars.isOverEither;\n      const isPenFreedraw = this.state.activeTool.type === \"freedraw\" && event.pointerType === \"pen\"; //zsviczian\n\n      if (!this.state.newElement && !this.state.selectionElement && !this.state.selectedElementsAreBeingDragged && !this.state.multiElement) {\n        if (isOverScrollBar) {\n          (0,_cursor__WEBPACK_IMPORTED_MODULE_73__.resetCursor)(this.interactiveCanvas);\n        } else if (isPenFreedraw && this.interactiveCanvas && (0,_obsidianUtils__WEBPACK_IMPORTED_MODULE_100__.hideFreedrawPenmodeCursor)()) {\n          //zsviczian https://github.com/zsviczian/obsidian-excalidraw-plugin/issues/1659\n          this.interactiveCanvas.style.cursor = \"none\";\n        } else {\n          (0,_cursor__WEBPACK_IMPORTED_MODULE_73__.setCursorForShape)(this.interactiveCanvas, this.state);\n        }\n      }\n\n      const scenePointer = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.viewportCoordsToSceneCoords)(event, this.state);\n      const {\n        x: scenePointerX,\n        y: scenePointerY\n      } = scenePointer;\n\n      if (!this.state.newElement && (0,_snapping__WEBPACK_IMPORTED_MODULE_70__.isActiveToolNonLinearSnappable)(this.state.activeTool.type)) {\n        const {\n          originOffset,\n          snapLines\n        } = (0,_snapping__WEBPACK_IMPORTED_MODULE_70__.getSnapLinesAtPointer)(this.scene.getNonDeletedElements(), this, {\n          x: scenePointerX,\n          y: scenePointerY\n        }, event, this.scene.getNonDeletedElementsMap());\n        this.setState(prevState => {\n          const nextSnapLines = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.updateStable)(prevState.snapLines, snapLines);\n          const nextOriginOffset = prevState.originSnapOffset ? (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.updateStable)(prevState.originSnapOffset, originOffset) : originOffset;\n\n          if (prevState.snapLines === nextSnapLines && prevState.originSnapOffset === nextOriginOffset) {\n            return null;\n          }\n\n          return {\n            snapLines: nextSnapLines,\n            originSnapOffset: nextOriginOffset\n          };\n        });\n      } else if (!this.state.newElement && !this.state.selectedElementsAreBeingDragged && !this.state.selectionElement) {\n        this.setState(prevState => {\n          if (prevState.snapLines.length) {\n            return {\n              snapLines: []\n            };\n          }\n\n          return null;\n        });\n      }\n\n      if (this.state.editingLinearElement && !this.state.editingLinearElement.isDragging) {\n        const editingLinearElement = _excalidraw_element_linearElementEditor__WEBPACK_IMPORTED_MODULE_11__.LinearElementEditor.handlePointerMove(event, scenePointerX, scenePointerY, this, this.scene.getNonDeletedElementsMap());\n\n        if (editingLinearElement && editingLinearElement !== this.state.editingLinearElement) {\n          // Since we are reading from previous state which is not possible with\n          // automatic batching in React 18 hence using flush sync to synchronously\n          // update the state. Check https://github.com/excalidraw/excalidraw/pull/5508 for more details.\n          (0,react_dom__WEBPACK_IMPORTED_MODULE_3__.flushSync)(() => {\n            this.setState({\n              editingLinearElement\n            });\n          });\n        }\n\n        if ((editingLinearElement === null || editingLinearElement === void 0 ? void 0 : editingLinearElement.lastUncommittedPoint) != null) {\n          this.maybeSuggestBindingAtCursor(scenePointer, editingLinearElement.elbowed);\n        } else {\n          // causes stack overflow if not sync\n          (0,react_dom__WEBPACK_IMPORTED_MODULE_3__.flushSync)(() => {\n            this.setState({\n              suggestedBindings: []\n            });\n          });\n        }\n      }\n\n      if ((0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isBindingElementType)(this.state.activeTool.type)) {\n        // Hovering with a selected tool or creating new linear element via click\n        // and point\n        const {\n          newElement\n        } = this.state;\n\n        if ((0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isBindingElement)(newElement, false)) {\n          this.maybeSuggestBindingsForLinearElementAtCoords(newElement, [scenePointer], this.state.startBoundElement);\n        } else {\n          this.maybeSuggestBindingAtCursor(scenePointer, false);\n        }\n      }\n\n      if (this.state.multiElement) {\n        const {\n          multiElement\n        } = this.state;\n        const {\n          x: rx,\n          y: ry\n        } = multiElement;\n        const {\n          points,\n          lastCommittedPoint\n        } = multiElement;\n        const lastPoint = points[points.length - 1];\n        (0,_cursor__WEBPACK_IMPORTED_MODULE_73__.setCursorForShape)(this.interactiveCanvas, this.state);\n\n        if (lastPoint === lastCommittedPoint) {\n          // if we haven't yet created a temp point and we're beyond commit-zone\n          // threshold, add a point\n          if ((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.pointDistance)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.pointFrom)(scenePointerX - rx, scenePointerY - ry), lastPoint) >= _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.LINE_CONFIRM_THRESHOLD) {\n            (0,_excalidraw_element_mutateElement__WEBPACK_IMPORTED_MODULE_12__.mutateElement)(multiElement, {\n              points: [...points, (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.pointFrom)(scenePointerX - rx, scenePointerY - ry)]\n            }, false);\n          } else {\n            (0,_cursor__WEBPACK_IMPORTED_MODULE_73__.setCursor)(this.interactiveCanvas, _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.CURSOR_TYPE.POINTER); // in this branch, we're inside the commit zone, and no uncommitted\n            // point exists. Thus do nothing (don't add/remove points).\n          }\n        } else if (points.length > 2 && lastCommittedPoint && (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.pointDistance)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.pointFrom)(scenePointerX - rx, scenePointerY - ry), lastCommittedPoint) < _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.LINE_CONFIRM_THRESHOLD) {\n          (0,_cursor__WEBPACK_IMPORTED_MODULE_73__.setCursor)(this.interactiveCanvas, _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.CURSOR_TYPE.POINTER);\n          (0,_excalidraw_element_mutateElement__WEBPACK_IMPORTED_MODULE_12__.mutateElement)(multiElement, {\n            points: points.slice(0, -1)\n          }, false);\n        } else {\n          const [gridX, gridY] = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.getGridPoint)(scenePointerX, scenePointerY, event[_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.CTRL_OR_CMD] || (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isElbowArrow)(multiElement) ? null : this.getEffectiveGridSize());\n          const [lastCommittedX, lastCommittedY] = (_a = multiElement === null || multiElement === void 0 ? void 0 : multiElement.lastCommittedPoint) !== null && _a !== void 0 ? _a : [0, 0];\n          let dxFromLastCommitted = gridX - rx - lastCommittedX;\n          let dyFromLastCommitted = gridY - ry - lastCommittedY;\n\n          if ((0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.shouldRotateWithDiscreteAngle)(event)) {\n            ({\n              width: dxFromLastCommitted,\n              height: dyFromLastCommitted\n            } = (0,_excalidraw_element_sizeHelpers__WEBPACK_IMPORTED_MODULE_16__.getLockedLinearCursorAlignSize)( // actual coordinate of the last committed point\n            lastCommittedX + rx, lastCommittedY + ry, // cursor-grid coordinate\n            gridX, gridY));\n          }\n\n          if ((0,_excalidraw_element_shapes__WEBPACK_IMPORTED_MODULE_17__.isPathALoop)(points, this.state.zoom.value)) {\n            (0,_cursor__WEBPACK_IMPORTED_MODULE_73__.setCursor)(this.interactiveCanvas, _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.CURSOR_TYPE.POINTER);\n          } // update last uncommitted point\n\n\n          (0,_excalidraw_element_mutateElement__WEBPACK_IMPORTED_MODULE_12__.mutateElement)(multiElement, {\n            points: [...points.slice(0, -1), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.pointFrom)(lastCommittedX + dxFromLastCommitted, lastCommittedY + dyFromLastCommitted)]\n          }, false, {\n            isDragging: true\n          }); // in this path, we're mutating multiElement to reflect\n          // how it will be after adding pointer position as the next point\n          // trigger update here so that new element canvas renders again to reflect this\n\n          this.triggerRender(false);\n        }\n\n        return;\n      }\n\n      const hasDeselectedButton = Boolean(event.buttons);\n\n      if (hasDeselectedButton || this.state.activeTool.type !== \"selection\" && this.state.activeTool.type !== \"text\" && this.state.activeTool.type !== \"eraser\") {\n        return;\n      }\n\n      const elements = this.scene.getNonDeletedElements();\n      const selectedElements = this.scene.getSelectedElements(this.state);\n\n      if (selectedElements.length === 1 && !isOverScrollBar && !this.state.editingLinearElement) {\n        // for linear elements, we'd like to prioritize point dragging over edge resizing\n        // therefore, we update and check hovered point index first\n        if (this.state.selectedLinearElement) {\n          this.handleHoverSelectedLinearElement(this.state.selectedLinearElement, scenePointerX, scenePointerY);\n        }\n\n        if ((!this.state.selectedLinearElement || this.state.selectedLinearElement.hoverPointIndex === -1) && ((_b = this.state.openDialog) === null || _b === void 0 ? void 0 : _b.name) !== \"elementLinkSelector\" && !(selectedElements.length === 1 && (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isElbowArrow)(selectedElements[0]))) {\n          const elementWithTransformHandleType = (0,_excalidraw_element_resizeTest__WEBPACK_IMPORTED_MODULE_35__.getElementWithTransformHandleType)(elements, this.state, scenePointerX, scenePointerY, this.state.zoom, event.pointerType, this.scene.getNonDeletedElementsMap(), this.device);\n\n          if (elementWithTransformHandleType && elementWithTransformHandleType.transformHandleType) {\n            (0,_cursor__WEBPACK_IMPORTED_MODULE_73__.setCursor)(this.interactiveCanvas, (0,_excalidraw_element_resizeTest__WEBPACK_IMPORTED_MODULE_35__.getCursorForResizingElement)(elementWithTransformHandleType));\n            return;\n          }\n        }\n      } else if (selectedElements.length > 1 && !isOverScrollBar && ((_c = this.state.openDialog) === null || _c === void 0 ? void 0 : _c.name) !== \"elementLinkSelector\") {\n        const transformHandleType = (0,_excalidraw_element_resizeTest__WEBPACK_IMPORTED_MODULE_35__.getTransformHandleTypeFromCoords)((0,_excalidraw_element_bounds__WEBPACK_IMPORTED_MODULE_9__.getCommonBounds)(selectedElements), scenePointerX, scenePointerY, this.state.zoom, event.pointerType, this.device);\n\n        if (transformHandleType) {\n          (0,_cursor__WEBPACK_IMPORTED_MODULE_73__.setCursor)(this.interactiveCanvas, (0,_excalidraw_element_resizeTest__WEBPACK_IMPORTED_MODULE_35__.getCursorForResizingElement)({\n            transformHandleType\n          }));\n          return;\n        }\n      }\n\n      const hitElement = this.getElementAtPosition(scenePointer.x, scenePointer.y);\n      this.hitLinkElement = this.getElementLinkAtPosition(scenePointer, hitElement);\n\n      if ((0,_appState__WEBPACK_IMPORTED_MODULE_53__.isEraserActive)(this.state)) {\n        return;\n      }\n\n      if (this.hitLinkElement && !this.state.selectedElementIds[this.hitLinkElement.id]) {\n        (0,_cursor__WEBPACK_IMPORTED_MODULE_73__.setCursor)(this.interactiveCanvas, _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.CURSOR_TYPE.POINTER);\n        (0,_components_hyperlink_Hyperlink__WEBPACK_IMPORTED_MODULE_66__.showHyperlinkTooltip)(this.hitLinkElement, this.state, this.scene.getNonDeletedElementsMap());\n\n        if (this.props.onLinkHover) {\n          this.props.onLinkHover(this.hitLinkElement, event);\n        } //zsviczian\n\n      } else {\n        (0,_components_hyperlink_Hyperlink__WEBPACK_IMPORTED_MODULE_66__.hideHyperlinkToolip)();\n\n        if (hitElement && (hitElement.link || (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isEmbeddableElement)(hitElement)) && this.state.selectedElementIds[hitElement.id] && !this.state.contextMenu && !this.state.showHyperlinkPopup) {\n          this.setState({\n            showHyperlinkPopup: \"info\"\n          });\n        } else if (this.state.activeTool.type === \"text\") {\n          (0,_cursor__WEBPACK_IMPORTED_MODULE_73__.setCursor)(this.interactiveCanvas, (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isTextElement)(hitElement) ? _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.CURSOR_TYPE.TEXT : _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.CURSOR_TYPE.CROSSHAIR);\n        } else if (this.state.viewModeEnabled) {\n          (0,_cursor__WEBPACK_IMPORTED_MODULE_73__.setCursor)(this.interactiveCanvas, _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.CURSOR_TYPE.GRAB);\n        } else if (((_d = this.state.openDialog) === null || _d === void 0 ? void 0 : _d.name) === \"elementLinkSelector\") {\n          (0,_cursor__WEBPACK_IMPORTED_MODULE_73__.setCursor)(this.interactiveCanvas, _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.CURSOR_TYPE.AUTO);\n        } else if (isOverScrollBar) {\n          (0,_cursor__WEBPACK_IMPORTED_MODULE_73__.setCursor)(this.interactiveCanvas, _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.CURSOR_TYPE.AUTO);\n        } else if (this.state.selectedLinearElement) {\n          this.handleHoverSelectedLinearElement(this.state.selectedLinearElement, scenePointerX, scenePointerY);\n        } else if ( // if using cmd/ctrl, we're not dragging\n        !event[_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.CTRL_OR_CMD]) {\n          if ((hitElement || this.isHittingCommonBoundingBoxOfSelectedElements(scenePointer, selectedElements)) && !(hitElement === null || hitElement === void 0 ? void 0 : hitElement.locked)) {\n            if (hitElement && (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isIframeLikeElement)(hitElement) && this.isIframeLikeElementCenter(hitElement, event, scenePointerX, scenePointerY)) {\n              (0,_cursor__WEBPACK_IMPORTED_MODULE_73__.setCursor)(this.interactiveCanvas, _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.CURSOR_TYPE.POINTER);\n              this.setState({\n                activeEmbeddable: {\n                  element: hitElement,\n                  state: \"hover\"\n                }\n              });\n            } else if (!hitElement || // Ebow arrows can only be moved when unconnected\n            !(0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isElbowArrow)(hitElement) || !(hitElement.startBinding || hitElement.endBinding)) {\n              (0,_cursor__WEBPACK_IMPORTED_MODULE_73__.setCursor)(this.interactiveCanvas, _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.CURSOR_TYPE.MOVE);\n\n              if (((_e = this.state.activeEmbeddable) === null || _e === void 0 ? void 0 : _e.state) === \"hover\") {\n                this.setState({\n                  activeEmbeddable: null\n                });\n              }\n            }\n          }\n        } else {\n          (0,_cursor__WEBPACK_IMPORTED_MODULE_73__.setCursor)(this.interactiveCanvas, _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.CURSOR_TYPE.AUTO);\n        }\n      }\n\n      if (((_f = this.state.openDialog) === null || _f === void 0 ? void 0 : _f.name) === \"elementLinkSelector\" && hitElement) {\n        this.setState(prevState => {\n          return {\n            hoveredElementIds: (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.updateStable)(prevState.hoveredElementIds, (0,_excalidraw_element_groups__WEBPACK_IMPORTED_MODULE_31__.selectGroupsForSelectedElements)({\n              editingGroupId: prevState.editingGroupId,\n              selectedElementIds: {\n                [hitElement.id]: true\n              }\n            }, this.scene.getNonDeletedElements(), prevState, this).selectedElementIds)\n          };\n        });\n      } else if (((_g = this.state.openDialog) === null || _g === void 0 ? void 0 : _g.name) === \"elementLinkSelector\" && !hitElement) {\n        this.setState(prevState => ({\n          hoveredElementIds: (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.updateStable)(prevState.hoveredElementIds, {})\n        }));\n      }\n    };\n\n    this.handleEraser = (event, scenePointer) => {\n      const elementsToErase = this.eraserTrail.addPointToPath(scenePointer.x, scenePointer.y, event.altKey);\n      this.elementsPendingErasure = new Set(elementsToErase);\n      this.triggerRender();\n    }; // set touch moving for mobile context menu\n\n\n    this.handleTouchMove = event => {\n      this.resetContextMenuTimer(); //zsviczian\n    };\n\n    this.handleCanvasPointerDown = event => {\n      var _a, _b, _c;\n\n      this.focusContainer(); //zsviczian\n\n      const target = event.target; // capture subsequent pointer events to the canvas\n      // this makes other elements non-interactive until pointer up\n\n      if (target.setPointerCapture) {\n        target.setPointerCapture(event.pointerId);\n      }\n\n      this.maybeCleanupAfterMissingPointerUp(event.nativeEvent);\n      this.maybeUnfollowRemoteUser();\n\n      if (this.state.searchMatches) {\n        this.setState(state => ({\n          searchMatches: state.searchMatches.map(searchMatch => Object.assign(Object.assign({}, searchMatch), {\n            focus: false\n          }))\n        }));\n        _editor_jotai__WEBPACK_IMPORTED_MODULE_68__.editorJotaiStore.set(_SearchMenu__WEBPACK_IMPORTED_MODULE_92__.searchItemInFocusAtom, null);\n      } // since contextMenu options are potentially evaluated on each render,\n      // and an contextMenu action may depend on selection state, we must\n      // close the contextMenu before we update the selection on pointerDown\n      // (e.g. resetting selection)\n\n\n      if (this.state.contextMenu) {\n        this.setState({\n          contextMenu: null\n        });\n      }\n\n      if (this.state.snapLines) {\n        this.setAppState({\n          snapLines: []\n        });\n      }\n\n      this.updateGestureOnPointerDown(event); // if dragging element is freedraw and another pointerdown event occurs\n      // a second finger is on the screen\n      // discard the freedraw element if it is very short because it is likely\n      // just a spike, otherwise finalize the freedraw element when the second\n      // finger is lifted\n\n      if (event.pointerType === \"touch\" && this.state.newElement && this.state.newElement.type === \"freedraw\") {\n        const element = this.state.newElement;\n        this.updateScene(Object.assign(Object.assign({}, element.points.length < 10 ? {\n          elements: this.scene.getElementsIncludingDeleted().filter(el => el.id !== element.id)\n        } : {}), {\n          appState: {\n            newElement: null,\n            editingTextElement: null,\n            startBoundElement: null,\n            suggestedBindings: [],\n            selectedElementIds: (0,_excalidraw_element_selection__WEBPACK_IMPORTED_MODULE_33__.makeNextSelectedElementIds)(Object.keys(this.state.selectedElementIds).filter(key => key !== element.id).reduce((obj, key) => {\n              obj[key] = this.state.selectedElementIds[key];\n              return obj;\n            }, {}), this.state)\n          },\n          captureUpdate: ((_a = this.state.openDialog) === null || _a === void 0 ? void 0 : _a.name) === \"elementLinkSelector\" ? _store__WEBPACK_IMPORTED_MODULE_76__.CaptureUpdateAction.EVENTUALLY : _store__WEBPACK_IMPORTED_MODULE_76__.CaptureUpdateAction.NEVER\n        }));\n        return;\n      } // remove any active selection when we start to interact with canvas\n      // (mainly, we care about removing selection outside the component which\n      //  would prevent our copy handling otherwise)\n\n\n      const selection = document.getSelection();\n\n      if (selection === null || selection === void 0 ? void 0 : selection.anchorNode) {\n        selection.removeAllRanges();\n      }\n\n      this.maybeOpenContextMenuAfterPointerDownOnTouchDevices(event); //fires only once, if pen is detected, penMode is enabled\n      //the user can disable this by toggling the penMode button\n\n      if (!this.state.penDetected && event.pointerType === \"pen\") {\n        this.setState(prevState => {\n          return {\n            penMode: true,\n            penDetected: true\n          };\n        });\n      }\n\n      if (!this.device.isTouchScreen && [\"pen\", \"touch\"].includes(event.pointerType)) {\n        this.device = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.updateObject)(this.device, {\n          isTouchScreen: true\n        });\n      }\n\n      if (isPanning) {\n        return;\n      }\n\n      this.lastPointerDownEvent = event; // we must exit before we set `cursorButton` state and `savePointer`\n      // else it will send pointer state & laser pointer events in collab when\n      // panning\n\n      /*if (this.handleCanvasPanUsingWheelOrSpaceDrag(event)) {\r\n        return;\r\n      }*/\n      //zsviczian this broke on pointer down in onPointerUpdate\n\n      this.setState({\n        lastPointerDownWith: event.pointerType,\n        cursorButton: \"down\"\n      });\n      this.savePointer(event.clientX, event.clientY, \"down\");\n\n      if (this.handleCanvasPanUsingWheelOrSpaceDrag(event)) {\n        return;\n      } //zsviczian moved it here, because else pointer down in onPointerUpdate did not work\n\n\n      if (event.button === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.POINTER_BUTTON.ERASER && this.state.activeTool.type !== _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.TOOL_TYPE.eraser) {\n        this.setState({\n          activeTool: (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.updateActiveTool)(this.state, {\n            type: _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.TOOL_TYPE.eraser,\n            lastActiveToolBeforeEraser: this.state.activeTool\n          })\n        }, () => {\n          this.handleCanvasPointerDown(event);\n\n          const onPointerUp = () => {\n            unsubPointerUp();\n            unsubCleanup === null || unsubCleanup === void 0 ? void 0 : unsubCleanup();\n\n            if ((0,_appState__WEBPACK_IMPORTED_MODULE_53__.isEraserActive)(this.state)) {\n              this.setState({\n                activeTool: (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.updateActiveTool)(this.state, Object.assign(Object.assign({}, this.state.activeTool.lastActiveTool || {\n                  type: _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.TOOL_TYPE.selection\n                }), {\n                  lastActiveToolBeforeEraser: null\n                }))\n              });\n            }\n          };\n\n          const unsubPointerUp = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.addEventListener)(window, _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.EVENT.POINTER_UP, onPointerUp, {\n            once: true\n          });\n          let unsubCleanup; // subscribe inside rAF lest it'd be triggered on the same pointerdown\n          // if we start erasing while coming from blurred document since\n          // we cleanup pointer events on focus\n\n          requestAnimationFrame(() => {\n            unsubCleanup = this.missingPointerEventCleanupEmitter.once(onPointerUp);\n          });\n        });\n        return;\n      } // only handle left mouse button or touch\n\n\n      if (event.button !== _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.POINTER_BUTTON.MAIN && event.button !== _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.POINTER_BUTTON.TOUCH && event.button !== _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.POINTER_BUTTON.ERASER) {\n        return;\n      } // don't select while panning\n\n\n      if (gesture.pointers.size > 1) {\n        return;\n      } // State for the duration of a pointer interaction, which starts with a\n      // pointerDown event, ends with a pointerUp event (or another pointerDown)\n\n\n      const pointerDownState = this.initialPointerDownState(event);\n      this.setState({\n        selectedElementsAreBeingDragged: false\n      });\n\n      if (this.handleDraggingScrollBar(event, pointerDownState)) {\n        return;\n      }\n\n      this.clearSelectionIfNotUsingSelection();\n      this.updateBindingEnabledOnPointerMove(event);\n\n      if (this.handleSelectionOnPointerDown(event, pointerDownState)) {\n        return;\n      }\n\n      const allowOnPointerDown = !this.state.penMode || event.pointerType !== \"touch\" || this.state.activeTool.type === \"selection\" || this.state.activeTool.type === \"lasso\" || this.state.activeTool.type === \"text\" || this.state.activeTool.type === \"image\";\n\n      if (!allowOnPointerDown) {\n        return;\n      }\n\n      if (this.state.activeTool.type === \"lasso\") {\n        this.lassoTrail.startPath(pointerDownState.origin.x, pointerDownState.origin.y, event.shiftKey);\n      } else if (this.state.activeTool.type === \"text\") {\n        this.handleTextOnPointerDown(event, pointerDownState);\n      } else if (this.state.activeTool.type === \"arrow\" || this.state.activeTool.type === \"line\") {\n        this.handleLinearElementOnPointerDown(event, this.state.activeTool.type, pointerDownState);\n      } else if (this.state.activeTool.type === \"image\") {\n        // reset image preview on pointerdown\n        (0,_cursor__WEBPACK_IMPORTED_MODULE_73__.setCursor)(this.interactiveCanvas, _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.CURSOR_TYPE.CROSSHAIR); // retrieve the latest element as the state may be stale\n\n        const pendingImageElement = this.state.pendingImageElementId && this.scene.getElement(this.state.pendingImageElementId);\n\n        if (!pendingImageElement) {\n          return;\n        }\n\n        this.setState({\n          newElement: pendingImageElement,\n          pendingImageElementId: null,\n          multiElement: null\n        });\n        const {\n          x,\n          y\n        } = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.viewportCoordsToSceneCoords)(event, this.state);\n        const frame = this.getTopLayerFrameAtSceneCoords({\n          x,\n          y\n        });\n        (0,_excalidraw_element_mutateElement__WEBPACK_IMPORTED_MODULE_12__.mutateElement)(pendingImageElement, {\n          x,\n          y,\n          frameId: frame ? frame.id : null\n        });\n      } else if (this.state.activeTool.type === \"freedraw\") {\n        this.handleFreeDrawElementOnPointerDown(event, this.state.activeTool.type, pointerDownState);\n      } else if (this.state.activeTool.type === \"custom\") {\n        (0,_cursor__WEBPACK_IMPORTED_MODULE_73__.setCursorForShape)(this.interactiveCanvas, this.state);\n      } else if (this.state.activeTool.type === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.TOOL_TYPE.frame || this.state.activeTool.type === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.TOOL_TYPE.magicframe) {\n        this.createFrameElementOnPointerDown(pointerDownState, this.state.activeTool.type);\n      } else if (this.state.activeTool.type === \"laser\") {\n        this.laserTrails.startPath(pointerDownState.lastCoords.x, pointerDownState.lastCoords.y);\n      } else if (this.state.activeTool.type !== \"eraser\" && this.state.activeTool.type !== \"hand\" && this.state.activeTool.type !== \"mermaid\") {\n        this.createGenericElementOnPointerDown(this.state.activeTool.type, pointerDownState);\n      }\n\n      (_c = (_b = this.props) === null || _b === void 0 ? void 0 : _b.onPointerDown) === null || _c === void 0 ? void 0 : _c.call(_b, this.state.activeTool, pointerDownState);\n      this.onPointerDownEmitter.trigger(this.state.activeTool, pointerDownState, event);\n\n      if (this.state.activeTool.type === \"eraser\") {\n        this.eraserTrail.startPath(pointerDownState.lastCoords.x, pointerDownState.lastCoords.y);\n      }\n\n      const onPointerMove = this.onPointerMoveFromPointerDownHandler(pointerDownState);\n      const onPointerUp = this.onPointerUpFromPointerDownHandler(pointerDownState);\n      const onKeyDown = this.onKeyDownFromPointerDownHandler(pointerDownState);\n      const onKeyUp = this.onKeyUpFromPointerDownHandler(pointerDownState);\n      this.missingPointerEventCleanupEmitter.once(_event => onPointerUp(_event || event.nativeEvent));\n\n      if (!this.state.viewModeEnabled || this.state.activeTool.type === \"laser\") {\n        window.addEventListener(_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.EVENT.POINTER_MOVE, onPointerMove);\n        window.addEventListener(_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.EVENT.POINTER_UP, onPointerUp);\n        window.addEventListener(_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.EVENT.KEYDOWN, onKeyDown);\n        window.addEventListener(_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.EVENT.KEYUP, onKeyUp);\n        pointerDownState.eventListeners.onMove = onPointerMove;\n        pointerDownState.eventListeners.onUp = onPointerUp;\n        pointerDownState.eventListeners.onKeyUp = onKeyUp;\n        pointerDownState.eventListeners.onKeyDown = onKeyDown;\n      }\n    };\n\n    this.handleCanvasPointerUp = event => {\n      var _a, _b;\n\n      this.removePointer(event);\n      this.lastPointerUpEvent = event;\n      const scenePointer = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.viewportCoordsToSceneCoords)({\n        clientX: event.clientX,\n        clientY: event.clientY\n      }, this.state);\n      const clicklength = event.timeStamp - ((_b = (_a = this.lastPointerDownEvent) === null || _a === void 0 ? void 0 : _a.timeStamp) !== null && _b !== void 0 ? _b : 0);\n\n      if (this.device.editor.isMobile && clicklength < 300) {\n        const hitElement = this.getElementAtPosition(scenePointer.x, scenePointer.y);\n\n        if ((0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isIframeLikeElement)(hitElement) && this.isIframeLikeElementCenter(hitElement, event, scenePointer.x, scenePointer.y)) {\n          this.handleEmbeddableCenterClick(hitElement);\n          return;\n        }\n      }\n\n      if (this.device.isTouchScreen) {\n        const hitElement = this.getElementAtPosition(scenePointer.x, scenePointer.y);\n        this.hitLinkElement = this.getElementLinkAtPosition(scenePointer, hitElement);\n      }\n\n      if (this.hitLinkElement && !this.state.selectedElementIds[this.hitLinkElement.id]) {\n        if (clicklength < 300 && (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isIframeLikeElement)(this.hitLinkElement) && !(0,_hyperlink_helpers__WEBPACK_IMPORTED_MODULE_96__.isPointHittingLinkIcon)(this.hitLinkElement, this.scene.getNonDeletedElementsMap(), this.state, (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.pointFrom)(scenePointer.x, scenePointer.y))) {\n          this.handleEmbeddableCenterClick(this.hitLinkElement);\n        } else {\n          this.redirectToLink(event, this.device.isTouchScreen);\n        }\n      } else if (this.state.viewModeEnabled) {\n        this.setState({\n          activeEmbeddable: null,\n          selectedElementIds: {}\n        });\n      }\n    };\n\n    this.maybeOpenContextMenuAfterPointerDownOnTouchDevices = event => {\n      // deal with opening context menu on touch devices\n      if (event.pointerType === \"touch\") {\n        invalidateContextMenu = false;\n\n        if (touchTimeout) {\n          // If there's already a touchTimeout, this means that there's another\n          // touch down and we are doing another touch, so we shouldn't open the\n          // context menu.\n          invalidateContextMenu = true;\n        } else {\n          // open the context menu with the first touch's clientX and clientY\n          // if the touch is not moving\n          touchTimeout = window.setTimeout(() => {\n            touchTimeout = 0;\n\n            if (!invalidateContextMenu) {\n              this.handleCanvasContextMenu(event);\n            }\n          }, _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.TOUCH_CTX_MENU_TIMEOUT);\n        }\n      }\n    };\n\n    this.resetContextMenuTimer = () => {\n      clearTimeout(touchTimeout);\n      touchTimeout = 0;\n      invalidateContextMenu = false;\n    };\n    /**\r\n     * pointerup may not fire in certian cases (user tabs away...), so in order\r\n     * to properly cleanup pointerdown state, we need to fire any hanging\r\n     * pointerup handlers manually\r\n     */\n\n\n    this.maybeCleanupAfterMissingPointerUp = event => {\n      lastPointerUp === null || lastPointerUp === void 0 ? void 0 : lastPointerUp();\n      this.missingPointerEventCleanupEmitter.trigger(event).clear();\n    }; // Returns whether the event is a panning\n\n\n    this.handleCanvasPanUsingWheelOrSpaceDrag = event => {\n      if (!(gesture.pointers.size <= 1 && (event.button === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.POINTER_BUTTON.WHEEL || event.button === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.POINTER_BUTTON.MAIN && isHoldingSpace || (0,_appState__WEBPACK_IMPORTED_MODULE_53__.isHandToolActive)(this.state) || //zsviczian\n      (0,_obsidianUtils__WEBPACK_IMPORTED_MODULE_100__.isTouchInPenMode)(this.state, event) || //!isLaserPointerActive added by zsviczian (but don't remember why....)\n      this.state.viewModeEnabled && !(0,_appState__WEBPACK_IMPORTED_MODULE_53__.isLaserPointerActive)(this.state)))) {\n        return false;\n      }\n\n      isPanning = true; // due to event.preventDefault below, container wouldn't get focus\n      // automatically\n\n      this.focusContainer(); // preventing defualt while text editing messes with cursor/focus\n\n      if (!this.state.editingTextElement) {\n        // necessary to prevent browser from scrolling the page if excalidraw\n        // not full-page #4489\n        //\n        // as such, the above is broken when panning canvas while in wysiwyg\n        event.preventDefault();\n      }\n\n      let nextPastePrevented = false;\n      const isLinux = typeof window === undefined ? false : /Linux/.test(window.navigator.platform);\n      (0,_cursor__WEBPACK_IMPORTED_MODULE_73__.setCursor)(this.interactiveCanvas, _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.CURSOR_TYPE.GRABBING);\n      let {\n        clientX: lastX,\n        clientY: lastY\n      } = event;\n      const onPointerMove = (0,_reactUtils__WEBPACK_IMPORTED_MODULE_78__.withBatchedUpdatesThrottled)(event => {\n        const deltaX = lastX - event.clientX;\n        const deltaY = lastY - event.clientY;\n        lastX = event.clientX;\n        lastY = event.clientY;\n        /*\r\n         * Prevent paste event if we move while middle clicking on Linux.\r\n         * See issue #1383.\r\n         */\n\n        if (isLinux && !nextPastePrevented && (Math.abs(deltaX) > 1 || Math.abs(deltaY) > 1)) {\n          nextPastePrevented = true;\n          /* Prevent the next paste event */\n\n          const preventNextPaste = event => {\n            document.body.removeEventListener(_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.EVENT.PASTE, preventNextPaste);\n            event.stopPropagation();\n          };\n          /*\r\n           * Reenable next paste in case of disabled middle click paste for\r\n           * any reason:\r\n           * - right click paste\r\n           * - empty clipboard\r\n           */\n\n\n          const enableNextPaste = () => {\n            setTimeout(() => {\n              document.body.removeEventListener(_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.EVENT.PASTE, preventNextPaste);\n              window.removeEventListener(_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.EVENT.POINTER_UP, enableNextPaste);\n            }, 100);\n          };\n\n          document.body.addEventListener(_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.EVENT.PASTE, preventNextPaste);\n          window.addEventListener(_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.EVENT.POINTER_UP, enableNextPaste);\n        }\n\n        this.translateCanvas({\n          scrollX: this.state.scrollX - deltaX / this.state.zoom.value,\n          scrollY: this.state.scrollY - deltaY / this.state.zoom.value\n        });\n      });\n      const teardown = (0,_reactUtils__WEBPACK_IMPORTED_MODULE_78__.withBatchedUpdates)(lastPointerUp = () => {\n        lastPointerUp = null;\n        isPanning = false;\n\n        if (!isHoldingSpace) {\n          if (this.state.viewModeEnabled) {\n            (0,_cursor__WEBPACK_IMPORTED_MODULE_73__.setCursor)(this.interactiveCanvas, _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.CURSOR_TYPE.GRAB);\n          } else {\n            (0,_cursor__WEBPACK_IMPORTED_MODULE_73__.setCursorForShape)(this.interactiveCanvas, this.state);\n          }\n        }\n\n        this.setState({\n          cursorButton: \"up\"\n        });\n        this.savePointer(event.clientX, event.clientY, \"up\");\n        window.removeEventListener(_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.EVENT.POINTER_MOVE, onPointerMove);\n        window.removeEventListener(_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.EVENT.POINTER_UP, teardown);\n        window.removeEventListener(_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.EVENT.BLUR, teardown);\n        onPointerMove.flush();\n      });\n      window.addEventListener(_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.EVENT.BLUR, teardown);\n      window.addEventListener(_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.EVENT.POINTER_MOVE, onPointerMove, {\n        passive: true\n      });\n      window.addEventListener(_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.EVENT.POINTER_UP, teardown);\n      return true;\n    };\n\n    this.clearSelectionIfNotUsingSelection = () => {\n      if (this.state.activeTool.type !== \"selection\" && this.state.activeTool.type !== \"lasso\") {\n        this.setState({\n          selectedElementIds: (0,_excalidraw_element_selection__WEBPACK_IMPORTED_MODULE_33__.makeNextSelectedElementIds)({}, this.state),\n          selectedGroupIds: {},\n          editingGroupId: null,\n          activeEmbeddable: null\n        });\n      }\n    };\n    /**\r\n     * @returns whether the pointer event has been completely handled\r\n     */\n\n\n    this.handleSelectionOnPointerDown = (event, pointerDownState) => {\n      var _a, _b;\n\n      if (this.state.activeTool.type === \"selection\") {\n        const elements = this.scene.getNonDeletedElements();\n        const elementsMap = this.scene.getNonDeletedElementsMap();\n        const selectedElements = this.scene.getSelectedElements(this.state);\n\n        if (selectedElements.length === 1 && !this.state.editingLinearElement && !(0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isElbowArrow)(selectedElements[0]) && !(this.state.selectedLinearElement && this.state.selectedLinearElement.hoverPointIndex !== -1)) {\n          const elementWithTransformHandleType = (0,_excalidraw_element_resizeTest__WEBPACK_IMPORTED_MODULE_35__.getElementWithTransformHandleType)(elements, this.state, pointerDownState.origin.x, pointerDownState.origin.y, this.state.zoom, event.pointerType, this.scene.getNonDeletedElementsMap(), this.device);\n\n          if (elementWithTransformHandleType != null) {\n            if (elementWithTransformHandleType.transformHandleType === \"rotation\") {\n              this.setState({\n                resizingElement: elementWithTransformHandleType.element\n              });\n              pointerDownState.resize.handleType = elementWithTransformHandleType.transformHandleType;\n            } else if (this.state.croppingElementId) {\n              pointerDownState.resize.handleType = elementWithTransformHandleType.transformHandleType;\n            } else {\n              this.setState({\n                resizingElement: elementWithTransformHandleType.element\n              });\n              pointerDownState.resize.handleType = elementWithTransformHandleType.transformHandleType;\n            }\n          }\n        } else if (selectedElements.length > 1) {\n          pointerDownState.resize.handleType = (0,_excalidraw_element_resizeTest__WEBPACK_IMPORTED_MODULE_35__.getTransformHandleTypeFromCoords)((0,_excalidraw_element_bounds__WEBPACK_IMPORTED_MODULE_9__.getCommonBounds)(selectedElements), pointerDownState.origin.x, pointerDownState.origin.y, this.state.zoom, event.pointerType, this.device);\n        }\n\n        if (pointerDownState.resize.handleType) {\n          pointerDownState.resize.isResizing = true;\n          pointerDownState.resize.offset = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.tupleToCoors)((0,_excalidraw_element_resizeElements__WEBPACK_IMPORTED_MODULE_34__.getResizeOffsetXY)(pointerDownState.resize.handleType, selectedElements, elementsMap, pointerDownState.origin.x, pointerDownState.origin.y));\n\n          if (selectedElements.length === 1 && (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isLinearElement)(selectedElements[0]) && selectedElements[0].points.length === 2) {\n            pointerDownState.resize.arrowDirection = (0,_excalidraw_element_resizeElements__WEBPACK_IMPORTED_MODULE_34__.getResizeArrowDirection)(pointerDownState.resize.handleType, selectedElements[0]);\n          }\n        } else {\n          if (this.state.selectedLinearElement) {\n            const linearElementEditor = this.state.editingLinearElement || this.state.selectedLinearElement;\n            const ret = _excalidraw_element_linearElementEditor__WEBPACK_IMPORTED_MODULE_11__.LinearElementEditor.handlePointerDown(event, this, this.store, pointerDownState.origin, linearElementEditor, this.scene);\n\n            if (ret.hitElement) {\n              pointerDownState.hit.element = ret.hitElement;\n            }\n\n            if (ret.linearElementEditor) {\n              this.setState({\n                selectedLinearElement: ret.linearElementEditor\n              });\n\n              if (this.state.editingLinearElement) {\n                this.setState({\n                  editingLinearElement: ret.linearElementEditor\n                });\n              }\n            }\n\n            if (ret.didAddPoint) {\n              return true;\n            }\n          } // hitElement may already be set above, so check first\n\n\n          pointerDownState.hit.element = (_a = pointerDownState.hit.element) !== null && _a !== void 0 ? _a : this.getElementAtPosition(pointerDownState.origin.x, pointerDownState.origin.y);\n          this.hitLinkElement = this.getElementLinkAtPosition(pointerDownState.origin, pointerDownState.hit.element);\n\n          if (this.hitLinkElement) {\n            return true;\n          }\n\n          if (this.state.croppingElementId && ((_b = pointerDownState.hit.element) === null || _b === void 0 ? void 0 : _b.id) !== this.state.croppingElementId) {\n            this.finishImageCropping();\n          }\n\n          if (pointerDownState.hit.element) {\n            // Early return if pointer is hitting link icon\n            const hitLinkElement = this.getElementLinkAtPosition({\n              x: pointerDownState.origin.x,\n              y: pointerDownState.origin.y\n            }, pointerDownState.hit.element);\n\n            if (hitLinkElement) {\n              return false;\n            }\n          } // For overlapped elements one position may hit\n          // multiple elements\n\n\n          pointerDownState.hit.allHitElements = this.getElementsAtPosition(pointerDownState.origin.x, pointerDownState.origin.y);\n          const hitElement = pointerDownState.hit.element;\n          const someHitElementIsSelected = pointerDownState.hit.allHitElements.some(element => this.isASelectedElement(element));\n\n          if ((hitElement === null || !someHitElementIsSelected) && !event.shiftKey && !pointerDownState.hit.hasHitCommonBoundingBoxOfSelectedElements) {\n            this.clearSelection(hitElement);\n          }\n\n          if (this.state.editingLinearElement) {\n            this.setState({\n              selectedElementIds: (0,_excalidraw_element_selection__WEBPACK_IMPORTED_MODULE_33__.makeNextSelectedElementIds)({\n                [this.state.editingLinearElement.elementId]: true\n              }, this.state)\n            }); // If we click on something\n          } else if (hitElement != null) {\n            // on CMD/CTRL, drill down to hit element regardless of groups etc.\n            if (event[_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.CTRL_OR_CMD]) {\n              if (!this.state.selectedElementIds[hitElement.id]) {\n                pointerDownState.hit.wasAddedToSelection = true;\n              }\n\n              this.setState(prevState => Object.assign(Object.assign({}, (0,_excalidraw_element_groups__WEBPACK_IMPORTED_MODULE_31__.editGroupForSelectedElement)(prevState, hitElement)), {\n                previousSelectedElementIds: this.state.selectedElementIds\n              })); // mark as not completely handled so as to allow dragging etc.\n\n              return false;\n            } // deselect if item is selected\n            // if shift is not clicked, this will always return true\n            // otherwise, it will trigger selection based on current\n            // state of the box\n\n\n            if (!this.state.selectedElementIds[hitElement.id]) {\n              // if we are currently editing a group, exiting editing mode and deselect the group.\n              if (this.state.editingGroupId && !(0,_excalidraw_element_groups__WEBPACK_IMPORTED_MODULE_31__.isElementInGroup)(hitElement, this.state.editingGroupId)) {\n                this.setState({\n                  selectedElementIds: (0,_excalidraw_element_selection__WEBPACK_IMPORTED_MODULE_33__.makeNextSelectedElementIds)({}, this.state),\n                  selectedGroupIds: {},\n                  editingGroupId: null,\n                  activeEmbeddable: null\n                });\n              } // Add hit element to selection. At this point if we're not holding\n              // SHIFT the previously selected element(s) were deselected above\n              // (make sure you use setState updater to use latest state)\n              // With shift-selection, we want to make sure that frames and their containing\n              // elements are not selected at the same time.\n\n\n              if (!someHitElementIsSelected && !pointerDownState.hit.hasHitCommonBoundingBoxOfSelectedElements) {\n                this.setState(prevState => {\n                  var _a;\n\n                  let nextSelectedElementIds = Object.assign(Object.assign({}, prevState.selectedElementIds), {\n                    [hitElement.id]: true\n                  });\n                  const previouslySelectedElements = [];\n                  Object.keys(prevState.selectedElementIds).forEach(id => {\n                    const element = this.scene.getElement(id);\n                    element && previouslySelectedElements.push(element);\n                  }); // if hitElement is frame-like, deselect all of its elements\n                  // if they are selected\n\n                  if ((0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isFrameLikeElement)(hitElement)) {\n                    (0,_excalidraw_element_frame__WEBPACK_IMPORTED_MODULE_22__.getFrameChildren)(previouslySelectedElements, hitElement.id).forEach(element => {\n                      delete nextSelectedElementIds[element.id];\n                    });\n                  } else if (hitElement.frameId) {\n                    // if hitElement is in a frame and its frame has been selected\n                    // disable selection for the given element\n                    if (nextSelectedElementIds[hitElement.frameId]) {\n                      delete nextSelectedElementIds[hitElement.id];\n                    }\n                  } else {\n                    // hitElement is neither a frame nor an element in a frame\n                    // but since hitElement could be in a group with some frames\n                    // this means selecting hitElement will have the frames selected as well\n                    // because we want to keep the invariant:\n                    // - frames and their elements are not selected at the same time\n                    // we deselect elements in those frames that were previously selected\n                    const groupIds = hitElement.groupIds;\n                    const framesInGroups = new Set(groupIds.flatMap(gid => (0,_excalidraw_element_groups__WEBPACK_IMPORTED_MODULE_31__.getElementsInGroup)(this.scene.getNonDeletedElements(), gid)).filter(element => (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isFrameLikeElement)(element)).map(frame => frame.id));\n\n                    if (framesInGroups.size > 0) {\n                      previouslySelectedElements.forEach(element => {\n                        if (element.frameId && framesInGroups.has(element.frameId)) {\n                          // deselect element and groups containing the element\n                          delete nextSelectedElementIds[element.id];\n                          element.groupIds.flatMap(gid => (0,_excalidraw_element_groups__WEBPACK_IMPORTED_MODULE_31__.getElementsInGroup)(this.scene.getNonDeletedElements(), gid)).forEach(element => {\n                            delete nextSelectedElementIds[element.id];\n                          });\n                        }\n                      });\n                    }\n                  } // Finally, in shape selection mode, we'd like to\n                  // keep only one shape or group selected at a time.\n                  // This means, if the hitElement is a different shape or group\n                  // than the previously selected ones, we deselect the previous ones\n                  // and select the hitElement\n\n\n                  if (((_a = prevState.openDialog) === null || _a === void 0 ? void 0 : _a.name) === \"elementLinkSelector\") {\n                    if (!hitElement.groupIds.some(gid => prevState.selectedGroupIds[gid])) {\n                      nextSelectedElementIds = {\n                        [hitElement.id]: true\n                      };\n                    }\n                  }\n\n                  return Object.assign(Object.assign({}, (0,_excalidraw_element_groups__WEBPACK_IMPORTED_MODULE_31__.selectGroupsForSelectedElements)({\n                    editingGroupId: prevState.editingGroupId,\n                    selectedElementIds: nextSelectedElementIds\n                  }, this.scene.getNonDeletedElements(), prevState, this)), {\n                    showHyperlinkPopup: hitElement.link || (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isEmbeddableElement)(hitElement) ? \"info\" : false\n                  });\n                });\n                pointerDownState.hit.wasAddedToSelection = true;\n              }\n            }\n          }\n\n          this.setState({\n            previousSelectedElementIds: this.state.selectedElementIds\n          });\n        }\n      }\n\n      return false;\n    };\n\n    this.handleTextOnPointerDown = (event, pointerDownState) => {\n      // if we're currently still editing text, clicking outside\n      // should only finalize it, not create another (irrespective\n      // of state.activeTool.locked)\n      if (this.state.editingTextElement) {\n        return;\n      }\n\n      let sceneX = pointerDownState.origin.x;\n      let sceneY = pointerDownState.origin.y;\n      const element = this.getElementAtPosition(sceneX, sceneY, {\n        includeBoundTextElement: true\n      }); // FIXME\n\n      let container = this.getTextBindableContainerAtPosition(sceneX, sceneY);\n\n      if ((0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.hasBoundTextElement)(element)) {\n        container = element;\n        sceneX = element.x + element.width / 2;\n        sceneY = element.y + element.height / 2;\n      }\n\n      this.startTextEditing({\n        sceneX,\n        sceneY,\n        insertAtParentCenter: !event.altKey,\n        container,\n        autoEdit: false\n      });\n      (0,_cursor__WEBPACK_IMPORTED_MODULE_73__.resetCursor)(this.interactiveCanvas);\n\n      if (!this.state.activeTool.locked) {\n        this.setState({\n          activeTool: (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.updateActiveTool)(this.state, {\n            type: \"selection\"\n          })\n        });\n      }\n    };\n\n    this.handleFreeDrawElementOnPointerDown = (event, elementType, pointerDownState) => {\n      // Begin a mark capture. This does not have to update state yet.\n      const [gridX, gridY] = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.getGridPoint)(pointerDownState.origin.x, pointerDownState.origin.y, null);\n      const topLayerFrame = this.getTopLayerFrameAtSceneCoords({\n        x: gridX,\n        y: gridY\n      });\n      const strokeOptions = this.state.currentStrokeOptions; //zsviczian\n\n      const simulatePressure = (strokeOptions === null || strokeOptions === void 0 ? void 0 : strokeOptions.constantPressure //zsviczian\n      ) ? false : event.pressure === 0.5;\n      const element = (0,_excalidraw_element_newElement__WEBPACK_IMPORTED_MODULE_13__.newFreeDrawElement)(Object.assign(Object.assign({\n        type: elementType,\n        x: gridX,\n        y: gridY,\n        strokeColor: this.state.currentItemStrokeColor,\n        backgroundColor: this.state.currentItemBackgroundColor,\n        fillStyle: this.state.currentItemFillStyle,\n        strokeWidth: this.state.currentItemStrokeWidth,\n        strokeStyle: this.state.currentItemStrokeStyle,\n        roughness: this.state.currentItemRoughness,\n        opacity: this.state.currentItemOpacity,\n        roundness: null,\n        simulatePressure,\n        locked: false\n      }, strokeOptions //zsviczian\n      ? {\n        customData: {\n          strokeOptions\n        }\n      } : {}), {\n        frameId: topLayerFrame ? topLayerFrame.id : null,\n        points: [(0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.pointFrom)(0, 0)],\n        pressures: simulatePressure ? [] : [(strokeOptions === null || strokeOptions === void 0 ? void 0 : strokeOptions.constantPressure) ? 1 : event.pressure]\n      })); //zsviczian\n\n      if (strokeOptions === null || strokeOptions === void 0 ? void 0 : strokeOptions.highlighter) {\n        this.scene.insertElement(element, 0);\n      } else {\n        this.scene.insertElement(element);\n      }\n\n      this.setState(prevState => {\n        const nextSelectedElementIds = Object.assign({}, prevState.selectedElementIds);\n        delete nextSelectedElementIds[element.id];\n        return {\n          selectedElementIds: (0,_excalidraw_element_selection__WEBPACK_IMPORTED_MODULE_33__.makeNextSelectedElementIds)(nextSelectedElementIds, prevState)\n        };\n      });\n      const boundElement = (0,_excalidraw_element_binding__WEBPACK_IMPORTED_MODULE_10__.getHoveredElementForBinding)(pointerDownState.origin, this.scene.getNonDeletedElements(), this.scene.getNonDeletedElementsMap(), this.state.zoom);\n      this.setState({\n        newElement: element,\n        startBoundElement: boundElement,\n        suggestedBindings: []\n      });\n    };\n\n    this.insertIframeElement = ({\n      sceneX,\n      sceneY,\n      width,\n      height\n    }) => {\n      var _a;\n\n      const [gridX, gridY] = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.getGridPoint)(sceneX, sceneY, ((_a = this.lastPointerDownEvent) === null || _a === void 0 ? void 0 : _a[_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.CTRL_OR_CMD]) ? null : this.getEffectiveGridSize());\n      const element = (0,_excalidraw_element_newElement__WEBPACK_IMPORTED_MODULE_13__.newIframeElement)({\n        type: \"iframe\",\n        x: gridX,\n        y: gridY,\n        strokeColor: \"transparent\",\n        backgroundColor: \"transparent\",\n        fillStyle: this.state.currentItemFillStyle,\n        strokeWidth: this.state.currentItemStrokeWidth,\n        strokeStyle: this.state.currentItemStrokeStyle,\n        roughness: this.state.currentItemRoughness,\n        roundness: this.getCurrentItemRoundness(\"iframe\"),\n        opacity: this.state.currentItemOpacity,\n        locked: false,\n        width,\n        height\n      });\n      this.scene.insertElement(element);\n      return element;\n    }; //create rectangle element with youtube top left on nearest grid point width / hight 640/360\n\n\n    this.insertEmbeddableElement = ({\n      sceneX,\n      sceneY,\n      link\n    }) => {\n      var _a;\n\n      const [gridX, gridY] = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.getGridPoint)(sceneX, sceneY, ((_a = this.lastPointerDownEvent) === null || _a === void 0 ? void 0 : _a[_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.CTRL_OR_CMD]) ? null : this.getEffectiveGridSize());\n      const embedLink = (0,_excalidraw_element_embeddable__WEBPACK_IMPORTED_MODULE_18__.getEmbedLink)(link);\n\n      if (!embedLink) {\n        return;\n      }\n\n      if (embedLink.error instanceof URIError) {\n        this.setToast({\n          message: (0,_i18n__WEBPACK_IMPORTED_MODULE_60__.t)(\"toast.unrecognizedLinkFormat\"),\n          closable: true\n        });\n      }\n\n      const element = (0,_excalidraw_element_newElement__WEBPACK_IMPORTED_MODULE_13__.newEmbeddableElement)({\n        type: \"embeddable\",\n        x: gridX,\n        y: gridY,\n        strokeColor: \"transparent\",\n        backgroundColor: \"transparent\",\n        fillStyle: this.state.currentItemFillStyle,\n        strokeWidth: this.state.currentItemStrokeWidth,\n        strokeStyle: this.state.currentItemStrokeStyle,\n        roughness: this.state.currentItemRoughness,\n        roundness: this.getCurrentItemRoundness(\"embeddable\"),\n        opacity: this.state.currentItemOpacity,\n        locked: false,\n        width: embedLink.intrinsicSize.w,\n        height: embedLink.intrinsicSize.h,\n        link\n      });\n      this.scene.insertElement(element);\n      return element;\n    };\n\n    this.createImageElement = ({\n      sceneX,\n      sceneY,\n      addToFrameUnderCursor = true\n    }) => {\n      var _a;\n\n      const [gridX, gridY] = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.getGridPoint)(sceneX, sceneY, ((_a = this.lastPointerDownEvent) === null || _a === void 0 ? void 0 : _a[_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.CTRL_OR_CMD]) ? null : this.getEffectiveGridSize());\n      const topLayerFrame = addToFrameUnderCursor ? this.getTopLayerFrameAtSceneCoords({\n        x: gridX,\n        y: gridY\n      }) : null;\n      const element = (0,_excalidraw_element_newElement__WEBPACK_IMPORTED_MODULE_13__.newImageElement)({\n        type: \"image\",\n        x: gridX,\n        y: gridY,\n        strokeColor: this.state.currentItemStrokeColor,\n        backgroundColor: this.state.currentItemBackgroundColor,\n        fillStyle: this.state.currentItemFillStyle,\n        strokeWidth: this.state.currentItemStrokeWidth,\n        strokeStyle: this.state.currentItemStrokeStyle,\n        roughness: this.state.currentItemRoughness,\n        roundness: null,\n        opacity: this.state.currentItemOpacity,\n        locked: false,\n        frameId: topLayerFrame ? topLayerFrame.id : null\n      });\n      return element;\n    };\n\n    this.handleLinearElementOnPointerDown = (event, elementType, pointerDownState) => {\n      if (this.state.multiElement) {\n        const {\n          multiElement\n        } = this.state; // finalize if completing a loop\n\n        if (multiElement.type === \"line\" && (0,_excalidraw_element_shapes__WEBPACK_IMPORTED_MODULE_17__.isPathALoop)(multiElement.points, this.state.zoom.value)) {\n          (0,_excalidraw_element_mutateElement__WEBPACK_IMPORTED_MODULE_12__.mutateElement)(multiElement, {\n            lastCommittedPoint: multiElement.points[multiElement.points.length - 1]\n          });\n          this.actionManager.executeAction(_actions__WEBPACK_IMPORTED_MODULE_38__.actionFinalize);\n          return;\n        } // Elbow arrows cannot be created by putting down points\n        // only the start and end points can be defined\n\n\n        if ((0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isElbowArrow)(multiElement) && multiElement.points.length > 1) {\n          (0,_excalidraw_element_mutateElement__WEBPACK_IMPORTED_MODULE_12__.mutateElement)(multiElement, {\n            lastCommittedPoint: multiElement.points[multiElement.points.length - 1]\n          });\n          this.actionManager.executeAction(_actions__WEBPACK_IMPORTED_MODULE_38__.actionFinalize);\n          return;\n        }\n\n        const {\n          x: rx,\n          y: ry,\n          lastCommittedPoint\n        } = multiElement; // clicking inside commit zone → finalize arrow\n\n        if (multiElement.points.length > 1 && lastCommittedPoint && (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.pointDistance)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.pointFrom)(pointerDownState.origin.x - rx, pointerDownState.origin.y - ry), lastCommittedPoint) < _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.LINE_CONFIRM_THRESHOLD) {\n          this.actionManager.executeAction(_actions__WEBPACK_IMPORTED_MODULE_38__.actionFinalize);\n          return;\n        }\n\n        this.setState(prevState => ({\n          selectedElementIds: (0,_excalidraw_element_selection__WEBPACK_IMPORTED_MODULE_33__.makeNextSelectedElementIds)(Object.assign(Object.assign({}, prevState.selectedElementIds), {\n            [multiElement.id]: true\n          }), prevState)\n        })); // clicking outside commit zone → update reference for last committed\n        // point\n\n        (0,_excalidraw_element_mutateElement__WEBPACK_IMPORTED_MODULE_12__.mutateElement)(multiElement, {\n          lastCommittedPoint: multiElement.points[multiElement.points.length - 1]\n        });\n        (0,_cursor__WEBPACK_IMPORTED_MODULE_73__.setCursor)(this.interactiveCanvas, _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.CURSOR_TYPE.POINTER);\n      } else {\n        const [gridX, gridY] = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.getGridPoint)(pointerDownState.origin.x, pointerDownState.origin.y, event[_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.CTRL_OR_CMD] ? null : this.getEffectiveGridSize());\n        const topLayerFrame = this.getTopLayerFrameAtSceneCoords({\n          x: gridX,\n          y: gridY\n        });\n        /* If arrow is pre-arrowheads, it will have undefined for both start and end arrowheads.\r\n        If so, we want it to be null for start and \"arrow\" for end. If the linear item is not\r\n        an arrow, we want it to be null for both. Otherwise, we want it to use the\r\n        values from appState. */\n\n        const {\n          currentItemStartArrowhead,\n          currentItemEndArrowhead\n        } = this.state;\n        const [startArrowhead, endArrowhead] = elementType === \"arrow\" ? [currentItemStartArrowhead, currentItemEndArrowhead] : [null, null];\n        const element = elementType === \"arrow\" ? (0,_excalidraw_element_newElement__WEBPACK_IMPORTED_MODULE_13__.newArrowElement)({\n          type: elementType,\n          x: gridX,\n          y: gridY,\n          strokeColor: this.state.currentItemStrokeColor,\n          backgroundColor: this.state.currentItemBackgroundColor,\n          fillStyle: this.state.currentItemFillStyle,\n          strokeWidth: this.state.currentItemStrokeWidth,\n          strokeStyle: this.state.currentItemStrokeStyle,\n          roughness: this.state.currentItemRoughness,\n          opacity: this.state.currentItemOpacity,\n          roundness: this.state.currentItemArrowType === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.ARROW_TYPE.round ? {\n            type: _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.ROUNDNESS.PROPORTIONAL_RADIUS\n          } : // note, roundness doesn't have any effect for elbow arrows,\n          // but it's best to set it to null as well\n          null,\n          startArrowhead,\n          endArrowhead,\n          locked: false,\n          frameId: topLayerFrame ? topLayerFrame.id : null,\n          elbowed: this.state.currentItemArrowType === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.ARROW_TYPE.elbow,\n          fixedSegments: this.state.currentItemArrowType === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.ARROW_TYPE.elbow ? [] : null\n        }) : (0,_excalidraw_element_newElement__WEBPACK_IMPORTED_MODULE_13__.newLinearElement)({\n          type: elementType,\n          x: gridX,\n          y: gridY,\n          strokeColor: this.state.currentItemStrokeColor,\n          backgroundColor: this.state.currentItemBackgroundColor,\n          fillStyle: this.state.currentItemFillStyle,\n          strokeWidth: this.state.currentItemStrokeWidth,\n          strokeStyle: this.state.currentItemStrokeStyle,\n          roughness: this.state.currentItemRoughness,\n          opacity: this.state.currentItemOpacity,\n          roundness: this.state.currentItemRoundness === \"round\" ? {\n            type: _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.ROUNDNESS.PROPORTIONAL_RADIUS\n          } : null,\n          locked: false,\n          frameId: topLayerFrame ? topLayerFrame.id : null\n        });\n        this.setState(prevState => {\n          const nextSelectedElementIds = Object.assign({}, prevState.selectedElementIds);\n          delete nextSelectedElementIds[element.id];\n          return {\n            selectedElementIds: (0,_excalidraw_element_selection__WEBPACK_IMPORTED_MODULE_33__.makeNextSelectedElementIds)(nextSelectedElementIds, prevState)\n          };\n        });\n        (0,_excalidraw_element_mutateElement__WEBPACK_IMPORTED_MODULE_12__.mutateElement)(element, {\n          points: [...element.points, (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.pointFrom)(0, 0)]\n        });\n        const boundElement = (0,_excalidraw_element_binding__WEBPACK_IMPORTED_MODULE_10__.getHoveredElementForBinding)(pointerDownState.origin, this.scene.getNonDeletedElements(), this.scene.getNonDeletedElementsMap(), this.state.zoom, (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isElbowArrow)(element), (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isElbowArrow)(element));\n        this.scene.insertElement(element);\n        this.setState({\n          newElement: element,\n          startBoundElement: boundElement,\n          suggestedBindings: []\n        });\n      }\n    };\n\n    this.createGenericElementOnPointerDown = (elementType, pointerDownState) => {\n      var _a;\n\n      const [gridX, gridY] = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.getGridPoint)(pointerDownState.origin.x, pointerDownState.origin.y, ((_a = this.lastPointerDownEvent) === null || _a === void 0 ? void 0 : _a[_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.CTRL_OR_CMD]) ? null : this.getEffectiveGridSize());\n      const topLayerFrame = this.getTopLayerFrameAtSceneCoords({\n        x: gridX,\n        y: gridY\n      });\n      const baseElementAttributes = {\n        x: gridX,\n        y: gridY,\n        strokeColor: this.state.currentItemStrokeColor,\n        backgroundColor: this.state.currentItemBackgroundColor,\n        fillStyle: this.state.currentItemFillStyle,\n        strokeWidth: this.state.currentItemStrokeWidth,\n        strokeStyle: this.state.currentItemStrokeStyle,\n        roughness: this.state.currentItemRoughness,\n        opacity: this.state.currentItemOpacity,\n        roundness: this.getCurrentItemRoundness(elementType),\n        locked: false,\n        frameId: topLayerFrame ? topLayerFrame.id : null\n      };\n      let element;\n\n      if (elementType === \"embeddable\") {\n        element = (0,_excalidraw_element_newElement__WEBPACK_IMPORTED_MODULE_13__.newEmbeddableElement)(Object.assign({\n          type: \"embeddable\"\n        }, baseElementAttributes));\n      } else {\n        element = (0,_excalidraw_element_newElement__WEBPACK_IMPORTED_MODULE_13__.newElement)(Object.assign({\n          type: elementType\n        }, baseElementAttributes));\n      }\n\n      if (element.type === \"selection\") {\n        this.setState({\n          selectionElement: element\n        });\n      } else {\n        this.scene.insertElement(element);\n        this.setState({\n          multiElement: null,\n          newElement: element\n        });\n      }\n    };\n\n    this.createFrameElementOnPointerDown = (pointerDownState, type) => {\n      var _a;\n\n      const [gridX, gridY] = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.getGridPoint)(pointerDownState.origin.x, pointerDownState.origin.y, ((_a = this.lastPointerDownEvent) === null || _a === void 0 ? void 0 : _a[_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.CTRL_OR_CMD]) ? null : this.getEffectiveGridSize());\n      const constructorOpts = Object.assign(Object.assign({\n        x: gridX,\n        y: gridY,\n        opacity: this.state.currentItemOpacity,\n        locked: false\n      }, _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.FRAME_STYLE), this.state.frameColor ? {\n        //zsviczian\n        customData: {\n          frameColor: this.state.frameColor\n        }\n      } : {});\n      const frame = type === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.TOOL_TYPE.magicframe ? (0,_excalidraw_element_newElement__WEBPACK_IMPORTED_MODULE_13__.newMagicFrameElement)(constructorOpts) : (0,_excalidraw_element_newElement__WEBPACK_IMPORTED_MODULE_13__.newFrameElement)(constructorOpts);\n      this.scene.insertElement(frame);\n      this.setState({\n        multiElement: null,\n        newElement: frame\n      });\n    };\n\n    this.restoreReadyToEraseElements = () => {\n      this.elementsPendingErasure = new Set();\n      this.triggerRender();\n    };\n\n    this.eraseElements = () => {\n      let didChange = false;\n      const elements = this.scene.getElementsIncludingDeleted().map(ele => {\n        if (this.elementsPendingErasure.has(ele.id) || ele.frameId && this.elementsPendingErasure.has(ele.frameId) || (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isBoundToContainer)(ele) && this.elementsPendingErasure.has(ele.containerId)) {\n          didChange = true;\n          return (0,_excalidraw_element_mutateElement__WEBPACK_IMPORTED_MODULE_12__.newElementWith)(ele, {\n            isDeleted: true\n          });\n        }\n\n        return ele;\n      });\n      this.elementsPendingErasure = new Set();\n\n      if (didChange) {\n        this.store.shouldCaptureIncrement();\n        this.scene.replaceAllElements(elements);\n      }\n    };\n\n    this.initializeImage = async ({\n      imageFile,\n      imageElement: _imageElement,\n      showCursorImagePreview = false\n    }) => {\n      var _a, _b, _c, _d; // at this point this should be guaranteed image file, but we do this check\n      // to satisfy TS down the line\n\n\n      if (!(0,_data_blob__WEBPACK_IMPORTED_MODULE_64__.isSupportedImageFile)(imageFile)) {\n        throw new Error((0,_i18n__WEBPACK_IMPORTED_MODULE_60__.t)(\"errors.unsupportedFileType\"));\n      }\n\n      const mimeType = imageFile.type;\n      (0,_cursor__WEBPACK_IMPORTED_MODULE_73__.setCursor)(this.interactiveCanvas, \"wait\");\n\n      if (mimeType === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.MIME_TYPES.svg) {\n        try {\n          imageFile = (0,_data_blob__WEBPACK_IMPORTED_MODULE_64__.SVGStringToFile)((0,_excalidraw_element_image__WEBPACK_IMPORTED_MODULE_19__.normalizeSVG)(await imageFile.text()), imageFile.name);\n        } catch (error) {\n          console.warn(error);\n          throw new Error((0,_i18n__WEBPACK_IMPORTED_MODULE_60__.t)(\"errors.svgImageInsertError\"));\n        }\n      } // generate image id (by default the file digest) before any\n      // resizing/compression takes place to keep it more portable\n\n\n      const fileId = await (((_b = (_a = this.props).generateIdForFile) === null || _b === void 0 ? void 0 : _b.call(_a, imageFile)) || (0,_data_blob__WEBPACK_IMPORTED_MODULE_64__.generateIdFromFile)(imageFile));\n\n      if (!fileId) {\n        console.warn(\"Couldn't generate file id or the supplied `generateIdForFile` didn't resolve to one.\");\n        throw new Error((0,_i18n__WEBPACK_IMPORTED_MODULE_60__.t)(\"errors.imageInsertError\"));\n      }\n\n      const existingFileData = this.files[fileId];\n\n      if (!(existingFileData === null || existingFileData === void 0 ? void 0 : existingFileData.dataURL)) {\n        try {\n          imageFile = await (0,_data_blob__WEBPACK_IMPORTED_MODULE_64__.resizeImageFile)(imageFile, {\n            maxWidthOrHeight: _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.DEFAULT_MAX_IMAGE_WIDTH_OR_HEIGHT\n          });\n        } catch (error) {\n          console.error(\"Error trying to resizing image file on insertion\", error);\n        }\n\n        if (imageFile.size > _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.MAX_ALLOWED_FILE_BYTES) {\n          throw new Error((0,_i18n__WEBPACK_IMPORTED_MODULE_60__.t)(\"errors.fileTooBig\", {\n            maxSize: `${Math.trunc(_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.MAX_ALLOWED_FILE_BYTES / 1024 / 1024)}MB`\n          }));\n        }\n      }\n\n      if (showCursorImagePreview) {\n        const dataURL = (_c = this.files[fileId]) === null || _c === void 0 ? void 0 : _c.dataURL; // optimization so that we don't unnecessarily resize the original\n        // full-size file for cursor preview\n        // (it's much faster to convert the resized dataURL to File)\n\n        const resizedFile = dataURL && (0,_data_blob__WEBPACK_IMPORTED_MODULE_64__.dataURLToFile)(dataURL);\n        this.setImagePreviewCursor(resizedFile || imageFile);\n      }\n\n      const dataURL = ((_d = this.files[fileId]) === null || _d === void 0 ? void 0 : _d.dataURL) || (await (0,_data_blob__WEBPACK_IMPORTED_MODULE_64__.getDataURL)(imageFile));\n      const imageElement = (0,_excalidraw_element_mutateElement__WEBPACK_IMPORTED_MODULE_12__.mutateElement)(_imageElement, {\n        fileId\n      }, false);\n      return new Promise(async (resolve, reject) => {\n        var _a;\n\n        try {\n          this.addMissingFiles([{\n            mimeType,\n            id: fileId,\n            dataURL,\n            created: Date.now(),\n            lastRetrieved: Date.now(),\n            //@ts-ignore\n            name: (imageFile === null || imageFile === void 0 ? void 0 : imageFile.name) && imageFile.name !== \"image.png\" ? imageFile.name : undefined // zsviczian\n\n          }]);\n          const cachedImageData = this.imageCache.get(fileId);\n\n          if (!cachedImageData) {\n            this.addNewImagesToImageCache();\n            await this.updateImageCache([imageElement]);\n          }\n\n          if ((cachedImageData === null || cachedImageData === void 0 ? void 0 : cachedImageData.image) instanceof Promise) {\n            await cachedImageData.image;\n          }\n\n          if (this.state.pendingImageElementId !== imageElement.id && ((_a = this.state.newElement) === null || _a === void 0 ? void 0 : _a.id) !== imageElement.id) {\n            this.initializeImageDimensions(imageElement, true);\n          }\n\n          resolve(imageElement);\n        } catch (error) {\n          console.error(error);\n          reject(new Error((0,_i18n__WEBPACK_IMPORTED_MODULE_60__.t)(\"errors.imageInsertError\")));\n        } finally {\n          if (!showCursorImagePreview) {\n            (0,_cursor__WEBPACK_IMPORTED_MODULE_73__.resetCursor)(this.interactiveCanvas);\n          }\n        }\n      });\n    };\n    /**\r\n     * inserts image into elements array and rerenders\r\n     */\n\n\n    this.insertImageElement = async (imageElement, imageFile, showCursorImagePreview) => {\n      // we should be handling all cases upstream, but in case we forget to handle\n      // a future case, let's throw here\n      if (!this.isToolSupported(\"image\")) {\n        this.setState({\n          errorMessage: (0,_i18n__WEBPACK_IMPORTED_MODULE_60__.t)(\"errors.imageToolNotSupported\")\n        });\n        return;\n      }\n\n      this.scene.insertElement(imageElement);\n\n      try {\n        return await this.initializeImage({\n          imageFile,\n          imageElement,\n          showCursorImagePreview\n        });\n      } catch (error) {\n        (0,_excalidraw_element_mutateElement__WEBPACK_IMPORTED_MODULE_12__.mutateElement)(imageElement, {\n          isDeleted: true\n        });\n        this.actionManager.executeAction(_actions__WEBPACK_IMPORTED_MODULE_38__.actionFinalize);\n        this.setState({\n          errorMessage: error.message || (0,_i18n__WEBPACK_IMPORTED_MODULE_60__.t)(\"errors.imageInsertError\")\n        });\n        return null;\n      }\n    };\n\n    this.setImagePreviewCursor = async imageFile => {\n      // mustn't be larger than 128 px\n      // https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Basic_User_Interface/Using_URL_values_for_the_cursor_property\n      const cursorImageSizePx = 96;\n      let imagePreview;\n\n      try {\n        imagePreview = await (0,_data_blob__WEBPACK_IMPORTED_MODULE_64__.resizeImageFile)(imageFile, {\n          maxWidthOrHeight: cursorImageSizePx\n        });\n      } catch (e) {\n        if (e.cause === \"UNSUPPORTED\") {\n          throw new Error((0,_i18n__WEBPACK_IMPORTED_MODULE_60__.t)(\"errors.unsupportedFileType\"));\n        }\n\n        throw e;\n      }\n\n      let previewDataURL = await (0,_data_blob__WEBPACK_IMPORTED_MODULE_64__.getDataURL)(imagePreview); // SVG cannot be resized via `resizeImageFile` so we resize by rendering to\n      // a small canvas\n\n      if (imageFile.type === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.MIME_TYPES.svg) {\n        const img = await (0,_excalidraw_element_image__WEBPACK_IMPORTED_MODULE_19__.loadHTMLImageElement)(previewDataURL);\n        let height = Math.min(img.height, cursorImageSizePx);\n        let width = height * (img.width / img.height);\n\n        if (width > cursorImageSizePx) {\n          width = cursorImageSizePx;\n          height = width * (img.height / img.width);\n        }\n\n        const canvas = document.createElement(\"canvas\");\n        canvas.height = height;\n        canvas.width = width;\n        const context = canvas.getContext(\"2d\");\n        context.drawImage(img, 0, 0, width, height);\n        previewDataURL = canvas.toDataURL(_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.MIME_TYPES.svg);\n      }\n\n      if (this.state.pendingImageElementId) {\n        (0,_cursor__WEBPACK_IMPORTED_MODULE_73__.setCursor)(this.interactiveCanvas, `url(${previewDataURL}) 4 4, auto`);\n      }\n    };\n\n    this.onImageAction = async ({\n      insertOnCanvasDirectly\n    }) => {\n      var _a;\n\n      try {\n        const clientX = this.state.width / 2 + this.state.offsetLeft;\n        const clientY = this.state.height / 2 + this.state.offsetTop;\n        const {\n          x,\n          y\n        } = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.viewportCoordsToSceneCoords)({\n          clientX,\n          clientY\n        }, this.state);\n        let imageFile = await (0,_data_filesystem__WEBPACK_IMPORTED_MODULE_65__.fileOpen)({\n          description: \"Image\",\n          extensions: Object.keys(_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.IMAGE_MIME_TYPES)\n        }); //zsviczian - temporary fix: https://github.com/excalidraw/excalidraw/issues/9091\n\n        if (imageFile && !imageFile.type) {\n          const extension = (_a = imageFile.name.split(\".\").pop()) === null || _a === void 0 ? void 0 : _a.toLowerCase();\n          const mimeType = _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.IMAGE_MIME_TYPES[extension];\n\n          if (mimeType) {\n            imageFile = new File([imageFile], imageFile.name, {\n              type: mimeType\n            });\n          }\n        }\n\n        const imageElement = this.createImageElement({\n          sceneX: x,\n          sceneY: y,\n          addToFrameUnderCursor: false\n        });\n\n        if (insertOnCanvasDirectly) {\n          this.insertImageElement(imageElement, imageFile);\n          this.initializeImageDimensions(imageElement);\n          this.setState({\n            selectedElementIds: (0,_excalidraw_element_selection__WEBPACK_IMPORTED_MODULE_33__.makeNextSelectedElementIds)({\n              [imageElement.id]: true\n            }, this.state)\n          }, () => {\n            this.actionManager.executeAction(_actions__WEBPACK_IMPORTED_MODULE_38__.actionFinalize);\n          });\n        } else {\n          this.setState({\n            pendingImageElementId: imageElement.id\n          }, () => {\n            this.insertImageElement(imageElement, imageFile,\n            /* showCursorImagePreview */\n            true);\n          });\n        }\n      } catch (error) {\n        if (error.name !== \"AbortError\") {\n          console.error(error);\n        } else {\n          console.warn(error);\n        }\n\n        this.setState({\n          pendingImageElementId: null,\n          newElement: null,\n          activeTool: (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.updateActiveTool)(this.state, {\n            type: \"selection\"\n          })\n        }, () => {\n          this.actionManager.executeAction(_actions__WEBPACK_IMPORTED_MODULE_38__.actionFinalize);\n        });\n      }\n    };\n\n    this.initializeImageDimensions = (imageElement, forceNaturalSize = false) => {\n      var _a;\n\n      const image = (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isInitializedImageElement)(imageElement) && ((_a = this.imageCache.get(imageElement.fileId)) === null || _a === void 0 ? void 0 : _a.image);\n\n      if (!image || image instanceof Promise) {\n        if (imageElement.width < _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.DRAGGING_THRESHOLD / this.state.zoom.value && imageElement.height < _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.DRAGGING_THRESHOLD / this.state.zoom.value) {\n          const placeholderSize = 100 / this.state.zoom.value;\n          (0,_excalidraw_element_mutateElement__WEBPACK_IMPORTED_MODULE_12__.mutateElement)(imageElement, {\n            x: imageElement.x - placeholderSize / 2,\n            y: imageElement.y - placeholderSize / 2,\n            width: placeholderSize,\n            height: placeholderSize\n          });\n        }\n\n        return;\n      }\n\n      if (forceNaturalSize || // if user-created bounding box is below threshold, assume the\n      // intention was to click instead of drag, and use the image's\n      // intrinsic size\n      imageElement.width < _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.DRAGGING_THRESHOLD / this.state.zoom.value && imageElement.height < _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.DRAGGING_THRESHOLD / this.state.zoom.value) {\n        const minHeight = Math.max(this.state.height - 120, 160); // max 65% of canvas height, clamped to <300px, vh - 120px>\n\n        const maxHeight = Math.min(minHeight, Math.floor(this.state.height * 0.5) / this.state.zoom.value);\n        const height = Math.min(image.naturalHeight, maxHeight);\n        const width = height * (image.naturalWidth / image.naturalHeight); // add current imageElement width/height to account for previous centering\n        // of the placeholder image\n\n        const x = imageElement.x + imageElement.width / 2 - width / 2;\n        const y = imageElement.y + imageElement.height / 2 - height / 2;\n        (0,_excalidraw_element_mutateElement__WEBPACK_IMPORTED_MODULE_12__.mutateElement)(imageElement, {\n          x,\n          y,\n          width,\n          height,\n          crop: null\n        });\n      }\n    };\n    /** updates image cache, refreshing updated elements and/or setting status\r\n        to error for images that fail during <img> element creation */\n\n\n    this.updateImageCache = async (elements, files = this.files) => {\n      const {\n        updatedFiles,\n        erroredFiles\n      } = await (0,_excalidraw_element_image__WEBPACK_IMPORTED_MODULE_19__.updateImageCache)({\n        imageCache: this.imageCache,\n        fileIds: elements.map(element => element.fileId),\n        files\n      });\n\n      if (updatedFiles.size || erroredFiles.size) {\n        for (const element of elements) {\n          if (updatedFiles.has(element.fileId)) {\n            _excalidraw_element_ShapeCache__WEBPACK_IMPORTED_MODULE_29__.ShapeCache.delete(element);\n          }\n        }\n      }\n\n      if (erroredFiles.size) {\n        this.scene.replaceAllElements(this.scene.getElementsIncludingDeleted().map(element => {\n          if ((0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isInitializedImageElement)(element) && erroredFiles.has(element.fileId)) {\n            return (0,_excalidraw_element_mutateElement__WEBPACK_IMPORTED_MODULE_12__.newElementWith)(element, {\n              status: \"error\"\n            });\n          }\n\n          return element;\n        }));\n      }\n\n      return {\n        updatedFiles,\n        erroredFiles\n      };\n    };\n    /** adds new images to imageCache and re-renders if needed */\n\n\n    this.addNewImagesToImageCache = async (imageElements = (0,_excalidraw_element_image__WEBPACK_IMPORTED_MODULE_19__.getInitializedImageElements)(this.scene.getNonDeletedElements()), files = this.files) => {\n      const uncachedImageElements = imageElements.filter(element => !element.isDeleted && !this.imageCache.has(element.fileId));\n\n      if (uncachedImageElements.length) {\n        const {\n          updatedFiles\n        } = await this.updateImageCache(uncachedImageElements, files);\n\n        if (updatedFiles.size) {\n          this.scene.triggerUpdate();\n        }\n      }\n    };\n    /** generally you should use `addNewImagesToImageCache()` directly if you need\r\n     *  to render new images. This is just a failsafe  */\n\n\n    this.scheduleImageRefresh = lodash_throttle__WEBPACK_IMPORTED_MODULE_1___default()(() => {\n      this.addNewImagesToImageCache();\n    }, _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.IMAGE_RENDER_TIMEOUT);\n\n    this.updateBindingEnabledOnPointerMove = event => {\n      const shouldEnableBinding = (0,_excalidraw_element_binding__WEBPACK_IMPORTED_MODULE_10__.shouldEnableBindingForPointerEvent)(event);\n\n      if (this.state.isBindingEnabled !== shouldEnableBinding) {\n        this.setState({\n          isBindingEnabled: shouldEnableBinding\n        });\n      }\n    };\n\n    this.maybeSuggestBindingAtCursor = (pointerCoords, considerAll) => {\n      const hoveredBindableElement = (0,_excalidraw_element_binding__WEBPACK_IMPORTED_MODULE_10__.getHoveredElementForBinding)(pointerCoords, this.scene.getNonDeletedElements(), this.scene.getNonDeletedElementsMap(), this.state.zoom, false, considerAll);\n      this.setState({\n        suggestedBindings: hoveredBindableElement != null ? [hoveredBindableElement] : []\n      });\n    };\n\n    this.maybeSuggestBindingsForLinearElementAtCoords = (linearElement,\n    /** scene coords */\n    pointerCoords, // During line creation the start binding hasn't been written yet\n    // into `linearElement`\n    oppositeBindingBoundElement) => {\n      if (!pointerCoords.length) {\n        return;\n      }\n\n      const suggestedBindings = pointerCoords.reduce((acc, coords) => {\n        const hoveredBindableElement = (0,_excalidraw_element_binding__WEBPACK_IMPORTED_MODULE_10__.getHoveredElementForBinding)(coords, this.scene.getNonDeletedElements(), this.scene.getNonDeletedElementsMap(), this.state.zoom, (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isElbowArrow)(linearElement), (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isElbowArrow)(linearElement));\n\n        if (hoveredBindableElement != null && !(0,_excalidraw_element_binding__WEBPACK_IMPORTED_MODULE_10__.isLinearElementSimpleAndAlreadyBound)(linearElement, oppositeBindingBoundElement === null || oppositeBindingBoundElement === void 0 ? void 0 : oppositeBindingBoundElement.id, hoveredBindableElement)) {\n          acc.push(hoveredBindableElement);\n        }\n\n        return acc;\n      }, []);\n      this.setState({\n        suggestedBindings\n      });\n    };\n\n    this.handleInteractiveCanvasRef = canvas => {\n      var _a, _b; // canvas is null when unmounting\n\n\n      if (canvas !== null) {\n        this.interactiveCanvas = canvas; // -----------------------------------------------------------------------\n        // NOTE wheel, touchstart, touchend events must be registered outside\n        // of react because react binds them them passively (so we can't prevent\n        // default on them)\n\n        this.interactiveCanvas.addEventListener(_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.EVENT.TOUCH_START, this.onTouchStart, {\n          passive: false\n        });\n        this.interactiveCanvas.addEventListener(_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.EVENT.TOUCH_END, this.onTouchEnd); // -----------------------------------------------------------------------\n      } else {\n        (_a = this.interactiveCanvas) === null || _a === void 0 ? void 0 : _a.removeEventListener(_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.EVENT.TOUCH_START, this.onTouchStart);\n        (_b = this.interactiveCanvas) === null || _b === void 0 ? void 0 : _b.removeEventListener(_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.EVENT.TOUCH_END, this.onTouchEnd);\n      }\n    };\n\n    this.handleAppOnDrop = async event => {\n      var _a, _b, _c, _d;\n\n      if (this.props.onDrop) {\n        try {\n          if ((await this.props.onDrop(event)) === false) {\n            return;\n          }\n        } catch (e) {\n          console.error(e);\n        }\n      } // must be retrieved first, in the same frame\n\n\n      const {\n        file,\n        fileHandle\n      } = await (0,_data_blob__WEBPACK_IMPORTED_MODULE_64__.getFileFromEvent)(event);\n      const {\n        x: sceneX,\n        y: sceneY\n      } = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.viewportCoordsToSceneCoords)(event, this.state);\n\n      try {\n        // if image tool not supported, don't show an error here and let it fall\n        // through so we still support importing scene data from images. If no\n        // scene data encoded, we'll show an error then\n        if ((0,_data_blob__WEBPACK_IMPORTED_MODULE_64__.isSupportedImageFile)(file) && this.isToolSupported(\"image\")) {\n          // first attempt to decode scene from the image if it's embedded\n          // ---------------------------------------------------------------------\n          if ((file === null || file === void 0 ? void 0 : file.type) === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.MIME_TYPES.png || (file === null || file === void 0 ? void 0 : file.type) === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.MIME_TYPES.svg) {\n            try {\n              const scene = await (0,_data__WEBPACK_IMPORTED_MODULE_55__.loadFromBlob)(file, this.state, this.scene.getElementsIncludingDeleted(), fileHandle);\n              this.syncActionResult(Object.assign(Object.assign({}, scene), {\n                appState: Object.assign(Object.assign({}, scene.appState || this.state), {\n                  isLoading: false\n                }),\n                replaceFiles: true,\n                captureUpdate: _store__WEBPACK_IMPORTED_MODULE_76__.CaptureUpdateAction.IMMEDIATELY\n              }));\n              return;\n            } catch (error) {\n              // Don't throw for image scene daa\n              if (error.name !== \"EncodingError\") {\n                throw new Error((0,_i18n__WEBPACK_IMPORTED_MODULE_60__.t)(\"alerts.couldNotLoadInvalidFile\"));\n              }\n            }\n          } // if no scene is embedded or we fail for whatever reason, fall back\n          // to importing as regular image\n          // ---------------------------------------------------------------------\n\n\n          const imageElement = this.createImageElement({\n            sceneX,\n            sceneY\n          });\n          this.insertImageElement(imageElement, file);\n          this.initializeImageDimensions(imageElement);\n          this.setState({\n            selectedElementIds: (0,_excalidraw_element_selection__WEBPACK_IMPORTED_MODULE_33__.makeNextSelectedElementIds)({\n              [imageElement.id]: true\n            }, this.state)\n          });\n          return;\n        }\n      } catch (error) {\n        return this.setState({\n          isLoading: false,\n          errorMessage: error.message\n        });\n      }\n\n      const libraryJSON = event.dataTransfer.getData(_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.MIME_TYPES.excalidrawlib);\n\n      if (libraryJSON && typeof libraryJSON === \"string\") {\n        try {\n          const libraryItems = (0,_data_blob__WEBPACK_IMPORTED_MODULE_64__.parseLibraryJSON)(libraryJSON);\n          this.addElementsFromPasteOrLibrary({\n            elements: (0,_data_library__WEBPACK_IMPORTED_MODULE_56__.distributeLibraryItemsOnSquareGrid)(libraryItems),\n            position: event,\n            files: null\n          });\n        } catch (error) {\n          this.setState({\n            errorMessage: error.message\n          });\n        }\n\n        return;\n      }\n\n      if (file) {\n        // Attempt to parse an excalidraw/excalidrawlib file\n        await this.loadFileToCanvas(file, fileHandle);\n      }\n\n      if ((_b = (_a = event.dataTransfer) === null || _a === void 0 ? void 0 : _a.types) === null || _b === void 0 ? void 0 : _b.includes(\"text/plain\")) {\n        const text = (_c = event.dataTransfer) === null || _c === void 0 ? void 0 : _c.getData(\"text\");\n\n        if (text && (0,_excalidraw_element_embeddable__WEBPACK_IMPORTED_MODULE_18__.embeddableURLValidator)(text, this.props.validateEmbeddable) && (/^(http|https):\\/\\/[^\\s/$.?#].[^\\s]*$/.test(text) || ((_d = (0,_excalidraw_element_embeddable__WEBPACK_IMPORTED_MODULE_18__.getEmbedLink)(text)) === null || _d === void 0 ? void 0 : _d.type) === \"video\")) {\n          const embeddable = this.insertEmbeddableElement({\n            sceneX,\n            sceneY,\n            link: (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.normalizeLink)(text)\n          });\n\n          if (embeddable) {\n            this.setState({\n              selectedElementIds: {\n                [embeddable.id]: true\n              }\n            });\n          }\n        }\n      }\n    };\n\n    this.loadFileToCanvas = async (file, fileHandle) => {\n      file = await (0,_data_blob__WEBPACK_IMPORTED_MODULE_64__.normalizeFile)(file);\n\n      try {\n        const elements = this.scene.getElementsIncludingDeleted();\n        let ret;\n\n        try {\n          ret = await (0,_data_blob__WEBPACK_IMPORTED_MODULE_64__.loadSceneOrLibraryFromBlob)(file, this.state, elements, fileHandle);\n        } catch (error) {\n          const imageSceneDataError = error instanceof _errors__WEBPACK_IMPORTED_MODULE_69__.ImageSceneDataError;\n\n          if (imageSceneDataError && error.code === \"IMAGE_NOT_CONTAINS_SCENE_DATA\" && !this.isToolSupported(\"image\")) {\n            this.setState({\n              isLoading: false,\n              errorMessage: (0,_i18n__WEBPACK_IMPORTED_MODULE_60__.t)(\"errors.imageToolNotSupported\")\n            });\n            return;\n          }\n\n          const errorMessage = imageSceneDataError ? (0,_i18n__WEBPACK_IMPORTED_MODULE_60__.t)(\"alerts.cannotRestoreFromImage\") : (0,_i18n__WEBPACK_IMPORTED_MODULE_60__.t)(\"alerts.couldNotLoadInvalidFile\");\n          this.setState({\n            isLoading: false,\n            errorMessage\n          });\n        }\n\n        if (!ret) {\n          return;\n        }\n\n        if (ret.type === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.MIME_TYPES.excalidraw) {\n          // restore the fractional indices by mutating elements\n          (0,_excalidraw_element_fractionalIndex__WEBPACK_IMPORTED_MODULE_32__.syncInvalidIndices)(elements.concat(ret.data.elements)); // update the store snapshot for old elements, otherwise we would end up with duplicated fractional indices on undo\n\n          this.store.updateSnapshot((0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.arrayToMap)(elements), this.state);\n          this.setState({\n            isLoading: true\n          });\n          this.syncActionResult(Object.assign(Object.assign({}, ret.data), {\n            appState: Object.assign(Object.assign({}, ret.data.appState || this.state), {\n              isLoading: false\n            }),\n            replaceFiles: true,\n            captureUpdate: _store__WEBPACK_IMPORTED_MODULE_76__.CaptureUpdateAction.IMMEDIATELY\n          }));\n        } else if (ret.type === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.MIME_TYPES.excalidrawlib) {\n          await this.library.updateLibrary({\n            libraryItems: file,\n            merge: true,\n            openLibraryMenu: true\n          }).catch(error => {\n            console.error(error);\n            this.setState({\n              errorMessage: (0,_i18n__WEBPACK_IMPORTED_MODULE_60__.t)(\"errors.importLibraryError\")\n            });\n          });\n        }\n      } catch (error) {\n        this.setState({\n          isLoading: false,\n          errorMessage: error.message\n        });\n      }\n    };\n\n    this.handleCanvasContextMenu = event => {\n      event.preventDefault();\n\n      if ((\"pointerType\" in event.nativeEvent && event.nativeEvent.pointerType === \"touch\" || \"pointerType\" in event.nativeEvent && event.nativeEvent.pointerType === \"pen\" && // always allow if user uses a pen secondary button\n      event.button !== _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.POINTER_BUTTON.SECONDARY) && this.state.activeTool.type !== \"selection\") {\n        return;\n      }\n\n      if (this.state.isResizing) {\n        return; //zsviczian - avoid context menu during resizing on Mobiles\n      }\n\n      const {\n        x,\n        y\n      } = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.viewportCoordsToSceneCoords)(event, this.state);\n      const element = this.getElementAtPosition(x, y, {\n        preferSelected: true,\n        includeLockedElements: true\n      });\n      const selectedElements = this.scene.getSelectedElements(this.state);\n      const isHittingCommonBoundBox = this.isHittingCommonBoundingBoxOfSelectedElements({\n        x,\n        y\n      }, selectedElements);\n      const type = element || isHittingCommonBoundBox ? \"element\" : \"canvas\";\n      const container = this.excalidrawContainerRef.current;\n      const {\n        top: offsetTop,\n        left: offsetLeft\n      } = container.getBoundingClientRect();\n      const left = event.clientX - offsetLeft;\n      const top = event.clientY - offsetTop;\n      (0,_analytics__WEBPACK_IMPORTED_MODULE_51__.trackEvent)(\"contextMenu\", \"openContextMenu\", type);\n      this.setState(Object.assign(Object.assign({}, element && !this.state.selectedElementIds[element.id] ? Object.assign(Object.assign(Object.assign({}, this.state), (0,_excalidraw_element_groups__WEBPACK_IMPORTED_MODULE_31__.selectGroupsForSelectedElements)({\n        editingGroupId: this.state.editingGroupId,\n        selectedElementIds: {\n          [element.id]: true\n        }\n      }, this.scene.getNonDeletedElements(), this.state, this)), {\n        selectedLinearElement: (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isLinearElement)(element) ? new _excalidraw_element_linearElementEditor__WEBPACK_IMPORTED_MODULE_11__.LinearElementEditor(element) : null\n      }) : this.state), {\n        showHyperlinkPopup: false\n      }), () => {\n        this.setState({\n          contextMenu: {\n            top,\n            left,\n            items: this.getContextMenuItems(type)\n          }\n        });\n      });\n    };\n\n    this.maybeDragNewGenericElement = (pointerDownState, event, informMutation = true) => {\n      var _a, _b, _c, _d, _e;\n\n      const selectionElement = this.state.selectionElement;\n      const pointerCoords = pointerDownState.lastCoords;\n\n      if (selectionElement && this.state.activeTool.type !== \"eraser\") {\n        (0,_excalidraw_element_dragElements__WEBPACK_IMPORTED_MODULE_36__.dragNewElement)({\n          newElement: selectionElement,\n          elementType: this.state.activeTool.type,\n          originX: pointerDownState.origin.x,\n          originY: pointerDownState.origin.y,\n          x: pointerCoords.x,\n          y: pointerCoords.y,\n          width: (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.distance)(pointerDownState.origin.x, pointerCoords.x),\n          height: (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.distance)(pointerDownState.origin.y, pointerCoords.y),\n          shouldMaintainAspectRatio: (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.shouldMaintainAspectRatio)(event),\n          shouldResizeFromCenter: false,\n          zoom: this.state.zoom.value,\n          informMutation\n        });\n        return;\n      }\n\n      const newElement = this.state.newElement;\n\n      if (!newElement) {\n        return;\n      }\n\n      let [gridX, gridY] = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.getGridPoint)(pointerCoords.x, pointerCoords.y, event[_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.CTRL_OR_CMD] ? null : this.getEffectiveGridSize());\n      const image = (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isInitializedImageElement)(newElement) && ((_a = this.imageCache.get(newElement.fileId)) === null || _a === void 0 ? void 0 : _a.image);\n      const aspectRatio = image && !(image instanceof Promise) ? image.width / image.height : null;\n      this.maybeCacheReferenceSnapPoints(event, [newElement]);\n      const {\n        snapOffset,\n        snapLines\n      } = (0,_snapping__WEBPACK_IMPORTED_MODULE_70__.snapNewElement)(newElement, this, event, {\n        x: pointerDownState.originInGrid.x + ((_c = (_b = this.state.originSnapOffset) === null || _b === void 0 ? void 0 : _b.x) !== null && _c !== void 0 ? _c : 0),\n        y: pointerDownState.originInGrid.y + ((_e = (_d = this.state.originSnapOffset) === null || _d === void 0 ? void 0 : _d.y) !== null && _e !== void 0 ? _e : 0)\n      }, {\n        x: gridX - pointerDownState.originInGrid.x,\n        y: gridY - pointerDownState.originInGrid.y\n      }, this.scene.getNonDeletedElementsMap());\n      gridX += snapOffset.x;\n      gridY += snapOffset.y;\n      this.setState({\n        snapLines\n      });\n      (0,_excalidraw_element_dragElements__WEBPACK_IMPORTED_MODULE_36__.dragNewElement)({\n        newElement,\n        elementType: this.state.activeTool.type,\n        originX: pointerDownState.originInGrid.x,\n        originY: pointerDownState.originInGrid.y,\n        x: gridX,\n        y: gridY,\n        width: (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.distance)(pointerDownState.originInGrid.x, gridX),\n        height: (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.distance)(pointerDownState.originInGrid.y, gridY),\n        shouldMaintainAspectRatio: (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isImageElement)(newElement) ? !(0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.shouldMaintainAspectRatio)(event) : (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.shouldMaintainAspectRatio)(event),\n        shouldResizeFromCenter: (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.shouldResizeFromCenter)(event),\n        zoom: this.state.zoom.value,\n        widthAspectRatio: aspectRatio,\n        originOffset: this.state.originSnapOffset,\n        informMutation\n      });\n      this.setState({\n        newElement\n      }); // highlight elements that are to be added to frames on frames creation\n\n      if (this.state.activeTool.type === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.TOOL_TYPE.frame || this.state.activeTool.type === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.TOOL_TYPE.magicframe) {\n        this.setState({\n          elementsToHighlight: (0,_excalidraw_element_frame__WEBPACK_IMPORTED_MODULE_22__.getElementsInResizingFrame)(this.scene.getNonDeletedElements(), newElement, this.state, this.scene.getNonDeletedElementsMap())\n        });\n      }\n    };\n\n    this.maybeHandleCrop = (pointerDownState, event) => {\n      var _a; // to crop, we must already be in the cropping mode, where croppingElement has been set\n\n\n      if (!this.state.croppingElementId) {\n        return false;\n      }\n\n      const transformHandleType = pointerDownState.resize.handleType;\n      const pointerCoords = pointerDownState.lastCoords;\n      const [x, y] = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.getGridPoint)(pointerCoords.x - pointerDownState.resize.offset.x, pointerCoords.y - pointerDownState.resize.offset.y, event[_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.CTRL_OR_CMD] ? null : this.getEffectiveGridSize());\n      const croppingElement = this.scene.getNonDeletedElementsMap().get(this.state.croppingElementId);\n\n      if (transformHandleType && croppingElement && (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isImageElement)(croppingElement)) {\n        const croppingAtStateStart = pointerDownState.originalElements.get(croppingElement.id);\n        const image = (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isInitializedImageElement)(croppingElement) && ((_a = this.imageCache.get(croppingElement.fileId)) === null || _a === void 0 ? void 0 : _a.image);\n\n        if (croppingAtStateStart && (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isImageElement)(croppingAtStateStart) && image && !(image instanceof Promise)) {\n          const [gridX, gridY] = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.getGridPoint)(pointerCoords.x, pointerCoords.y, event[_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.CTRL_OR_CMD] ? null : this.getEffectiveGridSize());\n          const dragOffset = {\n            x: gridX - pointerDownState.originInGrid.x,\n            y: gridY - pointerDownState.originInGrid.y\n          };\n          this.maybeCacheReferenceSnapPoints(event, [croppingElement]);\n          const {\n            snapOffset,\n            snapLines\n          } = (0,_snapping__WEBPACK_IMPORTED_MODULE_70__.snapResizingElements)([croppingElement], [croppingAtStateStart], this, event, dragOffset, transformHandleType);\n          (0,_excalidraw_element_mutateElement__WEBPACK_IMPORTED_MODULE_12__.mutateElement)(croppingElement, (0,_excalidraw_element_cropElement__WEBPACK_IMPORTED_MODULE_25__.cropElement)(croppingElement, transformHandleType, image.naturalWidth, image.naturalHeight, x + snapOffset.x, y + snapOffset.y, event.shiftKey ? croppingAtStateStart.width / croppingAtStateStart.height : undefined));\n          (0,_excalidraw_element_binding__WEBPACK_IMPORTED_MODULE_10__.updateBoundElements)(croppingElement, this.scene.getNonDeletedElementsMap(), {\n            newSize: {\n              width: croppingElement.width,\n              height: croppingElement.height\n            }\n          });\n          this.setState({\n            isCropping: transformHandleType && transformHandleType !== \"rotation\",\n            snapLines\n          });\n        }\n\n        return true;\n      }\n\n      return false;\n    };\n\n    this.maybeHandleResize = (pointerDownState, event) => {\n      const selectedElements = this.scene.getSelectedElements(this.state);\n      const selectedFrames = selectedElements.filter(element => (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isFrameLikeElement)(element));\n      const transformHandleType = pointerDownState.resize.handleType;\n\n      if ( // Frames cannot be rotated.\n      selectedFrames.length > 0 && transformHandleType === \"rotation\" || // Elbow arrows cannot be transformed (resized or rotated).\n      selectedElements.length === 1 && (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isElbowArrow)(selectedElements[0]) || // Do not resize when in crop mode\n      this.state.croppingElementId) {\n        return false;\n      }\n\n      this.setState({\n        // TODO: rename this state field to \"isScaling\" to distinguish\n        // it from the generic \"isResizing\" which includes scaling and\n        // rotating\n        isResizing: transformHandleType && transformHandleType !== \"rotation\",\n        isRotating: transformHandleType === \"rotation\",\n        activeEmbeddable: null\n      });\n      const pointerCoords = pointerDownState.lastCoords;\n      let [resizeX, resizeY] = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.getGridPoint)(pointerCoords.x - pointerDownState.resize.offset.x, pointerCoords.y - pointerDownState.resize.offset.y, event[_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.CTRL_OR_CMD] ? null : this.getEffectiveGridSize());\n      const frameElementsOffsetsMap = new Map();\n      selectedFrames.forEach(frame => {\n        const elementsInFrame = (0,_excalidraw_element_frame__WEBPACK_IMPORTED_MODULE_22__.getFrameChildren)(this.scene.getNonDeletedElements(), frame.id);\n        elementsInFrame.forEach(element => {\n          frameElementsOffsetsMap.set(frame.id + element.id, {\n            x: element.x - frame.x,\n            y: element.y - frame.y\n          });\n        });\n      }); // check needed for avoiding flickering when a key gets pressed\n      // during dragging\n\n      if (!this.state.selectedElementsAreBeingDragged) {\n        const [gridX, gridY] = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.getGridPoint)(pointerCoords.x, pointerCoords.y, event[_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.CTRL_OR_CMD] ? null : this.getEffectiveGridSize());\n        const dragOffset = {\n          x: gridX - pointerDownState.originInGrid.x,\n          y: gridY - pointerDownState.originInGrid.y\n        };\n        const originalElements = [...pointerDownState.originalElements.values()];\n        this.maybeCacheReferenceSnapPoints(event, selectedElements);\n        const {\n          snapOffset,\n          snapLines\n        } = (0,_snapping__WEBPACK_IMPORTED_MODULE_70__.snapResizingElements)(selectedElements, (0,_scene__WEBPACK_IMPORTED_MODULE_61__.getSelectedElements)(originalElements, this.state), this, event, dragOffset, transformHandleType);\n        resizeX += snapOffset.x;\n        resizeY += snapOffset.y;\n        this.setState({\n          snapLines\n        });\n      }\n\n      if ((0,_excalidraw_element_resizeElements__WEBPACK_IMPORTED_MODULE_34__.transformElements)(pointerDownState.originalElements, transformHandleType, selectedElements, this.scene.getElementsMapIncludingDeleted(), this.scene, (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.shouldRotateWithDiscreteAngle)(event), (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.shouldResizeFromCenter)(event), selectedElements.some(element => (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isImageElement)(element)) ? !(0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.shouldMaintainAspectRatio)(event) : (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.shouldMaintainAspectRatio)(event), resizeX, resizeY, pointerDownState.resize.center.x, pointerDownState.resize.center.y)) {\n        const suggestedBindings = (0,_excalidraw_element_binding__WEBPACK_IMPORTED_MODULE_10__.getSuggestedBindingsForArrows)(selectedElements, this.scene.getNonDeletedElementsMap(), this.state.zoom);\n        const elementsToHighlight = new Set();\n        selectedFrames.forEach(frame => {\n          (0,_excalidraw_element_frame__WEBPACK_IMPORTED_MODULE_22__.getElementsInResizingFrame)(this.scene.getNonDeletedElements(), frame, this.state, this.scene.getNonDeletedElementsMap()).forEach(element => elementsToHighlight.add(element));\n        });\n        this.setState({\n          elementsToHighlight: [...elementsToHighlight],\n          suggestedBindings\n        });\n        return true;\n      }\n\n      return false;\n    };\n\n    this.getContextMenuItems = type => {\n      const options = [];\n      options.push(_actions__WEBPACK_IMPORTED_MODULE_38__.actionCopyAsPng, _actions__WEBPACK_IMPORTED_MODULE_38__.actionCopyAsSvg); // canvas contextMenu\n      // -------------------------------------------------------------------------\n\n      if (type === \"canvas\") {\n        if (this.state.viewModeEnabled) {\n          return [...options, _actions__WEBPACK_IMPORTED_MODULE_38__.actionToggleGridMode, _actions__WEBPACK_IMPORTED_MODULE_38__.actionToggleZenMode, _actions_actionToggleViewMode__WEBPACK_IMPORTED_MODULE_47__.actionToggleViewMode, _actions__WEBPACK_IMPORTED_MODULE_38__.actionToggleStats, _actions_actionCanvas__WEBPACK_IMPORTED_MODULE_40__.actionToggleLaserPointer];\n        }\n\n        return [_actions_actionClipboard__WEBPACK_IMPORTED_MODULE_41__.actionPaste, _ContextMenu__WEBPACK_IMPORTED_MODULE_86__.CONTEXT_MENU_SEPARATOR, _actions__WEBPACK_IMPORTED_MODULE_38__.actionCopyAsPng, _actions__WEBPACK_IMPORTED_MODULE_38__.actionCopyAsSvg, _actions__WEBPACK_IMPORTED_MODULE_38__.copyText, _ContextMenu__WEBPACK_IMPORTED_MODULE_86__.CONTEXT_MENU_SEPARATOR, _actions__WEBPACK_IMPORTED_MODULE_38__.actionSelectAll, _actions_actionElementLock__WEBPACK_IMPORTED_MODULE_43__.actionUnlockAllElements, _ContextMenu__WEBPACK_IMPORTED_MODULE_86__.CONTEXT_MENU_SEPARATOR, _actions__WEBPACK_IMPORTED_MODULE_38__.actionToggleGridMode, _actions__WEBPACK_IMPORTED_MODULE_38__.actionToggleObjectsSnapMode, _actions__WEBPACK_IMPORTED_MODULE_38__.actionToggleZenMode, _actions_actionToggleViewMode__WEBPACK_IMPORTED_MODULE_47__.actionToggleViewMode, _actions__WEBPACK_IMPORTED_MODULE_38__.actionToggleStats];\n      } // element contextMenu\n      // -------------------------------------------------------------------------\n\n\n      options.push(_actions__WEBPACK_IMPORTED_MODULE_38__.copyText);\n\n      if (this.state.viewModeEnabled) {\n        return [_actions__WEBPACK_IMPORTED_MODULE_38__.actionCopy, ...options];\n      }\n\n      return [_ContextMenu__WEBPACK_IMPORTED_MODULE_86__.CONTEXT_MENU_SEPARATOR, _actions__WEBPACK_IMPORTED_MODULE_38__.actionCut, _actions__WEBPACK_IMPORTED_MODULE_38__.actionCopy, _actions_actionClipboard__WEBPACK_IMPORTED_MODULE_41__.actionPaste, _ContextMenu__WEBPACK_IMPORTED_MODULE_86__.CONTEXT_MENU_SEPARATOR, _actions_actionFrame__WEBPACK_IMPORTED_MODULE_44__.actionSelectAllElementsInFrame, _actions_actionFrame__WEBPACK_IMPORTED_MODULE_44__.actionRemoveAllElementsFromFrame, _actions_actionFrame__WEBPACK_IMPORTED_MODULE_44__.actionWrapSelectionInFrame, _ContextMenu__WEBPACK_IMPORTED_MODULE_86__.CONTEXT_MENU_SEPARATOR, _actions__WEBPACK_IMPORTED_MODULE_38__.actionToggleCropEditor, _ContextMenu__WEBPACK_IMPORTED_MODULE_86__.CONTEXT_MENU_SEPARATOR, ...options, _ContextMenu__WEBPACK_IMPORTED_MODULE_86__.CONTEXT_MENU_SEPARATOR, _actions__WEBPACK_IMPORTED_MODULE_38__.actionCopyStyles, _actions__WEBPACK_IMPORTED_MODULE_38__.actionPasteStyles, _ContextMenu__WEBPACK_IMPORTED_MODULE_86__.CONTEXT_MENU_SEPARATOR, _actions__WEBPACK_IMPORTED_MODULE_38__.actionGroup, _actions_actionTextAutoResize__WEBPACK_IMPORTED_MODULE_46__.actionTextAutoResize, _actions__WEBPACK_IMPORTED_MODULE_38__.actionUnbindText, _actions__WEBPACK_IMPORTED_MODULE_38__.actionBindText, _actions_actionBoundText__WEBPACK_IMPORTED_MODULE_39__.actionWrapTextInContainer, _actions__WEBPACK_IMPORTED_MODULE_38__.actionUngroup, _ContextMenu__WEBPACK_IMPORTED_MODULE_86__.CONTEXT_MENU_SEPARATOR, _actions__WEBPACK_IMPORTED_MODULE_38__.actionAddToLibrary, _ContextMenu__WEBPACK_IMPORTED_MODULE_86__.CONTEXT_MENU_SEPARATOR, _actions__WEBPACK_IMPORTED_MODULE_38__.actionSendBackward, _actions__WEBPACK_IMPORTED_MODULE_38__.actionBringForward, _actions__WEBPACK_IMPORTED_MODULE_38__.actionSendToBack, _actions__WEBPACK_IMPORTED_MODULE_38__.actionBringToFront, _ContextMenu__WEBPACK_IMPORTED_MODULE_86__.CONTEXT_MENU_SEPARATOR, _actions__WEBPACK_IMPORTED_MODULE_38__.actionFlipHorizontal, _actions__WEBPACK_IMPORTED_MODULE_38__.actionFlipVertical, _ContextMenu__WEBPACK_IMPORTED_MODULE_86__.CONTEXT_MENU_SEPARATOR, _actions__WEBPACK_IMPORTED_MODULE_38__.actionToggleLinearEditor, _ContextMenu__WEBPACK_IMPORTED_MODULE_86__.CONTEXT_MENU_SEPARATOR, _actions__WEBPACK_IMPORTED_MODULE_38__.actionLink, _actions_actionElementLink__WEBPACK_IMPORTED_MODULE_42__.actionCopyElementLink, _ContextMenu__WEBPACK_IMPORTED_MODULE_86__.CONTEXT_MENU_SEPARATOR, _actions__WEBPACK_IMPORTED_MODULE_38__.actionDuplicateSelection, _actions__WEBPACK_IMPORTED_MODULE_38__.actionToggleElementLock, _ContextMenu__WEBPACK_IMPORTED_MODULE_86__.CONTEXT_MENU_SEPARATOR, _actions__WEBPACK_IMPORTED_MODULE_38__.actionDeleteSelected];\n    };\n\n    this.handleWheel = (0,_reactUtils__WEBPACK_IMPORTED_MODULE_78__.withBatchedUpdates)(event => {\n      // if not scrolling on canvas/wysiwyg, ignore\n      if (!(event.target instanceof HTMLCanvasElement || event.target instanceof HTMLTextAreaElement || event.target instanceof HTMLIFrameElement)) {\n        // prevent zooming the browser (but allow scrolling DOM)\n        if (event[_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.CTRL_OR_CMD]) {\n          event.preventDefault();\n        }\n\n        return;\n      }\n\n      event.preventDefault();\n\n      if (isPanning) {\n        return;\n      }\n\n      const {\n        deltaX,\n        deltaY\n      } = event; // note that event.ctrlKey is necessary to handle pinch zooming\n\n      if ( //zsviczian\n      (event.metaKey || event.ctrlKey) && !this.state.allowWheelZoom || !(event.metaKey || event.ctrlKey) && this.state.allowWheelZoom) {\n        const sign = Math.sign(deltaY);\n        const MAX_STEP = _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.ZOOM_STEP * 100;\n        const absDelta = Math.abs(deltaY);\n        let delta = deltaY;\n\n        if (absDelta > MAX_STEP) {\n          delta = MAX_STEP * sign;\n        }\n\n        let newZoom = this.state.zoom.value - delta / 100; // increase zoom steps the more zoomed-in we are (applies to >100% only)\n\n        newZoom += Math.log10(Math.max(1, this.state.zoom.value)) * -sign * // reduced amplification for small deltas (small movements on a trackpad)\n        Math.min(1, absDelta / 20);\n        this.translateCanvas(state => Object.assign(Object.assign({}, (0,_scene_zoom__WEBPACK_IMPORTED_MODULE_63__.getStateForZoom)({\n          viewportX: this.lastViewportPosition.x,\n          viewportY: this.lastViewportPosition.y,\n          nextZoom: (0,_scene__WEBPACK_IMPORTED_MODULE_61__.getNormalizedZoom)(newZoom)\n        }, state)), {\n          shouldCacheIgnoreZoom: true\n        }));\n        this.resetShouldCacheIgnoreZoomDebounced();\n        return;\n      } // scroll horizontally when shift pressed\n\n\n      if (event.shiftKey) {\n        this.translateCanvas(({\n          zoom,\n          scrollX\n        }) => ({\n          // on Mac, shift+wheel tends to result in deltaX\n          scrollX: scrollX - (deltaY || deltaX) / zoom.value\n        }));\n        return;\n      }\n\n      this.translateCanvas(({\n        zoom,\n        scrollX,\n        scrollY\n      }) => ({\n        scrollX: scrollX - deltaX / zoom.value,\n        scrollY: scrollY - deltaY / zoom.value\n      }));\n    });\n\n    this.savePointer = (x, y, button) => {\n      var _a, _b;\n\n      if (!x || !y) {\n        return;\n      }\n\n      const {\n        x: sceneX,\n        y: sceneY\n      } = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.viewportCoordsToSceneCoords)({\n        clientX: x,\n        clientY: y\n      }, this.state);\n\n      if (isNaN(sceneX) || isNaN(sceneY)) {// sometimes the pointer goes off screen\n      }\n\n      const pointer = {\n        x: sceneX,\n        y: sceneY,\n        tool: this.state.activeTool.type === \"laser\" ? \"laser\" : \"pointer\"\n      };\n      (_b = (_a = this.props).onPointerUpdate) === null || _b === void 0 ? void 0 : _b.call(_a, {\n        pointer,\n        button,\n        pointersMap: gesture.pointers\n      });\n    };\n\n    this.resetShouldCacheIgnoreZoomDebounced = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.debounce)(() => {\n      if (!this.unmounted) {\n        this.setState({\n          shouldCacheIgnoreZoom: false\n        });\n      }\n    }, 300);\n\n    this.updateDOMRect = cb => {\n      var _a;\n\n      if ((_a = this.excalidrawContainerRef) === null || _a === void 0 ? void 0 : _a.current) {\n        const excalidrawContainer = this.excalidrawContainerRef.current;\n        const {\n          width,\n          height,\n          left: offsetLeft,\n          top: offsetTop\n        } = excalidrawContainer.getBoundingClientRect();\n        const {\n          width: currentWidth,\n          height: currentHeight,\n          offsetTop: currentOffsetTop,\n          offsetLeft: currentOffsetLeft\n        } = this.state;\n\n        if (width === currentWidth && height === currentHeight && offsetLeft === currentOffsetLeft && offsetTop === currentOffsetTop) {\n          if (cb) {\n            cb();\n          }\n\n          return;\n        } //zsviczian\n\n\n        if (width === 0 || height === 0) {\n          if (cb) {\n            cb();\n          }\n\n          return;\n        }\n\n        this.setState({\n          width,\n          height,\n          offsetLeft,\n          offsetTop\n        }, () => {\n          cb && cb();\n        });\n      }\n    };\n\n    this.refresh = () => {\n      this.setState(Object.assign({}, this.getCanvasOffsets()));\n    };\n\n    const defaultAppState = (0,_appState__WEBPACK_IMPORTED_MODULE_53__.getDefaultAppState)();\n    const {\n      excalidrawAPI,\n      viewModeEnabled = false,\n      zenModeEnabled = false,\n      gridModeEnabled = false,\n      objectsSnapModeEnabled = false,\n      theme = defaultAppState.theme,\n      initState,\n      //zsviczian\n      name = `${(0,_i18n__WEBPACK_IMPORTED_MODULE_60__.t)(\"labels.untitled\")}-${(0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.getDateTime)()}`\n    } = props;\n    this.state = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, defaultAppState), {\n      theme,\n      isLoading: true\n    }), this.getCanvasOffsets()), {\n      viewModeEnabled,\n      zenModeEnabled,\n      objectsSnapModeEnabled,\n      gridModeEnabled: gridModeEnabled !== null && gridModeEnabled !== void 0 ? gridModeEnabled : defaultAppState.gridModeEnabled,\n      name,\n      width: window.innerWidth,\n      height: window.innerHeight\n    }), initState !== null && initState !== void 0 ? initState : {});\n    this.id = (0,nanoid__WEBPACK_IMPORTED_MODULE_103__.nanoid)();\n    (0,_obsidianUtils__WEBPACK_IMPORTED_MODULE_100__.initializeObsidianUtils)();\n    this.library = new _data_library__WEBPACK_IMPORTED_MODULE_56__[\"default\"](this);\n    this.actionManager = new _actions_manager__WEBPACK_IMPORTED_MODULE_48__.ActionManager(this.syncActionResult, () => this.state, () => this.scene.getElementsIncludingDeleted(), this);\n    this.scene = new _scene_Scene__WEBPACK_IMPORTED_MODULE_62__[\"default\"]();\n    this.canvas = document.createElement(\"canvas\");\n    this.rc = roughjs_bin_rough__WEBPACK_IMPORTED_MODULE_4__[\"default\"].canvas(this.canvas);\n    this.renderer = new _scene_Renderer__WEBPACK_IMPORTED_MODULE_72__.Renderer(this.scene);\n    this.visibleElements = [];\n    this.store = new _store__WEBPACK_IMPORTED_MODULE_76__.Store();\n    this.history = new _history__WEBPACK_IMPORTED_MODULE_59__.History();\n\n    if (excalidrawAPI) {\n      const api = {\n        updateScene: this.updateScene,\n        updateLibrary: this.library.updateLibrary,\n        addFiles: this.addFiles,\n        resetScene: this.resetScene,\n        getSceneElementsIncludingDeleted: this.getSceneElementsIncludingDeleted,\n        history: {\n          clear: this.resetHistory\n        },\n        scrollToContent: this.scrollToContent,\n        zoomToFit: this.zoomToFit,\n        getColorAtScenePoint: this.getColorAtScenePoint,\n        startLineEditor: this.startLineEditor,\n        getSceneElements: this.getSceneElements,\n        getAppState: () => this.state,\n        getFiles: () => this.files,\n        getName: this.getName,\n        registerAction: action => {\n          this.actionManager.registerAction(action);\n        },\n        refresh: this.refresh,\n        setToast: this.setToast,\n        updateContainerSize: this.updateContainerSize,\n        id: this.id,\n        selectElements: this.selectElements,\n        sendBackward: this.sendBackward,\n        bringForward: this.bringForward,\n        sendToBack: this.sendToBack,\n        bringToFront: this.bringToFront,\n        setMobileModeAllowed: this.setMobileModeAllowed,\n        setActiveTool: this.setActiveTool,\n        setCursor: this.setCursor,\n        resetCursor: this.resetCursor,\n        updateFrameRendering: this.updateFrameRendering,\n        toggleSidebar: this.toggleSidebar,\n        getHTMLIFrameElement: id => this.getHTMLIFrameElement(id),\n        onChange: cb => this.onChangeEmitter.on(cb),\n        onPointerDown: cb => this.onPointerDownEmitter.on(cb),\n        onPointerUp: cb => this.onPointerUpEmitter.on(cb),\n        onScrollChange: cb => this.onScrollChangeEmitter.on(cb),\n        onUserFollow: cb => this.onUserFollowEmitter.on(cb)\n      };\n\n      if (typeof excalidrawAPI === \"function\") {\n        excalidrawAPI(api);\n      } else {\n        console.error(\"excalidrawAPI should be a function!\");\n      }\n    }\n\n    this.excalidrawContainerValue = {\n      container: this.excalidrawContainerRef.current,\n      id: this.id\n    };\n    this.fonts = new _fonts__WEBPACK_IMPORTED_MODULE_67__.Fonts(this.scene);\n    this.history = new _history__WEBPACK_IMPORTED_MODULE_59__.History();\n    this.actionManager.registerAll(_actions_register__WEBPACK_IMPORTED_MODULE_49__.actions);\n    this.actionManager.registerAction((0,_actions_actionHistory__WEBPACK_IMPORTED_MODULE_45__.createUndoAction)(this.history, this.store));\n    this.actionManager.registerAction((0,_actions_actionHistory__WEBPACK_IMPORTED_MODULE_45__.createRedoAction)(this.history, this.store));\n  }\n\n  onWindowMessage(event) {\n    if (event.origin !== \"https://player.vimeo.com\" && event.origin !== \"https://www.youtube.com\") {\n      return;\n    }\n\n    let data = null;\n\n    try {\n      data = JSON.parse(event.data);\n    } catch (e) {}\n\n    if (!data) {\n      return;\n    }\n\n    switch (event.origin) {\n      case \"https://player.vimeo.com\":\n        //Allowing for multiple instances of Excalidraw running in the window\n        if (data.method === \"paused\") {\n          let source = null;\n          const iframes = document.body.querySelectorAll(\"iframe.excalidraw__embeddable\");\n\n          if (!iframes) {\n            break;\n          }\n\n          for (const iframe of iframes) {\n            if (iframe.contentWindow === event.source) {\n              source = iframe.contentWindow;\n            }\n          }\n\n          source === null || source === void 0 ? void 0 : source.postMessage(JSON.stringify({\n            method: data.value ? \"play\" : \"pause\",\n            value: true\n          }), \"*\");\n        }\n\n        break;\n\n      case \"https://www.youtube.com\":\n        if (data.event === \"infoDelivery\" && data.info && data.id && typeof data.info.playerState === \"number\") {\n          const id = data.id;\n          const playerState = data.info.playerState;\n\n          if (Object.values(_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.YOUTUBE_STATES).includes(playerState)) {\n            YOUTUBE_VIDEO_STATES.set(id, playerState);\n          }\n        }\n\n        break;\n    }\n  }\n\n  cacheEmbeddableRef(element, ref) {\n    if (ref) {\n      this.iFrameRefs.set(element.id, ref);\n    }\n  }\n\n  getHTMLIFrameElement(element) {\n    //zsviczian\n    if (typeof element === \"string\") {\n      return this.iFrameRefs.get(element);\n    }\n\n    return this.iFrameRefs.get(element.id);\n  }\n\n  handleEmbeddableCenterClick(element) {\n    var _a, _b, _c, _d;\n\n    if (((_a = this.state.activeEmbeddable) === null || _a === void 0 ? void 0 : _a.element) === element && ((_b = this.state.activeEmbeddable) === null || _b === void 0 ? void 0 : _b.state) === \"active\") {\n      return;\n    } // The delay serves two purposes\n    // 1. To prevent first click propagating to iframe on mobile,\n    //    else the click will immediately start and stop the video\n    // 2. If the user double clicks the frame center to activate it\n    //    without the delay youtube will immediately open the video\n    //    in fullscreen mode\n\n\n    setTimeout(() => {\n      this.setState({\n        activeEmbeddable: {\n          element,\n          state: \"active\"\n        },\n        selectedElementIds: {\n          [element.id]: true\n        },\n        newElement: null,\n        selectionElement: null\n      });\n    }, 100);\n\n    if ((0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isIframeElement)(element)) {\n      return;\n    }\n\n    const iframe = this.getHTMLIFrameElement(element);\n\n    if (!(iframe === null || iframe === void 0 ? void 0 : iframe.contentWindow)) {\n      return;\n    }\n\n    if (iframe.src.includes(\"youtube\")) {\n      const state = YOUTUBE_VIDEO_STATES.get(element.id);\n\n      if (!state) {\n        YOUTUBE_VIDEO_STATES.set(element.id, _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.YOUTUBE_STATES.UNSTARTED);\n        iframe.contentWindow.postMessage(JSON.stringify({\n          event: \"listening\",\n          id: element.id\n        }), \"*\");\n      }\n\n      switch (state) {\n        case _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.YOUTUBE_STATES.PLAYING:\n        case _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.YOUTUBE_STATES.BUFFERING:\n          (_c = iframe.contentWindow) === null || _c === void 0 ? void 0 : _c.postMessage(JSON.stringify({\n            event: \"command\",\n            func: \"pauseVideo\",\n            args: \"\"\n          }), \"*\");\n          break;\n\n        default:\n          (_d = iframe.contentWindow) === null || _d === void 0 ? void 0 : _d.postMessage(JSON.stringify({\n            event: \"command\",\n            func: \"playVideo\",\n            args: \"\"\n          }), \"*\");\n      }\n    }\n\n    if (iframe.src.includes(\"player.vimeo.com\")) {\n      iframe.contentWindow.postMessage(JSON.stringify({\n        method: \"paused\" //video play/pause in onWindowMessage handler\n\n      }), \"*\");\n    }\n  }\n\n  isIframeLikeElementCenter(el, event, sceneX, sceneY) {\n    var _a, _b;\n\n    return el && !event.altKey && !event.shiftKey && !event.metaKey && !event.ctrlKey && (((_a = this.state.activeEmbeddable) === null || _a === void 0 ? void 0 : _a.element) !== el || ((_b = this.state.activeEmbeddable) === null || _b === void 0 ? void 0 : _b.state) === \"hover\" || !this.state.activeEmbeddable) && sceneX >= el.x + el.width / 3 && sceneX <= el.x + 2 * el.width / 3 && sceneY >= el.y + el.height / 3 && sceneY <= el.y + 2 * el.height / 3;\n  }\n\n  renderEmbeddables() {\n    const scale = this.state.zoom.value;\n    const normalizedWidth = this.state.width;\n    const normalizedHeight = this.state.height;\n    const embeddableElements = this.scene.getNonDeletedElements().filter(el => (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isEmbeddableElement)(el) && this.embedsValidationStatus.get(el.id) === true || (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isIframeElement)(el));\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, embeddableElements.map(el => {\n      var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;\n\n      const {\n        x,\n        y\n      } = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.sceneCoordsToViewportCoords)({\n        sceneX: el.x,\n        sceneY: el.y\n      }, this.state);\n      const isVisible = (0,_excalidraw_element_sizeHelpers__WEBPACK_IMPORTED_MODULE_16__.isElementInViewport)(el, normalizedWidth, normalizedHeight, this.state, this.scene.getNonDeletedElementsMap());\n      const hasBeenInitialized = this.initializedEmbeds.has(el.id);\n\n      if (isVisible && !hasBeenInitialized) {\n        this.initializedEmbeds.add(el.id);\n      }\n\n      const shouldRender = isVisible || hasBeenInitialized;\n\n      if (!shouldRender) {\n        return null;\n      }\n\n      let src;\n      const embedLink = (0,_excalidraw_element_embeddable__WEBPACK_IMPORTED_MODULE_18__.getEmbedLink)((0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.toValidURL)(el.link || \"\")); //zsviczian\n\n      if ((0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isIframeElement)(el)) {\n        src = null;\n        const data = ((_b = (_a = el.customData) === null || _a === void 0 ? void 0 : _a.generationData) !== null && _b !== void 0 ? _b : this.magicGenerations.get(el.id)) || {\n          status: \"error\",\n          message: \"No generation data\",\n          code: \"ERR_NO_GENERATION_DATA\"\n        };\n\n        if (data.status === \"done\") {\n          const html = data.html;\n          src = {\n            intrinsicSize: {\n              w: el.width,\n              h: el.height\n            },\n            type: \"document\",\n            srcdoc: () => {\n              return html;\n            }\n          };\n        } else if (data.status === \"pending\") {\n          src = {\n            intrinsicSize: {\n              w: el.width,\n              h: el.height\n            },\n            type: \"document\",\n            srcdoc: () => {\n              return (0,_excalidraw_element_embeddable__WEBPACK_IMPORTED_MODULE_18__.createSrcDoc)(`\n                    <style>\n                      html, body {\n                        width: 100%;\n                        height: 100%;\n                        color: ${this.state.theme === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.THEME.DARK ? \"white\" : \"black\"};\n                      }\n                      body {\n                        display: flex;\n                        align-items: center;\n                        justify-content: center;\n                        flex-direction: column;\n                        gap: 1rem;\n                      }\n\n                      .Spinner {\n                        display: flex;\n                        align-items: center;\n                        justify-content: center;\n                        margin-left: auto;\n                        margin-right: auto;\n                      }\n\n                      .Spinner svg {\n                        animation: rotate 1.6s linear infinite;\n                        transform-origin: center center;\n                        width: 40px;\n                        height: 40px;\n                      }\n\n                      .Spinner circle {\n                        stroke: currentColor;\n                        animation: dash 1.6s linear 0s infinite;\n                        stroke-linecap: round;\n                      }\n\n                      @keyframes rotate {\n                        100% {\n                          transform: rotate(360deg);\n                        }\n                      }\n\n                      @keyframes dash {\n                        0% {\n                          stroke-dasharray: 1, 300;\n                          stroke-dashoffset: 0;\n                        }\n                        50% {\n                          stroke-dasharray: 150, 300;\n                          stroke-dashoffset: -200;\n                        }\n                        100% {\n                          stroke-dasharray: 1, 300;\n                          stroke-dashoffset: -280;\n                        }\n                      }\n                    </style>\n                    <div class=\"Spinner\">\n                      <svg\n                        viewBox=\"0 0 100 100\"\n                      >\n                        <circle\n                          cx=\"50\"\n                          cy=\"50\"\n                          r=\"46\"\n                          stroke-width=\"8\"\n                          fill=\"none\"\n                          stroke-miter-limit=\"10\"\n                        />\n                      </svg>\n                    </div>\n                    <div>Generating...</div>\n                  `);\n            }\n          };\n        } else {\n          let message;\n\n          if (data.code === \"ERR_GENERATION_INTERRUPTED\") {\n            message = \"Generation was interrupted...\";\n          } else {\n            message = data.message || \"Generation failed\";\n          }\n\n          src = {\n            intrinsicSize: {\n              w: el.width,\n              h: el.height\n            },\n            type: \"document\",\n            srcdoc: () => {\n              return (0,_excalidraw_element_embeddable__WEBPACK_IMPORTED_MODULE_18__.createSrcDoc)(`\n                    <style>\n                    html, body {\n                      height: 100%;\n                    }\n                      body {\n                        display: flex;\n                        flex-direction: column;\n                        align-items: center;\n                        justify-content: center;\n                        color: ${_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.COLOR_PALETTE.red[3]};\n                      }\n                      h1, h3 {\n                        margin-top: 0;\n                        margin-bottom: 0.5rem;\n                      }\n                    </style>\n                    <h1>Error!</h1>\n                    <h3>${message}</h3>\n                  `);\n            }\n          };\n        }\n      } else {\n        src = embedLink; //zsviczian getEmbedLink(toValidURL(el.link || \"\"));\n      }\n\n      const isActive = ((_c = this.state.activeEmbeddable) === null || _c === void 0 ? void 0 : _c.element) === el && ((_d = this.state.activeEmbeddable) === null || _d === void 0 ? void 0 : _d.state) === \"active\";\n      const isHovered = ((_e = this.state.activeEmbeddable) === null || _e === void 0 ? void 0 : _e.element) === el && ((_f = this.state.activeEmbeddable) === null || _f === void 0 ? void 0 : _f.state) === \"hover\";\n      const isWebview = //zsviczian\n      !(0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isIframeElement)(el) && this.props.renderWebview && (embedLink === null || embedLink === void 0 ? void 0 : embedLink.type) !== \"document\" && !((_h = (_g = embedLink === null || embedLink === void 0 ? void 0 : embedLink.link) === null || _g === void 0 ? void 0 : _g.startsWith) === null || _h === void 0 ? void 0 : _h.call(_g, \"https://player.vimeo.com\")); // Modify the scale based on el.scale property\n\n      const [xScale, yScale] = (_j = el.scale) !== null && _j !== void 0 ? _j : [1, 1]; //zsviczian\n\n      const scaledTransform = `scale(${scale * xScale}, ${scale * yScale})`;\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        key: el.id,\n        className: (0,clsx__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(\"excalidraw__embeddable-container\", {\n          \"is-hovered\": isHovered\n        }),\n        style: {\n          transform: isVisible ? `translate(${x - this.state.offsetLeft}px, ${y - this.state.offsetTop}px) ${scaledTransform}` : \"none\",\n          display: isVisible ? \"block\" : \"none\",\n          opacity: (0,_excalidraw_element_renderElement__WEBPACK_IMPORTED_MODULE_30__.getRenderOpacity)(el, (0,_excalidraw_element_frame__WEBPACK_IMPORTED_MODULE_22__.getContainingFrame)(el, this.scene.getNonDeletedElementsMap()), this.elementsPendingErasure, null, ((_k = this.state.openDialog) === null || _k === void 0 ? void 0 : _k.name) === \"elementLinkSelector\" ? _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.DEFAULT_REDUCED_GLOBAL_ALPHA : 1),\n          [\"--embeddable-radius\"]: `${(0,_excalidraw_element_shapes__WEBPACK_IMPORTED_MODULE_17__.getCornerRadius)(Math.min(el.width, el.height), el) / xScale //zsviczian\n          }px`\n        }\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        //this is a hack that addresses isse with embedded excalidraw.com embeddable\n        //https://github.com/excalidraw/excalidraw/pull/6691#issuecomment-1607383938\n\n        /*ref={(ref) => {\r\n          if (!this.excalidrawContainerRef.current) {\r\n            return;\r\n          }\r\n          const container = this.excalidrawContainerRef.current;\r\n          const sh = container.scrollHeight;\r\n          const ch = container.clientHeight;\r\n          if (sh !== ch) {\r\n            container.style.height = `${sh}px`;\r\n            setTimeout(() => {\r\n              container.style.height = `100%`;\r\n            });\r\n          }\r\n        }}*/\n        className: \"excalidraw__embeddable-container__inner\",\n        style: {\n          width: isVisible ? `${el.width / xScale}px` : 0,\n          height: isVisible ? `${el.height / yScale}px` : 0,\n          transform: isVisible ? `rotate(${el.angle}rad)` : \"none\",\n          pointerEvents: isActive ? _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.POINTER_EVENTS.enabled : _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.POINTER_EVENTS.disabled\n        }\n      }, isHovered && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        className: \"excalidraw__embeddable-hint\"\n      }, (0,_i18n__WEBPACK_IMPORTED_MODULE_60__.t)(\"buttons.embeddableInteractionButton\")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        className: \"excalidraw__embeddable__outer\",\n        style: {\n          padding: `${el.strokeWidth / (4 * el.scale[0])}px` //zsviczian MDEmbeddable round border cutoff issue\n\n        }\n      }, (_o = (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isEmbeddableElement)(el) ? (_m = (_l = this.props).renderEmbeddable) === null || _m === void 0 ? void 0 : _m.call(_l, el, this.state) //zsviczian\n      : null) !== null && _o !== void 0 ? _o : isWebview ?\n      /*#__PURE__*/\n      //zsviczian\n      react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"webview\", {\n        ref: ref => this.cacheEmbeddableRef(el, ref),\n        className: \"excalidraw__embeddable\",\n        src: (embedLink === null || embedLink === void 0 ? void 0 : embedLink.type) === \"generic\" || (embedLink === null || embedLink === void 0 ? void 0 : embedLink.type) === \"video\" ? embedLink.link : \"\",\n        title: \"Excalidraw Embedded Content\",\n        allowFullScreen: true\n      }) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"iframe\", {\n        ref: ref => this.cacheEmbeddableRef(el, ref),\n        className: \"excalidraw__embeddable\",\n        srcDoc: (src === null || src === void 0 ? void 0 : src.type) === \"document\" ? src.srcdoc(this.state.theme) : undefined,\n        src: (src === null || src === void 0 ? void 0 : src.type) !== \"document\" ? (_p = src === null || src === void 0 ? void 0 : src.link) !== null && _p !== void 0 ? _p : \"\" : undefined,\n        // https://stackoverflow.com/q/18470015\n        scrolling: \"no\",\n        referrerPolicy: \"no-referrer-when-downgrade\",\n        title: \"Excalidraw Embedded Content\",\n        allow: \"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\",\n        allowFullScreen: true,\n        sandbox: `${((_q = src === null || src === void 0 ? void 0 : src.sandbox) === null || _q === void 0 ? void 0 : _q.allowSameOrigin) ? \"allow-same-origin\" : \"\"} allow-scripts allow-forms allow-popups allow-popups-to-escape-sandbox allow-presentation allow-downloads`\n      }))));\n    }));\n  }\n\n  toggleOverscrollBehavior(event) {\n    // when pointer inside editor, disable overscroll behavior to prevent\n    // panning to trigger history back/forward on MacOS Chrome\n    document.documentElement.style.overscrollBehaviorX = event.type === \"pointerenter\" ? \"none\" : \"auto\";\n  }\n\n  render() {\n    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;\n\n    const selectedElements = this.scene.getSelectedElements(this.state);\n    const {\n      renderTopRightUI,\n      renderCustomStats\n    } = this.props;\n    const sceneNonce = this.scene.getSceneNonce();\n    const {\n      elementsMap,\n      visibleElements\n    } = this.renderer.getRenderableElements({\n      sceneNonce,\n      zoom: this.state.zoom,\n      offsetLeft: this.state.offsetLeft,\n      offsetTop: this.state.offsetTop,\n      scrollX: this.state.scrollX,\n      scrollY: this.state.scrollY,\n      height: this.state.height,\n      width: this.state.width,\n      editingTextElement: this.state.editingTextElement,\n      newElementId: (_a = this.state.newElement) === null || _a === void 0 ? void 0 : _a.id,\n      pendingImageElementId: this.state.pendingImageElementId\n    });\n    this.visibleElements = visibleElements;\n    const allElementsMap = this.scene.getNonDeletedElementsMap();\n    const shouldBlockPointerEvents = // default back to `--ui-pointerEvents` flow if setPointerCapture\n    // not supported\n    \"setPointerCapture\" in HTMLElement.prototype ? false : this.state.selectionElement || this.state.newElement || this.state.selectedElementsAreBeingDragged || this.state.resizingElement || this.state.activeTool.type === \"laser\" && // technically we can just test on this once we make it more safe\n    this.state.cursorButton === \"down\";\n    const firstSelectedElement = selectedElements[0]; //zsviczian\n\n    const isHighlighter = (_d = (_c = (_b = this.state.newElement) === null || _b === void 0 ? void 0 : _b.customData) === null || _c === void 0 ? void 0 : _c.strokeOptions) === null || _d === void 0 ? void 0 : _d.highlighter;\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n      className: (0,clsx__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(\"excalidraw excalidraw-container\", {\n        \"excalidraw--view-mode\": this.state.viewModeEnabled || ((_e = this.state.openDialog) === null || _e === void 0 ? void 0 : _e.name) === \"elementLinkSelector\",\n        \"excalidraw--mobile\": this.device.editor.isMobile || !(this.state.viewModeEnabled || this.state.zenModeEnabled) && this.state.trayModeEnabled //zsviczian\n\n      }),\n      style: Object.assign(Object.assign({\n        //zsviczian\n        [\"--ui-pointerEvents\"]: shouldBlockPointerEvents ? _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.POINTER_EVENTS.disabled : _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.POINTER_EVENTS.enabled\n      }, this.state.dynamicStyle || {}), {\n        [\"--right-sidebar-width\"]: \"302px\"\n      }),\n      ref: this.excalidrawContainerRef,\n      onDrop: this.handleAppOnDrop,\n      tabIndex: 0,\n      onKeyDown: this.props.handleKeyboardGlobally ? undefined : this.onKeyDown,\n      onPointerEnter: this.toggleOverscrollBehavior,\n      onPointerLeave: this.toggleOverscrollBehavior\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(AppContext.Provider, {\n      value: this\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(AppPropsContext.Provider, {\n      value: this.props\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(ExcalidrawContainerContext.Provider, {\n      value: this.excalidrawContainerValue\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(DeviceContext.Provider, {\n      value: this.device\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(ExcalidrawSetAppStateContext.Provider, {\n      value: this.setAppState\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(ExcalidrawAppStateContext.Provider, {\n      value: this.state\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(ExcalidrawElementsContext.Provider, {\n      value: this.scene.getNonDeletedElements()\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(ExcalidrawActionManagerContext.Provider, {\n      value: this.actionManager\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_LayerUI__WEBPACK_IMPORTED_MODULE_89__[\"default\"], {\n      canvas: this.canvas,\n      appState: this.state,\n      files: this.files,\n      setAppState: this.setAppState,\n      actionManager: this.actionManager,\n      elements: this.scene.getNonDeletedElements(),\n      onLockToggle: this.toggleLock,\n      onPenModeToggle: this.togglePenMode,\n      onHandToolToggle: this.onHandToolToggle,\n      langCode: (0,_i18n__WEBPACK_IMPORTED_MODULE_60__.getLanguage)().code,\n      renderTopRightUI: renderTopRightUI,\n      renderCustomStats: renderCustomStats,\n      showExitZenModeBtn: typeof ((_f = this.props) === null || _f === void 0 ? void 0 : _f.zenModeEnabled) === \"undefined\" && this.state.zenModeEnabled,\n      UIOptions: this.props.UIOptions,\n      onExportImage: this.onExportImage,\n      renderWelcomeScreen: !this.state.isLoading && this.state.showWelcomeScreen && this.state.activeTool.type === \"selection\" && !this.state.zenModeEnabled && !this.scene.getElementsIncludingDeleted().length,\n      app: this,\n      isCollaborating: this.props.isCollaborating,\n      generateLinkForSelection: this.props.generateLinkForSelection\n    }, this.props.children), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n      className: \"excalidraw-textEditorContainer\"\n    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n      className: \"excalidraw-contextMenuContainer\"\n    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n      className: \"excalidraw-eye-dropper-container\"\n    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_SVGLayer__WEBPACK_IMPORTED_MODULE_91__.SVGLayer, {\n      trails: [this.laserTrails, this.lassoTrail, this.eraserTrail]\n    }), selectedElements.length === 1 && ((_g = this.state.openDialog) === null || _g === void 0 ? void 0 : _g.name) !== \"elementLinkSelector\" && this.state.showHyperlinkPopup && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_components_hyperlink_Hyperlink__WEBPACK_IMPORTED_MODULE_66__.Hyperlink, {\n      key: firstSelectedElement.id,\n      element: firstSelectedElement,\n      elementsMap: allElementsMap,\n      setAppState: this.setAppState,\n      onLinkOpen: this.props.onLinkOpen,\n      setToast: this.setToast,\n      updateEmbedValidationStatus: this.updateEmbedValidationStatus\n    }), this.props.aiEnabled !== false && selectedElements.length === 1 && (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isMagicFrameElement)(firstSelectedElement) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_components_ElementCanvasButtons__WEBPACK_IMPORTED_MODULE_75__.ElementCanvasButtons, {\n      element: firstSelectedElement,\n      elementsMap: elementsMap\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_MagicButton__WEBPACK_IMPORTED_MODULE_90__.ElementCanvasButton, {\n      title: (0,_i18n__WEBPACK_IMPORTED_MODULE_60__.t)(\"labels.convertToCode\"),\n      icon: _icons__WEBPACK_IMPORTED_MODULE_97__.MagicIcon,\n      checked: false,\n      onChange: () => this.onMagicFrameGenerate(firstSelectedElement, \"button\")\n    })), selectedElements.length === 1 && (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isIframeElement)(firstSelectedElement) && ((_j = (_h = firstSelectedElement.customData) === null || _h === void 0 ? void 0 : _h.generationData) === null || _j === void 0 ? void 0 : _j.status) === \"done\" && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_components_ElementCanvasButtons__WEBPACK_IMPORTED_MODULE_75__.ElementCanvasButtons, {\n      element: firstSelectedElement,\n      elementsMap: elementsMap\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_MagicButton__WEBPACK_IMPORTED_MODULE_90__.ElementCanvasButton, {\n      title: (0,_i18n__WEBPACK_IMPORTED_MODULE_60__.t)(\"labels.copySource\"),\n      icon: _icons__WEBPACK_IMPORTED_MODULE_97__.copyIcon,\n      checked: false,\n      onChange: () => this.onIframeSrcCopy(firstSelectedElement)\n    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_MagicButton__WEBPACK_IMPORTED_MODULE_90__.ElementCanvasButton, {\n      title: \"Enter fullscreen\",\n      icon: _icons__WEBPACK_IMPORTED_MODULE_97__.fullscreenIcon,\n      checked: false,\n      onChange: () => {\n        const iframe = this.getHTMLIFrameElement(firstSelectedElement);\n\n        if (iframe) {\n          try {\n            iframe.requestFullscreen();\n            this.setState({\n              activeEmbeddable: {\n                element: firstSelectedElement,\n                state: \"active\"\n              },\n              selectedElementIds: {\n                [firstSelectedElement.id]: true\n              },\n              newElement: null,\n              selectionElement: null\n            });\n          } catch (err) {\n            console.warn(err);\n            this.setState({\n              errorMessage: \"Couldn't enter fullscreen\"\n            });\n          }\n        }\n      }\n    })), this.state.toast !== null && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_Toast__WEBPACK_IMPORTED_MODULE_98__.Toast, {\n      message: this.state.toast.message,\n      onClose: () => this.setToast(null),\n      duration: this.state.toast.duration,\n      closable: this.state.toast.closable\n    }), this.state.contextMenu && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_ContextMenu__WEBPACK_IMPORTED_MODULE_86__.ContextMenu, {\n      items: this.state.contextMenu.items,\n      top: this.state.contextMenu.top,\n      left: this.state.contextMenu.left,\n      actionManager: this.actionManager,\n      onClose: callback => {\n        this.setState({\n          contextMenu: null\n        }, () => {\n          this.focusContainer();\n          callback === null || callback === void 0 ? void 0 : callback();\n        });\n      }\n    }), this.state.newElement && isHighlighter &&\n    /*#__PURE__*/\n    //zsviczian\n    react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_canvases_NewElementCanvas__WEBPACK_IMPORTED_MODULE_95__[\"default\"], {\n      appState: this.state,\n      scale: window.devicePixelRatio,\n      rc: this.rc,\n      elementsMap: elementsMap,\n      allElementsMap: allElementsMap,\n      renderConfig: {\n        imageCache: this.imageCache,\n        isExporting: false,\n        renderGrid: false,\n        canvasBackgroundColor: this.state.viewBackgroundColor,\n        embedsValidationStatus: this.embedsValidationStatus,\n        elementsPendingErasure: this.elementsPendingErasure,\n        pendingFlowchartNodes: null,\n        isHighlighterPenDrawing: isHighlighter //zsviczian\n\n      }\n    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_canvases__WEBPACK_IMPORTED_MODULE_94__.StaticCanvas, {\n      canvas: this.canvas,\n      rc: this.rc,\n      elementsMap: elementsMap,\n      allElementsMap: allElementsMap,\n      visibleElements: visibleElements,\n      sceneNonce: sceneNonce,\n      selectionNonce: (_k = this.state.selectionElement) === null || _k === void 0 ? void 0 : _k.versionNonce,\n      scale: window.devicePixelRatio,\n      appState: this.state,\n      renderConfig: {\n        imageCache: this.imageCache,\n        isExporting: false,\n        renderGrid: (0,_snapping__WEBPACK_IMPORTED_MODULE_70__.isGridModeEnabled)(this),\n        canvasBackgroundColor: this.state.viewBackgroundColor,\n        embedsValidationStatus: this.embedsValidationStatus,\n        elementsPendingErasure: this.elementsPendingErasure,\n        pendingFlowchartNodes: this.flowChartCreator.pendingNodes,\n        isHighlighterPenDrawing: isHighlighter //zsviczian\n\n      }\n    }), this.state.newElement && !isHighlighter &&\n    /*#__PURE__*/\n    //zsviczian\n    react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_canvases_NewElementCanvas__WEBPACK_IMPORTED_MODULE_95__[\"default\"], {\n      appState: this.state,\n      scale: window.devicePixelRatio,\n      rc: this.rc,\n      elementsMap: elementsMap,\n      allElementsMap: allElementsMap,\n      renderConfig: {\n        imageCache: this.imageCache,\n        isExporting: false,\n        renderGrid: false,\n        canvasBackgroundColor: this.state.viewBackgroundColor,\n        embedsValidationStatus: this.embedsValidationStatus,\n        elementsPendingErasure: this.elementsPendingErasure,\n        pendingFlowchartNodes: null,\n        isHighlighterPenDrawing: isHighlighter //zsviczian\n\n      }\n    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_canvases__WEBPACK_IMPORTED_MODULE_94__.InteractiveCanvas, {\n      containerRef: this.excalidrawContainerRef,\n      canvas: this.interactiveCanvas,\n      elementsMap: elementsMap,\n      visibleElements: visibleElements,\n      allElementsMap: allElementsMap,\n      selectedElements: selectedElements,\n      sceneNonce: sceneNonce,\n      selectionNonce: (_l = this.state.selectionElement) === null || _l === void 0 ? void 0 : _l.versionNonce,\n      scale: window.devicePixelRatio,\n      appState: this.state,\n      renderScrollbars: this.props.renderScrollbars === true,\n      device: this.device,\n      renderInteractiveSceneCallback: this.renderInteractiveSceneCallback,\n      handleCanvasRef: this.handleInteractiveCanvasRef,\n      onContextMenu: this.handleCanvasContextMenu,\n      onPointerMove: this.handleCanvasPointerMove,\n      onPointerUp: this.handleCanvasPointerUp,\n      onPointerCancel: this.removePointer,\n      onTouchMove: this.handleTouchMove,\n      onPointerDown: this.handleCanvasPointerDown,\n      onDoubleClick: this.handleCanvasDoubleClick\n    }), this.state.userToFollow && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_FollowMode_FollowMode__WEBPACK_IMPORTED_MODULE_88__[\"default\"], {\n      width: this.state.width,\n      height: this.state.height,\n      userToFollow: this.state.userToFollow,\n      onDisconnect: this.maybeUnfollowRemoteUser\n    }), this.renderFrameNames(), ((_m = this.state.activeEmbeddable) === null || _m === void 0 ? void 0 : _m.state) === \"active\" && ( //zsviczian\n    (_p = (_o = this.props).renderEmbeddableMenu) === null || _p === void 0 ? void 0 : _p.call(_o, this.state))), this.renderEmbeddables()))))))));\n  }\n\n  setPlugins(plugins) {\n    Object.assign(this.plugins, plugins);\n  }\n\n  async onMagicFrameGenerate(magicFrame, source) {\n    var _a;\n\n    const generateDiagramToCode = (_a = this.plugins.diagramToCode) === null || _a === void 0 ? void 0 : _a.generate;\n\n    if (!generateDiagramToCode) {\n      this.setState({\n        errorMessage: \"No diagram to code plugin found\"\n      });\n      return;\n    }\n\n    const magicFrameChildren = (0,_excalidraw_element_frame__WEBPACK_IMPORTED_MODULE_22__.getElementsOverlappingFrame)(this.scene.getNonDeletedElements(), magicFrame).filter(el => !(0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isMagicFrameElement)(el));\n\n    if (!magicFrameChildren.length) {\n      if (source === \"button\") {\n        this.setState({\n          errorMessage: \"Cannot generate from an empty frame\"\n        });\n        (0,_analytics__WEBPACK_IMPORTED_MODULE_51__.trackEvent)(\"ai\", \"generate (no-children)\", \"d2c\");\n      } else {\n        this.setActiveTool({\n          type: \"magicframe\"\n        });\n      }\n\n      return;\n    }\n\n    const frameElement = this.insertIframeElement({\n      sceneX: magicFrame.x + magicFrame.width + 30,\n      sceneY: magicFrame.y,\n      width: magicFrame.width,\n      height: magicFrame.height\n    });\n\n    if (!frameElement) {\n      return;\n    }\n\n    this.updateMagicGeneration({\n      frameElement,\n      data: {\n        status: \"pending\"\n      }\n    });\n    this.setState({\n      selectedElementIds: {\n        [frameElement.id]: true\n      }\n    });\n    (0,_analytics__WEBPACK_IMPORTED_MODULE_51__.trackEvent)(\"ai\", \"generate (start)\", \"d2c\");\n\n    try {\n      const {\n        html\n      } = await generateDiagramToCode({\n        frame: magicFrame,\n        children: magicFrameChildren\n      });\n      (0,_analytics__WEBPACK_IMPORTED_MODULE_51__.trackEvent)(\"ai\", \"generate (success)\", \"d2c\");\n\n      if (!html.trim()) {\n        this.updateMagicGeneration({\n          frameElement,\n          data: {\n            status: \"error\",\n            code: \"ERR_OAI\",\n            message: \"Nothing genereated :(\"\n          }\n        });\n        return;\n      }\n\n      const parsedHtml = html.includes(\"<!DOCTYPE html>\") && html.includes(\"</html>\") ? html.slice(html.indexOf(\"<!DOCTYPE html>\"), html.indexOf(\"</html>\") + \"</html>\".length) : html;\n      this.updateMagicGeneration({\n        frameElement,\n        data: {\n          status: \"done\",\n          html: parsedHtml\n        }\n      });\n    } catch (error) {\n      (0,_analytics__WEBPACK_IMPORTED_MODULE_51__.trackEvent)(\"ai\", \"generate (failed)\", \"d2c\");\n      this.updateMagicGeneration({\n        frameElement,\n        data: {\n          status: \"error\",\n          code: \"ERR_OAI\",\n          message: error.message || \"Unknown error during generation\"\n        }\n      });\n    }\n  }\n\n  onIframeSrcCopy(element) {\n    var _a, _b;\n\n    if (((_b = (_a = element.customData) === null || _a === void 0 ? void 0 : _a.generationData) === null || _b === void 0 ? void 0 : _b.status) === \"done\") {\n      (0,_clipboard__WEBPACK_IMPORTED_MODULE_54__.copyTextToSystemClipboard)(element.customData.generationData.html);\n      this.setToast({\n        message: \"copied to clipboard\",\n        closable: false,\n        duration: 1500\n      });\n    }\n  }\n\n  clearImageShapeCache(filesMap) {\n    const files = filesMap !== null && filesMap !== void 0 ? filesMap : this.files;\n    this.scene.getNonDeletedElements().forEach(element => {\n      if ((0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isInitializedImageElement)(element) && files[element.fileId]) {\n        this.imageCache.delete(element.fileId);\n        _excalidraw_element_ShapeCache__WEBPACK_IMPORTED_MODULE_29__.ShapeCache.delete(element);\n      }\n    });\n  }\n\n  async componentDidMount() {\n    var _a;\n\n    this.unmounted = false;\n    this.excalidrawContainerValue.container = this.excalidrawContainerRef.current; //zsviczian disabling this code\n\n    /*\r\n    if (false && (isTestEnv() || isDevEnv())) {\r\n      const setState = this.setState.bind(this);\r\n      Object.defineProperties(window.h, {\r\n        state: {\r\n          configurable: true,\r\n          get: () => {\r\n            return this.state;\r\n          },\r\n        },\r\n        setState: {\r\n          configurable: true,\r\n          value: (...args: Parameters<typeof setState>) => {\r\n            return this.setState(...args);\r\n          },\r\n        },\r\n        app: {\r\n          configurable: true,\r\n          value: this,\r\n        },\r\n        history: {\r\n          configurable: true,\r\n          value: this.history,\r\n        },\r\n        store: {\r\n          configurable: true,\r\n          value: this.store,\r\n        },\r\n        fonts: {\r\n          configurable: true,\r\n          value: this.fonts,\r\n        },\r\n      });\r\n    }*/\n\n    this.store.onStoreIncrementEmitter.on(increment => {\n      this.history.record(increment.elementsChange, increment.appStateChange);\n    });\n    this.scene.onUpdate(this.triggerRender);\n    this.addEventListeners();\n\n    if (this.props.autoFocus && this.excalidrawContainerRef.current) {\n      this.focusContainer();\n    }\n\n    if ( // bounding rects don't work in tests so updating\n    // the state on init would result in making the test enviro run\n    // in mobile breakpoint (0 width/height), making everything fail\n    !(0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.isTestEnv)()) {\n      this.refreshViewportBreakpoints();\n      this.refreshEditorBreakpoints();\n    }\n\n    if (_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.supportsResizeObserver && this.excalidrawContainerRef.current) {\n      this.resizeObserver = new ResizeObserver(() => {\n        this.refreshEditorBreakpoints();\n        this.updateDOMRect();\n      });\n      (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.observe(this.excalidrawContainerRef.current);\n    }\n\n    const searchParams = new URLSearchParams(window.location.search.slice(1));\n\n    if (searchParams.has(\"web-share-target\")) {\n      // Obtain a file that was shared via the Web Share Target API.\n      this.restoreFileFromShare();\n    } else {\n      this.updateDOMRect(this.initializeScene);\n    } // note that this check seems to always pass in localhost\n\n\n    if ((0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.isBrave)() && !(0,_excalidraw_element_textMeasurements__WEBPACK_IMPORTED_MODULE_28__.isMeasureTextSupported)()) {\n      this.setState({\n        errorMessage: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_BraveMeasureTextError__WEBPACK_IMPORTED_MODULE_85__[\"default\"], null)\n      });\n    }\n  }\n\n  componentWillUnmount() {\n    var _a, _b;\n\n    (_a = window.launchQueue) === null || _a === void 0 ? void 0 : _a.setConsumer(() => {});\n    this.renderer.destroy();\n    this.scene.destroy();\n    this.scene = new _scene_Scene__WEBPACK_IMPORTED_MODULE_62__[\"default\"]();\n    this.fonts = new _fonts__WEBPACK_IMPORTED_MODULE_67__.Fonts(this.scene);\n    this.renderer = new _scene_Renderer__WEBPACK_IMPORTED_MODULE_72__.Renderer(this.scene);\n    this.files = {};\n    this.imageCache.clear();\n    (_b = this.resizeObserver) === null || _b === void 0 ? void 0 : _b.disconnect();\n    this.unmounted = true;\n    this.removeEventListeners();\n    this.library.destroy();\n    this.laserTrails.stop();\n    this.eraserTrail.stop();\n    this.onChangeEmitter.clear();\n    this.store.onStoreIncrementEmitter.clear();\n    _excalidraw_element_ShapeCache__WEBPACK_IMPORTED_MODULE_29__.ShapeCache.destroy();\n    _snapping__WEBPACK_IMPORTED_MODULE_70__.SnapCache.destroy();\n    clearTimeout(touchTimeout);\n    _scene__WEBPACK_IMPORTED_MODULE_61__.isSomeElementSelected.clearCache();\n    _excalidraw_element_groups__WEBPACK_IMPORTED_MODULE_31__.selectGroupsForSelectedElements.clearCache();\n    touchTimeout = 0;\n    document.documentElement.style.overscrollBehaviorX = \"\";\n    document.body.removeChild((0,_Tooltip__WEBPACK_IMPORTED_MODULE_101__.getTooltipDiv)()); //clearRenderCache(); //zsviczian\n\n    (0,_cursor__WEBPACK_IMPORTED_MODULE_73__.clearEraserCanvasCache)(); //zsviczian\n\n    this.interactiveCanvas = null; //zsviczian\n\n    this.iFrameRefs.clear(); //zsviczian\n    //@ts-ignore\n\n    this.iFrameRefs = null; //zsviczian\n\n    this.embedsValidationStatus.clear(); //zsviczian\n    //@ts-ignore\n\n    this.embedsValidationStatus = null; //zsviczian\n\n    this.initializedEmbeds.clear(); //zsviczian\n    //@ts-ignore\n\n    this.initializedEmbeds = null; //zsviczian\n\n    this.elementsPendingErasure.clear(); //zsviczian\n    //@ts-ignore\n\n    this.elementsPendingErasure = null; //zsviczian\n\n    this.lastPointerDownEvent = null; //zsviczian\n\n    this.lastPointerUpEvent = null; //zsviczian\n\n    this.lastPointerMoveEvent = null; //zsviczian\n    //@ts-ignore\n\n    this.actionManager.app = null; //zsviczian\n\n    this.actionManager.actions = {}; //zsviczian\n\n    this.history.clear(); //zsviczian\n\n    this.store.clear(); //zsviczian\n    //@ts-ignore\n\n    this.store = null; //zsviczian\n    //@ts-ignore\n\n    this.library = null; //zsviczian\n    //@ts-ignore\n\n    this.canvas = null; //zsviczian\n    //@ts-ignore\n\n    this.rc = null; //zsviczian\n    //@ts-ignore\n\n    this.excalidrawContainerRef.current = undefined; //zsviczian\n\n    this.nearestScrollableContainer = undefined; //zsviczian\n\n    this.excalidrawContainerValue = {\n      container: null,\n      id: \"unknown\"\n    }; //zsviczian\n    //@ts-ignore\n    // this.laserTrails.terminate(); //zsviczian\n    // this.eraserTrail.terminate(); //zsviczian\n\n    /*\r\n    Object.keys(this).forEach((key) => {\r\n      //@ts-ignore\r\n      delete this[key];\r\n    });*/\n  }\n\n  removeEventListeners() {\n    this.onRemoveEventListenersEmitter.trigger();\n  }\n\n  addEventListeners() {\n    // remove first as we can add event listeners multiple times\n    this.removeEventListeners(); // -------------------------------------------------------------------------\n    //                        view+edit mode listeners\n    // -------------------------------------------------------------------------\n\n    if (this.props.handleKeyboardGlobally) {\n      this.onRemoveEventListenersEmitter.once((0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.addEventListener)(document, _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.EVENT.KEYDOWN, this.onKeyDown, false));\n    }\n\n    this.onRemoveEventListenersEmitter.once((0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.addEventListener)(this.excalidrawContainerRef.current, _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.EVENT.WHEEL, this.handleWheel, {\n      passive: false\n    }), (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.addEventListener)(window, _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.EVENT.MESSAGE, this.onWindowMessage, false), (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.addEventListener)(document, _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.EVENT.POINTER_UP, this.removePointer, {\n      passive: false\n    }), // #3553\n    (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.addEventListener)(document, _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.EVENT.COPY, this.onCopy, {\n      passive: false\n    }), (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.addEventListener)(document, _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.EVENT.KEYUP, this.onKeyUp, {\n      passive: true\n    }), (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.addEventListener)(window, \"focus\", () => this.triggerRender(true), {\n      passive: true\n    }), //zsviczian\n    (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.addEventListener)(document, _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.EVENT.POINTER_MOVE, this.updateCurrentCursorPosition, {\n      passive: false\n    }), // rerender text elements on font load to fix #637 && #1553\n    // zsviczian In Obsidian this is not needed as I manage font load separately\n    (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.addEventListener)(document.fonts, \"loadingdone\", event => {\n      const fontFaces = event.fontfaces;\n      this.fonts.onLoaded(fontFaces);\n    }, {\n      passive: false\n    }), // Safari-only desktop pinch zoom\n    (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.addEventListener)(document, _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.EVENT.GESTURE_START, this.onGestureStart, false), (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.addEventListener)(document, _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.EVENT.GESTURE_CHANGE, this.onGestureChange, false), (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.addEventListener)(document, _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.EVENT.GESTURE_END, this.onGestureEnd, false), (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.addEventListener)(window, _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.EVENT.FOCUS, () => {\n      this.maybeCleanupAfterMissingPointerUp(null); // browsers (chrome?) tend to free up memory a lot, which results\n      // in canvas context being cleared. Thus re-render on focus.\n\n      this.triggerRender(true);\n    }, {\n      passive: false\n    }));\n\n    if (this.state.viewModeEnabled) {\n      return;\n    } // -------------------------------------------------------------------------\n    //                        edit-mode listeners only\n    // -------------------------------------------------------------------------\n\n\n    this.onRemoveEventListenersEmitter.once((0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.addEventListener)(document, _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.EVENT.FULLSCREENCHANGE, this.onFullscreenChange, {\n      passive: false\n    }), (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.addEventListener)(document, _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.EVENT.PASTE, this.pasteFromClipboard, {\n      passive: false\n    }), (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.addEventListener)(document, _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.EVENT.CUT, this.onCut, {\n      passive: false\n    }), (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.addEventListener)(window, _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.EVENT.RESIZE, this.onResize, false), (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.addEventListener)(window, _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.EVENT.UNLOAD, this.onUnload, false), (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.addEventListener)(window, _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.EVENT.BLUR, this.onBlur, false), (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.addEventListener)(this.excalidrawContainerRef.current, _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.EVENT.WHEEL, this.handleWheel, {\n      passive: false\n    }), (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.addEventListener)(this.excalidrawContainerRef.current, _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.EVENT.DRAG_OVER, this.disableEvent, false), (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.addEventListener)(this.excalidrawContainerRef.current, _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.EVENT.DROP, this.disableEvent, false));\n\n    if (this.props.detectScroll) {\n      this.onRemoveEventListenersEmitter.once((0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.addEventListener)((0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.getNearestScrollableContainer)(this.excalidrawContainerRef.current), _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.EVENT.SCROLL, this.onScroll, {\n        passive: false\n      }));\n    }\n  }\n\n  componentDidUpdate(prevProps, prevState) {\n    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;\n\n    this.updateEmbeddables();\n    const elements = this.scene.getElementsIncludingDeleted();\n    const elementsMap = this.scene.getElementsMapIncludingDeleted();\n    const nonDeletedElementsMap = this.scene.getNonDeletedElementsMap();\n\n    if (!this.state.showWelcomeScreen && !elements.length) {\n      this.setState({\n        showWelcomeScreen: true\n      });\n    }\n\n    if (prevProps.UIOptions.dockedSidebarBreakpoint !== this.props.UIOptions.dockedSidebarBreakpoint) {\n      this.refreshEditorBreakpoints();\n    }\n\n    const hasFollowedPersonLeft = prevState.userToFollow && !this.state.collaborators.has(prevState.userToFollow.socketId);\n\n    if (hasFollowedPersonLeft) {\n      this.maybeUnfollowRemoteUser();\n    }\n\n    if (prevState.zoom.value !== this.state.zoom.value || prevState.scrollX !== this.state.scrollX || prevState.scrollY !== this.state.scrollY) {\n      (_b = (_a = this.props) === null || _a === void 0 ? void 0 : _a.onScrollChange) === null || _b === void 0 ? void 0 : _b.call(_a, this.state.scrollX, this.state.scrollY, this.state.zoom);\n      this.onScrollChangeEmitter.trigger(this.state.scrollX, this.state.scrollY, this.state.zoom);\n    }\n\n    if (prevState.userToFollow !== this.state.userToFollow) {\n      if (prevState.userToFollow) {\n        this.onUserFollowEmitter.trigger({\n          userToFollow: prevState.userToFollow,\n          action: \"UNFOLLOW\"\n        });\n      }\n\n      if (this.state.userToFollow) {\n        this.onUserFollowEmitter.trigger({\n          userToFollow: this.state.userToFollow,\n          action: \"FOLLOW\"\n        });\n      }\n    } // zsviczian\n\n\n    if (this.state.highlightSearchResult && !this.debounceClearHighlightSearchResults && prevState.selectedElementIds !== this.state.selectedElementIds) {\n      this.setState({\n        highlightSearchResult: false\n      });\n    }\n\n    if (Object.keys(this.state.selectedElementIds).length && (0,_appState__WEBPACK_IMPORTED_MODULE_53__.isEraserActive)(this.state)) {\n      this.setState({\n        activeTool: (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.updateActiveTool)(this.state, {\n          type: \"selection\"\n        })\n      });\n    }\n\n    if (this.state.activeTool.type === \"eraser\" && prevState.theme !== this.state.theme) {\n      (0,_cursor__WEBPACK_IMPORTED_MODULE_73__.setEraserCursor)(this.interactiveCanvas, this.state.theme);\n    } // Hide hyperlink popup if shown when element type is not selection\n\n\n    if (prevState.activeTool.type === \"selection\" && this.state.activeTool.type !== \"selection\" && this.state.showHyperlinkPopup) {\n      this.setState({\n        showHyperlinkPopup: false\n      });\n    }\n\n    if (prevProps.langCode !== this.props.langCode) {\n      this.updateLanguage();\n    }\n\n    if ((0,_appState__WEBPACK_IMPORTED_MODULE_53__.isEraserActive)(prevState) && !(0,_appState__WEBPACK_IMPORTED_MODULE_53__.isEraserActive)(this.state)) {\n      this.eraserTrail.endPath();\n    }\n\n    if (prevProps.viewModeEnabled !== this.props.viewModeEnabled) {\n      this.setState({\n        viewModeEnabled: !!this.props.viewModeEnabled\n      });\n    }\n\n    if (prevState.viewModeEnabled !== this.state.viewModeEnabled) {\n      this.addEventListeners();\n      this.deselectElements();\n    } // cleanup\n\n\n    if ((((_c = prevState.openDialog) === null || _c === void 0 ? void 0 : _c.name) === \"elementLinkSelector\" || ((_d = this.state.openDialog) === null || _d === void 0 ? void 0 : _d.name) === \"elementLinkSelector\") && ((_e = prevState.openDialog) === null || _e === void 0 ? void 0 : _e.name) !== ((_f = this.state.openDialog) === null || _f === void 0 ? void 0 : _f.name)) {\n      this.deselectElements();\n      this.setState({\n        hoveredElementIds: {}\n      });\n    }\n\n    if (prevProps.zenModeEnabled !== this.props.zenModeEnabled) {\n      this.setState({\n        zenModeEnabled: !!this.props.zenModeEnabled\n      });\n    }\n\n    if (prevProps.theme !== this.props.theme && this.props.theme) {\n      this.setState({\n        theme: this.props.theme\n      });\n    }\n\n    (_g = this.excalidrawContainerRef.current) === null || _g === void 0 ? void 0 : _g.classList.toggle(\"theme--dark\", this.state.theme === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.THEME.DARK);\n\n    if (this.state.editingLinearElement && !this.state.selectedElementIds[this.state.editingLinearElement.elementId]) {\n      // defer so that the shouldCaptureIncrement flag isn't reset via current update\n      setTimeout(() => {\n        // execute only if the condition still holds when the deferred callback\n        // executes (it can be scheduled multiple times depending on how\n        // many times the component renders)\n        this.state.editingLinearElement && this.actionManager.executeAction(_actions__WEBPACK_IMPORTED_MODULE_38__.actionFinalize);\n      });\n    } // failsafe in case the state is being updated in incorrect order resulting\n    // in the editingTextElement being now a deleted element\n\n\n    if ((_h = this.state.editingTextElement) === null || _h === void 0 ? void 0 : _h.isDeleted) {\n      this.setState({\n        editingTextElement: null\n      });\n    }\n\n    if (this.state.selectedLinearElement && !this.state.selectedElementIds[this.state.selectedLinearElement.elementId]) {\n      // To make sure `selectedLinearElement` is in sync with `selectedElementIds`, however this shouldn't be needed once\n      // we have a single API to update `selectedElementIds`\n      this.setState({\n        selectedLinearElement: null\n      });\n    }\n\n    const {\n      multiElement\n    } = prevState;\n\n    if (prevState.activeTool !== this.state.activeTool && multiElement != null && (0,_excalidraw_element_binding__WEBPACK_IMPORTED_MODULE_10__.isBindingEnabled)(this.state) && (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isBindingElement)(multiElement, false)) {\n      (0,_excalidraw_element_binding__WEBPACK_IMPORTED_MODULE_10__.maybeBindLinearElement)(multiElement, this.state, (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.tupleToCoors)(_excalidraw_element_linearElementEditor__WEBPACK_IMPORTED_MODULE_11__.LinearElementEditor.getPointAtIndexGlobalCoordinates(multiElement, -1, nonDeletedElementsMap)), this.scene.getNonDeletedElementsMap(), this.scene.getNonDeletedElements());\n    }\n\n    this.store.commit(elementsMap, this.state); // Do not notify consumers if we're still loading the scene. Among other\n    // potential issues, this fixes a case where the tab isn't focused during\n    // init, which would trigger onChange with empty elements, which would then\n    // override whatever is in localStorage currently.\n\n    if (!this.state.isLoading) {\n      (_k = (_j = this.props).onChange) === null || _k === void 0 ? void 0 : _k.call(_j, elements, this.state, this.files);\n      this.onChangeEmitter.trigger(elements, this.state, this.files);\n    }\n  }\n\n  static resetTapTwice() {\n    didTapTwice = false;\n  } // TODO rewrite this to paste both text & images at the same time if\n  // pasted data contains both\n\n\n  async addElementsFromMixedContentPaste(mixedContent, {\n    isPlainPaste,\n    sceneX,\n    sceneY\n  }) {\n    if (!isPlainPaste && mixedContent.some(node => node.type === \"imageUrl\") && this.isToolSupported(\"image\")) {\n      const imageURLs = mixedContent.filter(node => node.type === \"imageUrl\").map(node => node.value);\n      const responses = await Promise.all(imageURLs.map(async url => {\n        try {\n          return {\n            file: await (0,_data_blob__WEBPACK_IMPORTED_MODULE_64__.ImageURLToFile)(url)\n          };\n        } catch (error) {\n          let errorMessage = error.message;\n\n          if (error.cause === \"FETCH_ERROR\") {\n            errorMessage = (0,_i18n__WEBPACK_IMPORTED_MODULE_60__.t)(\"errors.failedToFetchImage\");\n          } else if (error.cause === \"UNSUPPORTED\") {\n            errorMessage = (0,_i18n__WEBPACK_IMPORTED_MODULE_60__.t)(\"errors.unsupportedFileType\");\n          }\n\n          return {\n            errorMessage\n          };\n        }\n      }));\n      let y = sceneY;\n      let firstImageYOffsetDone = false;\n      const nextSelectedIds = {};\n\n      for (const response of responses) {\n        if (response.file) {\n          const imageElement = this.createImageElement({\n            sceneX,\n            sceneY: y\n          });\n          const initializedImageElement = await this.insertImageElement(imageElement, response.file);\n\n          if (initializedImageElement) {\n            // vertically center first image in the batch\n            if (!firstImageYOffsetDone) {\n              firstImageYOffsetDone = true;\n              y -= initializedImageElement.height / 2;\n            } // hack to reset the `y` coord because we vertically center during\n            // insertImageElement\n\n\n            (0,_excalidraw_element_mutateElement__WEBPACK_IMPORTED_MODULE_12__.mutateElement)(initializedImageElement, {\n              y\n            }, false);\n            y = imageElement.y + imageElement.height + 25;\n            nextSelectedIds[imageElement.id] = true;\n          }\n        }\n      }\n\n      this.setState({\n        selectedElementIds: (0,_excalidraw_element_selection__WEBPACK_IMPORTED_MODULE_33__.makeNextSelectedElementIds)(nextSelectedIds, this.state)\n      });\n      const error = responses.find(response => !!response.errorMessage);\n\n      if (error && error.errorMessage) {\n        this.setState({\n          errorMessage: error.errorMessage\n        });\n      }\n    } else {\n      const textNodes = mixedContent.filter(node => node.type === \"text\");\n\n      if (textNodes.length) {\n        this.addTextFromPaste(textNodes.map(node => node.value).join(\"\\n\\n\"), isPlainPaste);\n      }\n    }\n  }\n\n  addTextFromPaste(text, isPlainPaste = false) {\n    const {\n      x,\n      y\n    } = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.viewportCoordsToSceneCoords)({\n      clientX: this.lastViewportPosition.x,\n      clientY: this.lastViewportPosition.y\n    }, this.state);\n    const textElementProps = {\n      x,\n      y,\n      strokeColor: this.state.currentItemStrokeColor,\n      backgroundColor: this.state.currentItemBackgroundColor,\n      fillStyle: this.state.currentItemFillStyle,\n      strokeWidth: this.state.currentItemStrokeWidth,\n      strokeStyle: this.state.currentItemStrokeStyle,\n      roundness: null,\n      roughness: this.state.currentItemRoughness,\n      opacity: this.state.currentItemOpacity,\n      text,\n      rawText: text,\n      fontSize: (0,_actions_actionProperties__WEBPACK_IMPORTED_MODULE_102__.getFontSize)(this.state.currentItemFontSize, this.state.zoom.value),\n      fontFamily: this.state.currentItemFontFamily,\n      textAlign: _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.DEFAULT_TEXT_ALIGN,\n      verticalAlign: _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.DEFAULT_VERTICAL_ALIGN,\n      locked: false\n    };\n    const fontString = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.getFontString)({\n      fontSize: textElementProps.fontSize,\n      fontFamily: textElementProps.fontFamily\n    });\n    const lineHeight = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.getLineHeight)(textElementProps.fontFamily);\n    const [x1,, x2] = (0,_excalidraw_element_bounds__WEBPACK_IMPORTED_MODULE_9__.getVisibleSceneBounds)(this.state); // long texts should not go beyond 800 pixels in width nor should it go below 200 px\n\n    const maxTextWidth = Math.max(Math.min((x2 - x1) * 0.5, 800), 200);\n    const LINE_GAP = 10;\n    let currentY = y;\n    const lines = isPlainPaste ? [text] : text.split(\"\\n\");\n    const textElements = lines.reduce((acc, line, idx) => {\n      var _a;\n\n      const originalText = (0,_excalidraw_element_textMeasurements__WEBPACK_IMPORTED_MODULE_28__.normalizeText)(line).trim();\n\n      if (originalText.length) {\n        const topLayerFrame = this.getTopLayerFrameAtSceneCoords({\n          x,\n          y: currentY\n        });\n        let metrics = (0,_excalidraw_element_textMeasurements__WEBPACK_IMPORTED_MODULE_28__.measureText)(originalText, fontString, lineHeight);\n        const isTextUnwrapped = metrics.width > maxTextWidth;\n        const text = isTextUnwrapped ? (0,_excalidraw_element_textWrapping__WEBPACK_IMPORTED_MODULE_26__.wrapText)(originalText, fontString, maxTextWidth) : originalText;\n        metrics = isTextUnwrapped ? (0,_excalidraw_element_textMeasurements__WEBPACK_IMPORTED_MODULE_28__.measureText)(text, fontString, lineHeight) : metrics;\n        const startX = x - metrics.width / 2;\n        const startY = currentY - metrics.height / 2;\n        const element = (0,_excalidraw_element_newElement__WEBPACK_IMPORTED_MODULE_13__.newTextElement)(Object.assign(Object.assign({}, textElementProps), {\n          x: startX,\n          y: startY,\n          text,\n          rawText: originalText,\n          //zsviczian\n          originalText,\n          lineHeight,\n          autoResize: !isTextUnwrapped,\n          frameId: topLayerFrame ? topLayerFrame.id : null\n        }));\n        acc.push(element);\n        currentY += element.height + LINE_GAP;\n      } else {\n        const prevLine = (_a = lines[idx - 1]) === null || _a === void 0 ? void 0 : _a.trim(); // add paragraph only if previous line was not empty, IOW don't add\n        // more than one empty line\n\n        if (prevLine) {\n          currentY += (0,_excalidraw_element_textMeasurements__WEBPACK_IMPORTED_MODULE_28__.getLineHeightInPx)(textElementProps.fontSize, lineHeight) + LINE_GAP;\n        }\n      }\n\n      return acc;\n    }, []);\n\n    if (textElements.length === 0) {\n      return;\n    }\n\n    this.scene.insertElements(textElements);\n    this.setState({\n      selectedElementIds: (0,_excalidraw_element_selection__WEBPACK_IMPORTED_MODULE_33__.makeNextSelectedElementIds)(Object.fromEntries(textElements.map(el => [el.id, true])), this.state)\n    });\n\n    if (!isPlainPaste && textElements.length > 1 && PLAIN_PASTE_TOAST_SHOWN === false && !this.device.editor.isMobile) {\n      this.setToast({\n        message: (0,_i18n__WEBPACK_IMPORTED_MODULE_60__.t)(\"toast.pasteAsSingleElement\", {\n          shortcut: (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.getShortcutKey)(\"CtrlOrCmd+Shift+V\")\n        }),\n        duration: 5000\n      });\n      PLAIN_PASTE_TOAST_SHOWN = true;\n    }\n\n    this.store.shouldCaptureIncrement();\n  }\n\n  handleTextWysiwyg(element, {\n    isExistingElement = false\n  }) {\n    const elementsMap = this.scene.getElementsMapIncludingDeleted();\n\n    const updateElement = (nextOriginalText, isDeleted, rawText, //zsviczian\n    link) => {\n      this.scene.replaceAllElements([// Not sure why we include deleted elements as well hence using deleted elements map\n      ...this.scene.getElementsIncludingDeleted().map(_element => {\n        if (_element.id === element.id && (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isTextElement)(_element)) {\n          return (0,_excalidraw_element_mutateElement__WEBPACK_IMPORTED_MODULE_12__.newElementWith)(_element, Object.assign({\n            originalText: nextOriginalText,\n            rawText: rawText !== null && rawText !== void 0 ? rawText : nextOriginalText,\n            //zsviczian\n            link,\n            isDeleted: isDeleted !== null && isDeleted !== void 0 ? isDeleted : _element.isDeleted\n          }, (0,_excalidraw_element_newElement__WEBPACK_IMPORTED_MODULE_13__.refreshTextDimensions)(_element, (0,_excalidraw_element_textElement__WEBPACK_IMPORTED_MODULE_20__.getContainerElement)(_element, elementsMap), elementsMap, nextOriginalText)));\n        }\n\n        return _element;\n      })]);\n    }; //zsviczian\n\n\n    if (this.props.onBeforeTextEdit) {\n      const text = this.props.onBeforeTextEdit(element, isExistingElement);\n\n      if (text && text !== element.originalText) {\n        this.scene.replaceAllElements([...this.scene.getElementsIncludingDeleted().map(_element => {\n          if (_element.id === element.id && (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isTextElement)(_element)) {\n            //changing the value of element so this gets edited by textWysiwyg\n            element = (0,_excalidraw_element_mutateElement__WEBPACK_IMPORTED_MODULE_12__.newElementWith)(_element, Object.assign({\n              originalText: text,\n              rawText: text,\n              isDeleted: false\n            }, (0,_excalidraw_element_newElement__WEBPACK_IMPORTED_MODULE_13__.refreshTextDimensions)(_element, (0,_excalidraw_element_textElement__WEBPACK_IMPORTED_MODULE_20__.getContainerElement)(_element, elementsMap), elementsMap, text)));\n            return element;\n          }\n\n          return _element;\n        })]);\n      }\n    }\n\n    (0,_wysiwyg_textWysiwyg__WEBPACK_IMPORTED_MODULE_79__.textWysiwyg)({\n      id: element.id,\n      canvas: this.canvas,\n      getViewportCoords: (x, y) => {\n        const {\n          x: viewportX,\n          y: viewportY\n        } = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.sceneCoordsToViewportCoords)({\n          sceneX: x,\n          sceneY: y\n        }, this.state);\n        return [viewportX - this.state.offsetLeft, viewportY - this.state.offsetTop];\n      },\n      onChange: (0,_reactUtils__WEBPACK_IMPORTED_MODULE_78__.withBatchedUpdates)(nextOriginalText => {\n        updateElement(nextOriginalText, false);\n\n        if ((0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_37__.isNonDeletedElement)(element)) {\n          (0,_excalidraw_element_binding__WEBPACK_IMPORTED_MODULE_10__.updateBoundElements)(element, this.scene.getNonDeletedElementsMap());\n        }\n      }),\n      onSubmit: (0,_reactUtils__WEBPACK_IMPORTED_MODULE_78__.withBatchedUpdates)(({\n        viaKeyboard,\n        nextOriginalText\n      }) => {\n        var _a;\n\n        const isDeleted = !nextOriginalText.trim(); //zsviczian insert start\n\n        const rawText = nextOriginalText; //should this be originalText??\n\n        let link = undefined;\n\n        if (this.props.onBeforeTextSubmit) {\n          const _element = this.scene.getElementsIncludingDeleted().find(el => el.id === element.id && (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isTextElement)(el));\n\n          if (_element) {\n            const dismensionsData = (0,_excalidraw_element_newElement__WEBPACK_IMPORTED_MODULE_13__.refreshTextDimensions)(_element, (0,_excalidraw_element_textElement__WEBPACK_IMPORTED_MODULE_20__.getContainerElement)(_element, elementsMap), elementsMap, nextOriginalText);\n            const {\n              updatedNextOriginalText,\n              nextLink\n            } = this.props.onBeforeTextSubmit(element, (_a = dismensionsData === null || dismensionsData === void 0 ? void 0 : dismensionsData.text) !== null && _a !== void 0 ? _a : nextOriginalText, //should never be undefined\n            nextOriginalText, isDeleted);\n            nextOriginalText = updatedNextOriginalText !== null && updatedNextOriginalText !== void 0 ? updatedNextOriginalText : nextOriginalText;\n            link = nextLink;\n          }\n        } //zsviczian insert end\n\n\n        updateElement(nextOriginalText, isDeleted, rawText, link); //zsviczian (added rawText, link, text)\n        // select the created text element only if submitting via keyboard\n        // (when submitting via click it should act as signal to deselect)\n\n        if (!isDeleted && viaKeyboard) {\n          const elementIdToSelect = element.containerId ? element.containerId : element.id; // needed to ensure state is updated before \"finalize\" action\n          // that's invoked on keyboard-submit as well\n          // TODO either move this into finalize as well, or handle all state\n          // updates in one place, skipping finalize action\n\n          (0,react_dom__WEBPACK_IMPORTED_MODULE_3__.flushSync)(() => {\n            this.setState(prevState => ({\n              selectedElementIds: (0,_excalidraw_element_selection__WEBPACK_IMPORTED_MODULE_33__.makeNextSelectedElementIds)(Object.assign(Object.assign({}, prevState.selectedElementIds), {\n                [elementIdToSelect]: true\n              }), prevState)\n            }));\n          });\n        }\n\n        if (isDeleted) {\n          (0,_excalidraw_element_binding__WEBPACK_IMPORTED_MODULE_10__.fixBindingsAfterDeletion)(this.scene.getNonDeletedElements(), [element]);\n        }\n\n        if (!isDeleted || isExistingElement) {\n          this.store.shouldCaptureIncrement();\n        }\n\n        (0,react_dom__WEBPACK_IMPORTED_MODULE_3__.flushSync)(() => {\n          this.setState({\n            newElement: null,\n            editingTextElement: null\n          });\n        });\n\n        if (this.state.activeTool.locked) {\n          (0,_cursor__WEBPACK_IMPORTED_MODULE_73__.setCursorForShape)(this.interactiveCanvas, this.state);\n        }\n\n        this.focusContainer();\n      }),\n      element,\n      excalidrawContainer: this.excalidrawContainerRef.current,\n      app: this,\n      // when text is selected, it's hard (at least on iOS) to re-position the\n      // caret (i.e. deselect). There's not much use for always selecting\n      // the text on edit anyway (and users can select-all from contextmenu\n      // if needed)\n      autoSelect: !this.device.isTouchScreen\n    }); // deselect all other elements when inserting text\n\n    this.deselectElements(); // do an initial update to re-initialize element position since we were\n    // modifying element's x/y for sake of editor (case: syncing to remote)\n\n    updateElement(element.originalText, false);\n  }\n\n  deselectElements() {\n    this.setState({\n      selectedElementIds: (0,_excalidraw_element_selection__WEBPACK_IMPORTED_MODULE_33__.makeNextSelectedElementIds)({}, this.state),\n      selectedGroupIds: {},\n      editingGroupId: null,\n      activeEmbeddable: null\n    });\n  }\n\n  getTextElementAtPosition(x, y) {\n    const element = this.getElementAtPosition(x, y, {\n      includeBoundTextElement: true\n    });\n\n    if (element && (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isTextElement)(element) && !element.isDeleted) {\n      return element;\n    }\n\n    return null;\n  }\n\n  getElementAtPosition(x, y, opts) {\n    const allHitElements = this.getElementsAtPosition(x, y, opts === null || opts === void 0 ? void 0 : opts.includeBoundTextElement, opts === null || opts === void 0 ? void 0 : opts.includeLockedElements);\n\n    if (allHitElements.length > 1) {\n      if (opts === null || opts === void 0 ? void 0 : opts.preferSelected) {\n        for (let index = allHitElements.length - 1; index > -1; index--) {\n          if (this.state.selectedElementIds[allHitElements[index].id]) {\n            return allHitElements[index];\n          }\n        }\n      }\n\n      const elementWithHighestZIndex = allHitElements[allHitElements.length - 1]; // If we're hitting element with highest z-index only on its bounding box\n      // while also hitting other element figure, the latter should be considered.\n\n      return (0,_excalidraw_element_collision__WEBPACK_IMPORTED_MODULE_23__.hitElementItself)({\n        x,\n        y,\n        element: elementWithHighestZIndex,\n        shape: (0,_excalidraw_element_shapes__WEBPACK_IMPORTED_MODULE_17__.getElementShape)(elementWithHighestZIndex, this.scene.getNonDeletedElementsMap()),\n        // when overlapping, we would like to be more precise\n        // this also avoids the need to update past tests\n        threshold: this.getElementHitThreshold() / 2,\n        frameNameBound: (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isFrameLikeElement)(elementWithHighestZIndex) ? this.frameNameBoundsCache.get(elementWithHighestZIndex) : null\n      }) ? elementWithHighestZIndex : allHitElements[allHitElements.length - 2];\n    }\n\n    if (allHitElements.length === 1) {\n      return allHitElements[0];\n    }\n\n    return null;\n  }\n\n  getElementsAtPosition(x, y, includeBoundTextElement = false, includeLockedElements = false) {\n    const iframeLikes = [];\n    const elementsMap = this.scene.getNonDeletedElementsMap();\n    const elements = (includeBoundTextElement && includeLockedElements ? this.scene.getNonDeletedElements() : this.scene.getNonDeletedElements().filter(element => (includeLockedElements || !element.locked) && (includeBoundTextElement || !((0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isTextElement)(element) && element.containerId)))).filter(el => this.hitElement(x, y, el)).filter(element => {\n      // hitting a frame's element from outside the frame is not considered a hit\n      const containingFrame = (0,_excalidraw_element_frame__WEBPACK_IMPORTED_MODULE_22__.getContainingFrame)(element, elementsMap);\n      return containingFrame && this.state.frameRendering.enabled && this.state.frameRendering.clip ? (0,_excalidraw_element_frame__WEBPACK_IMPORTED_MODULE_22__.isCursorInFrame)({\n        x,\n        y\n      }, containingFrame, elementsMap) : true;\n    }).filter(el => {\n      // The parameter elements comes ordered from lower z-index to higher.\n      // We want to preserve that order on the returned array.\n      // Exception being embeddables which should be on top of everything else in\n      // terms of hit testing.\n      if ((0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isIframeElement)(el)) {\n        iframeLikes.push(el);\n        return false;\n      }\n\n      return true;\n    }).concat(iframeLikes);\n    return elements;\n  }\n\n  getElementHitThreshold() {\n    return _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.DEFAULT_COLLISION_THRESHOLD / this.state.zoom.value;\n  }\n\n  hitElement(x, y, element, considerBoundingBox = true) {\n    // if the element is selected, then hit test is done against its bounding box\n    if (considerBoundingBox && this.state.selectedElementIds[element.id] && (0,_excalidraw_element_transformHandles__WEBPACK_IMPORTED_MODULE_21__.shouldShowBoundingBox)([element], this.state)) {\n      const selectionShape = (0,_excalidraw_utils_shape__WEBPACK_IMPORTED_MODULE_7__.getSelectionBoxShape)(element, this.scene.getNonDeletedElementsMap(), (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isImageElement)(element) ? 0 : this.getElementHitThreshold()); // if hitting the bounding box, return early\n      // but if not, we should check for other cases as well (e.g. frame name)\n\n      if ((0,_excalidraw_utils_collision__WEBPACK_IMPORTED_MODULE_6__.isPointInShape)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.pointFrom)(x, y), selectionShape)) {\n        return true;\n      }\n    } // take bound text element into consideration for hit collision as well\n\n\n    const hitBoundTextOfElement = (0,_excalidraw_element_collision__WEBPACK_IMPORTED_MODULE_23__.hitElementBoundText)(x, y, (0,_excalidraw_element_shapes__WEBPACK_IMPORTED_MODULE_17__.getBoundTextShape)(element, this.scene.getNonDeletedElementsMap()));\n\n    if (hitBoundTextOfElement) {\n      return true;\n    }\n\n    return (0,_excalidraw_element_collision__WEBPACK_IMPORTED_MODULE_23__.hitElementItself)({\n      x,\n      y,\n      element,\n      shape: (0,_excalidraw_element_shapes__WEBPACK_IMPORTED_MODULE_17__.getElementShape)(element, this.scene.getNonDeletedElementsMap()),\n      threshold: this.getElementHitThreshold(),\n      frameNameBound: (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isFrameLikeElement)(element) ? this.frameNameBoundsCache.get(element) : null\n    });\n  }\n\n  getTextBindableContainerAtPosition(x, y) {\n    const elements = this.scene.getNonDeletedElements();\n    const selectedElements = this.scene.getSelectedElements(this.state);\n\n    if (selectedElements.length === 1) {\n      return (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isTextBindableContainer)(selectedElements[0], false) ? selectedElements[0] : null;\n    }\n\n    let hitElement = null; // We need to do hit testing from front (end of the array) to back (beginning of the array)\n\n    for (let index = elements.length - 1; index >= 0; --index) {\n      if (elements[index].isDeleted) {\n        continue;\n      }\n\n      const [x1, y1, x2, y2] = (0,_excalidraw_element_bounds__WEBPACK_IMPORTED_MODULE_9__.getElementAbsoluteCoords)(elements[index], this.scene.getNonDeletedElementsMap());\n\n      if ((0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isArrowElement)(elements[index]) && (0,_excalidraw_element_collision__WEBPACK_IMPORTED_MODULE_23__.hitElementItself)({\n        x,\n        y,\n        element: elements[index],\n        shape: (0,_excalidraw_element_shapes__WEBPACK_IMPORTED_MODULE_17__.getElementShape)(elements[index], this.scene.getNonDeletedElementsMap()),\n        threshold: this.getElementHitThreshold()\n      })) {\n        hitElement = elements[index];\n        break;\n      } else if (x1 < x && x < x2 && y1 < y && y < y2) {\n        hitElement = elements[index];\n        break;\n      }\n    }\n\n    return (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isTextBindableContainer)(hitElement, false) ? hitElement : null;\n  }\n\n  handleHoverSelectedLinearElement(linearElementEditor, scenePointerX, scenePointerY) {\n    const elementsMap = this.scene.getNonDeletedElementsMap();\n    const element = _excalidraw_element_linearElementEditor__WEBPACK_IMPORTED_MODULE_11__.LinearElementEditor.getElement(linearElementEditor.elementId, elementsMap);\n\n    if (!element) {\n      return;\n    }\n\n    if (this.state.selectedLinearElement) {\n      let hoverPointIndex = -1;\n      let segmentMidPointHoveredCoords = null;\n\n      if ((0,_excalidraw_element_collision__WEBPACK_IMPORTED_MODULE_23__.hitElementItself)({\n        x: scenePointerX,\n        y: scenePointerY,\n        element,\n        shape: (0,_excalidraw_element_shapes__WEBPACK_IMPORTED_MODULE_17__.getElementShape)(element, this.scene.getNonDeletedElementsMap())\n      })) {\n        hoverPointIndex = _excalidraw_element_linearElementEditor__WEBPACK_IMPORTED_MODULE_11__.LinearElementEditor.getPointIndexUnderCursor(element, elementsMap, this.state.zoom, scenePointerX, scenePointerY);\n        segmentMidPointHoveredCoords = _excalidraw_element_linearElementEditor__WEBPACK_IMPORTED_MODULE_11__.LinearElementEditor.getSegmentMidpointHitCoords(linearElementEditor, {\n          x: scenePointerX,\n          y: scenePointerY\n        }, this.state, this.scene.getNonDeletedElementsMap());\n        const isHoveringAPointHandle = (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isElbowArrow)(element) ? hoverPointIndex === 0 || hoverPointIndex === element.points.length - 1 : hoverPointIndex >= 0;\n\n        if (isHoveringAPointHandle || segmentMidPointHoveredCoords) {\n          (0,_cursor__WEBPACK_IMPORTED_MODULE_73__.setCursor)(this.interactiveCanvas, _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.CURSOR_TYPE.POINTER);\n        } else if (this.hitElement(scenePointerX, scenePointerY, element)) {\n          if ( // Ebow arrows can only be moved when unconnected\n          !(0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isElbowArrow)(element) || !(element.startBinding || element.endBinding)) {\n            (0,_cursor__WEBPACK_IMPORTED_MODULE_73__.setCursor)(this.interactiveCanvas, _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.CURSOR_TYPE.MOVE);\n          }\n        }\n      } else if (this.hitElement(scenePointerX, scenePointerY, element)) {\n        if ( // Ebow arrows can only be moved when unconnected\n        !(0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isElbowArrow)(element) || !(element.startBinding || element.endBinding)) {\n          (0,_cursor__WEBPACK_IMPORTED_MODULE_73__.setCursor)(this.interactiveCanvas, _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.CURSOR_TYPE.MOVE);\n        }\n      }\n\n      if (this.state.selectedLinearElement.hoverPointIndex !== hoverPointIndex) {\n        this.setState({\n          selectedLinearElement: Object.assign(Object.assign({}, this.state.selectedLinearElement), {\n            hoverPointIndex\n          })\n        });\n      }\n\n      if (!_excalidraw_element_linearElementEditor__WEBPACK_IMPORTED_MODULE_11__.LinearElementEditor.arePointsEqual(this.state.selectedLinearElement.segmentMidPointHoveredCoords, segmentMidPointHoveredCoords)) {\n        this.setState({\n          selectedLinearElement: Object.assign(Object.assign({}, this.state.selectedLinearElement), {\n            segmentMidPointHoveredCoords\n          })\n        });\n      }\n    } else {\n      (0,_cursor__WEBPACK_IMPORTED_MODULE_73__.setCursor)(this.interactiveCanvas, _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.CURSOR_TYPE.AUTO);\n    }\n  }\n\n  updateGestureOnPointerDown(event) {\n    gesture.pointers.set(event.pointerId, {\n      x: event.clientX,\n      y: event.clientY\n    });\n\n    if (gesture.pointers.size === 2) {\n      gesture.lastCenter = (0,_gesture__WEBPACK_IMPORTED_MODULE_58__.getCenter)(gesture.pointers);\n      gesture.initialScale = this.state.zoom.value;\n      gesture.initialDistance = (0,_gesture__WEBPACK_IMPORTED_MODULE_58__.getDistance)(Array.from(gesture.pointers.values()));\n    }\n  }\n\n  initialPointerDownState(event) {\n    const origin = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.viewportCoordsToSceneCoords)(event, this.state);\n    const selectedElements = this.scene.getSelectedElements(this.state);\n    const [minX, minY, maxX, maxY] = (0,_excalidraw_element_bounds__WEBPACK_IMPORTED_MODULE_9__.getCommonBounds)(selectedElements);\n    const isElbowArrowOnly = selectedElements.findIndex(_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isElbowArrow) === 0;\n    return {\n      origin,\n      withCmdOrCtrl: event[_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.CTRL_OR_CMD],\n      originInGrid: (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.tupleToCoors)((0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.getGridPoint)(origin.x, origin.y, event[_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.CTRL_OR_CMD] || isElbowArrowOnly ? null : this.getEffectiveGridSize())),\n      scrollbars: (0,_scene_scrollbars__WEBPACK_IMPORTED_MODULE_80__.isOverScrollBars)(currentScrollBars, event.clientX - this.state.offsetLeft, event.clientY - this.state.offsetTop),\n      // we need to duplicate because we'll be updating this state\n      lastCoords: Object.assign({}, origin),\n      originalElements: this.scene.getNonDeletedElements().reduce((acc, element) => {\n        acc.set(element.id, (0,_excalidraw_element_duplicate__WEBPACK_IMPORTED_MODULE_14__.deepCopyElement)(element));\n        return acc;\n      }, new Map()),\n      resize: {\n        handleType: false,\n        isResizing: false,\n        offset: {\n          x: 0,\n          y: 0\n        },\n        arrowDirection: \"origin\",\n        center: {\n          x: (maxX + minX) / 2,\n          y: (maxY + minY) / 2\n        }\n      },\n      hit: {\n        element: null,\n        allHitElements: [],\n        wasAddedToSelection: false,\n        hasBeenDuplicated: false,\n        hasHitCommonBoundingBoxOfSelectedElements: this.isHittingCommonBoundingBoxOfSelectedElements(origin, selectedElements)\n      },\n      drag: {\n        hasOccurred: false,\n        offset: null,\n        origin: Object.assign({}, origin)\n      },\n      eventListeners: {\n        onMove: null,\n        onUp: null,\n        onKeyUp: null,\n        onKeyDown: null\n      },\n      boxSelection: {\n        hasOccurred: false\n      }\n    };\n  } // Returns whether the event is a dragging a scrollbar\n\n\n  handleDraggingScrollBar(event, pointerDownState) {\n    if (!(pointerDownState.scrollbars.isOverEither && !this.state.multiElement)) {\n      return false;\n    }\n\n    isDraggingScrollBar = true;\n    pointerDownState.lastCoords.x = event.clientX;\n    pointerDownState.lastCoords.y = event.clientY;\n    const onPointerMove = (0,_reactUtils__WEBPACK_IMPORTED_MODULE_78__.withBatchedUpdatesThrottled)(event => {\n      const target = event.target;\n\n      if (!(target instanceof HTMLElement)) {\n        return;\n      }\n\n      this.handlePointerMoveOverScrollbars(event, pointerDownState);\n    });\n    const onPointerUp = (0,_reactUtils__WEBPACK_IMPORTED_MODULE_78__.withBatchedUpdates)(() => {\n      lastPointerUp = null;\n      isDraggingScrollBar = false;\n      (0,_cursor__WEBPACK_IMPORTED_MODULE_73__.setCursorForShape)(this.interactiveCanvas, this.state);\n      this.setState({\n        cursorButton: \"up\"\n      });\n      this.savePointer(event.clientX, event.clientY, \"up\");\n      window.removeEventListener(_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.EVENT.POINTER_MOVE, onPointerMove);\n      window.removeEventListener(_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.EVENT.POINTER_UP, onPointerUp);\n      onPointerMove.flush();\n    });\n    lastPointerUp = onPointerUp;\n    window.addEventListener(_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.EVENT.POINTER_MOVE, onPointerMove);\n    window.addEventListener(_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.EVENT.POINTER_UP, onPointerUp);\n    return true;\n  }\n\n  isASelectedElement(hitElement) {\n    return hitElement != null && this.state.selectedElementIds[hitElement.id];\n  }\n\n  isHittingCommonBoundingBoxOfSelectedElements(point, selectedElements) {\n    if (selectedElements.length < 2) {\n      return false;\n    } // How many pixels off the shape boundary we still consider a hit\n\n\n    const threshold = this.getElementHitThreshold();\n    const [x1, y1, x2, y2] = (0,_excalidraw_element_bounds__WEBPACK_IMPORTED_MODULE_9__.getCommonBounds)(selectedElements);\n    return point.x > x1 - threshold && point.x < x2 + threshold && point.y > y1 - threshold && point.y < y2 + threshold;\n  }\n\n  getCurrentItemRoundness(elementType) {\n    return this.state.currentItemRoundness === \"round\" ? {\n      type: (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isUsingAdaptiveRadius)(elementType) ? _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.ROUNDNESS.ADAPTIVE_RADIUS : _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.ROUNDNESS.PROPORTIONAL_RADIUS\n    } : null;\n  }\n\n  maybeCacheReferenceSnapPoints(event, selectedElements, recomputeAnyways = false) {\n    if ((0,_snapping__WEBPACK_IMPORTED_MODULE_70__.isSnappingEnabled)({\n      event,\n      app: this,\n      selectedElements\n    }) && (recomputeAnyways || !_snapping__WEBPACK_IMPORTED_MODULE_70__.SnapCache.getReferenceSnapPoints())) {\n      _snapping__WEBPACK_IMPORTED_MODULE_70__.SnapCache.setReferenceSnapPoints((0,_snapping__WEBPACK_IMPORTED_MODULE_70__.getReferenceSnapPoints)(this.scene.getNonDeletedElements(), selectedElements, this.state, this.scene.getNonDeletedElementsMap()));\n    }\n  }\n\n  maybeCacheVisibleGaps(event, selectedElements, recomputeAnyways = false) {\n    if ((0,_snapping__WEBPACK_IMPORTED_MODULE_70__.isSnappingEnabled)({\n      event,\n      app: this,\n      selectedElements\n    }) && (recomputeAnyways || !_snapping__WEBPACK_IMPORTED_MODULE_70__.SnapCache.getVisibleGaps())) {\n      _snapping__WEBPACK_IMPORTED_MODULE_70__.SnapCache.setVisibleGaps((0,_snapping__WEBPACK_IMPORTED_MODULE_70__.getVisibleGaps)(this.scene.getNonDeletedElements(), selectedElements, this.state, this.scene.getNonDeletedElementsMap()));\n    }\n  }\n\n  onKeyDownFromPointerDownHandler(pointerDownState) {\n    return (0,_reactUtils__WEBPACK_IMPORTED_MODULE_78__.withBatchedUpdates)(event => {\n      if (this.maybeHandleResize(pointerDownState, event)) {\n        return;\n      }\n\n      this.maybeDragNewGenericElement(pointerDownState, event);\n    });\n  }\n\n  onKeyUpFromPointerDownHandler(pointerDownState) {\n    return (0,_reactUtils__WEBPACK_IMPORTED_MODULE_78__.withBatchedUpdates)(event => {\n      // Prevents focus from escaping excalidraw tab\n      event.key === _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.ALT && event.preventDefault();\n\n      if (this.maybeHandleResize(pointerDownState, event)) {\n        return;\n      }\n\n      this.maybeDragNewGenericElement(pointerDownState, event);\n    });\n  }\n\n  onPointerMoveFromPointerDownHandler(pointerDownState) {\n    return (0,_reactUtils__WEBPACK_IMPORTED_MODULE_78__.withBatchedUpdatesThrottled)(event => {\n      var _a, _b, _c, _d, _e, _f, _g; //To avoid pointerMove canceling the selection of locked elements on mobile //zsviczian\n\n\n      if (Boolean(this.state.contextMenu) || ((_a = this.state.openDialog) === null || _a === void 0 ? void 0 : _a.name) === \"elementLinkSelector\") {\n        return;\n      }\n\n      const pointerCoords = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.viewportCoordsToSceneCoords)(event, this.state);\n\n      if (this.state.selectedLinearElement && this.state.selectedLinearElement.elbowed && this.state.selectedLinearElement.pointerDownState.segmentMidpoint.index) {\n        const [gridX, gridY] = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.getGridPoint)(pointerCoords.x, pointerCoords.y, event[_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.CTRL_OR_CMD] ? null : this.getEffectiveGridSize());\n        let index = this.state.selectedLinearElement.pointerDownState.segmentMidpoint.index;\n\n        if (index < 0) {\n          const nextCoords = _excalidraw_element_linearElementEditor__WEBPACK_IMPORTED_MODULE_11__.LinearElementEditor.getSegmentMidpointHitCoords(Object.assign(Object.assign({}, this.state.selectedLinearElement), {\n            segmentMidPointHoveredCoords: null\n          }), {\n            x: gridX,\n            y: gridY\n          }, this.state, this.scene.getNonDeletedElementsMap());\n          index = nextCoords ? _excalidraw_element_linearElementEditor__WEBPACK_IMPORTED_MODULE_11__.LinearElementEditor.getSegmentMidPointIndex(this.state.selectedLinearElement, this.state, nextCoords, this.scene.getNonDeletedElementsMap()) : -1;\n        }\n\n        const ret = _excalidraw_element_linearElementEditor__WEBPACK_IMPORTED_MODULE_11__.LinearElementEditor.moveFixedSegment(this.state.selectedLinearElement, index, gridX, gridY, this.scene.getNonDeletedElementsMap());\n        (0,react_dom__WEBPACK_IMPORTED_MODULE_3__.flushSync)(() => {\n          if (this.state.selectedLinearElement) {\n            this.setState({\n              selectedLinearElement: Object.assign(Object.assign({}, this.state.selectedLinearElement), {\n                segmentMidPointHoveredCoords: ret.segmentMidPointHoveredCoords,\n                pointerDownState: ret.pointerDownState\n              })\n            });\n          }\n        });\n        return;\n      }\n\n      const lastPointerCoords = (_b = this.lastPointerMoveCoords) !== null && _b !== void 0 ? _b : pointerDownState.origin;\n      this.lastPointerMoveCoords = pointerCoords; // We need to initialize dragOffsetXY only after we've updated\n      // `state.selectedElementIds` on pointerDown. Doing it here in pointerMove\n      // event handler should hopefully ensure we're already working with\n      // the updated state.\n\n      if (pointerDownState.drag.offset === null) {\n        pointerDownState.drag.offset = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.tupleToCoors)((0,_excalidraw_element_dragElements__WEBPACK_IMPORTED_MODULE_36__.getDragOffsetXY)(this.scene.getSelectedElements(this.state), pointerDownState.origin.x, pointerDownState.origin.y));\n      }\n\n      const target = event.target;\n\n      if (!(target instanceof HTMLElement)) {\n        return;\n      }\n\n      if (this.handlePointerMoveOverScrollbars(event, pointerDownState)) {\n        return;\n      }\n\n      if ((0,_appState__WEBPACK_IMPORTED_MODULE_53__.isEraserActive)(this.state)) {\n        this.handleEraser(event, pointerCoords);\n        return;\n      }\n\n      if (this.state.activeTool.type === \"laser\") {\n        this.laserTrails.addPointToPath(pointerCoords.x, pointerCoords.y);\n      }\n\n      const [gridX, gridY] = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.getGridPoint)(pointerCoords.x, pointerCoords.y, event[_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.CTRL_OR_CMD] ? null : this.getEffectiveGridSize()); // for arrows/lines, don't start dragging until a given threshold\n      // to ensure we don't create a 2-point arrow by mistake when\n      // user clicks mouse in a way that it moves a tiny bit (thus\n      // triggering pointermove)\n\n      if (!pointerDownState.drag.hasOccurred && (this.state.activeTool.type === \"arrow\" || this.state.activeTool.type === \"line\")) {\n        if ((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.pointDistance)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.pointFrom)(pointerCoords.x, pointerCoords.y), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.pointFrom)(pointerDownState.origin.x, pointerDownState.origin.y)) < _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.DRAGGING_THRESHOLD) {\n          return;\n        }\n      }\n\n      if (pointerDownState.resize.isResizing) {\n        pointerDownState.lastCoords.x = pointerCoords.x;\n        pointerDownState.lastCoords.y = pointerCoords.y;\n\n        if (this.maybeHandleCrop(pointerDownState, event)) {\n          return true;\n        }\n\n        if (this.maybeHandleResize(pointerDownState, event)) {\n          return true;\n        }\n      }\n\n      const elementsMap = this.scene.getNonDeletedElementsMap();\n\n      if (this.state.selectedLinearElement) {\n        const linearElementEditor = this.state.editingLinearElement || this.state.selectedLinearElement;\n\n        if (_excalidraw_element_linearElementEditor__WEBPACK_IMPORTED_MODULE_11__.LinearElementEditor.shouldAddMidpoint(this.state.selectedLinearElement, pointerCoords, this.state, elementsMap)) {\n          const ret = _excalidraw_element_linearElementEditor__WEBPACK_IMPORTED_MODULE_11__.LinearElementEditor.addMidpoint(this.state.selectedLinearElement, pointerCoords, this, !event[_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.CTRL_OR_CMD], elementsMap);\n\n          if (!ret) {\n            return;\n          } // Since we are reading from previous state which is not possible with\n          // automatic batching in React 18 hence using flush sync to synchronously\n          // update the state. Check https://github.com/excalidraw/excalidraw/pull/5508 for more details.\n\n\n          (0,react_dom__WEBPACK_IMPORTED_MODULE_3__.flushSync)(() => {\n            if (this.state.selectedLinearElement) {\n              this.setState({\n                selectedLinearElement: Object.assign(Object.assign({}, this.state.selectedLinearElement), {\n                  pointerDownState: ret.pointerDownState,\n                  selectedPointsIndices: ret.selectedPointsIndices,\n                  segmentMidPointHoveredCoords: null\n                })\n              });\n            }\n\n            if (this.state.editingLinearElement) {\n              this.setState({\n                editingLinearElement: Object.assign(Object.assign({}, this.state.editingLinearElement), {\n                  pointerDownState: ret.pointerDownState,\n                  selectedPointsIndices: ret.selectedPointsIndices,\n                  segmentMidPointHoveredCoords: null\n                })\n              });\n            }\n          });\n          return;\n        } else if (linearElementEditor.pointerDownState.segmentMidpoint.value !== null && !linearElementEditor.pointerDownState.segmentMidpoint.added) {\n          return;\n        }\n\n        const newLinearElementEditor = _excalidraw_element_linearElementEditor__WEBPACK_IMPORTED_MODULE_11__.LinearElementEditor.handlePointDragging(event, this, pointerCoords.x, pointerCoords.y, (element, pointsSceneCoords) => {\n          this.maybeSuggestBindingsForLinearElementAtCoords(element, pointsSceneCoords);\n        }, linearElementEditor, this.scene);\n\n        if (newLinearElementEditor) {\n          pointerDownState.lastCoords.x = pointerCoords.x;\n          pointerDownState.lastCoords.y = pointerCoords.y;\n          pointerDownState.drag.hasOccurred = true;\n          this.setState({\n            editingLinearElement: this.state.editingLinearElement ? newLinearElementEditor : null,\n            selectedLinearElement: newLinearElementEditor\n          });\n          return;\n        }\n      }\n\n      const hasHitASelectedElement = pointerDownState.hit.allHitElements.some(element => this.isASelectedElement(element));\n      const isSelectingPointsInLineEditor = this.state.editingLinearElement && event.shiftKey && this.state.editingLinearElement.elementId === ((_c = pointerDownState.hit.element) === null || _c === void 0 ? void 0 : _c.id);\n\n      if ((hasHitASelectedElement || pointerDownState.hit.hasHitCommonBoundingBoxOfSelectedElements) && !isSelectingPointsInLineEditor && this.state.activeTool.type !== \"lasso\") {\n        const selectedElements = this.scene.getSelectedElements(this.state);\n\n        if (selectedElements.every(element => element.locked)) {\n          return;\n        }\n\n        const selectedElementsHasAFrame = selectedElements.find(e => (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isFrameLikeElement)(e));\n        const topLayerFrame = this.getTopLayerFrameAtSceneCoords(pointerCoords);\n        const frameToHighlight = topLayerFrame && !selectedElementsHasAFrame ? topLayerFrame : null; // Only update the state if there is a difference\n\n        if (this.state.frameToHighlight !== frameToHighlight) {\n          (0,react_dom__WEBPACK_IMPORTED_MODULE_3__.flushSync)(() => {\n            this.setState({\n              frameToHighlight\n            });\n          });\n        } // Marking that click was used for dragging to check\n        // if elements should be deselected on pointerup\n\n\n        pointerDownState.drag.hasOccurred = true; // prevent dragging even if we're no longer holding cmd/ctrl otherwise\n        // it would have weird results (stuff jumping all over the screen)\n        // Checking for editingTextElement to avoid jump while editing on mobile #6503\n\n        if (selectedElements.length > 0 && !pointerDownState.withCmdOrCtrl && !this.state.editingTextElement && ((_d = this.state.activeEmbeddable) === null || _d === void 0 ? void 0 : _d.state) !== \"active\") {\n          const dragOffset = {\n            x: pointerCoords.x - pointerDownState.drag.origin.x,\n            y: pointerCoords.y - pointerDownState.drag.origin.y\n          };\n          const originalElements = [...pointerDownState.originalElements.values()]; // We only drag in one direction if shift is pressed\n\n          const lockDirection = event.shiftKey;\n\n          if (lockDirection) {\n            const distanceX = Math.abs(dragOffset.x);\n            const distanceY = Math.abs(dragOffset.y);\n            const lockX = lockDirection && distanceX < distanceY;\n            const lockY = lockDirection && distanceX > distanceY;\n\n            if (lockX) {\n              dragOffset.x = 0;\n            }\n\n            if (lockY) {\n              dragOffset.y = 0;\n            }\n          } // #region move crop region\n\n\n          if (this.state.croppingElementId) {\n            const croppingElement = this.scene.getNonDeletedElementsMap().get(this.state.croppingElementId);\n\n            if (croppingElement && (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isImageElement)(croppingElement) && croppingElement.crop !== null && pointerDownState.hit.element === croppingElement) {\n              const crop = croppingElement.crop;\n              const image = (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isInitializedImageElement)(croppingElement) && ((_e = this.imageCache.get(croppingElement.fileId)) === null || _e === void 0 ? void 0 : _e.image);\n\n              if (image && !(image instanceof Promise)) {\n                const instantDragOffset = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.vectorScale)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.vector)(pointerCoords.x - lastPointerCoords.x, pointerCoords.y - lastPointerCoords.y), Math.max(this.state.zoom.value, 2));\n                const [x1, y1, x2, y2, cx, cy] = (0,_excalidraw_element_bounds__WEBPACK_IMPORTED_MODULE_9__.getElementAbsoluteCoords)(croppingElement, elementsMap);\n                const topLeft = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.vectorFromPoint)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.pointFrom)(x1, y1), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.pointFrom)(cx, cy), croppingElement.angle));\n                const topRight = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.vectorFromPoint)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.pointFrom)(x2, y1), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.pointFrom)(cx, cy), croppingElement.angle));\n                const bottomLeft = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.vectorFromPoint)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.pointRotateRads)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.pointFrom)(x1, y2), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.pointFrom)(cx, cy), croppingElement.angle));\n                const topEdge = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.vectorNormalize)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.vectorSubtract)(topRight, topLeft));\n                const leftEdge = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.vectorNormalize)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.vectorSubtract)(bottomLeft, topLeft)); // project instantDrafOffset onto leftEdge and topEdge to decompose\n\n                const offsetVector = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.vector)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.vectorDot)(instantDragOffset, topEdge), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.vectorDot)(instantDragOffset, leftEdge));\n                const nextCrop = Object.assign(Object.assign({}, crop), {\n                  x: (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.clamp)(crop.x - offsetVector[0] * Math.sign(croppingElement.scale[0]), 0, image.naturalWidth - crop.width),\n                  y: (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.clamp)(crop.y - offsetVector[1] * Math.sign(croppingElement.scale[1]), 0, image.naturalHeight - crop.height)\n                });\n                (0,_excalidraw_element_mutateElement__WEBPACK_IMPORTED_MODULE_12__.mutateElement)(croppingElement, {\n                  crop: nextCrop\n                });\n                return;\n              }\n            }\n          } // Snap cache *must* be synchronously popuplated before initial drag,\n          // otherwise the first drag even will not snap, causing a jump before\n          // it snaps to its position if previously snapped already.\n\n\n          this.maybeCacheVisibleGaps(event, selectedElements);\n          this.maybeCacheReferenceSnapPoints(event, selectedElements);\n          const {\n            snapOffset,\n            snapLines\n          } = (0,_snapping__WEBPACK_IMPORTED_MODULE_70__.snapDraggedElements)(originalElements, dragOffset, this, event, this.scene.getNonDeletedElementsMap());\n          this.setState({\n            snapLines\n          }); // when we're editing the name of a frame, we want the user to be\n          // able to select and interact with the text input\n\n          if (!this.state.editingFrame) {\n            (0,_excalidraw_element_dragElements__WEBPACK_IMPORTED_MODULE_36__.dragSelectedElements)(pointerDownState, selectedElements, dragOffset, this.scene, snapOffset, event[_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.KEYS.CTRL_OR_CMD] ? null : this.getEffectiveGridSize());\n          }\n\n          this.setState({\n            selectedElementsAreBeingDragged: true,\n            // element is being dragged and selectionElement that was created on pointer down\n            // should be removed\n            selectionElement: null\n          });\n\n          if (selectedElements.length !== 1 || !(0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isElbowArrow)(selectedElements[0])) {\n            this.setState({\n              suggestedBindings: (0,_excalidraw_element_binding__WEBPACK_IMPORTED_MODULE_10__.getSuggestedBindingsForArrows)(selectedElements, this.scene.getNonDeletedElementsMap(), this.state.zoom)\n            });\n          } // We duplicate the selected element if alt is pressed on pointer move\n\n\n          if (event.altKey && !pointerDownState.hit.hasBeenDuplicated) {\n            // Move the currently selected elements to the top of the z index stack, and\n            // put the duplicates where the selected elements used to be.\n            // (the origin point where the dragging started)\n            pointerDownState.hit.hasBeenDuplicated = true;\n            const elements = this.scene.getElementsIncludingDeleted();\n            const hitElement = pointerDownState.hit.element;\n            const selectedElements = this.scene.getSelectedElements({\n              selectedElementIds: this.state.selectedElementIds,\n              includeBoundTextElement: true,\n              includeElementsInFrames: true\n            });\n\n            if (hitElement && // hit element may not end up being selected\n            // if we're alt-dragging a common bounding box\n            // over the hit element\n            pointerDownState.hit.wasAddedToSelection && !selectedElements.find(el => el.id === hitElement.id)) {\n              selectedElements.push(hitElement);\n            }\n\n            const idsOfElementsToDuplicate = new Map(selectedElements.map(el => [el.id, el]));\n            const {\n              duplicatedElements,\n              duplicateElementsMap,\n              elementsWithDuplicates,\n              origIdToDuplicateId\n            } = (0,_excalidraw_element_duplicate__WEBPACK_IMPORTED_MODULE_14__.duplicateElements)({\n              type: \"in-place\",\n              elements,\n              appState: this.state,\n              randomizeSeed: true,\n              idsOfElementsToDuplicate,\n              overrides: ({\n                duplicateElement,\n                origElement\n              }) => {\n                var _a;\n\n                return {\n                  // reset to the original element's frameId (unless we've\n                  // duplicated alongside a frame in which case we need to\n                  // keep the duplicate frame's id) so that the element\n                  // frame membership is refreshed on pointerup\n                  // NOTE this is a hacky solution and should be done\n                  // differently\n                  frameId: (_a = duplicateElement.frameId) !== null && _a !== void 0 ? _a : origElement.frameId,\n                  seed: (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.randomInteger)()\n                };\n              }\n            });\n            duplicatedElements.forEach(element => {\n              pointerDownState.originalElements.set(element.id, (0,_excalidraw_element_duplicate__WEBPACK_IMPORTED_MODULE_14__.deepCopyElement)(element));\n            });\n            const mappedClonedElements = elementsWithDuplicates.map(el => {\n              if (idsOfElementsToDuplicate.has(el.id)) {\n                const origEl = pointerDownState.originalElements.get(el.id);\n\n                if (origEl) {\n                  return (0,_excalidraw_element_mutateElement__WEBPACK_IMPORTED_MODULE_12__.newElementWith)(el, {\n                    x: origEl.x,\n                    y: origEl.y\n                  });\n                }\n              }\n\n              return el;\n            });\n            const mappedNewSceneElements = (_g = (_f = this.props).onDuplicate) === null || _g === void 0 ? void 0 : _g.call(_f, mappedClonedElements, elements);\n            const elementsWithIndices = (0,_excalidraw_element_fractionalIndex__WEBPACK_IMPORTED_MODULE_32__.syncMovedIndices)(mappedNewSceneElements || mappedClonedElements, (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.arrayToMap)(duplicatedElements)); // we need to update synchronously so as to keep pointerDownState,\n            // appState, and scene elements in sync\n\n            (0,react_dom__WEBPACK_IMPORTED_MODULE_3__.flushSync)(() => {\n              // swap hit element with the duplicated one\n              if (pointerDownState.hit.element) {\n                const cloneId = origIdToDuplicateId.get(pointerDownState.hit.element.id);\n                const clonedElement = cloneId && duplicateElementsMap.get(cloneId);\n                pointerDownState.hit.element = clonedElement || null;\n              } // swap hit elements with the duplicated ones\n\n\n              pointerDownState.hit.allHitElements = pointerDownState.hit.allHitElements.reduce((acc, origHitElement) => {\n                const cloneId = origIdToDuplicateId.get(origHitElement.id);\n                const clonedElement = cloneId && duplicateElementsMap.get(cloneId);\n\n                if (clonedElement) {\n                  acc.push(clonedElement);\n                }\n\n                return acc;\n              }, []); // update drag origin to the position at which we started\n              // the duplication so that the drag offset is correct\n\n              pointerDownState.drag.origin = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.viewportCoordsToSceneCoords)(event, this.state); // switch selected elements to the duplicated ones\n\n              this.setState(prevState => Object.assign({}, (0,_excalidraw_element_selection__WEBPACK_IMPORTED_MODULE_33__.getSelectionStateForElements)(duplicatedElements, this.scene.getNonDeletedElements(), prevState)));\n              this.scene.replaceAllElements(elementsWithIndices);\n              this.maybeCacheVisibleGaps(event, selectedElements, true);\n              this.maybeCacheReferenceSnapPoints(event, selectedElements, true);\n            });\n          }\n\n          return;\n        }\n      }\n\n      if (this.state.selectionElement) {\n        pointerDownState.lastCoords.x = pointerCoords.x;\n        pointerDownState.lastCoords.y = pointerCoords.y;\n\n        if (event.altKey) {\n          this.setActiveTool({\n            type: \"lasso\",\n            fromSelection: true\n          }, event.shiftKey);\n          this.lassoTrail.startPath(pointerDownState.origin.x, pointerDownState.origin.y, event.shiftKey);\n          this.setAppState({\n            selectionElement: null\n          });\n        } else {\n          this.maybeDragNewGenericElement(pointerDownState, event);\n        }\n      } else if (this.state.activeTool.type === \"lasso\") {\n        if (!event.altKey && this.state.activeTool.fromSelection) {\n          this.setActiveTool({\n            type: \"selection\"\n          });\n          this.createGenericElementOnPointerDown(\"selection\", pointerDownState);\n          pointerDownState.lastCoords.x = pointerCoords.x;\n          pointerDownState.lastCoords.y = pointerCoords.y;\n          this.maybeDragNewGenericElement(pointerDownState, event);\n          this.lassoTrail.endPath();\n        } else {\n          this.lassoTrail.addPointToPath(pointerCoords.x, pointerCoords.y, event.shiftKey);\n        }\n      } else {\n        // It is very important to read this.state within each move event,\n        // otherwise we would read a stale one!\n        const newElement = this.state.newElement;\n\n        if (!newElement) {\n          return;\n        }\n\n        if (newElement.type === \"freedraw\") {\n          const points = newElement.points;\n          const dx = pointerCoords.x - newElement.x;\n          const dy = pointerCoords.y - newElement.y;\n          const lastPoint = points.length > 0 && points[points.length - 1];\n          const discardPoint = lastPoint && lastPoint[0] === dx && lastPoint[1] === dy;\n\n          if (!discardPoint) {\n            const strokeOptions = this.state.currentStrokeOptions; //zsviczian\n\n            const pressures = newElement.simulatePressure ? newElement.pressures : [//zsviczian\n            ...newElement.pressures, (strokeOptions === null || strokeOptions === void 0 ? void 0 : strokeOptions.constantPressure) ? 1 : event.pressure];\n            (0,_excalidraw_element_mutateElement__WEBPACK_IMPORTED_MODULE_12__.mutateElement)(newElement, {\n              points: [...points, (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.pointFrom)(dx, dy)],\n              pressures\n            }, false);\n            this.setState({\n              newElement\n            });\n          }\n        } else if ((0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isLinearElement)(newElement)) {\n          pointerDownState.drag.hasOccurred = true;\n          const points = newElement.points;\n          let dx = gridX - newElement.x;\n          let dy = gridY - newElement.y;\n\n          if ((0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.shouldRotateWithDiscreteAngle)(event) && points.length === 2) {\n            ({\n              width: dx,\n              height: dy\n            } = (0,_excalidraw_element_sizeHelpers__WEBPACK_IMPORTED_MODULE_16__.getLockedLinearCursorAlignSize)(newElement.x, newElement.y, pointerCoords.x, pointerCoords.y));\n          }\n\n          if (points.length === 1) {\n            (0,_excalidraw_element_mutateElement__WEBPACK_IMPORTED_MODULE_12__.mutateElement)(newElement, {\n              points: [...points, (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.pointFrom)(dx, dy)]\n            }, false);\n          } else if (points.length === 2 || points.length > 1 && (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isElbowArrow)(newElement)) {\n            (0,_excalidraw_element_mutateElement__WEBPACK_IMPORTED_MODULE_12__.mutateElement)(newElement, {\n              points: [...points.slice(0, -1), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.pointFrom)(dx, dy)]\n            }, false, {\n              isDragging: true\n            });\n          }\n\n          this.setState({\n            newElement\n          });\n\n          if ((0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isBindingElement)(newElement, false)) {\n            // When creating a linear element by dragging\n            this.maybeSuggestBindingsForLinearElementAtCoords(newElement, [pointerCoords], this.state.startBoundElement);\n          }\n        } else {\n          pointerDownState.lastCoords.x = pointerCoords.x;\n          pointerDownState.lastCoords.y = pointerCoords.y;\n          this.maybeDragNewGenericElement(pointerDownState, event, false);\n        }\n      }\n\n      if (this.state.activeTool.type === \"selection\") {\n        pointerDownState.boxSelection.hasOccurred = true;\n        const elements = this.scene.getNonDeletedElements(); // box-select line editor points\n\n        if (this.state.editingLinearElement) {\n          _excalidraw_element_linearElementEditor__WEBPACK_IMPORTED_MODULE_11__.LinearElementEditor.handleBoxSelection(event, this.state, this.setState.bind(this), this.scene.getNonDeletedElementsMap()); // regular box-select\n        } else {\n          let shouldReuseSelection = true;\n\n          if (!event.shiftKey && (0,_scene__WEBPACK_IMPORTED_MODULE_61__.isSomeElementSelected)(elements, this.state)) {\n            if (pointerDownState.withCmdOrCtrl && pointerDownState.hit.element) {\n              this.setState(prevState => (0,_excalidraw_element_groups__WEBPACK_IMPORTED_MODULE_31__.selectGroupsForSelectedElements)(Object.assign(Object.assign({}, prevState), {\n                selectedElementIds: {\n                  [pointerDownState.hit.element.id]: true\n                }\n              }), this.scene.getNonDeletedElements(), prevState, this));\n            } else {\n              shouldReuseSelection = false;\n            }\n          }\n\n          const elementsWithinSelection = this.state.selectionElement ? (0,_scene__WEBPACK_IMPORTED_MODULE_61__.getElementsWithinSelection)(elements, this.state.selectionElement, this.scene.getNonDeletedElementsMap(), false) : [];\n          this.setState(prevState => {\n            const nextSelectedElementIds = Object.assign(Object.assign({}, shouldReuseSelection && prevState.selectedElementIds), elementsWithinSelection.reduce((acc, element) => {\n              acc[element.id] = true;\n              return acc;\n            }, {}));\n\n            if (pointerDownState.hit.element) {\n              // if using ctrl/cmd, select the hitElement only if we\n              // haven't box-selected anything else\n              if (!elementsWithinSelection.length) {\n                nextSelectedElementIds[pointerDownState.hit.element.id] = true;\n              } else {\n                delete nextSelectedElementIds[pointerDownState.hit.element.id];\n              }\n            }\n\n            prevState = !shouldReuseSelection ? Object.assign(Object.assign({}, prevState), {\n              selectedGroupIds: {},\n              editingGroupId: null\n            }) : prevState;\n            return Object.assign(Object.assign({}, (0,_excalidraw_element_groups__WEBPACK_IMPORTED_MODULE_31__.selectGroupsForSelectedElements)({\n              editingGroupId: prevState.editingGroupId,\n              selectedElementIds: nextSelectedElementIds\n            }, this.scene.getNonDeletedElements(), prevState, this)), {\n              // select linear element only when we haven't box-selected anything else\n              selectedLinearElement: elementsWithinSelection.length === 1 && (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isLinearElement)(elementsWithinSelection[0]) ? new _excalidraw_element_linearElementEditor__WEBPACK_IMPORTED_MODULE_11__.LinearElementEditor(elementsWithinSelection[0]) : null,\n              showHyperlinkPopup: elementsWithinSelection.length === 1 && (elementsWithinSelection[0].link || (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isEmbeddableElement)(elementsWithinSelection[0])) ? \"info\" : false\n            });\n          });\n        }\n      }\n    });\n  } // Returns whether the pointer move happened over either scrollbar\n\n\n  handlePointerMoveOverScrollbars(event, pointerDownState) {\n    if (pointerDownState.scrollbars.isOverHorizontal) {\n      const x = event.clientX;\n      const dx = x - pointerDownState.lastCoords.x;\n      this.translateCanvas({\n        scrollX: this.state.scrollX - dx / this.state.zoom.value\n      });\n      pointerDownState.lastCoords.x = x;\n      return true;\n    }\n\n    if (pointerDownState.scrollbars.isOverVertical) {\n      const y = event.clientY;\n      const dy = y - pointerDownState.lastCoords.y;\n      this.translateCanvas({\n        scrollY: this.state.scrollY - dy / this.state.zoom.value\n      });\n      pointerDownState.lastCoords.y = y;\n      return true;\n    }\n\n    return false;\n  }\n\n  onPointerUpFromPointerDownHandler(pointerDownState) {\n    return (0,_reactUtils__WEBPACK_IMPORTED_MODULE_78__.withBatchedUpdates)(childEvent => {\n      var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;\n\n      this.removePointer(childEvent);\n\n      if (pointerDownState.eventListeners.onMove) {\n        pointerDownState.eventListeners.onMove.flush();\n      }\n\n      const {\n        newElement,\n        resizingElement,\n        croppingElementId,\n        multiElement,\n        activeTool,\n        isResizing,\n        isRotating,\n        isCropping\n      } = this.state;\n      this.setState(prevState => ({\n        isResizing: false,\n        isRotating: false,\n        isCropping: false,\n        resizingElement: null,\n        selectionElement: null,\n        frameToHighlight: null,\n        elementsToHighlight: null,\n        cursorButton: \"up\",\n        snapLines: (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.updateStable)(prevState.snapLines, []),\n        originSnapOffset: null\n      })); // just in case, tool changes mid drag, always clean up\n\n      this.lassoTrail.endPath();\n      this.lastPointerMoveCoords = null;\n      _snapping__WEBPACK_IMPORTED_MODULE_70__.SnapCache.setReferenceSnapPoints(null);\n      _snapping__WEBPACK_IMPORTED_MODULE_70__.SnapCache.setVisibleGaps(null);\n      this.savePointer(childEvent.clientX, childEvent.clientY, \"up\");\n      this.setState({\n        selectedElementsAreBeingDragged: false\n      });\n      const elementsMap = this.scene.getNonDeletedElementsMap();\n\n      if (pointerDownState.drag.hasOccurred && ((_b = (_a = pointerDownState.hit) === null || _a === void 0 ? void 0 : _a.element) === null || _b === void 0 ? void 0 : _b.id)) {\n        const element = elementsMap.get(pointerDownState.hit.element.id);\n\n        if ((0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isBindableElement)(element)) {\n          // Renormalize elbow arrows when they are changed via indirect move\n          (_c = element.boundElements) === null || _c === void 0 ? void 0 : _c.filter(e => e.type === \"arrow\").map(e => elementsMap.get(e.id)).filter(e => (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isElbowArrow)(e)).forEach(e => {\n            !!e && (0,_excalidraw_element_mutateElement__WEBPACK_IMPORTED_MODULE_12__.mutateElement)(e, {}, true);\n          });\n        }\n      } // Handle end of dragging a point of a linear element, might close a loop\n      // and sets binding element\n\n\n      if (this.state.editingLinearElement) {\n        if (!pointerDownState.boxSelection.hasOccurred && ((_e = (_d = pointerDownState.hit) === null || _d === void 0 ? void 0 : _d.element) === null || _e === void 0 ? void 0 : _e.id) !== this.state.editingLinearElement.elementId) {\n          this.actionManager.executeAction(_actions__WEBPACK_IMPORTED_MODULE_38__.actionFinalize);\n        } else {\n          const editingLinearElement = _excalidraw_element_linearElementEditor__WEBPACK_IMPORTED_MODULE_11__.LinearElementEditor.handlePointerUp(childEvent, this.state.editingLinearElement, this.state, this.scene);\n\n          if (editingLinearElement !== this.state.editingLinearElement) {\n            this.setState({\n              editingLinearElement,\n              suggestedBindings: []\n            });\n          }\n        }\n      } else if (this.state.selectedLinearElement) {\n        // Normalize elbow arrow points, remove close parallel segments\n        if (this.state.selectedLinearElement.elbowed) {\n          const element = _excalidraw_element_linearElementEditor__WEBPACK_IMPORTED_MODULE_11__.LinearElementEditor.getElement(this.state.selectedLinearElement.elementId, this.scene.getNonDeletedElementsMap());\n\n          if (element) {\n            (0,_excalidraw_element_mutateElement__WEBPACK_IMPORTED_MODULE_12__.mutateElement)(element, {}, true);\n          }\n        }\n\n        if (((_g = (_f = pointerDownState.hit) === null || _f === void 0 ? void 0 : _f.element) === null || _g === void 0 ? void 0 : _g.id) !== this.state.selectedLinearElement.elementId) {\n          const selectedELements = this.scene.getSelectedElements(this.state); // set selectedLinearElement to null if there is more than one element selected since we don't want to show linear element handles\n\n          if (selectedELements.length > 1) {\n            this.setState({\n              selectedLinearElement: null\n            });\n          }\n        } else {\n          const linearElementEditor = _excalidraw_element_linearElementEditor__WEBPACK_IMPORTED_MODULE_11__.LinearElementEditor.handlePointerUp(childEvent, this.state.selectedLinearElement, this.state, this.scene);\n          const {\n            startBindingElement,\n            endBindingElement\n          } = linearElementEditor;\n          const element = this.scene.getElement(linearElementEditor.elementId);\n\n          if ((0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isBindingElement)(element)) {\n            (0,_excalidraw_element_binding__WEBPACK_IMPORTED_MODULE_10__.bindOrUnbindLinearElement)(element, startBindingElement, endBindingElement, elementsMap, this.scene);\n          }\n\n          if (linearElementEditor !== this.state.selectedLinearElement) {\n            this.setState({\n              selectedLinearElement: Object.assign(Object.assign({}, linearElementEditor), {\n                selectedPointsIndices: null\n              }),\n              suggestedBindings: []\n            });\n          }\n        }\n      }\n\n      this.missingPointerEventCleanupEmitter.clear();\n      window.removeEventListener(_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.EVENT.POINTER_MOVE, pointerDownState.eventListeners.onMove);\n      window.removeEventListener(_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.EVENT.POINTER_UP, pointerDownState.eventListeners.onUp);\n      window.removeEventListener(_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.EVENT.KEYDOWN, pointerDownState.eventListeners.onKeyDown);\n      window.removeEventListener(_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.EVENT.KEYUP, pointerDownState.eventListeners.onKeyUp);\n\n      if (this.state.pendingImageElementId) {\n        this.setState({\n          pendingImageElementId: null\n        });\n      }\n\n      (_j = (_h = this.props) === null || _h === void 0 ? void 0 : _h.onPointerUp) === null || _j === void 0 ? void 0 : _j.call(_h, activeTool, pointerDownState);\n      this.onPointerUpEmitter.trigger(this.state.activeTool, pointerDownState, childEvent);\n\n      if ((newElement === null || newElement === void 0 ? void 0 : newElement.type) === \"freedraw\") {\n        const pointerCoords = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.viewportCoordsToSceneCoords)(childEvent, this.state);\n        const points = newElement.points;\n        let dx = pointerCoords.x - newElement.x;\n        let dy = pointerCoords.y - newElement.y; // Allows dots to avoid being flagged as infinitely small\n\n        if (dx === points[0][0] && dy === points[0][1]) {\n          dy += 0.0001;\n          dx += 0.0001;\n        }\n\n        const pressures = newElement.simulatePressure ? [] : [...newElement.pressures, childEvent.pressure];\n        (0,_excalidraw_element_mutateElement__WEBPACK_IMPORTED_MODULE_12__.mutateElement)(newElement, {\n          points: [...points, (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.pointFrom)(dx, dy)],\n          pressures,\n          lastCommittedPoint: (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.pointFrom)(dx, dy)\n        });\n        this.actionManager.executeAction(_actions__WEBPACK_IMPORTED_MODULE_38__.actionFinalize);\n        return;\n      }\n\n      if ((0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isImageElement)(newElement)) {\n        const imageElement = newElement;\n\n        try {\n          this.initializeImageDimensions(imageElement);\n          this.setState({\n            selectedElementIds: (0,_excalidraw_element_selection__WEBPACK_IMPORTED_MODULE_33__.makeNextSelectedElementIds)({\n              [imageElement.id]: true\n            }, this.state)\n          }, () => {\n            this.actionManager.executeAction(_actions__WEBPACK_IMPORTED_MODULE_38__.actionFinalize);\n          });\n        } catch (error) {\n          console.error(error);\n          this.scene.replaceAllElements(this.scene.getElementsIncludingDeleted().filter(el => el.id !== imageElement.id));\n          this.actionManager.executeAction(_actions__WEBPACK_IMPORTED_MODULE_38__.actionFinalize);\n        }\n\n        return;\n      }\n\n      if ((0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isLinearElement)(newElement)) {\n        if (newElement.points.length > 1) {\n          this.store.shouldCaptureIncrement();\n        }\n\n        const pointerCoords = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.viewportCoordsToSceneCoords)(childEvent, this.state);\n\n        if (!pointerDownState.drag.hasOccurred && newElement && !multiElement) {\n          (0,_excalidraw_element_mutateElement__WEBPACK_IMPORTED_MODULE_12__.mutateElement)(newElement, {\n            points: [...newElement.points, (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.pointFrom)(pointerCoords.x - newElement.x, pointerCoords.y - newElement.y)]\n          });\n          this.setState({\n            multiElement: newElement,\n            newElement\n          });\n        } else if (pointerDownState.drag.hasOccurred && !multiElement) {\n          if ((0,_excalidraw_element_binding__WEBPACK_IMPORTED_MODULE_10__.isBindingEnabled)(this.state) && (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isBindingElement)(newElement, false)) {\n            (0,_excalidraw_element_binding__WEBPACK_IMPORTED_MODULE_10__.maybeBindLinearElement)(newElement, this.state, pointerCoords, this.scene.getNonDeletedElementsMap(), this.scene.getNonDeletedElements());\n          }\n\n          this.setState({\n            suggestedBindings: [],\n            startBoundElement: null\n          });\n\n          if (!activeTool.locked) {\n            (0,_cursor__WEBPACK_IMPORTED_MODULE_73__.resetCursor)(this.interactiveCanvas);\n            this.setState(prevState => ({\n              newElement: null,\n              activeTool: (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.updateActiveTool)(this.state, {\n                type: \"selection\"\n              }),\n              selectedElementIds: (0,_excalidraw_element_selection__WEBPACK_IMPORTED_MODULE_33__.makeNextSelectedElementIds)(Object.assign(Object.assign({}, prevState.selectedElementIds), {\n                [newElement.id]: true\n              }), prevState),\n              selectedLinearElement: new _excalidraw_element_linearElementEditor__WEBPACK_IMPORTED_MODULE_11__.LinearElementEditor(newElement)\n            }));\n          } else {\n            this.setState(prevState => ({\n              newElement: null\n            }));\n          } // so that the scene gets rendered again to display the newly drawn linear as well\n\n\n          this.scene.triggerUpdate();\n        }\n\n        return;\n      }\n\n      if ((0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isTextElement)(newElement)) {\n        const minWidth = (0,_excalidraw_element_textMeasurements__WEBPACK_IMPORTED_MODULE_28__.getMinTextElementWidth)((0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.getFontString)({\n          fontSize: newElement.fontSize,\n          fontFamily: newElement.fontFamily\n        }), newElement.lineHeight);\n\n        if (newElement.width < minWidth) {\n          (0,_excalidraw_element_mutateElement__WEBPACK_IMPORTED_MODULE_12__.mutateElement)(newElement, {\n            autoResize: true\n          });\n        }\n\n        this.resetCursor();\n        this.handleTextWysiwyg(newElement, {\n          isExistingElement: true\n        });\n      }\n\n      if (activeTool.type !== \"selection\" && newElement && (0,_excalidraw_element_sizeHelpers__WEBPACK_IMPORTED_MODULE_16__.isInvisiblySmallElement)(newElement)) {\n        // remove invisible element which was added in onPointerDown\n        // update the store snapshot, so that invisible elements are not captured by the store\n        this.updateScene({\n          elements: this.scene.getElementsIncludingDeleted().filter(el => el.id !== newElement.id),\n          appState: {\n            newElement: null\n          },\n          captureUpdate: _store__WEBPACK_IMPORTED_MODULE_76__.CaptureUpdateAction.NEVER\n        });\n        return;\n      }\n\n      if ((0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isFrameLikeElement)(newElement)) {\n        const elementsInsideFrame = (0,_excalidraw_element_frame__WEBPACK_IMPORTED_MODULE_22__.getElementsInNewFrame)(this.scene.getElementsIncludingDeleted(), newElement, this.scene.getNonDeletedElementsMap());\n        this.scene.replaceAllElements((0,_excalidraw_element_frame__WEBPACK_IMPORTED_MODULE_22__.addElementsToFrame)(this.scene.getElementsMapIncludingDeleted(), elementsInsideFrame, newElement, this.state));\n      }\n\n      if (newElement) {\n        (0,_excalidraw_element_mutateElement__WEBPACK_IMPORTED_MODULE_12__.mutateElement)(newElement, (0,_excalidraw_element_sizeHelpers__WEBPACK_IMPORTED_MODULE_16__.getNormalizedDimensions)(newElement)); // the above does not guarantee the scene to be rendered again, hence the trigger below\n\n        this.scene.triggerUpdate();\n      }\n\n      if (pointerDownState.drag.hasOccurred) {\n        const sceneCoords = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.viewportCoordsToSceneCoords)(childEvent, this.state); // when editing the points of a linear element, we check if the\n        // linear element still is in the frame afterwards\n        // if not, the linear element will be removed from its frame (if any)\n\n        if (this.state.selectedLinearElement && this.state.selectedLinearElement.isDragging) {\n          const linearElement = this.scene.getElement(this.state.selectedLinearElement.elementId);\n\n          if (linearElement === null || linearElement === void 0 ? void 0 : linearElement.frameId) {\n            const frame = (0,_excalidraw_element_frame__WEBPACK_IMPORTED_MODULE_22__.getContainingFrame)(linearElement, elementsMap);\n\n            if (frame && linearElement) {\n              if (!(0,_excalidraw_element_frame__WEBPACK_IMPORTED_MODULE_22__.elementOverlapsWithFrame)(linearElement, frame, this.scene.getNonDeletedElementsMap())) {\n                // remove the linear element from all groups\n                // before removing it from the frame as well\n                (0,_excalidraw_element_mutateElement__WEBPACK_IMPORTED_MODULE_12__.mutateElement)(linearElement, {\n                  groupIds: []\n                });\n                (0,_excalidraw_element_frame__WEBPACK_IMPORTED_MODULE_22__.removeElementsFromFrame)([linearElement], this.scene.getNonDeletedElementsMap());\n                this.scene.triggerUpdate();\n              }\n            }\n          }\n        } else {\n          // update the relationships between selected elements and frames\n          const topLayerFrame = this.getTopLayerFrameAtSceneCoords(sceneCoords);\n          const selectedElements = this.scene.getSelectedElements(this.state);\n          let nextElements = this.scene.getElementsMapIncludingDeleted();\n\n          const updateGroupIdsAfterEditingGroup = elements => {\n            if (elements.length > 0) {\n              for (const element of elements) {\n                const index = element.groupIds.indexOf(this.state.editingGroupId);\n                (0,_excalidraw_element_mutateElement__WEBPACK_IMPORTED_MODULE_12__.mutateElement)(element, {\n                  groupIds: element.groupIds.slice(0, index)\n                }, false);\n              }\n\n              nextElements.forEach(element => {\n                if (element.groupIds.length && (0,_excalidraw_element_groups__WEBPACK_IMPORTED_MODULE_31__.getElementsInGroup)(nextElements, element.groupIds[element.groupIds.length - 1]).length < 2) {\n                  (0,_excalidraw_element_mutateElement__WEBPACK_IMPORTED_MODULE_12__.mutateElement)(element, {\n                    groupIds: []\n                  }, false);\n                }\n              });\n              this.setState({\n                editingGroupId: null\n              });\n            }\n          };\n\n          if (topLayerFrame && !this.state.selectedElementIds[topLayerFrame.id]) {\n            const elementsToAdd = selectedElements.filter(element => element.frameId !== topLayerFrame.id && (0,_excalidraw_element_frame__WEBPACK_IMPORTED_MODULE_22__.isElementInFrame)(element, nextElements, this.state));\n\n            if (this.state.editingGroupId) {\n              updateGroupIdsAfterEditingGroup(elementsToAdd);\n            }\n\n            nextElements = (0,_excalidraw_element_frame__WEBPACK_IMPORTED_MODULE_22__.addElementsToFrame)(nextElements, elementsToAdd, topLayerFrame, this.state);\n          } else if (!topLayerFrame) {\n            if (this.state.editingGroupId) {\n              const elementsToRemove = selectedElements.filter(element => element.frameId && !(0,_excalidraw_element_frame__WEBPACK_IMPORTED_MODULE_22__.isElementInFrame)(element, nextElements, this.state));\n              updateGroupIdsAfterEditingGroup(elementsToRemove);\n            }\n          }\n\n          nextElements = (0,_excalidraw_element_frame__WEBPACK_IMPORTED_MODULE_22__.updateFrameMembershipOfSelectedElements)(nextElements, this.state, this);\n          this.scene.replaceAllElements(nextElements);\n        }\n      }\n\n      if (resizingElement) {\n        this.store.shouldCaptureIncrement();\n      }\n\n      if (resizingElement && (0,_excalidraw_element_sizeHelpers__WEBPACK_IMPORTED_MODULE_16__.isInvisiblySmallElement)(resizingElement)) {\n        // update the store snapshot, so that invisible elements are not captured by the store\n        this.updateScene({\n          elements: this.scene.getElementsIncludingDeleted().filter(el => el.id !== resizingElement.id),\n          captureUpdate: _store__WEBPACK_IMPORTED_MODULE_76__.CaptureUpdateAction.NEVER\n        });\n      } // handle frame membership for resizing frames and/or selected elements\n\n\n      if (pointerDownState.resize.isResizing) {\n        let nextElements = (0,_excalidraw_element_frame__WEBPACK_IMPORTED_MODULE_22__.updateFrameMembershipOfSelectedElements)(this.scene.getElementsIncludingDeleted(), this.state, this);\n        const selectedFrames = this.scene.getSelectedElements(this.state).filter(element => (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isFrameLikeElement)(element));\n\n        for (const frame of selectedFrames) {\n          nextElements = (0,_excalidraw_element_frame__WEBPACK_IMPORTED_MODULE_22__.replaceAllElementsInFrame)(nextElements, (0,_excalidraw_element_frame__WEBPACK_IMPORTED_MODULE_22__.getElementsInResizingFrame)(this.scene.getElementsIncludingDeleted(), frame, this.state, elementsMap), frame, this);\n        }\n\n        this.scene.replaceAllElements(nextElements);\n      } // Code below handles selection when element(s) weren't\n      // drag or added to selection on pointer down phase.\n\n\n      const hitElement = pointerDownState.hit.element;\n\n      if (((_k = this.state.selectedLinearElement) === null || _k === void 0 ? void 0 : _k.elementId) !== (hitElement === null || hitElement === void 0 ? void 0 : hitElement.id) && (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isLinearElement)(hitElement)) {\n        const selectedElements = this.scene.getSelectedElements(this.state); // set selectedLinearElement when no other element selected except\n        // the one we've hit\n\n        if (selectedElements.length === 1) {\n          this.setState({\n            selectedLinearElement: new _excalidraw_element_linearElementEditor__WEBPACK_IMPORTED_MODULE_11__.LinearElementEditor(hitElement)\n          });\n        }\n      } // click outside the cropping region to exit\n\n\n      if ( // not in the cropping mode at all\n      !croppingElementId || // in the cropping mode\n      croppingElementId && ( // not cropping and no hit element\n      !hitElement && !isCropping || // hitting something else\n      hitElement && hitElement.id !== croppingElementId)) {\n        this.finishImageCropping();\n      }\n\n      const pointerStart = this.lastPointerDownEvent;\n      const pointerEnd = this.lastPointerUpEvent || this.lastPointerMoveEvent;\n\n      if ((0,_appState__WEBPACK_IMPORTED_MODULE_53__.isEraserActive)(this.state) && pointerStart && pointerEnd) {\n        this.eraserTrail.endPath();\n        const draggedDistance = (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.pointDistance)((0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.pointFrom)(pointerStart.clientX, pointerStart.clientY), (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_5__.pointFrom)(pointerEnd.clientX, pointerEnd.clientY));\n\n        if (draggedDistance === 0) {\n          const scenePointer = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.viewportCoordsToSceneCoords)({\n            clientX: pointerEnd.clientX,\n            clientY: pointerEnd.clientY\n          }, this.state);\n          const hitElements = this.getElementsAtPosition(scenePointer.x, scenePointer.y);\n          hitElements.forEach(hitElement => this.elementsPendingErasure.add(hitElement.id));\n        }\n\n        this.eraseElements();\n        return;\n      } else if (this.elementsPendingErasure.size) {\n        this.restoreReadyToEraseElements();\n      }\n\n      if (hitElement && !pointerDownState.drag.hasOccurred && !pointerDownState.hit.wasAddedToSelection && ( // if we're editing a line, pointerup shouldn't switch selection if\n      // box selected\n      !this.state.editingLinearElement || !pointerDownState.boxSelection.hasOccurred)) {\n        // when inside line editor, shift selects points instead\n        if (childEvent.shiftKey && !this.state.editingLinearElement) {\n          if (this.state.selectedElementIds[hitElement.id]) {\n            if ((0,_excalidraw_element_groups__WEBPACK_IMPORTED_MODULE_31__.isSelectedViaGroup)(this.state, hitElement)) {\n              this.setState(_prevState => {\n                const nextSelectedElementIds = Object.assign({}, _prevState.selectedElementIds); // We want to unselect all groups hitElement is part of\n                // as well as all elements that are part of the groups\n                // hitElement is part of\n\n                for (const groupedElement of hitElement.groupIds.flatMap(groupId => (0,_excalidraw_element_groups__WEBPACK_IMPORTED_MODULE_31__.getElementsInGroup)(this.scene.getNonDeletedElements(), groupId))) {\n                  delete nextSelectedElementIds[groupedElement.id];\n                }\n\n                return {\n                  selectedGroupIds: Object.assign(Object.assign({}, _prevState.selectedElementIds), hitElement.groupIds.map(gId => ({\n                    [gId]: false\n                  })).reduce((prev, acc) => Object.assign(Object.assign({}, prev), acc), {})),\n                  selectedElementIds: (0,_excalidraw_element_selection__WEBPACK_IMPORTED_MODULE_33__.makeNextSelectedElementIds)(nextSelectedElementIds, _prevState)\n                };\n              }); // if not dragging a linear element point (outside editor)\n            } else if (!((_l = this.state.selectedLinearElement) === null || _l === void 0 ? void 0 : _l.isDragging)) {\n              // remove element from selection while\n              // keeping prev elements selected\n              this.setState(prevState => {\n                const newSelectedElementIds = Object.assign({}, prevState.selectedElementIds);\n                delete newSelectedElementIds[hitElement.id];\n                const newSelectedElements = (0,_scene__WEBPACK_IMPORTED_MODULE_61__.getSelectedElements)(this.scene.getNonDeletedElements(), {\n                  selectedElementIds: newSelectedElementIds\n                });\n                return Object.assign(Object.assign({}, (0,_excalidraw_element_groups__WEBPACK_IMPORTED_MODULE_31__.selectGroupsForSelectedElements)({\n                  editingGroupId: prevState.editingGroupId,\n                  selectedElementIds: newSelectedElementIds\n                }, this.scene.getNonDeletedElements(), prevState, this)), {\n                  // set selectedLinearElement only if thats the only element selected\n                  selectedLinearElement: newSelectedElements.length === 1 && (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isLinearElement)(newSelectedElements[0]) ? new _excalidraw_element_linearElementEditor__WEBPACK_IMPORTED_MODULE_11__.LinearElementEditor(newSelectedElements[0]) : prevState.selectedLinearElement\n                });\n              });\n            }\n          } else if (hitElement.frameId && this.state.selectedElementIds[hitElement.frameId]) {\n            // when hitElement is part of a selected frame, deselect the frame\n            // to avoid frame and containing elements selected simultaneously\n            this.setState(prevState => {\n              var _a, _b;\n\n              const nextSelectedElementIds = Object.assign(Object.assign({}, prevState.selectedElementIds), {\n                [hitElement.id]: true\n              }); // deselect the frame\n\n              delete nextSelectedElementIds[hitElement.frameId]; // deselect groups containing the frame\n\n              ((_b = (_a = this.scene.getElement(hitElement.frameId)) === null || _a === void 0 ? void 0 : _a.groupIds) !== null && _b !== void 0 ? _b : []).flatMap(gid => (0,_excalidraw_element_groups__WEBPACK_IMPORTED_MODULE_31__.getElementsInGroup)(this.scene.getNonDeletedElements(), gid)).forEach(element => {\n                delete nextSelectedElementIds[element.id];\n              });\n              return Object.assign(Object.assign({}, (0,_excalidraw_element_groups__WEBPACK_IMPORTED_MODULE_31__.selectGroupsForSelectedElements)({\n                editingGroupId: prevState.editingGroupId,\n                selectedElementIds: nextSelectedElementIds\n              }, this.scene.getNonDeletedElements(), prevState, this)), {\n                showHyperlinkPopup: hitElement.link || (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isEmbeddableElement)(hitElement) ? \"info\" : false\n              });\n            });\n          } else {\n            // add element to selection while keeping prev elements selected\n            this.setState(_prevState => ({\n              selectedElementIds: (0,_excalidraw_element_selection__WEBPACK_IMPORTED_MODULE_33__.makeNextSelectedElementIds)(Object.assign(Object.assign({}, _prevState.selectedElementIds), {\n                [hitElement.id]: true\n              }), _prevState)\n            }));\n          }\n        } else {\n          this.setState(prevState => {\n            var _a;\n\n            return Object.assign(Object.assign({}, (0,_excalidraw_element_groups__WEBPACK_IMPORTED_MODULE_31__.selectGroupsForSelectedElements)({\n              editingGroupId: prevState.editingGroupId,\n              selectedElementIds: {\n                [hitElement.id]: true\n              }\n            }, this.scene.getNonDeletedElements(), prevState, this)), {\n              selectedLinearElement: (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isLinearElement)(hitElement) && // Don't set `selectedLinearElement` if its same as the hitElement, this is mainly to prevent resetting the `hoverPointIndex` to -1.\n              // Future we should update the API to take care of setting the correct `hoverPointIndex` when initialized\n              ((_a = prevState.selectedLinearElement) === null || _a === void 0 ? void 0 : _a.elementId) !== hitElement.id ? new _excalidraw_element_linearElementEditor__WEBPACK_IMPORTED_MODULE_11__.LinearElementEditor(hitElement) : prevState.selectedLinearElement\n            });\n          });\n        }\n      }\n\n      if ( // do not clear selection if lasso is active\n      this.state.activeTool.type !== \"lasso\" && // not elbow midpoint dragged\n      !(hitElement && (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isElbowArrow)(hitElement)) && // not dragged\n      !pointerDownState.drag.hasOccurred && // not resized\n      !this.state.isResizing && ( // only hitting the bounding box of the previous hit element\n      hitElement && (0,_excalidraw_element_collision__WEBPACK_IMPORTED_MODULE_23__.hitElementBoundingBoxOnly)({\n        x: pointerDownState.origin.x,\n        y: pointerDownState.origin.y,\n        element: hitElement,\n        shape: (0,_excalidraw_element_shapes__WEBPACK_IMPORTED_MODULE_17__.getElementShape)(hitElement, this.scene.getNonDeletedElementsMap()),\n        threshold: this.getElementHitThreshold(),\n        frameNameBound: (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isFrameLikeElement)(hitElement) ? this.frameNameBoundsCache.get(hitElement) : null\n      }, elementsMap) || !hitElement && pointerDownState.hit.hasHitCommonBoundingBoxOfSelectedElements)) {\n        if (this.state.editingLinearElement) {\n          this.setState({\n            editingLinearElement: null\n          });\n        } else {\n          // Deselect selected elements\n          this.setState({\n            selectedElementIds: (0,_excalidraw_element_selection__WEBPACK_IMPORTED_MODULE_33__.makeNextSelectedElementIds)({}, this.state),\n            selectedGroupIds: {},\n            editingGroupId: null,\n            activeEmbeddable: null\n          });\n        } // reset cursor\n\n\n        (0,_cursor__WEBPACK_IMPORTED_MODULE_73__.setCursor)(this.interactiveCanvas, _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.CURSOR_TYPE.AUTO);\n        return;\n      }\n\n      if (!activeTool.locked && activeTool.type !== \"freedraw\" && newElement) {\n        this.setState(prevState => ({\n          selectedElementIds: (0,_excalidraw_element_selection__WEBPACK_IMPORTED_MODULE_33__.makeNextSelectedElementIds)(Object.assign(Object.assign({}, prevState.selectedElementIds), {\n            [newElement.id]: true\n          }), prevState),\n          showHyperlinkPopup: (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isEmbeddableElement)(newElement) && !newElement.link ? \"editor\" : prevState.showHyperlinkPopup\n        }));\n      }\n\n      if (activeTool.type !== \"selection\" || (0,_scene__WEBPACK_IMPORTED_MODULE_61__.isSomeElementSelected)(this.scene.getNonDeletedElements(), this.state) || !(0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.isShallowEqual)(this.state.previousSelectedElementIds, this.state.selectedElementIds)) {\n        this.store.shouldCaptureIncrement();\n      }\n\n      if (pointerDownState.drag.hasOccurred || isResizing || isRotating || isCropping) {\n        // We only allow binding via linear elements, specifically via dragging\n        // the endpoints (\"start\" or \"end\").\n        const linearElements = this.scene.getSelectedElements(this.state).filter(_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isLinearElement);\n        (0,_excalidraw_element_binding__WEBPACK_IMPORTED_MODULE_10__.bindOrUnbindLinearElements)(linearElements, this.scene.getNonDeletedElementsMap(), this.scene.getNonDeletedElements(), this.scene, (0,_excalidraw_element_binding__WEBPACK_IMPORTED_MODULE_10__.isBindingEnabled)(this.state), (_o = (_m = this.state.selectedLinearElement) === null || _m === void 0 ? void 0 : _m.selectedPointsIndices) !== null && _o !== void 0 ? _o : [], this.state.zoom);\n      }\n\n      if (activeTool.type === \"laser\") {\n        this.laserTrails.endPath();\n        return;\n      }\n\n      if (!activeTool.locked && activeTool.type !== \"freedraw\" && (activeTool.type !== \"lasso\" || // if lasso is turned on but from selection => reset to selection\n      activeTool.type === \"lasso\" && activeTool.fromSelection)) {\n        (0,_cursor__WEBPACK_IMPORTED_MODULE_73__.resetCursor)(this.interactiveCanvas);\n        this.setState({\n          newElement: null,\n          suggestedBindings: [],\n          activeTool: (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.updateActiveTool)(this.state, {\n            type: \"selection\"\n          })\n        });\n      } else {\n        this.setState({\n          newElement: null,\n          suggestedBindings: []\n        });\n      }\n\n      if (hitElement && this.lastPointerUpEvent && this.lastPointerDownEvent && this.lastPointerUpEvent.timeStamp - this.lastPointerDownEvent.timeStamp < 300 && gesture.pointers.size <= 1 && (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isIframeLikeElement)(hitElement) && this.isIframeLikeElementCenter(hitElement, this.lastPointerUpEvent, pointerDownState.origin.x, pointerDownState.origin.y)) {\n        this.handleEmbeddableCenterClick(hitElement);\n      }\n    });\n  } //zsviczian - published on API\n\n\n  setSelection(elements) {\n    const selectedElementIds = {};\n    const selectedGroupIds = {};\n    elements.forEach(ele => {\n      if (ele.groupIds.length) {\n        selectedElementIds[ele.id] = true;\n        ele.groupIds.forEach(id => {\n          selectedGroupIds[id] = true;\n        });\n      } // exclude bound text elements as we don't mark them as selected when\n      // container is selected unless in group\n      else if (!(0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_15__.isBoundToContainer)(ele)) {\n        selectedElementIds[ele.id] = true;\n      }\n    });\n    this.setState({\n      previousSelectedElementIds: this.state.selectedElementIds,\n      selectedElementIds,\n      selectedGroupIds\n    });\n  }\n\n  clearSelection(hitElement) {\n    this.setState(prevState => ({\n      selectedElementIds: (0,_excalidraw_element_selection__WEBPACK_IMPORTED_MODULE_33__.makeNextSelectedElementIds)({}, prevState),\n      activeEmbeddable: null,\n      selectedGroupIds: {},\n      // Continue editing the same group if the user selected a different\n      // element from it\n      editingGroupId: prevState.editingGroupId && hitElement != null && (0,_excalidraw_element_groups__WEBPACK_IMPORTED_MODULE_31__.isElementInGroup)(hitElement, prevState.editingGroupId) ? prevState.editingGroupId : null\n    }));\n    this.setState({\n      selectedElementIds: (0,_excalidraw_element_selection__WEBPACK_IMPORTED_MODULE_33__.makeNextSelectedElementIds)({}, this.state),\n      activeEmbeddable: null,\n      previousSelectedElementIds: this.state.selectedElementIds\n    });\n  }\n\n  getTextWysiwygSnappedToCenterPosition(x, y, appState, container) {\n    if (container) {\n      let elementCenterX = container.x + container.width / 2;\n      let elementCenterY = container.y + container.height / 2;\n      const elementCenter = (0,_excalidraw_element_textElement__WEBPACK_IMPORTED_MODULE_20__.getContainerCenter)(container, appState, this.scene.getNonDeletedElementsMap());\n\n      if (elementCenter) {\n        elementCenterX = elementCenter.x;\n        elementCenterY = elementCenter.y;\n      }\n\n      const distanceToCenter = Math.hypot(x - elementCenterX, y - elementCenterY);\n      const isSnappedToCenter = distanceToCenter < _excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.TEXT_TO_CENTER_SNAP_THRESHOLD;\n\n      if (isSnappedToCenter) {\n        const {\n          x: viewportX,\n          y: viewportY\n        } = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_8__.sceneCoordsToViewportCoords)({\n          sceneX: elementCenterX,\n          sceneY: elementCenterY\n        }, appState);\n        return {\n          viewportX,\n          viewportY,\n          elementCenterX,\n          elementCenterY\n        };\n      }\n    }\n  }\n\n  getCanvasOffsets() {\n    var _a;\n\n    if ((_a = this.excalidrawContainerRef) === null || _a === void 0 ? void 0 : _a.current) {\n      const excalidrawContainer = this.excalidrawContainerRef.current;\n      const {\n        left,\n        top\n      } = excalidrawContainer.getBoundingClientRect();\n      return {\n        offsetLeft: left,\n        offsetTop: top\n      };\n    }\n\n    return {\n      offsetLeft: 0,\n      offsetTop: 0\n    };\n  }\n\n  async updateLanguage() {\n    const currentLang = _i18n__WEBPACK_IMPORTED_MODULE_60__.languages.find(lang => lang.code === this.props.langCode) || _i18n__WEBPACK_IMPORTED_MODULE_60__.defaultLang;\n    await (0,_i18n__WEBPACK_IMPORTED_MODULE_60__.setLanguage)(currentLang);\n    this.setAppState({});\n  }\n\n} // -----------------------------------------------------------------------------\n// TEST HOOKS\n// -----------------------------------------------------------------------------\n\n/* //zsviczian - I get a type error on h, but anyway I don't need this test hook\r\ndeclare global {\r\n  interface Window {\r\n    h: {\r\n      scene: Scene;\r\n      elements: readonly ExcalidrawElement[];\r\n      state: AppState;\r\n      setState: React.Component<any, AppState>[\"setState\"];\r\n      app: InstanceType<typeof App>;\r\n      history: History;\r\n      store: Store;\r\n    };\r\n  }\r\n}\r\n\r\nexport const createTestHook = () => {\r\n  if (isTestEnv() || isDevEnv()) {\r\n    window.h = window.h || ({} as Window[\"h\"]);\r\n\r\n    Object.defineProperties(window.h, {\r\n      elements: {\r\n        configurable: true,\r\n        get() {\r\n          return this.app?.scene.getElementsIncludingDeleted();\r\n        },\r\n        set(elements: ExcalidrawElement[]) {\r\n          return this.app?.scene.replaceAllElements(\r\n            syncInvalidIndices(elements),\r\n          );\r\n        },\r\n      },\r\n      scene: {\r\n        configurable: true,\r\n        get() {\r\n          return this.app?.scene;\r\n        },\r\n      },\r\n    });\r\n  }\r\n};\r\n\r\ncreateTestHook();\r\n*/\n\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (App);\n\n//# sourceURL=webpack://ExcalidrawLib/./components/App.tsx?");
 /***/ }),
@@ -15181,7 +15181,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n// extracted by mini-css-extr
 /***/ ((__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\": () => (/* binding */ LibraryMenuItems)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _excalidraw_common__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @excalidraw/common */ \"../common/src/index.ts\");\n/* harmony import */ var _excalidraw_element_duplicate__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @excalidraw/element/duplicate */ \"../element/src/duplicate.ts\");\n/* harmony import */ var _data_json__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../data/json */ \"./data/json.ts\");\n/* harmony import */ var _hooks_useLibraryItemSvg__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../hooks/useLibraryItemSvg */ \"./hooks/useLibraryItemSvg.ts\");\n/* harmony import */ var _hooks_useScrollPosition__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../hooks/useScrollPosition */ \"./hooks/useScrollPosition.ts\");\n/* harmony import */ var _i18n__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../i18n */ \"./i18n.ts\");\n/* harmony import */ var _LibraryMenuControlButtons__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./LibraryMenuControlButtons */ \"./components/LibraryMenuControlButtons.tsx\");\n/* harmony import */ var _LibraryMenuHeaderContent__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./LibraryMenuHeaderContent */ \"./components/LibraryMenuHeaderContent.tsx\");\n/* harmony import */ var _LibraryMenuSection__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./LibraryMenuSection */ \"./components/LibraryMenuSection.tsx\");\n/* harmony import */ var _Spinner__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./Spinner */ \"./components/Spinner.tsx\");\n/* harmony import */ var _Stack__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./Stack */ \"./components/Stack.tsx\");\n/* harmony import */ var _LibraryMenuItems_scss__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./LibraryMenuItems.scss */ \"./components/LibraryMenuItems.scss\");\n\n\n\n\n\n\n\n\n\n\n\n\n // using an odd number of items per batch so the rendering creates an irregular\n// pattern which looks more organic\n\nconst ITEMS_RENDERED_PER_BATCH = 17; // when render outputs cached we can render many more items per batch to\n// speed it up\n\nconst CACHED_ITEMS_RENDERED_PER_BATCH = 64;\nfunction LibraryMenuItems({\n  isLoading,\n  libraryItems,\n  onAddToLibrary,\n  onInsertLibraryItems,\n  pendingElements,\n  theme,\n  id,\n  libraryReturnUrl,\n  onSelectItems,\n  selectedItems\n}) {\n  const libraryContainerRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);\n  const scrollPosition = (0,_hooks_useScrollPosition__WEBPACK_IMPORTED_MODULE_5__.useScrollPosition)(libraryContainerRef); // This effect has to be called only on first render, therefore  `scrollPosition` isn't in the dependency array\n\n  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {\n    var _a;\n\n    if (scrollPosition > 0) {\n      (_a = libraryContainerRef.current) === null || _a === void 0 ? void 0 : _a.scrollTo(0, scrollPosition);\n    }\n  }, []); // eslint-disable-line react-hooks/exhaustive-deps\n\n  const {\n    svgCache\n  } = (0,_hooks_useLibraryItemSvg__WEBPACK_IMPORTED_MODULE_4__.useLibraryCache)();\n  const unpublishedItems = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => libraryItems.filter(item => item.status !== \"published\"), [libraryItems]);\n  const publishedItems = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => libraryItems.filter(item => item.status === \"published\"), [libraryItems]);\n  const showBtn = !libraryItems.length && !pendingElements.length;\n  const isLibraryEmpty = !pendingElements.length && !unpublishedItems.length && !publishedItems.length;\n  const [lastSelectedItem, setLastSelectedItem] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null);\n  const onItemSelectToggle = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)((id, event) => {\n    const shouldSelect = !selectedItems.includes(id);\n    const orderedItems = [...unpublishedItems, ...publishedItems];\n\n    if (shouldSelect) {\n      if (event.shiftKey && lastSelectedItem) {\n        const rangeStart = orderedItems.findIndex(item => item.id === lastSelectedItem);\n        const rangeEnd = orderedItems.findIndex(item => item.id === id);\n\n        if (rangeStart === -1 || rangeEnd === -1) {\n          onSelectItems([...selectedItems, id]);\n          return;\n        }\n\n        const selectedItemsMap = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_1__.arrayToMap)(selectedItems);\n        const nextSelectedIds = orderedItems.reduce((acc, item, idx) => {\n          if (idx >= rangeStart && idx <= rangeEnd || selectedItemsMap.has(item.id)) {\n            acc.push(item.id);\n          }\n\n          return acc;\n        }, []);\n        onSelectItems(nextSelectedIds);\n      } else {\n        onSelectItems([...selectedItems, id]);\n      }\n\n      setLastSelectedItem(id);\n    } else {\n      setLastSelectedItem(null);\n      onSelectItems(selectedItems.filter(_id => _id !== id));\n    }\n  }, [lastSelectedItem, onSelectItems, publishedItems, selectedItems, unpublishedItems]);\n  const getInsertedElements = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(id => {\n    let targetElements;\n\n    if (selectedItems.includes(id)) {\n      targetElements = libraryItems.filter(item => selectedItems.includes(item.id));\n    } else {\n      targetElements = libraryItems.filter(item => item.id === id);\n    }\n\n    return targetElements.map(item => {\n      return Object.assign(Object.assign({}, item), {\n        // duplicate each library item before inserting on canvas to confine\n        // ids and bindings to each library item. See #6465\n        elements: (0,_excalidraw_element_duplicate__WEBPACK_IMPORTED_MODULE_2__.duplicateElements)({\n          type: \"everything\",\n          elements: item.elements,\n          randomizeSeed: true\n        }).newElements\n      });\n    });\n  }, [libraryItems, selectedItems]);\n  const onItemDrag = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)((id, event) => {\n    event.dataTransfer.setData(_excalidraw_common__WEBPACK_IMPORTED_MODULE_1__.MIME_TYPES.excalidrawlib, (0,_data_json__WEBPACK_IMPORTED_MODULE_3__.serializeLibraryAsJSON)(getInsertedElements(id)));\n  }, [getInsertedElements]);\n  const isItemSelected = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(id => {\n    if (!id) {\n      return false;\n    }\n\n    return selectedItems.includes(id);\n  }, [selectedItems]);\n  const onAddToLibraryClick = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(() => {\n    onAddToLibrary(pendingElements);\n  }, [pendingElements, onAddToLibrary]);\n  const onItemClick = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(id => {\n    if (id) {\n      onInsertLibraryItems(getInsertedElements(id));\n    }\n  }, [getInsertedElements, onInsertLibraryItems]);\n  const itemsRenderedPerBatch = svgCache.size >= libraryItems.length ? CACHED_ITEMS_RENDERED_PER_BATCH : ITEMS_RENDERED_PER_BATCH;\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n    className: \"library-menu-items-container\",\n    style: pendingElements.length || unpublishedItems.length || publishedItems.length ? {\n      justifyContent: \"flex-start\"\n    } : {\n      borderBottom: 0\n    }\n  }, !isLibraryEmpty && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_LibraryMenuHeaderContent__WEBPACK_IMPORTED_MODULE_8__.LibraryDropdownMenu, {\n    selectedItems: selectedItems,\n    onSelectItems: onSelectItems,\n    className: \"library-menu-dropdown-container--in-heading\"\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Stack__WEBPACK_IMPORTED_MODULE_11__[\"default\"].Col, {\n    className: \"library-menu-items-container__items\",\n    align: \"start\",\n    gap: 1,\n    style: {\n      flex: publishedItems.length > 0 ? 1 : \"0 1 auto\",\n      marginBottom: 0\n    },\n    ref: libraryContainerRef\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, !isLibraryEmpty && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n    className: \"library-menu-items-container__header\"\n  }, (0,_i18n__WEBPACK_IMPORTED_MODULE_6__.t)(\"labels.personalLib\")), isLoading && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n    style: {\n      position: \"absolute\",\n      top: \"var(--container-padding-y)\",\n      right: \"var(--container-padding-x)\",\n      transform: \"translateY(50%)\"\n    }\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Spinner__WEBPACK_IMPORTED_MODULE_10__[\"default\"], null)), !pendingElements.length && !unpublishedItems.length ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n    className: \"library-menu-items__no-items\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n    className: \"library-menu-items__no-items__label\"\n  }, (0,_i18n__WEBPACK_IMPORTED_MODULE_6__.t)(\"library.noItems\")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n    className: \"library-menu-items__no-items__hint\"\n  }, publishedItems.length > 0 ? (0,_i18n__WEBPACK_IMPORTED_MODULE_6__.t)(\"library.hint_emptyPrivateLibrary\") : (0,_i18n__WEBPACK_IMPORTED_MODULE_6__.t)(\"library.hint_emptyLibrary\"))) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_LibraryMenuSection__WEBPACK_IMPORTED_MODULE_9__.LibraryMenuSectionGrid, null, pendingElements.length > 0 && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_LibraryMenuSection__WEBPACK_IMPORTED_MODULE_9__.LibraryMenuSection, {\n    itemsRenderedPerBatch: itemsRenderedPerBatch,\n    items: [{\n      id: null,\n      elements: pendingElements\n    }],\n    onItemSelectToggle: onItemSelectToggle,\n    onItemDrag: onItemDrag,\n    onClick: onAddToLibraryClick,\n    isItemSelected: isItemSelected,\n    svgCache: svgCache\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_LibraryMenuSection__WEBPACK_IMPORTED_MODULE_9__.LibraryMenuSection, {\n    itemsRenderedPerBatch: itemsRenderedPerBatch,\n    items: unpublishedItems,\n    onItemSelectToggle: onItemSelectToggle,\n    onItemDrag: onItemDrag,\n    onClick: onItemClick,\n    isItemSelected: isItemSelected,\n    svgCache: svgCache\n  }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, (publishedItems.length > 0 || pendingElements.length > 0 || unpublishedItems.length > 0) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n    className: \"library-menu-items-container__header library-menu-items-container__header--excal\"\n  }, (0,_i18n__WEBPACK_IMPORTED_MODULE_6__.t)(\"labels.excalidrawLib\")), publishedItems.length > 0 ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_LibraryMenuSection__WEBPACK_IMPORTED_MODULE_9__.LibraryMenuSectionGrid, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_LibraryMenuSection__WEBPACK_IMPORTED_MODULE_9__.LibraryMenuSection, {\n    itemsRenderedPerBatch: itemsRenderedPerBatch,\n    items: publishedItems,\n    onItemSelectToggle: onItemSelectToggle,\n    onItemDrag: onItemDrag,\n    onClick: onItemClick,\n    isItemSelected: isItemSelected,\n    svgCache: svgCache\n  })) : unpublishedItems.length > 0 ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n    style: {\n      margin: \"1rem 0\",\n      display: \"flex\",\n      flexDirection: \"column\",\n      alignItems: \"center\",\n      justifyContent: \"center\",\n      width: \"100%\",\n      fontSize: \".9rem\"\n    }\n  }, (0,_i18n__WEBPACK_IMPORTED_MODULE_6__.t)(\"library.noItems\")) : null), showBtn && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_LibraryMenuControlButtons__WEBPACK_IMPORTED_MODULE_7__.LibraryMenuControlButtons, {\n    style: {\n      padding: \"16px 0\",\n      width: \"100%\"\n    },\n    id: id,\n    libraryReturnUrl: libraryReturnUrl,\n    theme: theme\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_LibraryMenuHeaderContent__WEBPACK_IMPORTED_MODULE_8__.LibraryDropdownMenu, {\n    selectedItems: selectedItems,\n    onSelectItems: onSelectItems\n  }))));\n}\n\n//# sourceURL=webpack://ExcalidrawLib/./components/LibraryMenuItems.tsx?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (/* binding */ LibraryMenuItems)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _excalidraw_common__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @excalidraw/common */ \"../common/src/index.ts\");\n/* harmony import */ var _excalidraw_element_duplicate__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @excalidraw/element/duplicate */ \"../element/src/duplicate.ts\");\n/* harmony import */ var _data_json__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../data/json */ \"./data/json.ts\");\n/* harmony import */ var _hooks_useLibraryItemSvg__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../hooks/useLibraryItemSvg */ \"./hooks/useLibraryItemSvg.ts\");\n/* harmony import */ var _hooks_useScrollPosition__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../hooks/useScrollPosition */ \"./hooks/useScrollPosition.ts\");\n/* harmony import */ var _i18n__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../i18n */ \"./i18n.ts\");\n/* harmony import */ var _LibraryMenuControlButtons__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./LibraryMenuControlButtons */ \"./components/LibraryMenuControlButtons.tsx\");\n/* harmony import */ var _LibraryMenuHeaderContent__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./LibraryMenuHeaderContent */ \"./components/LibraryMenuHeaderContent.tsx\");\n/* harmony import */ var _LibraryMenuSection__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./LibraryMenuSection */ \"./components/LibraryMenuSection.tsx\");\n/* harmony import */ var _Spinner__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./Spinner */ \"./components/Spinner.tsx\");\n/* harmony import */ var _Stack__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./Stack */ \"./components/Stack.tsx\");\n/* harmony import */ var _LibraryMenuItems_scss__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./LibraryMenuItems.scss */ \"./components/LibraryMenuItems.scss\");\n\n\n\n\n\n\n\n\n\n\n\n\n // using an odd number of items per batch so the rendering creates an irregular\n// pattern which looks more organic\n\nconst ITEMS_RENDERED_PER_BATCH = 17; // when render outputs cached we can render many more items per batch to\n// speed it up\n\nconst CACHED_ITEMS_RENDERED_PER_BATCH = 64;\nfunction LibraryMenuItems({\n  isLoading,\n  libraryItems,\n  onAddToLibrary,\n  onInsertLibraryItems,\n  pendingElements,\n  theme,\n  id,\n  libraryReturnUrl,\n  onSelectItems,\n  selectedItems\n}) {\n  const libraryContainerRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);\n  const scrollPosition = (0,_hooks_useScrollPosition__WEBPACK_IMPORTED_MODULE_5__.useScrollPosition)(libraryContainerRef); // This effect has to be called only on first render, therefore  `scrollPosition` isn't in the dependency array\n\n  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {\n    var _a;\n\n    if (scrollPosition > 0) {\n      (_a = libraryContainerRef.current) === null || _a === void 0 ? void 0 : _a.scrollTo(0, scrollPosition);\n    }\n  }, []); // eslint-disable-line react-hooks/exhaustive-deps\n\n  const {\n    svgCache\n  } = (0,_hooks_useLibraryItemSvg__WEBPACK_IMPORTED_MODULE_4__.useLibraryCache)();\n  const unpublishedItems = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => libraryItems.filter(item => item.status !== \"published\"), [libraryItems]);\n  const publishedItems = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => libraryItems.filter(item => item.status === \"published\"), [libraryItems]);\n  const showBtn = !libraryItems.length && !pendingElements.length;\n  const isLibraryEmpty = !pendingElements.length && !unpublishedItems.length && !publishedItems.length;\n  const [lastSelectedItem, setLastSelectedItem] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null);\n  const onItemSelectToggle = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)((id, event) => {\n    const shouldSelect = !selectedItems.includes(id);\n    const orderedItems = [...unpublishedItems, ...publishedItems];\n\n    if (shouldSelect) {\n      if (event.shiftKey && lastSelectedItem) {\n        const rangeStart = orderedItems.findIndex(item => item.id === lastSelectedItem);\n        const rangeEnd = orderedItems.findIndex(item => item.id === id);\n\n        if (rangeStart === -1 || rangeEnd === -1) {\n          onSelectItems([...selectedItems, id]);\n          return;\n        }\n\n        const selectedItemsMap = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_1__.arrayToMap)(selectedItems);\n        const nextSelectedIds = orderedItems.reduce((acc, item, idx) => {\n          if (idx >= rangeStart && idx <= rangeEnd || selectedItemsMap.has(item.id)) {\n            acc.push(item.id);\n          }\n\n          return acc;\n        }, []);\n        onSelectItems(nextSelectedIds);\n      } else {\n        onSelectItems([...selectedItems, id]);\n      }\n\n      setLastSelectedItem(id);\n    } else {\n      setLastSelectedItem(null);\n      onSelectItems(selectedItems.filter(_id => _id !== id));\n    }\n  }, [lastSelectedItem, onSelectItems, publishedItems, selectedItems, unpublishedItems]);\n  const getInsertedElements = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(id => {\n    let targetElements;\n\n    if (selectedItems.includes(id)) {\n      targetElements = libraryItems.filter(item => selectedItems.includes(item.id));\n    } else {\n      targetElements = libraryItems.filter(item => item.id === id);\n    }\n\n    return targetElements.map(item => {\n      return Object.assign(Object.assign({}, item), {\n        // duplicate each library item before inserting on canvas to confine\n        // ids and bindings to each library item. See #6465\n        elements: (0,_excalidraw_element_duplicate__WEBPACK_IMPORTED_MODULE_2__.duplicateElements)({\n          type: \"everything\",\n          elements: item.elements,\n          randomizeSeed: true\n        }).duplicatedElements\n      });\n    });\n  }, [libraryItems, selectedItems]);\n  const onItemDrag = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)((id, event) => {\n    event.dataTransfer.setData(_excalidraw_common__WEBPACK_IMPORTED_MODULE_1__.MIME_TYPES.excalidrawlib, (0,_data_json__WEBPACK_IMPORTED_MODULE_3__.serializeLibraryAsJSON)(getInsertedElements(id)));\n  }, [getInsertedElements]);\n  const isItemSelected = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(id => {\n    if (!id) {\n      return false;\n    }\n\n    return selectedItems.includes(id);\n  }, [selectedItems]);\n  const onAddToLibraryClick = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(() => {\n    onAddToLibrary(pendingElements);\n  }, [pendingElements, onAddToLibrary]);\n  const onItemClick = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(id => {\n    if (id) {\n      onInsertLibraryItems(getInsertedElements(id));\n    }\n  }, [getInsertedElements, onInsertLibraryItems]);\n  const itemsRenderedPerBatch = svgCache.size >= libraryItems.length ? CACHED_ITEMS_RENDERED_PER_BATCH : ITEMS_RENDERED_PER_BATCH;\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n    className: \"library-menu-items-container\",\n    style: pendingElements.length || unpublishedItems.length || publishedItems.length ? {\n      justifyContent: \"flex-start\"\n    } : {\n      borderBottom: 0\n    }\n  }, !isLibraryEmpty && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_LibraryMenuHeaderContent__WEBPACK_IMPORTED_MODULE_8__.LibraryDropdownMenu, {\n    selectedItems: selectedItems,\n    onSelectItems: onSelectItems,\n    className: \"library-menu-dropdown-container--in-heading\"\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Stack__WEBPACK_IMPORTED_MODULE_11__[\"default\"].Col, {\n    className: \"library-menu-items-container__items\",\n    align: \"start\",\n    gap: 1,\n    style: {\n      flex: publishedItems.length > 0 ? 1 : \"0 1 auto\",\n      marginBottom: 0\n    },\n    ref: libraryContainerRef\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, !isLibraryEmpty && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n    className: \"library-menu-items-container__header\"\n  }, (0,_i18n__WEBPACK_IMPORTED_MODULE_6__.t)(\"labels.personalLib\")), isLoading && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n    style: {\n      position: \"absolute\",\n      top: \"var(--container-padding-y)\",\n      right: \"var(--container-padding-x)\",\n      transform: \"translateY(50%)\"\n    }\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Spinner__WEBPACK_IMPORTED_MODULE_10__[\"default\"], null)), !pendingElements.length && !unpublishedItems.length ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n    className: \"library-menu-items__no-items\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n    className: \"library-menu-items__no-items__label\"\n  }, (0,_i18n__WEBPACK_IMPORTED_MODULE_6__.t)(\"library.noItems\")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n    className: \"library-menu-items__no-items__hint\"\n  }, publishedItems.length > 0 ? (0,_i18n__WEBPACK_IMPORTED_MODULE_6__.t)(\"library.hint_emptyPrivateLibrary\") : (0,_i18n__WEBPACK_IMPORTED_MODULE_6__.t)(\"library.hint_emptyLibrary\"))) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_LibraryMenuSection__WEBPACK_IMPORTED_MODULE_9__.LibraryMenuSectionGrid, null, pendingElements.length > 0 && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_LibraryMenuSection__WEBPACK_IMPORTED_MODULE_9__.LibraryMenuSection, {\n    itemsRenderedPerBatch: itemsRenderedPerBatch,\n    items: [{\n      id: null,\n      elements: pendingElements\n    }],\n    onItemSelectToggle: onItemSelectToggle,\n    onItemDrag: onItemDrag,\n    onClick: onAddToLibraryClick,\n    isItemSelected: isItemSelected,\n    svgCache: svgCache\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_LibraryMenuSection__WEBPACK_IMPORTED_MODULE_9__.LibraryMenuSection, {\n    itemsRenderedPerBatch: itemsRenderedPerBatch,\n    items: unpublishedItems,\n    onItemSelectToggle: onItemSelectToggle,\n    onItemDrag: onItemDrag,\n    onClick: onItemClick,\n    isItemSelected: isItemSelected,\n    svgCache: svgCache\n  }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, (publishedItems.length > 0 || pendingElements.length > 0 || unpublishedItems.length > 0) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n    className: \"library-menu-items-container__header library-menu-items-container__header--excal\"\n  }, (0,_i18n__WEBPACK_IMPORTED_MODULE_6__.t)(\"labels.excalidrawLib\")), publishedItems.length > 0 ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_LibraryMenuSection__WEBPACK_IMPORTED_MODULE_9__.LibraryMenuSectionGrid, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_LibraryMenuSection__WEBPACK_IMPORTED_MODULE_9__.LibraryMenuSection, {\n    itemsRenderedPerBatch: itemsRenderedPerBatch,\n    items: publishedItems,\n    onItemSelectToggle: onItemSelectToggle,\n    onItemDrag: onItemDrag,\n    onClick: onItemClick,\n    isItemSelected: isItemSelected,\n    svgCache: svgCache\n  })) : unpublishedItems.length > 0 ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n    style: {\n      margin: \"1rem 0\",\n      display: \"flex\",\n      flexDirection: \"column\",\n      alignItems: \"center\",\n      justifyContent: \"center\",\n      width: \"100%\",\n      fontSize: \".9rem\"\n    }\n  }, (0,_i18n__WEBPACK_IMPORTED_MODULE_6__.t)(\"library.noItems\")) : null), showBtn && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_LibraryMenuControlButtons__WEBPACK_IMPORTED_MODULE_7__.LibraryMenuControlButtons, {\n    style: {\n      padding: \"16px 0\",\n      width: \"100%\"\n    },\n    id: id,\n    libraryReturnUrl: libraryReturnUrl,\n    theme: theme\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_LibraryMenuHeaderContent__WEBPACK_IMPORTED_MODULE_8__.LibraryDropdownMenu, {\n    selectedItems: selectedItems,\n    onSelectItems: onSelectItems\n  }))));\n}\n\n//# sourceURL=webpack://ExcalidrawLib/./components/LibraryMenuItems.tsx?");
 /***/ }),
@@ -16259,7 +16259,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\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _excalidraw_common__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @excalidraw/common */ \"../common/src/index.ts\");\n/* harmony import */ var _i18n__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../i18n */ \"./i18n.ts\");\n/* harmony import */ var _reactUtils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../reactUtils */ \"./reactUtils.ts\");\n/* harmony import */ var _renderer_interactiveScene__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../renderer/interactiveScene */ \"./renderer/interactiveScene.ts\");\n\n\n\n\n\n\nconst InteractiveCanvas = props => {\n  const isComponentMounted = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(false);\n  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {\n    var _a;\n\n    if (!isComponentMounted.current) {\n      isComponentMounted.current = true;\n      return;\n    }\n\n    const remotePointerButton = new Map();\n    const remotePointerViewportCoords = new Map();\n    const remoteSelectedElementIds = new Map();\n    const remotePointerUsernames = new Map();\n    const remotePointerUserStates = new Map();\n    props.appState.collaborators.forEach((user, socketId) => {\n      if (user.selectedElementIds) {\n        for (const id of Object.keys(user.selectedElementIds)) {\n          if (!remoteSelectedElementIds.has(id)) {\n            remoteSelectedElementIds.set(id, []);\n          }\n\n          remoteSelectedElementIds.get(id).push(socketId);\n        }\n      }\n\n      if (!user.pointer || user.pointer.renderCursor === false) {\n        return;\n      }\n\n      if (user.username) {\n        remotePointerUsernames.set(socketId, user.username);\n      }\n\n      if (user.userState) {\n        remotePointerUserStates.set(socketId, user.userState);\n      }\n\n      remotePointerViewportCoords.set(socketId, (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_1__.sceneCoordsToViewportCoords)({\n        sceneX: user.pointer.x,\n        sceneY: user.pointer.y\n      }, props.appState));\n      remotePointerButton.set(socketId, user.button);\n    });\n    const selectionColor = ((_a = props.containerRef) === null || _a === void 0 ? void 0 : _a.current) && getComputedStyle(props.containerRef.current).getPropertyValue(\"--color-selection\") || \"#6965db\";\n    (0,_renderer_interactiveScene__WEBPACK_IMPORTED_MODULE_4__.renderInteractiveScene)({\n      canvas: props.canvas,\n      elementsMap: props.elementsMap,\n      visibleElements: props.visibleElements,\n      selectedElements: props.selectedElements,\n      allElementsMap: props.allElementsMap,\n      scale: window.devicePixelRatio,\n      appState: props.appState,\n      renderConfig: {\n        remotePointerViewportCoords,\n        remotePointerButton,\n        remoteSelectedElementIds,\n        remotePointerUsernames,\n        remotePointerUserStates,\n        selectionColor,\n        renderScrollbars: false\n      },\n      device: props.device,\n      callback: props.renderInteractiveSceneCallback\n    }, (0,_reactUtils__WEBPACK_IMPORTED_MODULE_3__.isRenderThrottlingEnabled)());\n  });\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"canvas\", {\n    className: \"excalidraw__canvas interactive\",\n    style: {\n      width: props.appState.width,\n      height: props.appState.height,\n      cursor: props.appState.viewModeEnabled ? _excalidraw_common__WEBPACK_IMPORTED_MODULE_1__.CURSOR_TYPE.GRAB : _excalidraw_common__WEBPACK_IMPORTED_MODULE_1__.CURSOR_TYPE.AUTO\n    },\n    width: props.appState.width * props.scale,\n    height: props.appState.height * props.scale,\n    ref: props.handleCanvasRef,\n    onContextMenu: props.onContextMenu,\n    onPointerMove: props.onPointerMove,\n    onPointerUp: props.onPointerUp,\n    onPointerCancel: props.onPointerCancel,\n    onTouchMove: props.onTouchMove,\n    onPointerDown: props.onPointerDown,\n    onDoubleClick: props.onDoubleClick\n  }, (0,_i18n__WEBPACK_IMPORTED_MODULE_2__.t)(\"labels.drawingCanvas\"));\n};\n\nconst getRelevantAppStateProps = appState => ({\n  zoom: appState.zoom,\n  scrollX: appState.scrollX,\n  scrollY: appState.scrollY,\n  width: appState.width,\n  height: appState.height,\n  viewModeEnabled: appState.viewModeEnabled,\n  openDialog: appState.openDialog,\n  editingGroupId: appState.editingGroupId,\n  editingLinearElement: appState.editingLinearElement,\n  selectedElementIds: appState.selectedElementIds,\n  frameToHighlight: appState.frameToHighlight,\n  offsetLeft: appState.offsetLeft,\n  offsetTop: appState.offsetTop,\n  theme: appState.theme,\n  pendingImageElementId: appState.pendingImageElementId,\n  selectionElement: appState.selectionElement,\n  selectedGroupIds: appState.selectedGroupIds,\n  selectedLinearElement: appState.selectedLinearElement,\n  multiElement: appState.multiElement,\n  isBindingEnabled: appState.isBindingEnabled,\n  suggestedBindings: appState.suggestedBindings,\n  isRotating: appState.isRotating,\n  elementsToHighlight: appState.elementsToHighlight,\n  collaborators: appState.collaborators,\n  activeEmbeddable: appState.activeEmbeddable,\n  snapLines: appState.snapLines,\n  zenModeEnabled: appState.zenModeEnabled,\n  editingTextElement: appState.editingTextElement,\n  gridColor: appState.gridColor,\n  gridDirection: appState.gridDirection,\n  highlightSearchResult: appState.highlightSearchResult,\n  isCropping: appState.isCropping,\n  croppingElementId: appState.croppingElementId,\n  searchMatches: appState.searchMatches\n});\n\nconst areEqual = (prevProps, nextProps) => {\n  // This could be further optimised if needed, as we don't have to render interactive canvas on each scene mutation\n  if (prevProps.selectionNonce !== nextProps.selectionNonce || prevProps.sceneNonce !== nextProps.sceneNonce || prevProps.scale !== nextProps.scale || // we need to memoize on elementsMap because they may have renewed\n  // even if sceneNonce didn't change (e.g. we filter elements out based\n  // on appState)\n  prevProps.elementsMap !== nextProps.elementsMap || prevProps.visibleElements !== nextProps.visibleElements || prevProps.selectedElements !== nextProps.selectedElements) {\n    return false;\n  } // Comparing the interactive appState for changes in case of some edge cases\n\n\n  return (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_1__.isShallowEqual)( // asserting AppState because we're being passed the whole AppState\n  // but resolve to only the InteractiveCanvas-relevant props\n  getRelevantAppStateProps(prevProps.appState), getRelevantAppStateProps(nextProps.appState));\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().memo(InteractiveCanvas, areEqual));\n\n//# sourceURL=webpack://ExcalidrawLib/./components/canvases/InteractiveCanvas.tsx?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _excalidraw_common__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @excalidraw/common */ \"../common/src/index.ts\");\n/* harmony import */ var _i18n__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../i18n */ \"./i18n.ts\");\n/* harmony import */ var _reactUtils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../reactUtils */ \"./reactUtils.ts\");\n/* harmony import */ var _renderer_interactiveScene__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../renderer/interactiveScene */ \"./renderer/interactiveScene.ts\");\n\n\n\n\n\n\nconst InteractiveCanvas = props => {\n  const isComponentMounted = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(false);\n  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {\n    var _a;\n\n    if (!isComponentMounted.current) {\n      isComponentMounted.current = true;\n      return;\n    }\n\n    const remotePointerButton = new Map();\n    const remotePointerViewportCoords = new Map();\n    const remoteSelectedElementIds = new Map();\n    const remotePointerUsernames = new Map();\n    const remotePointerUserStates = new Map();\n    props.appState.collaborators.forEach((user, socketId) => {\n      if (user.selectedElementIds) {\n        for (const id of Object.keys(user.selectedElementIds)) {\n          if (!remoteSelectedElementIds.has(id)) {\n            remoteSelectedElementIds.set(id, []);\n          }\n\n          remoteSelectedElementIds.get(id).push(socketId);\n        }\n      }\n\n      if (!user.pointer || user.pointer.renderCursor === false) {\n        return;\n      }\n\n      if (user.username) {\n        remotePointerUsernames.set(socketId, user.username);\n      }\n\n      if (user.userState) {\n        remotePointerUserStates.set(socketId, user.userState);\n      }\n\n      remotePointerViewportCoords.set(socketId, (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_1__.sceneCoordsToViewportCoords)({\n        sceneX: user.pointer.x,\n        sceneY: user.pointer.y\n      }, props.appState));\n      remotePointerButton.set(socketId, user.button);\n    });\n    const selectionColor = ((_a = props.containerRef) === null || _a === void 0 ? void 0 : _a.current) && getComputedStyle(props.containerRef.current).getPropertyValue(\"--color-selection\") || \"#6965db\";\n    (0,_renderer_interactiveScene__WEBPACK_IMPORTED_MODULE_4__.renderInteractiveScene)({\n      canvas: props.canvas,\n      elementsMap: props.elementsMap,\n      visibleElements: props.visibleElements,\n      selectedElements: props.selectedElements,\n      allElementsMap: props.allElementsMap,\n      scale: window.devicePixelRatio,\n      appState: props.appState,\n      renderConfig: {\n        remotePointerViewportCoords,\n        remotePointerButton,\n        remoteSelectedElementIds,\n        remotePointerUsernames,\n        remotePointerUserStates,\n        selectionColor,\n        renderScrollbars: props.renderScrollbars\n      },\n      device: props.device,\n      callback: props.renderInteractiveSceneCallback\n    }, (0,_reactUtils__WEBPACK_IMPORTED_MODULE_3__.isRenderThrottlingEnabled)());\n  });\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"canvas\", {\n    className: \"excalidraw__canvas interactive\",\n    style: {\n      width: props.appState.width,\n      height: props.appState.height,\n      cursor: props.appState.viewModeEnabled ? _excalidraw_common__WEBPACK_IMPORTED_MODULE_1__.CURSOR_TYPE.GRAB : _excalidraw_common__WEBPACK_IMPORTED_MODULE_1__.CURSOR_TYPE.AUTO\n    },\n    width: props.appState.width * props.scale,\n    height: props.appState.height * props.scale,\n    ref: props.handleCanvasRef,\n    onContextMenu: props.onContextMenu,\n    onPointerMove: props.onPointerMove,\n    onPointerUp: props.onPointerUp,\n    onPointerCancel: props.onPointerCancel,\n    onTouchMove: props.onTouchMove,\n    onPointerDown: props.onPointerDown,\n    onDoubleClick: props.onDoubleClick\n  }, (0,_i18n__WEBPACK_IMPORTED_MODULE_2__.t)(\"labels.drawingCanvas\"));\n};\n\nconst getRelevantAppStateProps = appState => ({\n  zoom: appState.zoom,\n  scrollX: appState.scrollX,\n  scrollY: appState.scrollY,\n  width: appState.width,\n  height: appState.height,\n  viewModeEnabled: appState.viewModeEnabled,\n  openDialog: appState.openDialog,\n  editingGroupId: appState.editingGroupId,\n  editingLinearElement: appState.editingLinearElement,\n  selectedElementIds: appState.selectedElementIds,\n  frameToHighlight: appState.frameToHighlight,\n  offsetLeft: appState.offsetLeft,\n  offsetTop: appState.offsetTop,\n  theme: appState.theme,\n  pendingImageElementId: appState.pendingImageElementId,\n  selectionElement: appState.selectionElement,\n  selectedGroupIds: appState.selectedGroupIds,\n  selectedLinearElement: appState.selectedLinearElement,\n  multiElement: appState.multiElement,\n  isBindingEnabled: appState.isBindingEnabled,\n  suggestedBindings: appState.suggestedBindings,\n  isRotating: appState.isRotating,\n  elementsToHighlight: appState.elementsToHighlight,\n  collaborators: appState.collaborators,\n  activeEmbeddable: appState.activeEmbeddable,\n  snapLines: appState.snapLines,\n  zenModeEnabled: appState.zenModeEnabled,\n  editingTextElement: appState.editingTextElement,\n  gridColor: appState.gridColor,\n  gridDirection: appState.gridDirection,\n  highlightSearchResult: appState.highlightSearchResult,\n  isCropping: appState.isCropping,\n  croppingElementId: appState.croppingElementId,\n  searchMatches: appState.searchMatches\n});\n\nconst areEqual = (prevProps, nextProps) => {\n  // This could be further optimised if needed, as we don't have to render interactive canvas on each scene mutation\n  if (prevProps.selectionNonce !== nextProps.selectionNonce || prevProps.sceneNonce !== nextProps.sceneNonce || prevProps.scale !== nextProps.scale || // we need to memoize on elementsMap because they may have renewed\n  // even if sceneNonce didn't change (e.g. we filter elements out based\n  // on appState)\n  prevProps.elementsMap !== nextProps.elementsMap || prevProps.visibleElements !== nextProps.visibleElements || prevProps.selectedElements !== nextProps.selectedElements || prevProps.renderScrollbars !== nextProps.renderScrollbars) {\n    return false;\n  } // Comparing the interactive appState for changes in case of some edge cases\n\n\n  return (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_1__.isShallowEqual)( // asserting AppState because we're being passed the whole AppState\n  // but resolve to only the InteractiveCanvas-relevant props\n  getRelevantAppStateProps(prevProps.appState), getRelevantAppStateProps(nextProps.appState));\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().memo(InteractiveCanvas, areEqual));\n\n//# sourceURL=webpack://ExcalidrawLib/./components/canvases/InteractiveCanvas.tsx?");
 /***/ }),
@@ -16996,7 +16996,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  /**\r\n   * Generates CSS `@font-face` definition with the (subsetted) font source as a data url for the characters within the unicode range.\r\n   *\r\n   * Retrieves `undefined` otherwise.\r\n   */\n\n\n  toCSS(characters) {\n    // quick exit in case the characters are not within this font face's unicode range\n    if (!this.getUnicodeRangeRegex().test(characters)) {\n      return;\n    } //zsviczian - only woffs are chopped into glyphs other fonts are returned as is\n\n\n    if (typeof this.urls[0] === \"string\" && !this.urls[0].startsWith(\"data:font/woff2\")) {\n      return Promise.resolve(`@font-face { font-family: ${this.fontFace.family}; src: url(${this.urls[0]}); }`);\n    }\n\n    const codepoints = Array.from(characters).map(char => char.codePointAt(0));\n    return this.getContent(codepoints).then(content => `@font-face { font-family: ${this.fontFace.family}; src: url(${content}); }`);\n  }\n  /**\r\n   * Tries to fetch woff2 content, based on the registered urls (from first to last, treated as fallbacks).\r\n   *\r\n   * @returns base64 with subsetted glyphs based on the passed codepoint, last defined url otherwise\r\n   */\n\n\n  async getContent(codePoints) {\n    let i = 0;\n    const errorMessages = [];\n\n    while (i < this.urls.length) {\n      const url = this.urls[i];\n\n      try {\n        const arrayBuffer = await this.fetchFont(url);\n        const base64 = await (0,_subset_subset_main__WEBPACK_IMPORTED_MODULE_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  /**\r\n   * zsviczian https://github.com/zsviczian/excalidraw/commit/b4cfaaa4b4f46ca01f94e27fb7bf651a9da99daa\r\n   */\n\n\n  async getContentLegacy() {\n    let i = 0;\n    const errorMessages = [];\n\n    while (i < this.urls.length) {\n      const url = this.urls[i];\n\n      if (typeof url === \"string\" && url.startsWith(\"data:\")) {\n        // it's dataurl, the font is inlined as base64, no need to fetch\n        return url;\n      }\n\n      try {\n        const result = await (0,_obsidianUtils__WEBPACK_IMPORTED_MODULE_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/${({\"VITE_APP_BACKEND_V2_GET_URL\":\"https://json-dev.excalidraw.com/api/v2/\",\"VITE_APP_BACKEND_V2_POST_URL\":\"https://json-dev.excalidraw.com/api/v2/post/\",\"VITE_APP_LIBRARY_URL\":\"https://libraries.excalidraw.com\",\"VITE_APP_LIBRARY_BACKEND\":\"https://us-central1-excalidraw-room-persistence.cloudfunctions.net/libraries\",\"VITE_APP_WS_SERVER_URL\":\"http://localhost:3002\",\"VITE_APP_PLUS_LP\":\"https://plus.excalidraw.com\",\"VITE_APP_PLUS_APP\":\"http://localhost:3000\",\"VITE_APP_AI_BACKEND\":\"http://localhost:3015\",\"VITE_APP_FIREBASE_CONFIG\":\"{\\\"apiKey\\\":\\\"AIzaSyCMkxA60XIW8KbqMYL7edC4qT5l4qHX2h8\\\",\\\"authDomain\\\":\\\"excalidraw-oss-dev.firebaseapp.com\\\",\\\"projectId\\\":\\\"excalidraw-oss-dev\\\",\\\"storageBucket\\\":\\\"excalidraw-oss-dev.appspot.com\\\",\\\"messagingSenderId\\\":\\\"664559512677\\\",\\\"appId\\\":\\\"1:664559512677:web:a385181f2928d328a7aa8c\\\"}\",\"VITE_APP_DEV_DISABLE_LIVE_RELOAD\":\"\",\"VITE_APP_ENABLE_TRACKING\":\"true\",\"FAST_REFRESH\":\"false\",\"VITE_APP_PORT\":\"3000\",\"VITE_APP_DEBUG_ENABLE_TEXT_CONTAINER_BOUNDING_BOX\":\"\",\"VITE_APP_COLLAPSE_OVERLAY\":\"true\",\"VITE_APP_ENABLE_ESLINT\":\"true\",\"VITE_APP_ENABLE_PWA\":\"false\",\"VITE_APP_PLUS_EXPORT_PUBLIC_KEY\":\"MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAm2g5T+Rub6Kbf1Mf57t0\\n7r2zeHuVg4dla3r5ryXMswtzz6x767octl6oLThn33mQsPSy3GKglFZoCTXJR4ij\\nba8SxB04sL/N8eRrKja7TFWjCVtRwTTfyy771NYYNFVJclkxHyE5qw4m27crHF1y\\nUNWEjuqNMi/lwAErS9fFa2oJlWyT8U7zzv/5kQREkxZI6y9v0AF3qcbsy2731FnD\\ns9ChJvOUW9toIab2gsIdrKW8ZNpu084ZFVKb6LNjvIXI1Se4oMTHeszXzNptzlot\\nkdxxjOoaQMAyfljFSot1F1FlU6MQlag7UnFGvFjRHN1JI5q4K+n3a67DX+TMyRqS\\nHQIDAQAB\",\"VITE_APP_DISABLE_PREVENT_UNLOAD\":\"\",\"VITE_PKG_NAME\":\"@zsviczian/excalidraw\",\"VITE_PKG_VERSION\":\"0.18.0-6\",\"VITE_IS_EXCALIDRAW_NPM_PACKAGE\":true}).PKG_NAME ? `${({\"VITE_APP_BACKEND_V2_GET_URL\":\"https://json-dev.excalidraw.com/api/v2/\",\"VITE_APP_BACKEND_V2_POST_URL\":\"https://json-dev.excalidraw.com/api/v2/post/\",\"VITE_APP_LIBRARY_URL\":\"https://libraries.excalidraw.com\",\"VITE_APP_LIBRARY_BACKEND\":\"https://us-central1-excalidraw-room-persistence.cloudfunctions.net/libraries\",\"VITE_APP_WS_SERVER_URL\":\"http://localhost:3002\",\"VITE_APP_PLUS_LP\":\"https://plus.excalidraw.com\",\"VITE_APP_PLUS_APP\":\"http://localhost:3000\",\"VITE_APP_AI_BACKEND\":\"http://localhost:3015\",\"VITE_APP_FIREBASE_CONFIG\":\"{\\\"apiKey\\\":\\\"AIzaSyCMkxA60XIW8KbqMYL7edC4qT5l4qHX2h8\\\",\\\"authDomain\\\":\\\"excalidraw-oss-dev.firebaseapp.com\\\",\\\"projectId\\\":\\\"excalidraw-oss-dev\\\",\\\"storageBucket\\\":\\\"excalidraw-oss-dev.appspot.com\\\",\\\"messagingSenderId\\\":\\\"664559512677\\\",\\\"appId\\\":\\\"1:664559512677:web:a385181f2928d328a7aa8c\\\"}\",\"VITE_APP_DEV_DISABLE_LIVE_RELOAD\":\"\",\"VITE_APP_ENABLE_TRACKING\":\"true\",\"FAST_REFRESH\":\"false\",\"VITE_APP_PORT\":\"3000\",\"VITE_APP_DEBUG_ENABLE_TEXT_CONTAINER_BOUNDING_BOX\":\"\",\"VITE_APP_COLLAPSE_OVERLAY\":\"true\",\"VITE_APP_ENABLE_ESLINT\":\"true\",\"VITE_APP_ENABLE_PWA\":\"false\",\"VITE_APP_PLUS_EXPORT_PUBLIC_KEY\":\"MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAm2g5T+Rub6Kbf1Mf57t0\\n7r2zeHuVg4dla3r5ryXMswtzz6x767octl6oLThn33mQsPSy3GKglFZoCTXJR4ij\\nba8SxB04sL/N8eRrKja7TFWjCVtRwTTfyy771NYYNFVJclkxHyE5qw4m27crHF1y\\nUNWEjuqNMi/lwAErS9fFa2oJlWyT8U7zzv/5kQREkxZI6y9v0AF3qcbsy2731FnD\\ns9ChJvOUW9toIab2gsIdrKW8ZNpu084ZFVKb6LNjvIXI1Se4oMTHeszXzNptzlot\\nkdxxjOoaQMAyfljFSot1F1FlU6MQlag7UnFGvFjRHN1JI5q4K+n3a67DX+TMyRqS\\nHQIDAQAB\",\"VITE_APP_DISABLE_PREVENT_UNLOAD\":\"\",\"VITE_PKG_NAME\":\"@zsviczian/excalidraw\",\"VITE_PKG_VERSION\":\"0.18.0-6\",\"VITE_IS_EXCALIDRAW_NPM_PACKAGE\":true}).PKG_NAME}@${({\"VITE_APP_BACKEND_V2_GET_URL\":\"https://json-dev.excalidraw.com/api/v2/\",\"VITE_APP_BACKEND_V2_POST_URL\":\"https://json-dev.excalidraw.com/api/v2/post/\",\"VITE_APP_LIBRARY_URL\":\"https://libraries.excalidraw.com\",\"VITE_APP_LIBRARY_BACKEND\":\"https://us-central1-excalidraw-room-persistence.cloudfunctions.net/libraries\",\"VITE_APP_WS_SERVER_URL\":\"http://localhost:3002\",\"VITE_APP_PLUS_LP\":\"https://plus.excalidraw.com\",\"VITE_APP_PLUS_APP\":\"http://localhost:3000\",\"VITE_APP_AI_BACKEND\":\"http://localhost:3015\",\"VITE_APP_FIREBASE_CONFIG\":\"{\\\"apiKey\\\":\\\"AIzaSyCMkxA60XIW8KbqMYL7edC4qT5l4qHX2h8\\\",\\\"authDomain\\\":\\\"excalidraw-oss-dev.firebaseapp.com\\\",\\\"projectId\\\":\\\"excalidraw-oss-dev\\\",\\\"storageBucket\\\":\\\"excalidraw-oss-dev.appspot.com\\\",\\\"messagingSenderId\\\":\\\"664559512677\\\",\\\"appId\\\":\\\"1:664559512677:web:a385181f2928d328a7aa8c\\\"}\",\"VITE_APP_DEV_DISABLE_LIVE_RELOAD\":\"\",\"VITE_APP_ENABLE_TRACKING\":\"true\",\"FAST_REFRESH\":\"false\",\"VITE_APP_PORT\":\"3000\",\"VITE_APP_DEBUG_ENABLE_TEXT_CONTAINER_BOUNDING_BOX\":\"\",\"VITE_APP_COLLAPSE_OVERLAY\":\"true\",\"VITE_APP_ENABLE_ESLINT\":\"true\",\"VITE_APP_ENABLE_PWA\":\"false\",\"VITE_APP_PLUS_EXPORT_PUBLIC_KEY\":\"MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAm2g5T+Rub6Kbf1Mf57t0\\n7r2zeHuVg4dla3r5ryXMswtzz6x767octl6oLThn33mQsPSy3GKglFZoCTXJR4ij\\nba8SxB04sL/N8eRrKja7TFWjCVtRwTTfyy771NYYNFVJclkxHyE5qw4m27crHF1y\\nUNWEjuqNMi/lwAErS9fFa2oJlWyT8U7zzv/5kQREkxZI6y9v0AF3qcbsy2731FnD\\ns9ChJvOUW9toIab2gsIdrKW8ZNpu084ZFVKb6LNjvIXI1Se4oMTHeszXzNptzlot\\nkdxxjOoaQMAyfljFSot1F1FlU6MQlag7UnFGvFjRHN1JI5q4K+n3a67DX+TMyRqS\\nHQIDAQAB\",\"VITE_APP_DISABLE_PREVENT_UNLOAD\":\"\",\"VITE_PKG_NAME\":\"@zsviczian/excalidraw\",\"VITE_PKG_VERSION\":\"0.18.0-6\",\"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  /**\r\n   * Generates CSS `@font-face` definition with the (subsetted) font source as a data url for the characters within the unicode range.\r\n   *\r\n   * Retrieves `undefined` otherwise.\r\n   */\n\n\n  toCSS(characters) {\n    // quick exit in case the characters are not within this font face's unicode range\n    if (!this.getUnicodeRangeRegex().test(characters)) {\n      return;\n    } //zsviczian - only woffs are chopped into glyphs other fonts are returned as is\n\n\n    if (typeof this.urls[0] === \"string\" && !this.urls[0].startsWith(\"data:font/woff2\")) {\n      return Promise.resolve(`@font-face { font-family: ${this.fontFace.family}; src: url(${this.urls[0]}); }`);\n    }\n\n    const codepoints = Array.from(characters).map(char => char.codePointAt(0));\n    return this.getContent(codepoints).then(content => `@font-face { font-family: ${this.fontFace.family}; src: url(${content}); }`);\n  }\n  /**\r\n   * Tries to fetch woff2 content, based on the registered urls (from first to last, treated as fallbacks).\r\n   *\r\n   * @returns base64 with subsetted glyphs based on the passed codepoint, last defined url otherwise\r\n   */\n\n\n  async getContent(codePoints) {\n    let i = 0;\n    const errorMessages = [];\n\n    while (i < this.urls.length) {\n      const url = this.urls[i];\n\n      try {\n        const arrayBuffer = await this.fetchFont(url);\n        const base64 = await (0,_subset_subset_main__WEBPACK_IMPORTED_MODULE_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  /**\r\n   * zsviczian https://github.com/zsviczian/excalidraw/commit/b4cfaaa4b4f46ca01f94e27fb7bf651a9da99daa\r\n   */\n\n\n  async getContentLegacy() {\n    let i = 0;\n    const errorMessages = [];\n\n    while (i < this.urls.length) {\n      const url = this.urls[i];\n\n      if (typeof url === \"string\" && url.startsWith(\"data:\")) {\n        // it's dataurl, the font is inlined as base64, no need to fetch\n        return url;\n      }\n\n      try {\n        const result = await (0,_obsidianUtils__WEBPACK_IMPORTED_MODULE_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/${({\"VITE_APP_BACKEND_V2_GET_URL\":\"https://json-dev.excalidraw.com/api/v2/\",\"VITE_APP_BACKEND_V2_POST_URL\":\"https://json-dev.excalidraw.com/api/v2/post/\",\"VITE_APP_LIBRARY_URL\":\"https://libraries.excalidraw.com\",\"VITE_APP_LIBRARY_BACKEND\":\"https://us-central1-excalidraw-room-persistence.cloudfunctions.net/libraries\",\"VITE_APP_WS_SERVER_URL\":\"http://localhost:3002\",\"VITE_APP_PLUS_LP\":\"https://plus.excalidraw.com\",\"VITE_APP_PLUS_APP\":\"http://localhost:3000\",\"VITE_APP_AI_BACKEND\":\"http://localhost:3015\",\"VITE_APP_FIREBASE_CONFIG\":\"{\\\"apiKey\\\":\\\"AIzaSyCMkxA60XIW8KbqMYL7edC4qT5l4qHX2h8\\\",\\\"authDomain\\\":\\\"excalidraw-oss-dev.firebaseapp.com\\\",\\\"projectId\\\":\\\"excalidraw-oss-dev\\\",\\\"storageBucket\\\":\\\"excalidraw-oss-dev.appspot.com\\\",\\\"messagingSenderId\\\":\\\"664559512677\\\",\\\"appId\\\":\\\"1:664559512677:web:a385181f2928d328a7aa8c\\\"}\",\"VITE_APP_DEV_DISABLE_LIVE_RELOAD\":\"\",\"VITE_APP_ENABLE_TRACKING\":\"true\",\"FAST_REFRESH\":\"false\",\"VITE_APP_PORT\":\"3000\",\"VITE_APP_DEBUG_ENABLE_TEXT_CONTAINER_BOUNDING_BOX\":\"\",\"VITE_APP_COLLAPSE_OVERLAY\":\"true\",\"VITE_APP_ENABLE_ESLINT\":\"true\",\"VITE_APP_ENABLE_PWA\":\"false\",\"VITE_APP_PLUS_EXPORT_PUBLIC_KEY\":\"MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAm2g5T+Rub6Kbf1Mf57t0\\n7r2zeHuVg4dla3r5ryXMswtzz6x767octl6oLThn33mQsPSy3GKglFZoCTXJR4ij\\nba8SxB04sL/N8eRrKja7TFWjCVtRwTTfyy771NYYNFVJclkxHyE5qw4m27crHF1y\\nUNWEjuqNMi/lwAErS9fFa2oJlWyT8U7zzv/5kQREkxZI6y9v0AF3qcbsy2731FnD\\ns9ChJvOUW9toIab2gsIdrKW8ZNpu084ZFVKb6LNjvIXI1Se4oMTHeszXzNptzlot\\nkdxxjOoaQMAyfljFSot1F1FlU6MQlag7UnFGvFjRHN1JI5q4K+n3a67DX+TMyRqS\\nHQIDAQAB\",\"VITE_APP_DISABLE_PREVENT_UNLOAD\":\"\",\"VITE_PKG_NAME\":\"@zsviczian/excalidraw\",\"VITE_PKG_VERSION\":\"0.18.0-9\",\"VITE_IS_EXCALIDRAW_NPM_PACKAGE\":true}).PKG_NAME ? `${({\"VITE_APP_BACKEND_V2_GET_URL\":\"https://json-dev.excalidraw.com/api/v2/\",\"VITE_APP_BACKEND_V2_POST_URL\":\"https://json-dev.excalidraw.com/api/v2/post/\",\"VITE_APP_LIBRARY_URL\":\"https://libraries.excalidraw.com\",\"VITE_APP_LIBRARY_BACKEND\":\"https://us-central1-excalidraw-room-persistence.cloudfunctions.net/libraries\",\"VITE_APP_WS_SERVER_URL\":\"http://localhost:3002\",\"VITE_APP_PLUS_LP\":\"https://plus.excalidraw.com\",\"VITE_APP_PLUS_APP\":\"http://localhost:3000\",\"VITE_APP_AI_BACKEND\":\"http://localhost:3015\",\"VITE_APP_FIREBASE_CONFIG\":\"{\\\"apiKey\\\":\\\"AIzaSyCMkxA60XIW8KbqMYL7edC4qT5l4qHX2h8\\\",\\\"authDomain\\\":\\\"excalidraw-oss-dev.firebaseapp.com\\\",\\\"projectId\\\":\\\"excalidraw-oss-dev\\\",\\\"storageBucket\\\":\\\"excalidraw-oss-dev.appspot.com\\\",\\\"messagingSenderId\\\":\\\"664559512677\\\",\\\"appId\\\":\\\"1:664559512677:web:a385181f2928d328a7aa8c\\\"}\",\"VITE_APP_DEV_DISABLE_LIVE_RELOAD\":\"\",\"VITE_APP_ENABLE_TRACKING\":\"true\",\"FAST_REFRESH\":\"false\",\"VITE_APP_PORT\":\"3000\",\"VITE_APP_DEBUG_ENABLE_TEXT_CONTAINER_BOUNDING_BOX\":\"\",\"VITE_APP_COLLAPSE_OVERLAY\":\"true\",\"VITE_APP_ENABLE_ESLINT\":\"true\",\"VITE_APP_ENABLE_PWA\":\"false\",\"VITE_APP_PLUS_EXPORT_PUBLIC_KEY\":\"MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAm2g5T+Rub6Kbf1Mf57t0\\n7r2zeHuVg4dla3r5ryXMswtzz6x767octl6oLThn33mQsPSy3GKglFZoCTXJR4ij\\nba8SxB04sL/N8eRrKja7TFWjCVtRwTTfyy771NYYNFVJclkxHyE5qw4m27crHF1y\\nUNWEjuqNMi/lwAErS9fFa2oJlWyT8U7zzv/5kQREkxZI6y9v0AF3qcbsy2731FnD\\ns9ChJvOUW9toIab2gsIdrKW8ZNpu084ZFVKb6LNjvIXI1Se4oMTHeszXzNptzlot\\nkdxxjOoaQMAyfljFSot1F1FlU6MQlag7UnFGvFjRHN1JI5q4K+n3a67DX+TMyRqS\\nHQIDAQAB\",\"VITE_APP_DISABLE_PREVENT_UNLOAD\":\"\",\"VITE_PKG_NAME\":\"@zsviczian/excalidraw\",\"VITE_PKG_VERSION\":\"0.18.0-9\",\"VITE_IS_EXCALIDRAW_NPM_PACKAGE\":true}).PKG_NAME}@${({\"VITE_APP_BACKEND_V2_GET_URL\":\"https://json-dev.excalidraw.com/api/v2/\",\"VITE_APP_BACKEND_V2_POST_URL\":\"https://json-dev.excalidraw.com/api/v2/post/\",\"VITE_APP_LIBRARY_URL\":\"https://libraries.excalidraw.com\",\"VITE_APP_LIBRARY_BACKEND\":\"https://us-central1-excalidraw-room-persistence.cloudfunctions.net/libraries\",\"VITE_APP_WS_SERVER_URL\":\"http://localhost:3002\",\"VITE_APP_PLUS_LP\":\"https://plus.excalidraw.com\",\"VITE_APP_PLUS_APP\":\"http://localhost:3000\",\"VITE_APP_AI_BACKEND\":\"http://localhost:3015\",\"VITE_APP_FIREBASE_CONFIG\":\"{\\\"apiKey\\\":\\\"AIzaSyCMkxA60XIW8KbqMYL7edC4qT5l4qHX2h8\\\",\\\"authDomain\\\":\\\"excalidraw-oss-dev.firebaseapp.com\\\",\\\"projectId\\\":\\\"excalidraw-oss-dev\\\",\\\"storageBucket\\\":\\\"excalidraw-oss-dev.appspot.com\\\",\\\"messagingSenderId\\\":\\\"664559512677\\\",\\\"appId\\\":\\\"1:664559512677:web:a385181f2928d328a7aa8c\\\"}\",\"VITE_APP_DEV_DISABLE_LIVE_RELOAD\":\"\",\"VITE_APP_ENABLE_TRACKING\":\"true\",\"FAST_REFRESH\":\"false\",\"VITE_APP_PORT\":\"3000\",\"VITE_APP_DEBUG_ENABLE_TEXT_CONTAINER_BOUNDING_BOX\":\"\",\"VITE_APP_COLLAPSE_OVERLAY\":\"true\",\"VITE_APP_ENABLE_ESLINT\":\"true\",\"VITE_APP_ENABLE_PWA\":\"false\",\"VITE_APP_PLUS_EXPORT_PUBLIC_KEY\":\"MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAm2g5T+Rub6Kbf1Mf57t0\\n7r2zeHuVg4dla3r5ryXMswtzz6x767octl6oLThn33mQsPSy3GKglFZoCTXJR4ij\\nba8SxB04sL/N8eRrKja7TFWjCVtRwTTfyy771NYYNFVJclkxHyE5qw4m27crHF1y\\nUNWEjuqNMi/lwAErS9fFa2oJlWyT8U7zzv/5kQREkxZI6y9v0AF3qcbsy2731FnD\\ns9ChJvOUW9toIab2gsIdrKW8ZNpu084ZFVKb6LNjvIXI1Se4oMTHeszXzNptzlot\\nkdxxjOoaQMAyfljFSot1F1FlU6MQlag7UnFGvFjRHN1JI5q4K+n3a67DX+TMyRqS\\nHQIDAQAB\",\"VITE_APP_DISABLE_PREVENT_UNLOAD\":\"\",\"VITE_PKG_NAME\":\"@zsviczian/excalidraw\",\"VITE_PKG_VERSION\":\"0.18.0-9\",\"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?");
 /***/ }),
@@ -19735,7 +19735,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 */   Button: () => (/* reexport safe */ _components_Button__WEBPACK_IMPORTED_MODULE_37__.Button),\n/* harmony export */   CaptureUpdateAction: () => (/* reexport safe */ _store__WEBPACK_IMPORTED_MODULE_34__.CaptureUpdateAction),\n/* harmony export */   DEFAULT_LASER_COLOR: () => (/* reexport safe */ _excalidraw_common__WEBPACK_IMPORTED_MODULE_1__.DEFAULT_LASER_COLOR),\n/* harmony export */   DefaultSidebar: () => (/* reexport safe */ _components_DefaultSidebar__WEBPACK_IMPORTED_MODULE_39__.DefaultSidebar),\n/* harmony export */   DiagramToCodePlugin: () => (/* reexport safe */ _components_DiagramToCodePlugin_DiagramToCodePlugin__WEBPACK_IMPORTED_MODULE_45__.DiagramToCodePlugin),\n/* harmony export */   Excalidraw: () => (/* binding */ Excalidraw),\n/* harmony export */   FONT_FAMILY: () => (/* reexport safe */ _excalidraw_common__WEBPACK_IMPORTED_MODULE_1__.FONT_FAMILY),\n/* harmony export */   Footer: () => (/* reexport safe */ _components_footer_FooterCenter__WEBPACK_IMPORTED_MODULE_4__[\"default\"]),\n/* harmony export */   LiveCollaborationTrigger: () => (/* reexport safe */ _components_live_collaboration_LiveCollaborationTrigger__WEBPACK_IMPORTED_MODULE_5__[\"default\"]),\n/* harmony export */   MIME_TYPES: () => (/* reexport safe */ _excalidraw_common__WEBPACK_IMPORTED_MODULE_1__.MIME_TYPES),\n/* harmony export */   MainMenu: () => (/* reexport safe */ _components_main_menu_MainMenu__WEBPACK_IMPORTED_MODULE_6__[\"default\"]),\n/* harmony export */   ROUNDNESS: () => (/* reexport safe */ _excalidraw_common__WEBPACK_IMPORTED_MODULE_1__.ROUNDNESS),\n/* harmony export */   Sidebar: () => (/* reexport safe */ _components_Sidebar_Sidebar__WEBPACK_IMPORTED_MODULE_36__.Sidebar),\n/* harmony export */   Stats: () => (/* reexport safe */ _components_Stats__WEBPACK_IMPORTED_MODULE_38__.Stats),\n/* harmony export */   THEME: () => (/* reexport safe */ _excalidraw_common__WEBPACK_IMPORTED_MODULE_1__.THEME),\n/* harmony export */   TTDDialog: () => (/* reexport safe */ _components_TTDDialog_TTDDialog__WEBPACK_IMPORTED_MODULE_40__.TTDDialog),\n/* harmony export */   TTDDialogTrigger: () => (/* reexport safe */ _components_TTDDialog_TTDDialogTrigger__WEBPACK_IMPORTED_MODULE_41__.TTDDialogTrigger),\n/* harmony export */   UserIdleState: () => (/* reexport safe */ _excalidraw_common__WEBPACK_IMPORTED_MODULE_1__.UserIdleState),\n/* harmony export */   WelcomeScreen: () => (/* reexport safe */ _components_welcome_screen_WelcomeScreen__WEBPACK_IMPORTED_MODULE_7__[\"default\"]),\n/* harmony export */   bumpVersion: () => (/* reexport safe */ _excalidraw_element_mutateElement__WEBPACK_IMPORTED_MODULE_33__.bumpVersion),\n/* harmony export */   convertToExcalidrawElements: () => (/* reexport safe */ _data_transform__WEBPACK_IMPORTED_MODULE_43__.convertToExcalidrawElements),\n/* harmony export */   defaultLang: () => (/* reexport safe */ _i18n__WEBPACK_IMPORTED_MODULE_8__.defaultLang),\n/* harmony export */   destroyObsidianUtils: () => (/* reexport safe */ _excalidraw_obsidianUtils__WEBPACK_IMPORTED_MODULE_26__.destroyObsidianUtils),\n/* harmony export */   determineFocusDistance: () => (/* reexport safe */ _excalidraw_element_binding__WEBPACK_IMPORTED_MODULE_22__.determineFocusDistance),\n/* harmony export */   elementPartiallyOverlapsWithOrContainsBBox: () => (/* reexport safe */ _excalidraw_utils_withinBounds__WEBPACK_IMPORTED_MODULE_44__.elementPartiallyOverlapsWithOrContainsBBox),\n/* harmony export */   elementsOverlappingBBox: () => (/* reexport safe */ _excalidraw_utils_withinBounds__WEBPACK_IMPORTED_MODULE_44__.elementsOverlappingBBox),\n/* harmony export */   exportToBlob: () => (/* reexport safe */ _excalidraw_utils_export__WEBPACK_IMPORTED_MODULE_19__.exportToBlob),\n/* harmony export */   exportToCanvas: () => (/* reexport safe */ _excalidraw_utils_export__WEBPACK_IMPORTED_MODULE_19__.exportToCanvas),\n/* harmony export */   exportToClipboard: () => (/* reexport safe */ _excalidraw_utils_export__WEBPACK_IMPORTED_MODULE_19__.exportToClipboard),\n/* harmony export */   exportToSvg: () => (/* reexport safe */ _excalidraw_utils_export__WEBPACK_IMPORTED_MODULE_19__.exportToSvg),\n/* harmony export */   getBoundTextMaxWidth: () => (/* reexport safe */ _excalidraw_element_textElement__WEBPACK_IMPORTED_MODULE_15__.getBoundTextMaxWidth),\n/* harmony export */   getCSSFontDefinition: () => (/* reexport safe */ _excalidraw_obsidianUtils__WEBPACK_IMPORTED_MODULE_26__.getCSSFontDefinition),\n/* harmony export */   getCommonBoundingBox: () => (/* reexport safe */ _excalidraw_element_bounds__WEBPACK_IMPORTED_MODULE_20__.getCommonBoundingBox),\n/* harmony export */   getCommonBounds: () => (/* reexport safe */ _excalidraw_element_bounds__WEBPACK_IMPORTED_MODULE_20__.getCommonBounds),\n/* harmony export */   getContainerElement: () => (/* reexport safe */ _excalidraw_element_textElement__WEBPACK_IMPORTED_MODULE_15__.getContainerElement),\n/* harmony export */   getDataURL: () => (/* reexport safe */ _data_blob__WEBPACK_IMPORTED_MODULE_29__.getDataURL),\n/* harmony export */   getEmbedLink: () => (/* reexport safe */ _excalidraw_element_embeddable__WEBPACK_IMPORTED_MODULE_35__.getEmbedLink),\n/* harmony export */   getFontFamilies: () => (/* reexport safe */ _excalidraw_obsidianUtils__WEBPACK_IMPORTED_MODULE_26__.getFontFamilies),\n/* harmony export */   getFontFamilyString: () => (/* reexport safe */ _excalidraw_common__WEBPACK_IMPORTED_MODULE_1__.getFontFamilyString),\n/* harmony export */   getFontString: () => (/* reexport safe */ _excalidraw_common__WEBPACK_IMPORTED_MODULE_1__.getFontString),\n/* harmony export */   getFreeDrawSvgPath: () => (/* reexport safe */ _excalidraw_element_renderElement__WEBPACK_IMPORTED_MODULE_30__.getFreeDrawSvgPath),\n/* harmony export */   getLibraryItemsHash: () => (/* reexport safe */ _data_library__WEBPACK_IMPORTED_MODULE_31__.getLibraryItemsHash),\n/* harmony export */   getLineHeight: () => (/* reexport safe */ _excalidraw_common__WEBPACK_IMPORTED_MODULE_1__.getLineHeight),\n/* harmony export */   getMaximumGroups: () => (/* reexport safe */ _excalidraw_element_groups__WEBPACK_IMPORTED_MODULE_21__.getMaximumGroups),\n/* harmony export */   getNonDeletedElements: () => (/* reexport safe */ _excalidraw_element__WEBPACK_IMPORTED_MODULE_14__.getNonDeletedElements),\n/* harmony export */   getSceneVersion: () => (/* reexport safe */ _excalidraw_element__WEBPACK_IMPORTED_MODULE_14__.getSceneVersion),\n/* harmony export */   getSharedMermaidInstance: () => (/* reexport safe */ _excalidraw_obsidianUtils__WEBPACK_IMPORTED_MODULE_26__.getSharedMermaidInstance),\n/* harmony export */   getTextFromElements: () => (/* reexport safe */ _excalidraw_element_textElement__WEBPACK_IMPORTED_MODULE_15__.getTextFromElements),\n/* harmony export */   getVisibleSceneBounds: () => (/* reexport safe */ _excalidraw_element_bounds__WEBPACK_IMPORTED_MODULE_20__.getVisibleSceneBounds),\n/* harmony export */   hashElementsVersion: () => (/* reexport safe */ _excalidraw_element__WEBPACK_IMPORTED_MODULE_14__.hashElementsVersion),\n/* harmony export */   hashString: () => (/* reexport safe */ _excalidraw_element__WEBPACK_IMPORTED_MODULE_14__.hashString),\n/* harmony export */   intersectElementWithLine: () => (/* reexport safe */ _excalidraw_obsidianUtils__WEBPACK_IMPORTED_MODULE_26__.intersectElementWithLine),\n/* harmony export */   isElementInsideBBox: () => (/* reexport safe */ _excalidraw_utils_withinBounds__WEBPACK_IMPORTED_MODULE_44__.isElementInsideBBox),\n/* harmony export */   isElementLink: () => (/* reexport safe */ _excalidraw_element_elementLink__WEBPACK_IMPORTED_MODULE_46__.isElementLink),\n/* harmony export */   isInvisiblySmallElement: () => (/* reexport safe */ _excalidraw_element_sizeHelpers__WEBPACK_IMPORTED_MODULE_16__.isInvisiblySmallElement),\n/* harmony export */   isLinearElement: () => (/* reexport safe */ _excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_32__.isLinearElement),\n/* harmony export */   languages: () => (/* reexport safe */ _i18n__WEBPACK_IMPORTED_MODULE_8__.languages),\n/* harmony export */   loadFromBlob: () => (/* reexport safe */ _data_blob__WEBPACK_IMPORTED_MODULE_29__.loadFromBlob),\n/* harmony export */   loadLibraryFromBlob: () => (/* reexport safe */ _data_blob__WEBPACK_IMPORTED_MODULE_29__.loadLibraryFromBlob),\n/* harmony export */   loadMermaid: () => (/* reexport safe */ _excalidraw_obsidianUtils__WEBPACK_IMPORTED_MODULE_26__.loadMermaid),\n/* harmony export */   loadSceneFonts: () => (/* reexport safe */ _excalidraw_obsidianUtils__WEBPACK_IMPORTED_MODULE_26__.loadSceneFonts),\n/* harmony export */   loadSceneOrLibraryFromBlob: () => (/* reexport safe */ _data_blob__WEBPACK_IMPORTED_MODULE_29__.loadSceneOrLibraryFromBlob),\n/* harmony export */   measureText: () => (/* reexport safe */ _excalidraw_element_textMeasurements__WEBPACK_IMPORTED_MODULE_23__.measureText),\n/* harmony export */   mergeLibraryItems: () => (/* reexport safe */ _data_library__WEBPACK_IMPORTED_MODULE_31__.mergeLibraryItems),\n/* harmony export */   mermaidToExcalidraw: () => (/* reexport safe */ _components_TTDDialog_MermaidToExcalidrawLib__WEBPACK_IMPORTED_MODULE_25__.mermaidToExcalidraw),\n/* harmony export */   mutateElement: () => (/* reexport safe */ _excalidraw_element_mutateElement__WEBPACK_IMPORTED_MODULE_33__.mutateElement),\n/* harmony export */   newElementWith: () => (/* reexport safe */ _excalidraw_element_mutateElement__WEBPACK_IMPORTED_MODULE_33__.newElementWith),\n/* harmony export */   normalizeLink: () => (/* reexport safe */ _excalidraw_common__WEBPACK_IMPORTED_MODULE_1__.normalizeLink),\n/* harmony export */   parseLibraryTokensFromUrl: () => (/* reexport safe */ _data_library__WEBPACK_IMPORTED_MODULE_31__.parseLibraryTokensFromUrl),\n/* harmony export */   reconcileElements: () => (/* reexport safe */ _data_reconcile__WEBPACK_IMPORTED_MODULE_18__.reconcileElements),\n/* harmony export */   refreshTextDimensions: () => (/* reexport safe */ _excalidraw_element_newElement__WEBPACK_IMPORTED_MODULE_27__.refreshTextDimensions),\n/* harmony export */   registerFontsInCSS: () => (/* reexport safe */ _excalidraw_obsidianUtils__WEBPACK_IMPORTED_MODULE_26__.registerFontsInCSS),\n/* harmony export */   registerLocalFont: () => (/* reexport safe */ _excalidraw_obsidianUtils__WEBPACK_IMPORTED_MODULE_26__.registerLocalFont),\n/* harmony export */   restore: () => (/* reexport safe */ _data_restore__WEBPACK_IMPORTED_MODULE_17__.restore),\n/* harmony export */   restoreAppState: () => (/* reexport safe */ _data_restore__WEBPACK_IMPORTED_MODULE_17__.restoreAppState),\n/* harmony export */   restoreElements: () => (/* reexport safe */ _data_restore__WEBPACK_IMPORTED_MODULE_17__.restoreElements),\n/* harmony export */   restoreLibraryItems: () => (/* reexport safe */ _data_restore__WEBPACK_IMPORTED_MODULE_17__.restoreLibraryItems),\n/* harmony export */   safelyParseJSON: () => (/* reexport safe */ _excalidraw_common__WEBPACK_IMPORTED_MODULE_1__.safelyParseJSON),\n/* harmony export */   sceneCoordsToViewportCoords: () => (/* reexport safe */ _excalidraw_common__WEBPACK_IMPORTED_MODULE_1__.sceneCoordsToViewportCoords),\n/* harmony export */   serializeAsJSON: () => (/* reexport safe */ _data_json__WEBPACK_IMPORTED_MODULE_28__.serializeAsJSON),\n/* harmony export */   serializeLibraryAsJSON: () => (/* reexport safe */ _data_json__WEBPACK_IMPORTED_MODULE_28__.serializeLibraryAsJSON),\n/* harmony export */   setCustomTextMetricsProvider: () => (/* reexport safe */ _excalidraw_element_textMeasurements__WEBPACK_IMPORTED_MODULE_23__.setCustomTextMetricsProvider),\n/* harmony export */   useDevice: () => (/* reexport safe */ _components_App__WEBPACK_IMPORTED_MODULE_2__.useDevice),\n/* harmony export */   useHandleLibrary: () => (/* reexport safe */ _data_library__WEBPACK_IMPORTED_MODULE_31__.useHandleLibrary),\n/* harmony export */   useI18n: () => (/* reexport safe */ _i18n__WEBPACK_IMPORTED_MODULE_8__.useI18n),\n/* harmony export */   viewportCoordsToSceneCoords: () => (/* reexport safe */ _excalidraw_common__WEBPACK_IMPORTED_MODULE_1__.viewportCoordsToSceneCoords),\n/* harmony export */   wrapText: () => (/* reexport safe */ _excalidraw_element_textWrapping__WEBPACK_IMPORTED_MODULE_24__.wrapText),\n/* harmony export */   zoomToFitBounds: () => (/* reexport safe */ _actions_actionCanvas__WEBPACK_IMPORTED_MODULE_42__.zoomToFitBounds)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _excalidraw_common__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @excalidraw/common */ \"../common/src/index.ts\");\n/* harmony import */ var _components_App__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./components/App */ \"./components/App.tsx\");\n/* harmony import */ var _components_InitializeApp__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./components/InitializeApp */ \"./components/InitializeApp.tsx\");\n/* harmony import */ var _components_footer_FooterCenter__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./components/footer/FooterCenter */ \"./components/footer/FooterCenter.tsx\");\n/* harmony import */ var _components_live_collaboration_LiveCollaborationTrigger__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./components/live-collaboration/LiveCollaborationTrigger */ \"./components/live-collaboration/LiveCollaborationTrigger.tsx\");\n/* harmony import */ var _components_main_menu_MainMenu__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./components/main-menu/MainMenu */ \"./components/main-menu/MainMenu.tsx\");\n/* harmony import */ var _components_welcome_screen_WelcomeScreen__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./components/welcome-screen/WelcomeScreen */ \"./components/welcome-screen/WelcomeScreen.tsx\");\n/* harmony import */ var _i18n__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./i18n */ \"./i18n.ts\");\n/* harmony import */ var _editor_jotai__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./editor-jotai */ \"./editor-jotai.ts\");\n/* harmony import */ var _polyfill__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./polyfill */ \"./polyfill.ts\");\n/* harmony import */ var _css_app_scss__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./css/app.scss */ \"./css/app.scss\");\n/* harmony import */ var _css_styles_scss__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./css/styles.scss */ \"./css/styles.scss\");\n/* harmony import */ var _fonts_fonts_css__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./fonts/fonts.css */ \"./fonts/fonts.css\");\n/* harmony import */ var _excalidraw_element__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! @excalidraw/element */ \"../element/src/index.ts\");\n/* harmony import */ var _excalidraw_element_textElement__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! @excalidraw/element/textElement */ \"../element/src/textElement.ts\");\n/* harmony import */ var _excalidraw_element_sizeHelpers__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! @excalidraw/element/sizeHelpers */ \"../element/src/sizeHelpers.ts\");\n/* harmony import */ var _data_restore__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./data/restore */ \"./data/restore.ts\");\n/* harmony import */ var _data_reconcile__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./data/reconcile */ \"./data/reconcile.ts\");\n/* harmony import */ var _excalidraw_utils_export__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! @excalidraw/utils/export */ \"../utils/src/export.ts\");\n/* harmony import */ var _excalidraw_element_bounds__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! @excalidraw/element/bounds */ \"../element/src/bounds.ts\");\n/* harmony import */ var _excalidraw_element_groups__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! @excalidraw/element/groups */ \"../element/src/groups.ts\");\n/* harmony import */ var _excalidraw_element_binding__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! @excalidraw/element/binding */ \"../element/src/binding.ts\");\n/* harmony import */ var _excalidraw_element_textMeasurements__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! @excalidraw/element/textMeasurements */ \"../element/src/textMeasurements.ts\");\n/* harmony import */ var _excalidraw_element_textWrapping__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! @excalidraw/element/textWrapping */ \"../element/src/textWrapping.ts\");\n/* harmony import */ var _components_TTDDialog_MermaidToExcalidrawLib__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ./components/TTDDialog/MermaidToExcalidrawLib */ \"./components/TTDDialog/MermaidToExcalidrawLib.ts\");\n/* harmony import */ var _excalidraw_obsidianUtils__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ../excalidraw/obsidianUtils */ \"./obsidianUtils.ts\");\n/* harmony import */ var _excalidraw_element_newElement__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! @excalidraw/element/newElement */ \"../element/src/newElement.ts\");\n/* harmony import */ var _data_json__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! ./data/json */ \"./data/json.ts\");\n/* harmony import */ var _data_blob__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! ./data/blob */ \"./data/blob.ts\");\n/* harmony import */ var _excalidraw_element_renderElement__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! @excalidraw/element/renderElement */ \"../element/src/renderElement.ts\");\n/* harmony import */ var _data_library__WEBPACK_IMPORTED_MODULE_31__ = __webpack_require__(/*! ./data/library */ \"./data/library.ts\");\n/* harmony import */ var _excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_32__ = __webpack_require__(/*! @excalidraw/element/typeChecks */ \"../element/src/typeChecks.ts\");\n/* harmony import */ var _excalidraw_element_mutateElement__WEBPACK_IMPORTED_MODULE_33__ = __webpack_require__(/*! @excalidraw/element/mutateElement */ \"../element/src/mutateElement.ts\");\n/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_34__ = __webpack_require__(/*! ./store */ \"./store.ts\");\n/* harmony import */ var _excalidraw_element_embeddable__WEBPACK_IMPORTED_MODULE_35__ = __webpack_require__(/*! @excalidraw/element/embeddable */ \"../element/src/embeddable.ts\");\n/* harmony import */ var _components_Sidebar_Sidebar__WEBPACK_IMPORTED_MODULE_36__ = __webpack_require__(/*! ./components/Sidebar/Sidebar */ \"./components/Sidebar/Sidebar.tsx\");\n/* harmony import */ var _components_Button__WEBPACK_IMPORTED_MODULE_37__ = __webpack_require__(/*! ./components/Button */ \"./components/Button.tsx\");\n/* harmony import */ var _components_Stats__WEBPACK_IMPORTED_MODULE_38__ = __webpack_require__(/*! ./components/Stats */ \"./components/Stats/index.tsx\");\n/* harmony import */ var _components_DefaultSidebar__WEBPACK_IMPORTED_MODULE_39__ = __webpack_require__(/*! ./components/DefaultSidebar */ \"./components/DefaultSidebar.tsx\");\n/* harmony import */ var _components_TTDDialog_TTDDialog__WEBPACK_IMPORTED_MODULE_40__ = __webpack_require__(/*! ./components/TTDDialog/TTDDialog */ \"./components/TTDDialog/TTDDialog.tsx\");\n/* harmony import */ var _components_TTDDialog_TTDDialogTrigger__WEBPACK_IMPORTED_MODULE_41__ = __webpack_require__(/*! ./components/TTDDialog/TTDDialogTrigger */ \"./components/TTDDialog/TTDDialogTrigger.tsx\");\n/* harmony import */ var _actions_actionCanvas__WEBPACK_IMPORTED_MODULE_42__ = __webpack_require__(/*! ./actions/actionCanvas */ \"./actions/actionCanvas.tsx\");\n/* harmony import */ var _data_transform__WEBPACK_IMPORTED_MODULE_43__ = __webpack_require__(/*! ./data/transform */ \"./data/transform.ts\");\n/* harmony import */ var _excalidraw_utils_withinBounds__WEBPACK_IMPORTED_MODULE_44__ = __webpack_require__(/*! @excalidraw/utils/withinBounds */ \"../utils/src/withinBounds.ts\");\n/* harmony import */ var _components_DiagramToCodePlugin_DiagramToCodePlugin__WEBPACK_IMPORTED_MODULE_45__ = __webpack_require__(/*! ./components/DiagramToCodePlugin/DiagramToCodePlugin */ \"./components/DiagramToCodePlugin/DiagramToCodePlugin.tsx\");\n/* harmony import */ var _excalidraw_element_elementLink__WEBPACK_IMPORTED_MODULE_46__ = __webpack_require__(/*! @excalidraw/element/elementLink */ \"../element/src/elementLink.ts\");\nvar __rest = undefined && undefined.__rest || function (s, e) {\n  var t = {};\n\n  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n\n  if (s != null && typeof Object.getOwnPropertySymbols === \"function\") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n  }\n  return t;\n};\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n(0,_polyfill__WEBPACK_IMPORTED_MODULE_10__[\"default\"])();\n\nconst ExcalidrawBase = props => {\n  var _a, _b, _c, _d, _e, _f;\n\n  const {\n    onChange,\n    initialData,\n    excalidrawAPI,\n    isCollaborating = false,\n    onPointerUpdate,\n    renderTopRightUI,\n    langCode = _i18n__WEBPACK_IMPORTED_MODULE_8__.defaultLang.code,\n    viewModeEnabled,\n    zenModeEnabled,\n    gridModeEnabled,\n    initState,\n    //zsviczian\n    libraryReturnUrl,\n    theme,\n    name,\n    renderCustomStats,\n    onPaste,\n    onDrop,\n    //zsviczian\n    detectScroll = true,\n    handleKeyboardGlobally = false,\n    onLibraryChange,\n    autoFocus = false,\n    onBeforeTextEdit,\n    //zsviczian\n    onBeforeTextSubmit,\n    //zsviczian\n    generateIdForFile,\n    onThemeChange,\n    //zsviczian\n    onLinkOpen,\n    onLinkHover,\n    //zsviczian\n    onViewModeChange,\n    //zsviczian\n    generateLinkForSelection,\n    onPointerDown,\n    onPointerUp,\n    onScrollChange,\n    onDuplicate,\n    children,\n    validateEmbeddable,\n    renderEmbeddable,\n    renderWebview,\n    //zsviczian\n    renderEmbeddableMenu,\n    //zsviczian\n    renderMermaid,\n    //zsviczian\n    onContextMenu,\n    //zsviczian\n    aiEnabled,\n    showDeprecatedFonts,\n    insertLinkAction //zsviczian\n\n  } = props;\n  const canvasActions = (_a = props.UIOptions) === null || _a === void 0 ? void 0 : _a.canvasActions; // FIXME normalize/set defaults in parent component so that the memo resolver\n  // compares the same values\n\n  const UIOptions = Object.assign(Object.assign({}, props.UIOptions), {\n    canvasActions: Object.assign(Object.assign({}, _excalidraw_common__WEBPACK_IMPORTED_MODULE_1__.DEFAULT_UI_OPTIONS.canvasActions), canvasActions),\n    tools: {\n      image: (_d = (_c = (_b = props.UIOptions) === null || _b === void 0 ? void 0 : _b.tools) === null || _c === void 0 ? void 0 : _c.image) !== null && _d !== void 0 ? _d : true\n    }\n  });\n\n  if (canvasActions === null || canvasActions === void 0 ? void 0 : canvasActions.export) {\n    UIOptions.canvasActions.export.saveFileToDisk = (_f = (_e = canvasActions.export) === null || _e === void 0 ? void 0 : _e.saveFileToDisk) !== null && _f !== void 0 ? _f : _excalidraw_common__WEBPACK_IMPORTED_MODULE_1__.DEFAULT_UI_OPTIONS.canvasActions.export.saveFileToDisk;\n  }\n\n  if (UIOptions.canvasActions.toggleTheme === null && typeof theme === \"undefined\") {\n    UIOptions.canvasActions.toggleTheme = true;\n  }\n\n  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {\n    const importPolyfill = async () => {\n      //@ts-ignore\n      await Promise.resolve(/*! import() */).then(__webpack_require__.t.bind(__webpack_require__, /*! canvas-roundrect-polyfill */ \"../../node_modules/canvas-roundrect-polyfill/roundRect.js\", 23));\n    };\n\n    importPolyfill(); // Block pinch-zooming on iOS outside of the content area\n\n    const handleTouchMove = event => {\n      // @ts-ignore\n      if (typeof event.scale === \"number\" && event.scale !== 1) {\n        event.preventDefault();\n      }\n    };\n\n    document.addEventListener(\"touchmove\", handleTouchMove, {\n      passive: false\n    });\n    return () => {\n      document.removeEventListener(\"touchmove\", handleTouchMove);\n    };\n  }, []);\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_editor_jotai__WEBPACK_IMPORTED_MODULE_9__.EditorJotaiProvider, {\n    store: _editor_jotai__WEBPACK_IMPORTED_MODULE_9__.editorJotaiStore\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_InitializeApp__WEBPACK_IMPORTED_MODULE_3__.InitializeApp, {\n    langCode: langCode,\n    theme: theme\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_App__WEBPACK_IMPORTED_MODULE_2__[\"default\"], {\n    onChange: onChange,\n    initialData: initialData,\n    excalidrawAPI: excalidrawAPI,\n    isCollaborating: isCollaborating,\n    onPointerUpdate: onPointerUpdate,\n    renderTopRightUI: renderTopRightUI,\n    langCode: langCode,\n    viewModeEnabled: viewModeEnabled,\n    zenModeEnabled: zenModeEnabled,\n    gridModeEnabled: gridModeEnabled,\n    initState: initState,\n    libraryReturnUrl: libraryReturnUrl,\n    theme: theme,\n    name: name,\n    renderCustomStats: renderCustomStats,\n    UIOptions: UIOptions,\n    onPaste: onPaste,\n    onDrop: onDrop,\n    detectScroll: detectScroll,\n    handleKeyboardGlobally: handleKeyboardGlobally,\n    onLibraryChange: onLibraryChange,\n    autoFocus: autoFocus,\n    onBeforeTextEdit: onBeforeTextEdit,\n    onBeforeTextSubmit: onBeforeTextSubmit,\n    generateIdForFile: generateIdForFile,\n    onThemeChange: onThemeChange,\n    onLinkOpen: onLinkOpen,\n    onLinkHover: onLinkHover,\n    onViewModeChange: onViewModeChange,\n    generateLinkForSelection: generateLinkForSelection,\n    onPointerDown: onPointerDown,\n    onPointerUp: onPointerUp,\n    onScrollChange: onScrollChange,\n    onDuplicate: onDuplicate,\n    validateEmbeddable: validateEmbeddable,\n    renderEmbeddable: renderEmbeddable,\n    renderWebview: renderWebview,\n    renderEmbeddableMenu: renderEmbeddableMenu,\n    renderMermaid: renderMermaid,\n    onContextMenu: onContextMenu,\n    aiEnabled: aiEnabled !== false,\n    showDeprecatedFonts: showDeprecatedFonts,\n    insertLinkAction: insertLinkAction\n  }, children)));\n};\n\nconst areEqual = (prevProps, nextProps) => {\n  // short-circuit early\n  if (prevProps.children !== nextProps.children) {\n    return false;\n  }\n\n  const {\n    initialData: prevInitialData,\n    UIOptions: prevUIOptions = {}\n  } = prevProps,\n        prev = __rest(prevProps, [\"initialData\", \"UIOptions\"]);\n\n  const {\n    initialData: nextInitialData,\n    UIOptions: nextUIOptions = {}\n  } = nextProps,\n        next = __rest(nextProps, [\"initialData\", \"UIOptions\"]); // comparing UIOptions\n\n\n  const prevUIOptionsKeys = Object.keys(prevUIOptions);\n  const nextUIOptionsKeys = Object.keys(nextUIOptions);\n\n  if (prevUIOptionsKeys.length !== nextUIOptionsKeys.length) {\n    return false;\n  }\n\n  const isUIOptionsSame = prevUIOptionsKeys.every(key => {\n    if (key === \"canvasActions\") {\n      const canvasOptionKeys = Object.keys(prevUIOptions.canvasActions);\n      return canvasOptionKeys.every(key => {\n        var _a, _b, _c, _d;\n\n        if (key === \"export\" && ((_a = prevUIOptions === null || prevUIOptions === void 0 ? void 0 : prevUIOptions.canvasActions) === null || _a === void 0 ? void 0 : _a.export) && ((_b = nextUIOptions === null || nextUIOptions === void 0 ? void 0 : nextUIOptions.canvasActions) === null || _b === void 0 ? void 0 : _b.export)) {\n          return prevUIOptions.canvasActions.export.saveFileToDisk === nextUIOptions.canvasActions.export.saveFileToDisk;\n        }\n\n        return ((_c = prevUIOptions === null || prevUIOptions === void 0 ? void 0 : prevUIOptions.canvasActions) === null || _c === void 0 ? void 0 : _c[key]) === ((_d = nextUIOptions === null || nextUIOptions === void 0 ? void 0 : nextUIOptions.canvasActions) === null || _d === void 0 ? void 0 : _d[key]);\n      });\n    }\n\n    return prevUIOptions[key] === nextUIOptions[key];\n  });\n  return isUIOptionsSame && (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_1__.isShallowEqual)(prev, next);\n};\n\nconst Excalidraw = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().memo(ExcalidrawBase, areEqual);\nExcalidraw.displayName = \"Excalidraw\";\n\n\n\n\n\n\n\n //zsviczian\n\n //zsviczian\n\n //zsviczian\n\n //zsviczian\n\n //zsviczian\n\n //zsviczian\n\n //zsviczian\n\n //zsviczian\n\n //zsviczian\n\n //zsviczian\n\n //zsviczian\n\n //zsviczian\n\n\n\n\n\n\n\n\n\n\n\n //zsviczian - not sure if I use it any more\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n//# sourceURL=webpack://ExcalidrawLib/./index.tsx?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   Button: () => (/* reexport safe */ _components_Button__WEBPACK_IMPORTED_MODULE_37__.Button),\n/* harmony export */   CaptureUpdateAction: () => (/* reexport safe */ _store__WEBPACK_IMPORTED_MODULE_34__.CaptureUpdateAction),\n/* harmony export */   DEFAULT_LASER_COLOR: () => (/* reexport safe */ _excalidraw_common__WEBPACK_IMPORTED_MODULE_1__.DEFAULT_LASER_COLOR),\n/* harmony export */   DefaultSidebar: () => (/* reexport safe */ _components_DefaultSidebar__WEBPACK_IMPORTED_MODULE_39__.DefaultSidebar),\n/* harmony export */   DiagramToCodePlugin: () => (/* reexport safe */ _components_DiagramToCodePlugin_DiagramToCodePlugin__WEBPACK_IMPORTED_MODULE_45__.DiagramToCodePlugin),\n/* harmony export */   Excalidraw: () => (/* binding */ Excalidraw),\n/* harmony export */   FONT_FAMILY: () => (/* reexport safe */ _excalidraw_common__WEBPACK_IMPORTED_MODULE_1__.FONT_FAMILY),\n/* harmony export */   Footer: () => (/* reexport safe */ _components_footer_FooterCenter__WEBPACK_IMPORTED_MODULE_4__[\"default\"]),\n/* harmony export */   LiveCollaborationTrigger: () => (/* reexport safe */ _components_live_collaboration_LiveCollaborationTrigger__WEBPACK_IMPORTED_MODULE_5__[\"default\"]),\n/* harmony export */   MIME_TYPES: () => (/* reexport safe */ _excalidraw_common__WEBPACK_IMPORTED_MODULE_1__.MIME_TYPES),\n/* harmony export */   MainMenu: () => (/* reexport safe */ _components_main_menu_MainMenu__WEBPACK_IMPORTED_MODULE_6__[\"default\"]),\n/* harmony export */   ROUNDNESS: () => (/* reexport safe */ _excalidraw_common__WEBPACK_IMPORTED_MODULE_1__.ROUNDNESS),\n/* harmony export */   Sidebar: () => (/* reexport safe */ _components_Sidebar_Sidebar__WEBPACK_IMPORTED_MODULE_36__.Sidebar),\n/* harmony export */   Stats: () => (/* reexport safe */ _components_Stats__WEBPACK_IMPORTED_MODULE_38__.Stats),\n/* harmony export */   THEME: () => (/* reexport safe */ _excalidraw_common__WEBPACK_IMPORTED_MODULE_1__.THEME),\n/* harmony export */   TTDDialog: () => (/* reexport safe */ _components_TTDDialog_TTDDialog__WEBPACK_IMPORTED_MODULE_40__.TTDDialog),\n/* harmony export */   TTDDialogTrigger: () => (/* reexport safe */ _components_TTDDialog_TTDDialogTrigger__WEBPACK_IMPORTED_MODULE_41__.TTDDialogTrigger),\n/* harmony export */   UserIdleState: () => (/* reexport safe */ _excalidraw_common__WEBPACK_IMPORTED_MODULE_1__.UserIdleState),\n/* harmony export */   WelcomeScreen: () => (/* reexport safe */ _components_welcome_screen_WelcomeScreen__WEBPACK_IMPORTED_MODULE_7__[\"default\"]),\n/* harmony export */   bumpVersion: () => (/* reexport safe */ _excalidraw_element_mutateElement__WEBPACK_IMPORTED_MODULE_33__.bumpVersion),\n/* harmony export */   convertToExcalidrawElements: () => (/* reexport safe */ _data_transform__WEBPACK_IMPORTED_MODULE_43__.convertToExcalidrawElements),\n/* harmony export */   defaultLang: () => (/* reexport safe */ _i18n__WEBPACK_IMPORTED_MODULE_8__.defaultLang),\n/* harmony export */   destroyObsidianUtils: () => (/* reexport safe */ _excalidraw_obsidianUtils__WEBPACK_IMPORTED_MODULE_26__.destroyObsidianUtils),\n/* harmony export */   determineFocusDistance: () => (/* reexport safe */ _excalidraw_element_binding__WEBPACK_IMPORTED_MODULE_22__.determineFocusDistance),\n/* harmony export */   elementPartiallyOverlapsWithOrContainsBBox: () => (/* reexport safe */ _excalidraw_utils_withinBounds__WEBPACK_IMPORTED_MODULE_44__.elementPartiallyOverlapsWithOrContainsBBox),\n/* harmony export */   elementsOverlappingBBox: () => (/* reexport safe */ _excalidraw_utils_withinBounds__WEBPACK_IMPORTED_MODULE_44__.elementsOverlappingBBox),\n/* harmony export */   exportToBlob: () => (/* reexport safe */ _excalidraw_utils_export__WEBPACK_IMPORTED_MODULE_19__.exportToBlob),\n/* harmony export */   exportToCanvas: () => (/* reexport safe */ _excalidraw_utils_export__WEBPACK_IMPORTED_MODULE_19__.exportToCanvas),\n/* harmony export */   exportToClipboard: () => (/* reexport safe */ _excalidraw_utils_export__WEBPACK_IMPORTED_MODULE_19__.exportToClipboard),\n/* harmony export */   exportToSvg: () => (/* reexport safe */ _excalidraw_utils_export__WEBPACK_IMPORTED_MODULE_19__.exportToSvg),\n/* harmony export */   getBoundTextMaxWidth: () => (/* reexport safe */ _excalidraw_element_textElement__WEBPACK_IMPORTED_MODULE_15__.getBoundTextMaxWidth),\n/* harmony export */   getCSSFontDefinition: () => (/* reexport safe */ _excalidraw_obsidianUtils__WEBPACK_IMPORTED_MODULE_26__.getCSSFontDefinition),\n/* harmony export */   getCommonBoundingBox: () => (/* reexport safe */ _excalidraw_element_bounds__WEBPACK_IMPORTED_MODULE_20__.getCommonBoundingBox),\n/* harmony export */   getCommonBounds: () => (/* reexport safe */ _excalidraw_element_bounds__WEBPACK_IMPORTED_MODULE_20__.getCommonBounds),\n/* harmony export */   getContainerElement: () => (/* reexport safe */ _excalidraw_element_textElement__WEBPACK_IMPORTED_MODULE_15__.getContainerElement),\n/* harmony export */   getDataURL: () => (/* reexport safe */ _data_blob__WEBPACK_IMPORTED_MODULE_29__.getDataURL),\n/* harmony export */   getEmbedLink: () => (/* reexport safe */ _excalidraw_element_embeddable__WEBPACK_IMPORTED_MODULE_35__.getEmbedLink),\n/* harmony export */   getFontFamilies: () => (/* reexport safe */ _excalidraw_obsidianUtils__WEBPACK_IMPORTED_MODULE_26__.getFontFamilies),\n/* harmony export */   getFontFamilyString: () => (/* reexport safe */ _excalidraw_common__WEBPACK_IMPORTED_MODULE_1__.getFontFamilyString),\n/* harmony export */   getFontString: () => (/* reexport safe */ _excalidraw_common__WEBPACK_IMPORTED_MODULE_1__.getFontString),\n/* harmony export */   getFreeDrawSvgPath: () => (/* reexport safe */ _excalidraw_element_renderElement__WEBPACK_IMPORTED_MODULE_30__.getFreeDrawSvgPath),\n/* harmony export */   getLibraryItemsHash: () => (/* reexport safe */ _data_library__WEBPACK_IMPORTED_MODULE_31__.getLibraryItemsHash),\n/* harmony export */   getLineHeight: () => (/* reexport safe */ _excalidraw_common__WEBPACK_IMPORTED_MODULE_1__.getLineHeight),\n/* harmony export */   getMaximumGroups: () => (/* reexport safe */ _excalidraw_element_groups__WEBPACK_IMPORTED_MODULE_21__.getMaximumGroups),\n/* harmony export */   getNonDeletedElements: () => (/* reexport safe */ _excalidraw_element__WEBPACK_IMPORTED_MODULE_14__.getNonDeletedElements),\n/* harmony export */   getSceneVersion: () => (/* reexport safe */ _excalidraw_element__WEBPACK_IMPORTED_MODULE_14__.getSceneVersion),\n/* harmony export */   getSharedMermaidInstance: () => (/* reexport safe */ _excalidraw_obsidianUtils__WEBPACK_IMPORTED_MODULE_26__.getSharedMermaidInstance),\n/* harmony export */   getTextFromElements: () => (/* reexport safe */ _excalidraw_element_textElement__WEBPACK_IMPORTED_MODULE_15__.getTextFromElements),\n/* harmony export */   getVisibleSceneBounds: () => (/* reexport safe */ _excalidraw_element_bounds__WEBPACK_IMPORTED_MODULE_20__.getVisibleSceneBounds),\n/* harmony export */   hashElementsVersion: () => (/* reexport safe */ _excalidraw_element__WEBPACK_IMPORTED_MODULE_14__.hashElementsVersion),\n/* harmony export */   hashString: () => (/* reexport safe */ _excalidraw_element__WEBPACK_IMPORTED_MODULE_14__.hashString),\n/* harmony export */   intersectElementWithLine: () => (/* reexport safe */ _excalidraw_obsidianUtils__WEBPACK_IMPORTED_MODULE_26__.intersectElementWithLine),\n/* harmony export */   isElementInsideBBox: () => (/* reexport safe */ _excalidraw_utils_withinBounds__WEBPACK_IMPORTED_MODULE_44__.isElementInsideBBox),\n/* harmony export */   isElementLink: () => (/* reexport safe */ _excalidraw_element_elementLink__WEBPACK_IMPORTED_MODULE_46__.isElementLink),\n/* harmony export */   isInvisiblySmallElement: () => (/* reexport safe */ _excalidraw_element_sizeHelpers__WEBPACK_IMPORTED_MODULE_16__.isInvisiblySmallElement),\n/* harmony export */   isLinearElement: () => (/* reexport safe */ _excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_32__.isLinearElement),\n/* harmony export */   languages: () => (/* reexport safe */ _i18n__WEBPACK_IMPORTED_MODULE_8__.languages),\n/* harmony export */   loadFromBlob: () => (/* reexport safe */ _data_blob__WEBPACK_IMPORTED_MODULE_29__.loadFromBlob),\n/* harmony export */   loadLibraryFromBlob: () => (/* reexport safe */ _data_blob__WEBPACK_IMPORTED_MODULE_29__.loadLibraryFromBlob),\n/* harmony export */   loadMermaid: () => (/* reexport safe */ _excalidraw_obsidianUtils__WEBPACK_IMPORTED_MODULE_26__.loadMermaid),\n/* harmony export */   loadSceneFonts: () => (/* reexport safe */ _excalidraw_obsidianUtils__WEBPACK_IMPORTED_MODULE_26__.loadSceneFonts),\n/* harmony export */   loadSceneOrLibraryFromBlob: () => (/* reexport safe */ _data_blob__WEBPACK_IMPORTED_MODULE_29__.loadSceneOrLibraryFromBlob),\n/* harmony export */   measureText: () => (/* reexport safe */ _excalidraw_element_textMeasurements__WEBPACK_IMPORTED_MODULE_23__.measureText),\n/* harmony export */   mergeLibraryItems: () => (/* reexport safe */ _data_library__WEBPACK_IMPORTED_MODULE_31__.mergeLibraryItems),\n/* harmony export */   mermaidToExcalidraw: () => (/* reexport safe */ _components_TTDDialog_MermaidToExcalidrawLib__WEBPACK_IMPORTED_MODULE_25__.mermaidToExcalidraw),\n/* harmony export */   mutateElement: () => (/* reexport safe */ _excalidraw_element_mutateElement__WEBPACK_IMPORTED_MODULE_33__.mutateElement),\n/* harmony export */   newElementWith: () => (/* reexport safe */ _excalidraw_element_mutateElement__WEBPACK_IMPORTED_MODULE_33__.newElementWith),\n/* harmony export */   normalizeLink: () => (/* reexport safe */ _excalidraw_common__WEBPACK_IMPORTED_MODULE_1__.normalizeLink),\n/* harmony export */   parseLibraryTokensFromUrl: () => (/* reexport safe */ _data_library__WEBPACK_IMPORTED_MODULE_31__.parseLibraryTokensFromUrl),\n/* harmony export */   reconcileElements: () => (/* reexport safe */ _data_reconcile__WEBPACK_IMPORTED_MODULE_18__.reconcileElements),\n/* harmony export */   refreshTextDimensions: () => (/* reexport safe */ _excalidraw_element_newElement__WEBPACK_IMPORTED_MODULE_27__.refreshTextDimensions),\n/* harmony export */   registerFontsInCSS: () => (/* reexport safe */ _excalidraw_obsidianUtils__WEBPACK_IMPORTED_MODULE_26__.registerFontsInCSS),\n/* harmony export */   registerLocalFont: () => (/* reexport safe */ _excalidraw_obsidianUtils__WEBPACK_IMPORTED_MODULE_26__.registerLocalFont),\n/* harmony export */   restore: () => (/* reexport safe */ _data_restore__WEBPACK_IMPORTED_MODULE_17__.restore),\n/* harmony export */   restoreAppState: () => (/* reexport safe */ _data_restore__WEBPACK_IMPORTED_MODULE_17__.restoreAppState),\n/* harmony export */   restoreElements: () => (/* reexport safe */ _data_restore__WEBPACK_IMPORTED_MODULE_17__.restoreElements),\n/* harmony export */   restoreLibraryItems: () => (/* reexport safe */ _data_restore__WEBPACK_IMPORTED_MODULE_17__.restoreLibraryItems),\n/* harmony export */   safelyParseJSON: () => (/* reexport safe */ _excalidraw_common__WEBPACK_IMPORTED_MODULE_1__.safelyParseJSON),\n/* harmony export */   sceneCoordsToViewportCoords: () => (/* reexport safe */ _excalidraw_common__WEBPACK_IMPORTED_MODULE_1__.sceneCoordsToViewportCoords),\n/* harmony export */   serializeAsJSON: () => (/* reexport safe */ _data_json__WEBPACK_IMPORTED_MODULE_28__.serializeAsJSON),\n/* harmony export */   serializeLibraryAsJSON: () => (/* reexport safe */ _data_json__WEBPACK_IMPORTED_MODULE_28__.serializeLibraryAsJSON),\n/* harmony export */   setCustomTextMetricsProvider: () => (/* reexport safe */ _excalidraw_element_textMeasurements__WEBPACK_IMPORTED_MODULE_23__.setCustomTextMetricsProvider),\n/* harmony export */   useDevice: () => (/* reexport safe */ _components_App__WEBPACK_IMPORTED_MODULE_2__.useDevice),\n/* harmony export */   useHandleLibrary: () => (/* reexport safe */ _data_library__WEBPACK_IMPORTED_MODULE_31__.useHandleLibrary),\n/* harmony export */   useI18n: () => (/* reexport safe */ _i18n__WEBPACK_IMPORTED_MODULE_8__.useI18n),\n/* harmony export */   viewportCoordsToSceneCoords: () => (/* reexport safe */ _excalidraw_common__WEBPACK_IMPORTED_MODULE_1__.viewportCoordsToSceneCoords),\n/* harmony export */   wrapText: () => (/* reexport safe */ _excalidraw_element_textWrapping__WEBPACK_IMPORTED_MODULE_24__.wrapText),\n/* harmony export */   zoomToFitBounds: () => (/* reexport safe */ _actions_actionCanvas__WEBPACK_IMPORTED_MODULE_42__.zoomToFitBounds)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _excalidraw_common__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @excalidraw/common */ \"../common/src/index.ts\");\n/* harmony import */ var _components_App__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./components/App */ \"./components/App.tsx\");\n/* harmony import */ var _components_InitializeApp__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./components/InitializeApp */ \"./components/InitializeApp.tsx\");\n/* harmony import */ var _components_footer_FooterCenter__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./components/footer/FooterCenter */ \"./components/footer/FooterCenter.tsx\");\n/* harmony import */ var _components_live_collaboration_LiveCollaborationTrigger__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./components/live-collaboration/LiveCollaborationTrigger */ \"./components/live-collaboration/LiveCollaborationTrigger.tsx\");\n/* harmony import */ var _components_main_menu_MainMenu__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./components/main-menu/MainMenu */ \"./components/main-menu/MainMenu.tsx\");\n/* harmony import */ var _components_welcome_screen_WelcomeScreen__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./components/welcome-screen/WelcomeScreen */ \"./components/welcome-screen/WelcomeScreen.tsx\");\n/* harmony import */ var _i18n__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./i18n */ \"./i18n.ts\");\n/* harmony import */ var _editor_jotai__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./editor-jotai */ \"./editor-jotai.ts\");\n/* harmony import */ var _polyfill__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./polyfill */ \"./polyfill.ts\");\n/* harmony import */ var _css_app_scss__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./css/app.scss */ \"./css/app.scss\");\n/* harmony import */ var _css_styles_scss__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./css/styles.scss */ \"./css/styles.scss\");\n/* harmony import */ var _fonts_fonts_css__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./fonts/fonts.css */ \"./fonts/fonts.css\");\n/* harmony import */ var _excalidraw_element__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! @excalidraw/element */ \"../element/src/index.ts\");\n/* harmony import */ var _excalidraw_element_textElement__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! @excalidraw/element/textElement */ \"../element/src/textElement.ts\");\n/* harmony import */ var _excalidraw_element_sizeHelpers__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! @excalidraw/element/sizeHelpers */ \"../element/src/sizeHelpers.ts\");\n/* harmony import */ var _data_restore__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./data/restore */ \"./data/restore.ts\");\n/* harmony import */ var _data_reconcile__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./data/reconcile */ \"./data/reconcile.ts\");\n/* harmony import */ var _excalidraw_utils_export__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! @excalidraw/utils/export */ \"../utils/src/export.ts\");\n/* harmony import */ var _excalidraw_element_bounds__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! @excalidraw/element/bounds */ \"../element/src/bounds.ts\");\n/* harmony import */ var _excalidraw_element_groups__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! @excalidraw/element/groups */ \"../element/src/groups.ts\");\n/* harmony import */ var _excalidraw_element_binding__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! @excalidraw/element/binding */ \"../element/src/binding.ts\");\n/* harmony import */ var _excalidraw_element_textMeasurements__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! @excalidraw/element/textMeasurements */ \"../element/src/textMeasurements.ts\");\n/* harmony import */ var _excalidraw_element_textWrapping__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! @excalidraw/element/textWrapping */ \"../element/src/textWrapping.ts\");\n/* harmony import */ var _components_TTDDialog_MermaidToExcalidrawLib__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ./components/TTDDialog/MermaidToExcalidrawLib */ \"./components/TTDDialog/MermaidToExcalidrawLib.ts\");\n/* harmony import */ var _excalidraw_obsidianUtils__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ../excalidraw/obsidianUtils */ \"./obsidianUtils.ts\");\n/* harmony import */ var _excalidraw_element_newElement__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! @excalidraw/element/newElement */ \"../element/src/newElement.ts\");\n/* harmony import */ var _data_json__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! ./data/json */ \"./data/json.ts\");\n/* harmony import */ var _data_blob__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! ./data/blob */ \"./data/blob.ts\");\n/* harmony import */ var _excalidraw_element_renderElement__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! @excalidraw/element/renderElement */ \"../element/src/renderElement.ts\");\n/* harmony import */ var _data_library__WEBPACK_IMPORTED_MODULE_31__ = __webpack_require__(/*! ./data/library */ \"./data/library.ts\");\n/* harmony import */ var _excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_32__ = __webpack_require__(/*! @excalidraw/element/typeChecks */ \"../element/src/typeChecks.ts\");\n/* harmony import */ var _excalidraw_element_mutateElement__WEBPACK_IMPORTED_MODULE_33__ = __webpack_require__(/*! @excalidraw/element/mutateElement */ \"../element/src/mutateElement.ts\");\n/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_34__ = __webpack_require__(/*! ./store */ \"./store.ts\");\n/* harmony import */ var _excalidraw_element_embeddable__WEBPACK_IMPORTED_MODULE_35__ = __webpack_require__(/*! @excalidraw/element/embeddable */ \"../element/src/embeddable.ts\");\n/* harmony import */ var _components_Sidebar_Sidebar__WEBPACK_IMPORTED_MODULE_36__ = __webpack_require__(/*! ./components/Sidebar/Sidebar */ \"./components/Sidebar/Sidebar.tsx\");\n/* harmony import */ var _components_Button__WEBPACK_IMPORTED_MODULE_37__ = __webpack_require__(/*! ./components/Button */ \"./components/Button.tsx\");\n/* harmony import */ var _components_Stats__WEBPACK_IMPORTED_MODULE_38__ = __webpack_require__(/*! ./components/Stats */ \"./components/Stats/index.tsx\");\n/* harmony import */ var _components_DefaultSidebar__WEBPACK_IMPORTED_MODULE_39__ = __webpack_require__(/*! ./components/DefaultSidebar */ \"./components/DefaultSidebar.tsx\");\n/* harmony import */ var _components_TTDDialog_TTDDialog__WEBPACK_IMPORTED_MODULE_40__ = __webpack_require__(/*! ./components/TTDDialog/TTDDialog */ \"./components/TTDDialog/TTDDialog.tsx\");\n/* harmony import */ var _components_TTDDialog_TTDDialogTrigger__WEBPACK_IMPORTED_MODULE_41__ = __webpack_require__(/*! ./components/TTDDialog/TTDDialogTrigger */ \"./components/TTDDialog/TTDDialogTrigger.tsx\");\n/* harmony import */ var _actions_actionCanvas__WEBPACK_IMPORTED_MODULE_42__ = __webpack_require__(/*! ./actions/actionCanvas */ \"./actions/actionCanvas.tsx\");\n/* harmony import */ var _data_transform__WEBPACK_IMPORTED_MODULE_43__ = __webpack_require__(/*! ./data/transform */ \"./data/transform.ts\");\n/* harmony import */ var _excalidraw_utils_withinBounds__WEBPACK_IMPORTED_MODULE_44__ = __webpack_require__(/*! @excalidraw/utils/withinBounds */ \"../utils/src/withinBounds.ts\");\n/* harmony import */ var _components_DiagramToCodePlugin_DiagramToCodePlugin__WEBPACK_IMPORTED_MODULE_45__ = __webpack_require__(/*! ./components/DiagramToCodePlugin/DiagramToCodePlugin */ \"./components/DiagramToCodePlugin/DiagramToCodePlugin.tsx\");\n/* harmony import */ var _excalidraw_element_elementLink__WEBPACK_IMPORTED_MODULE_46__ = __webpack_require__(/*! @excalidraw/element/elementLink */ \"../element/src/elementLink.ts\");\nvar __rest = undefined && undefined.__rest || function (s, e) {\n  var t = {};\n\n  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n\n  if (s != null && typeof Object.getOwnPropertySymbols === \"function\") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n  }\n  return t;\n};\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n(0,_polyfill__WEBPACK_IMPORTED_MODULE_10__[\"default\"])();\n\nconst ExcalidrawBase = props => {\n  var _a, _b, _c, _d, _e, _f;\n\n  const {\n    onChange,\n    initialData,\n    excalidrawAPI,\n    isCollaborating = false,\n    onPointerUpdate,\n    renderTopRightUI,\n    langCode = _i18n__WEBPACK_IMPORTED_MODULE_8__.defaultLang.code,\n    viewModeEnabled,\n    zenModeEnabled,\n    gridModeEnabled,\n    initState,\n    //zsviczian\n    libraryReturnUrl,\n    theme,\n    name,\n    renderCustomStats,\n    onPaste,\n    onDrop,\n    //zsviczian\n    detectScroll = true,\n    handleKeyboardGlobally = false,\n    onLibraryChange,\n    autoFocus = false,\n    onBeforeTextEdit,\n    //zsviczian\n    onBeforeTextSubmit,\n    //zsviczian\n    generateIdForFile,\n    onThemeChange,\n    //zsviczian\n    onLinkOpen,\n    onLinkHover,\n    //zsviczian\n    onViewModeChange,\n    //zsviczian\n    generateLinkForSelection,\n    onPointerDown,\n    onPointerUp,\n    onScrollChange,\n    onDuplicate,\n    children,\n    validateEmbeddable,\n    renderEmbeddable,\n    renderWebview,\n    //zsviczian\n    renderEmbeddableMenu,\n    //zsviczian\n    renderMermaid,\n    //zsviczian\n    onContextMenu,\n    //zsviczian\n    aiEnabled,\n    showDeprecatedFonts,\n    insertLinkAction,\n    //zsviczian\n    renderScrollbars\n  } = props;\n  const canvasActions = (_a = props.UIOptions) === null || _a === void 0 ? void 0 : _a.canvasActions; // FIXME normalize/set defaults in parent component so that the memo resolver\n  // compares the same values\n\n  const UIOptions = Object.assign(Object.assign({}, props.UIOptions), {\n    canvasActions: Object.assign(Object.assign({}, _excalidraw_common__WEBPACK_IMPORTED_MODULE_1__.DEFAULT_UI_OPTIONS.canvasActions), canvasActions),\n    tools: {\n      image: (_d = (_c = (_b = props.UIOptions) === null || _b === void 0 ? void 0 : _b.tools) === null || _c === void 0 ? void 0 : _c.image) !== null && _d !== void 0 ? _d : true\n    }\n  });\n\n  if (canvasActions === null || canvasActions === void 0 ? void 0 : canvasActions.export) {\n    UIOptions.canvasActions.export.saveFileToDisk = (_f = (_e = canvasActions.export) === null || _e === void 0 ? void 0 : _e.saveFileToDisk) !== null && _f !== void 0 ? _f : _excalidraw_common__WEBPACK_IMPORTED_MODULE_1__.DEFAULT_UI_OPTIONS.canvasActions.export.saveFileToDisk;\n  }\n\n  if (UIOptions.canvasActions.toggleTheme === null && typeof theme === \"undefined\") {\n    UIOptions.canvasActions.toggleTheme = true;\n  }\n\n  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {\n    const importPolyfill = async () => {\n      //@ts-ignore\n      await Promise.resolve(/*! import() */).then(__webpack_require__.t.bind(__webpack_require__, /*! canvas-roundrect-polyfill */ \"../../node_modules/canvas-roundrect-polyfill/roundRect.js\", 23));\n    };\n\n    importPolyfill(); // Block pinch-zooming on iOS outside of the content area\n\n    const handleTouchMove = event => {\n      // @ts-ignore\n      if (typeof event.scale === \"number\" && event.scale !== 1) {\n        event.preventDefault();\n      }\n    };\n\n    document.addEventListener(\"touchmove\", handleTouchMove, {\n      passive: false\n    });\n    return () => {\n      document.removeEventListener(\"touchmove\", handleTouchMove);\n    };\n  }, []);\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_editor_jotai__WEBPACK_IMPORTED_MODULE_9__.EditorJotaiProvider, {\n    store: _editor_jotai__WEBPACK_IMPORTED_MODULE_9__.editorJotaiStore\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_InitializeApp__WEBPACK_IMPORTED_MODULE_3__.InitializeApp, {\n    langCode: langCode,\n    theme: theme\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_App__WEBPACK_IMPORTED_MODULE_2__[\"default\"], {\n    onChange: onChange,\n    initialData: initialData,\n    excalidrawAPI: excalidrawAPI,\n    isCollaborating: isCollaborating,\n    onPointerUpdate: onPointerUpdate,\n    renderTopRightUI: renderTopRightUI,\n    langCode: langCode,\n    viewModeEnabled: viewModeEnabled,\n    zenModeEnabled: zenModeEnabled,\n    gridModeEnabled: gridModeEnabled,\n    initState: initState,\n    libraryReturnUrl: libraryReturnUrl,\n    theme: theme,\n    name: name,\n    renderCustomStats: renderCustomStats,\n    UIOptions: UIOptions,\n    onPaste: onPaste,\n    onDrop: onDrop,\n    detectScroll: detectScroll,\n    handleKeyboardGlobally: handleKeyboardGlobally,\n    onLibraryChange: onLibraryChange,\n    autoFocus: autoFocus,\n    onBeforeTextEdit: onBeforeTextEdit,\n    onBeforeTextSubmit: onBeforeTextSubmit,\n    generateIdForFile: generateIdForFile,\n    onThemeChange: onThemeChange,\n    onLinkOpen: onLinkOpen,\n    onLinkHover: onLinkHover,\n    onViewModeChange: onViewModeChange,\n    generateLinkForSelection: generateLinkForSelection,\n    onPointerDown: onPointerDown,\n    onPointerUp: onPointerUp,\n    onScrollChange: onScrollChange,\n    onDuplicate: onDuplicate,\n    validateEmbeddable: validateEmbeddable,\n    renderEmbeddable: renderEmbeddable,\n    renderWebview: renderWebview,\n    renderEmbeddableMenu: renderEmbeddableMenu,\n    renderMermaid: renderMermaid,\n    onContextMenu: onContextMenu,\n    aiEnabled: aiEnabled !== false,\n    showDeprecatedFonts: showDeprecatedFonts,\n    insertLinkAction: insertLinkAction,\n    renderScrollbars: renderScrollbars\n  }, children)));\n};\n\nconst areEqual = (prevProps, nextProps) => {\n  // short-circuit early\n  if (prevProps.children !== nextProps.children) {\n    return false;\n  }\n\n  const {\n    initialData: prevInitialData,\n    UIOptions: prevUIOptions = {}\n  } = prevProps,\n        prev = __rest(prevProps, [\"initialData\", \"UIOptions\"]);\n\n  const {\n    initialData: nextInitialData,\n    UIOptions: nextUIOptions = {}\n  } = nextProps,\n        next = __rest(nextProps, [\"initialData\", \"UIOptions\"]); // comparing UIOptions\n\n\n  const prevUIOptionsKeys = Object.keys(prevUIOptions);\n  const nextUIOptionsKeys = Object.keys(nextUIOptions);\n\n  if (prevUIOptionsKeys.length !== nextUIOptionsKeys.length) {\n    return false;\n  }\n\n  const isUIOptionsSame = prevUIOptionsKeys.every(key => {\n    if (key === \"canvasActions\") {\n      const canvasOptionKeys = Object.keys(prevUIOptions.canvasActions);\n      return canvasOptionKeys.every(key => {\n        var _a, _b, _c, _d;\n\n        if (key === \"export\" && ((_a = prevUIOptions === null || prevUIOptions === void 0 ? void 0 : prevUIOptions.canvasActions) === null || _a === void 0 ? void 0 : _a.export) && ((_b = nextUIOptions === null || nextUIOptions === void 0 ? void 0 : nextUIOptions.canvasActions) === null || _b === void 0 ? void 0 : _b.export)) {\n          return prevUIOptions.canvasActions.export.saveFileToDisk === nextUIOptions.canvasActions.export.saveFileToDisk;\n        }\n\n        return ((_c = prevUIOptions === null || prevUIOptions === void 0 ? void 0 : prevUIOptions.canvasActions) === null || _c === void 0 ? void 0 : _c[key]) === ((_d = nextUIOptions === null || nextUIOptions === void 0 ? void 0 : nextUIOptions.canvasActions) === null || _d === void 0 ? void 0 : _d[key]);\n      });\n    }\n\n    return prevUIOptions[key] === nextUIOptions[key];\n  });\n  return isUIOptionsSame && (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_1__.isShallowEqual)(prev, next);\n};\n\nconst Excalidraw = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().memo(ExcalidrawBase, areEqual);\nExcalidraw.displayName = \"Excalidraw\";\n\n\n\n\n\n\n\n //zsviczian\n\n //zsviczian\n\n //zsviczian\n\n //zsviczian\n\n //zsviczian\n\n //zsviczian\n\n //zsviczian\n\n //zsviczian\n\n //zsviczian\n\n //zsviczian\n\n //zsviczian\n\n //zsviczian\n\n\n\n\n\n\n\n\n\n\n\n //zsviczian - not sure if I use it any more\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n//# sourceURL=webpack://ExcalidrawLib/./index.tsx?");
 /***/ }),
@@ -20438,7 +20438,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 */   allowDoubleTapEraser: () => (/* binding */ allowDoubleTapEraser),\n/* harmony export */   destroyObsidianUtils: () => (/* binding */ destroyObsidianUtils),\n/* harmony export */   fetchFontFromVault: () => (/* binding */ fetchFontFromVault),\n/* harmony export */   getAreaLimit: () => (/* binding */ getAreaLimit),\n/* harmony export */   getCSSFontDefinition: () => (/* binding */ getCSSFontDefinition),\n/* harmony export */   getExcalidrawContentEl: () => (/* binding */ getExcalidrawContentEl),\n/* harmony export */   getFontFamilies: () => (/* binding */ getFontFamilies),\n/* harmony export */   getMaxZoom: () => (/* binding */ getMaxZoom),\n/* harmony export */   getOpenAIDefaultVisionModel: () => (/* binding */ getOpenAIDefaultVisionModel),\n/* harmony export */   getSharedMermaidInstance: () => (/* binding */ getSharedMermaidInstance),\n/* harmony export */   getWidthHeightLimit: () => (/* binding */ getWidthHeightLimit),\n/* harmony export */   hideFreedrawPenmodeCursor: () => (/* binding */ hideFreedrawPenmodeCursor),\n/* harmony export */   hostPlugin: () => (/* binding */ hostPlugin),\n/* harmony export */   initializeObsidianUtils: () => (/* binding */ initializeObsidianUtils),\n/* harmony export */   intersectElementWithLine: () => (/* binding */ intersectElementWithLine),\n/* harmony export */   isExcaliBrainView: () => (/* binding */ isExcaliBrainView),\n/* harmony export */   isTouchInPenMode: () => (/* binding */ isTouchInPenMode),\n/* harmony export */   loadMermaid: () => (/* binding */ loadMermaid),\n/* harmony export */   loadSceneFonts: () => (/* binding */ loadSceneFonts),\n/* harmony export */   registerFontsInCSS: () => (/* binding */ registerFontsInCSS),\n/* harmony export */   registerLocalFont: () => (/* binding */ registerLocalFont)\n/* harmony export */ });\n/* harmony import */ var _components_TTDDialog_MermaidToExcalidrawLib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./components/TTDDialog/MermaidToExcalidrawLib */ \"./components/TTDDialog/MermaidToExcalidrawLib.ts\");\n/* harmony import */ var _excalidraw_common__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @excalidraw/common */ \"../common/src/index.ts\");\n/* harmony import */ var _fonts__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./fonts */ \"./fonts/index.ts\");\n/* harmony import */ var _excalidraw_element_collision__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @excalidraw/element/collision */ \"../element/src/collision.ts\");\n/* harmony import */ var _excalidraw_math__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @excalidraw/math */ \"../math/src/index.ts\");\n\n\n\n\n\n //zsviczian, my dirty little secrets. These are hacks I am not proud of...\n\nlet hostPlugin = null;\nfunction destroyObsidianUtils() {\n  hostPlugin = null;\n}\nfunction initializeObsidianUtils() {\n  //@ts-ignore\n  hostPlugin = app.plugins.plugins[\"obsidian-excalidraw-plugin\"];\n}\n\nfunction getHostPlugin() {\n  if (!hostPlugin) {\n    initializeObsidianUtils();\n  }\n\n  return hostPlugin;\n}\n\nfunction getAreaLimit() {\n  var _a;\n\n  return (_a = getHostPlugin().excalidrawConfig.areaLimit) !== null && _a !== void 0 ? _a : 16777216;\n}\nfunction getWidthHeightLimit() {\n  var _a;\n\n  return (_a = getHostPlugin().excalidrawConfig.widthHeightLimit) !== null && _a !== void 0 ? _a : 32767;\n}\nfunction allowDoubleTapEraser() {\n  return getHostPlugin().settings.penModeDoubleTapEraser;\n}\nfunction getMaxZoom() {\n  var _a;\n\n  return (_a = getHostPlugin().settings.zoomToFitMaxLevel) !== null && _a !== void 0 ? _a : 1;\n}\nfunction isExcaliBrainView() {\n  const excalidrawView = getHostPlugin().activeExcalidrawView;\n\n  if (!excalidrawView) {\n    return false;\n  }\n\n  return excalidrawView.linksAlwaysOpenInANewPane && excalidrawView.allowFrameButtonsInViewMode;\n}\nfunction getExcalidrawContentEl() {\n  const excalidrawView = getHostPlugin().activeExcalidrawView;\n\n  if (!excalidrawView) {\n    return document.body;\n  }\n\n  return excalidrawView.contentEl;\n}\nfunction hideFreedrawPenmodeCursor() {\n  return !getHostPlugin().settings.penModeCrosshairVisible;\n}\nfunction getOpenAIDefaultVisionModel() {\n  return getHostPlugin().settings.openAIDefaultVisionModel;\n}\nfunction registerLocalFont(fontMetrics, uri) {\n  _excalidraw_common__WEBPACK_IMPORTED_MODULE_1__.FONT_METADATA[_excalidraw_common__WEBPACK_IMPORTED_MODULE_1__.FONT_FAMILY[\"Local Font\"]] = {\n    metrics: fontMetrics.metrics\n  };\n  _fonts__WEBPACK_IMPORTED_MODULE_2__.Fonts.register(\"Local Font\", fontMetrics, {\n    uri\n  });\n}\nfunction getFontFamilies() {\n  const fontFamilies = new Set();\n\n  for (const fontFaces of _fonts__WEBPACK_IMPORTED_MODULE_2__.Fonts.registered.values()) {\n    if (fontFaces.metadata.local) {\n      continue;\n    }\n\n    for (const font of fontFaces.fontFaces) {\n      if (font.fontFace.family === \"Local Font\") {\n        continue;\n      }\n\n      fontFamilies.add(font.fontFace.family);\n    }\n  }\n\n  return Array.from(fontFamilies);\n}\nasync function registerFontsInCSS() {\n  const styleId = \"ExcalidrawFonts\";\n  let styleElement = document.getElementById(styleId);\n\n  if (!styleElement) {\n    styleElement = document.createElement(\"style\");\n    styleElement.id = styleId;\n    document.head.appendChild(styleElement);\n  } else {\n    styleElement.textContent = \"\";\n  }\n\n  let cssContent = \"\";\n\n  for (const fontFaces of _fonts__WEBPACK_IMPORTED_MODULE_2__.Fonts.registered.values()) {\n    if (fontFaces.metadata.local) {\n      continue;\n    }\n\n    for (const font of fontFaces.fontFaces) {\n      try {\n        const content = await font.getContentLegacy();\n        cssContent += `@font-face {font-family: ${font.fontFace.family}; src: url(${content});}\\n`;\n      } catch (e) {\n        console.error(`Skipped inlining font \"${font.toString()}\"`, e);\n      }\n    }\n  }\n\n  styleElement.textContent = cssContent;\n}\nasync function getCSSFontDefinition(fontFamily) {\n  var _a;\n\n  const fontFaces = (_a = _fonts__WEBPACK_IMPORTED_MODULE_2__.Fonts.registered.get(fontFamily)) === null || _a === void 0 ? void 0 : _a.fontFaces;\n\n  if (!fontFaces) {\n    return \"\";\n  }\n\n  const fontFace = fontFaces[0];\n\n  if (!fontFace) {\n    return \"\";\n  }\n\n  const content = await fontFace.getContentLegacy();\n  return `@font-face {font-family: ${fontFaces[0].fontFace.family}; src: url(${content});}`;\n}\nasync function loadSceneFonts(elements) {\n  return await _fonts__WEBPACK_IMPORTED_MODULE_2__.Fonts.loadElementsFonts(elements);\n}\nasync function fetchFontFromVault(url) {\n  url = typeof url === \"string\" ? url : url.toString();\n\n  if (typeof url === \"string\" && !url.startsWith(\"data\") && url.endsWith(\".woff2\")) {\n    const filename = decodeURIComponent(url.substring(url.lastIndexOf(\"/\") + 1));\n    const arrayBuffer = await getHostPlugin().loadFontFromFile(filename);\n\n    if (arrayBuffer) {\n      return arrayBuffer;\n    }\n  }\n} //zsviczian (single finger panning in pen mode)\n\nfunction isTouchInPenMode(appState, event) {\n  if (!getHostPlugin().settings.penModeSingleFingerPanning) {\n    return false;\n  } //isReactPointerEvent typecheck is here only to please typescript, else event.pointerType === \"touch\" should be enough\n\n\n  const isReactPointerEvent = (\"nativeEvent\" in event);\n  return appState.penMode && (!isReactPointerEvent || event.pointerType === \"touch\") && ![\"text\"].includes(appState.activeTool.type);\n}\nasync function getSharedMermaidInstance() {\n  return await getHostPlugin().getMermaid();\n}\nasync function loadMermaid() {\n  return await (0,_components_TTDDialog_MermaidToExcalidrawLib__WEBPACK_IMPORTED_MODULE_0__.loadMermaidLib)();\n} //moved here as part of https://github.com/zsviczian/excalidraw/pull/286\n\nconst intersectElementWithLine = (element, // Point on the line, in absolute coordinates\na, // Another point on the line, in absolute coordinates\nb, // If given, the element is inflated by this value\ngap = 0, elementsMap) => {\n  return (0,_excalidraw_element_collision__WEBPACK_IMPORTED_MODULE_3__.intersectElementWithLineSegment)(element, (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_4__.lineSegment)(a, b), gap);\n};\n\n//# sourceURL=webpack://ExcalidrawLib/./obsidianUtils.ts?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   allowDoubleTapEraser: () => (/* binding */ allowDoubleTapEraser),\n/* harmony export */   destroyObsidianUtils: () => (/* binding */ destroyObsidianUtils),\n/* harmony export */   disableDoubleClickTextEditing: () => (/* binding */ disableDoubleClickTextEditing),\n/* harmony export */   fetchFontFromVault: () => (/* binding */ fetchFontFromVault),\n/* harmony export */   getAreaLimit: () => (/* binding */ getAreaLimit),\n/* harmony export */   getCSSFontDefinition: () => (/* binding */ getCSSFontDefinition),\n/* harmony export */   getExcalidrawContentEl: () => (/* binding */ getExcalidrawContentEl),\n/* harmony export */   getFontFamilies: () => (/* binding */ getFontFamilies),\n/* harmony export */   getMaxZoom: () => (/* binding */ getMaxZoom),\n/* harmony export */   getOpenAIDefaultVisionModel: () => (/* binding */ getOpenAIDefaultVisionModel),\n/* harmony export */   getSharedMermaidInstance: () => (/* binding */ getSharedMermaidInstance),\n/* harmony export */   getWidthHeightLimit: () => (/* binding */ getWidthHeightLimit),\n/* harmony export */   hideFreedrawPenmodeCursor: () => (/* binding */ hideFreedrawPenmodeCursor),\n/* harmony export */   hostPlugin: () => (/* binding */ hostPlugin),\n/* harmony export */   initializeObsidianUtils: () => (/* binding */ initializeObsidianUtils),\n/* harmony export */   intersectElementWithLine: () => (/* binding */ intersectElementWithLine),\n/* harmony export */   isExcaliBrainView: () => (/* binding */ isExcaliBrainView),\n/* harmony export */   isTouchInPenMode: () => (/* binding */ isTouchInPenMode),\n/* harmony export */   loadMermaid: () => (/* binding */ loadMermaid),\n/* harmony export */   loadSceneFonts: () => (/* binding */ loadSceneFonts),\n/* harmony export */   registerFontsInCSS: () => (/* binding */ registerFontsInCSS),\n/* harmony export */   registerLocalFont: () => (/* binding */ registerLocalFont)\n/* harmony export */ });\n/* harmony import */ var _components_TTDDialog_MermaidToExcalidrawLib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./components/TTDDialog/MermaidToExcalidrawLib */ \"./components/TTDDialog/MermaidToExcalidrawLib.ts\");\n/* harmony import */ var _excalidraw_common__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @excalidraw/common */ \"../common/src/index.ts\");\n/* harmony import */ var _fonts__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./fonts */ \"./fonts/index.ts\");\n/* harmony import */ var _excalidraw_element_collision__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @excalidraw/element/collision */ \"../element/src/collision.ts\");\n/* harmony import */ var _excalidraw_math__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @excalidraw/math */ \"../math/src/index.ts\");\n\n\n\n\n\n //zsviczian, my dirty little secrets. These are hacks I am not proud of...\n\nlet hostPlugin = null;\nfunction destroyObsidianUtils() {\n  hostPlugin = null;\n}\nfunction initializeObsidianUtils() {\n  //@ts-ignore\n  hostPlugin = app.plugins.plugins[\"obsidian-excalidraw-plugin\"];\n}\n\nfunction getHostPlugin() {\n  if (!hostPlugin) {\n    initializeObsidianUtils();\n  }\n\n  return hostPlugin;\n}\n\nfunction getAreaLimit() {\n  var _a;\n\n  return (_a = getHostPlugin().excalidrawConfig.areaLimit) !== null && _a !== void 0 ? _a : 16777216;\n}\nfunction getWidthHeightLimit() {\n  var _a;\n\n  return (_a = getHostPlugin().excalidrawConfig.widthHeightLimit) !== null && _a !== void 0 ? _a : 32767;\n}\nfunction allowDoubleTapEraser() {\n  return getHostPlugin().settings.penModeDoubleTapEraser;\n}\nfunction getMaxZoom() {\n  var _a;\n\n  return (_a = getHostPlugin().settings.zoomToFitMaxLevel) !== null && _a !== void 0 ? _a : 1;\n}\nfunction isExcaliBrainView() {\n  const excalidrawView = getHostPlugin().activeExcalidrawView;\n\n  if (!excalidrawView) {\n    return false;\n  }\n\n  return excalidrawView.linksAlwaysOpenInANewPane && excalidrawView.allowFrameButtonsInViewMode;\n}\nfunction getExcalidrawContentEl() {\n  const excalidrawView = getHostPlugin().activeExcalidrawView;\n\n  if (!excalidrawView) {\n    return document.body;\n  }\n\n  return excalidrawView.contentEl;\n}\nfunction hideFreedrawPenmodeCursor() {\n  return !getHostPlugin().settings.penModeCrosshairVisible;\n}\nfunction getOpenAIDefaultVisionModel() {\n  return getHostPlugin().settings.openAIDefaultVisionModel;\n}\nfunction registerLocalFont(fontMetrics, uri) {\n  _excalidraw_common__WEBPACK_IMPORTED_MODULE_1__.FONT_METADATA[_excalidraw_common__WEBPACK_IMPORTED_MODULE_1__.FONT_FAMILY[\"Local Font\"]] = {\n    metrics: fontMetrics.metrics\n  };\n  _fonts__WEBPACK_IMPORTED_MODULE_2__.Fonts.register(\"Local Font\", fontMetrics, {\n    uri\n  });\n}\nfunction getFontFamilies() {\n  const fontFamilies = new Set();\n\n  for (const fontFaces of _fonts__WEBPACK_IMPORTED_MODULE_2__.Fonts.registered.values()) {\n    if (fontFaces.metadata.local) {\n      continue;\n    }\n\n    for (const font of fontFaces.fontFaces) {\n      if (font.fontFace.family === \"Local Font\") {\n        continue;\n      }\n\n      fontFamilies.add(font.fontFace.family);\n    }\n  }\n\n  return Array.from(fontFamilies);\n}\nasync function registerFontsInCSS() {\n  const styleId = \"ExcalidrawFonts\";\n  let styleElement = document.getElementById(styleId);\n\n  if (!styleElement) {\n    styleElement = document.createElement(\"style\");\n    styleElement.id = styleId;\n    document.head.appendChild(styleElement);\n  } else {\n    styleElement.textContent = \"\";\n  }\n\n  let cssContent = \"\";\n\n  for (const fontFaces of _fonts__WEBPACK_IMPORTED_MODULE_2__.Fonts.registered.values()) {\n    if (fontFaces.metadata.local) {\n      continue;\n    }\n\n    for (const font of fontFaces.fontFaces) {\n      try {\n        const content = await font.getContentLegacy();\n        cssContent += `@font-face {font-family: ${font.fontFace.family}; src: url(${content});}\\n`;\n      } catch (e) {\n        console.error(`Skipped inlining font \"${font.toString()}\"`, e);\n      }\n    }\n  }\n\n  styleElement.textContent = cssContent;\n}\nasync function getCSSFontDefinition(fontFamily) {\n  var _a;\n\n  const fontFaces = (_a = _fonts__WEBPACK_IMPORTED_MODULE_2__.Fonts.registered.get(fontFamily)) === null || _a === void 0 ? void 0 : _a.fontFaces;\n\n  if (!fontFaces) {\n    return \"\";\n  }\n\n  const fontFace = fontFaces[0];\n\n  if (!fontFace) {\n    return \"\";\n  }\n\n  const content = await fontFace.getContentLegacy();\n  return `@font-face {font-family: ${fontFaces[0].fontFace.family}; src: url(${content});}`;\n}\nasync function loadSceneFonts(elements) {\n  return await _fonts__WEBPACK_IMPORTED_MODULE_2__.Fonts.loadElementsFonts(elements);\n}\nasync function fetchFontFromVault(url) {\n  url = typeof url === \"string\" ? url : url.toString();\n\n  if (typeof url === \"string\" && !url.startsWith(\"data\") && url.endsWith(\".woff2\")) {\n    const filename = decodeURIComponent(url.substring(url.lastIndexOf(\"/\") + 1));\n    const arrayBuffer = await getHostPlugin().loadFontFromFile(filename);\n\n    if (arrayBuffer) {\n      return arrayBuffer;\n    }\n  }\n} //zsviczian (single finger panning in pen mode)\n\nfunction isTouchInPenMode(appState, event) {\n  if (!getHostPlugin().settings.penModeSingleFingerPanning) {\n    return false;\n  } //isReactPointerEvent typecheck is here only to please typescript, else event.pointerType === \"touch\" should be enough\n\n\n  const isReactPointerEvent = (\"nativeEvent\" in event);\n  return appState.penMode && (!isReactPointerEvent || event.pointerType === \"touch\") && ![\"text\"].includes(appState.activeTool.type);\n}\nasync function getSharedMermaidInstance() {\n  return await getHostPlugin().getMermaid();\n}\nasync function loadMermaid() {\n  return await (0,_components_TTDDialog_MermaidToExcalidrawLib__WEBPACK_IMPORTED_MODULE_0__.loadMermaidLib)();\n} //moved here as part of https://github.com/zsviczian/excalidraw/pull/286\n\nconst intersectElementWithLine = (element, // Point on the line, in absolute coordinates\na, // Another point on the line, in absolute coordinates\nb, // If given, the element is inflated by this value\ngap = 0, elementsMap) => {\n  return (0,_excalidraw_element_collision__WEBPACK_IMPORTED_MODULE_3__.intersectElementWithLineSegment)(element, (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_4__.lineSegment)(a, b), gap);\n}; //disable double click\n\nconst disableDoubleClickTextEditing = () => {\n  var _a;\n\n  return (_a = getHostPlugin().settings.disableDoubleClickTextEditing) !== null && _a !== void 0 ? _a : false;\n};\n\n//# sourceURL=webpack://ExcalidrawLib/./obsidianUtils.ts?");
 /***/ }),
@@ -20460,7 +20460,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-6\"}/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-9\"}/dist/`;\n}\n\n//# sourceURL=webpack://ExcalidrawLib/./publicPath.js?");
 /***/ }),
@@ -20493,7 +20493,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 */   renderInteractiveScene: () => (/* binding */ renderInteractiveScene),\n/* harmony export */   renderInteractiveSceneThrottled: () => (/* binding */ renderInteractiveSceneThrottled)\n/* harmony export */ });\n/* harmony import */ var open_color__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! open-color */ \"../../node_modules/open-color/open-color.json\");\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 _excalidraw_element_binding__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @excalidraw/element/binding */ \"../element/src/binding.ts\");\n/* harmony import */ var _excalidraw_element_linearElementEditor__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @excalidraw/element/linearElementEditor */ \"../element/src/linearElementEditor.ts\");\n/* harmony import */ var _excalidraw_element_transformHandles__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @excalidraw/element/transformHandles */ \"../element/src/transformHandles.ts\");\n/* harmony import */ var _excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @excalidraw/element/typeChecks */ \"../element/src/typeChecks.ts\");\n/* harmony import */ var _excalidraw_element_shapes__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @excalidraw/element/shapes */ \"../element/src/shapes.ts\");\n/* harmony import */ var _excalidraw_element_renderElement__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @excalidraw/element/renderElement */ \"../element/src/renderElement.ts\");\n/* harmony import */ var _excalidraw_element_groups__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @excalidraw/element/groups */ \"../element/src/groups.ts\");\n/* harmony import */ var _excalidraw_element_bounds__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @excalidraw/element/bounds */ \"../element/src/bounds.ts\");\n/* harmony import */ var _renderer_renderSnaps__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../renderer/renderSnaps */ \"./renderer/renderSnaps.ts\");\n/* harmony import */ var _renderer_roundRect__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../renderer/roundRect */ \"./renderer/roundRect.ts\");\n/* harmony import */ var _scene_scrollbars__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../scene/scrollbars */ \"./scene/scrollbars.ts\");\n/* harmony import */ var _clients__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../clients */ \"./clients.ts\");\n/* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./helpers */ \"./renderer/helpers.ts\");\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nconst renderElbowArrowMidPointHighlight = (context, appState) => {\n  (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_2__.invariant)(appState.selectedLinearElement, \"selectedLinearElement is null\");\n  const {\n    segmentMidPointHoveredCoords\n  } = appState.selectedLinearElement;\n  (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_2__.invariant)(segmentMidPointHoveredCoords, \"midPointCoords is null\");\n  context.save();\n  context.translate(appState.scrollX, appState.scrollY);\n  highlightPoint(segmentMidPointHoveredCoords, context, appState);\n  context.restore();\n};\n\nconst renderLinearElementPointHighlight = (context, appState, elementsMap) => {\n  var _a, _b;\n\n  const {\n    elementId,\n    hoverPointIndex\n  } = appState.selectedLinearElement;\n\n  if ((_b = (_a = appState.editingLinearElement) === null || _a === void 0 ? void 0 : _a.selectedPointsIndices) === null || _b === void 0 ? void 0 : _b.includes(hoverPointIndex)) {\n    return;\n  }\n\n  const element = _excalidraw_element_linearElementEditor__WEBPACK_IMPORTED_MODULE_4__.LinearElementEditor.getElement(elementId, elementsMap);\n\n  if (!element) {\n    return;\n  }\n\n  const point = _excalidraw_element_linearElementEditor__WEBPACK_IMPORTED_MODULE_4__.LinearElementEditor.getPointAtIndexGlobalCoordinates(element, hoverPointIndex, elementsMap);\n  context.save();\n  context.translate(appState.scrollX, appState.scrollY);\n  highlightPoint(point, context, appState);\n  context.restore();\n};\n\nconst highlightPoint = (point, context, appState) => {\n  context.fillStyle = \"rgba(105, 101, 219, 0.4)\";\n  (0,_helpers__WEBPACK_IMPORTED_MODULE_15__.fillCircle)(context, point[0], point[1], _excalidraw_element_linearElementEditor__WEBPACK_IMPORTED_MODULE_4__.LinearElementEditor.POINT_HANDLE_SIZE / appState.zoom.value, false);\n};\n\nconst strokeRectWithRotation = (context, x, y, width, height, cx, cy, angle, fill = false,\n/** should account for zoom */\nradius = 0) => {\n  context.save();\n  context.translate(cx, cy);\n  context.rotate(angle);\n\n  if (fill) {\n    context.fillRect(x - cx, y - cy, width, height);\n  }\n\n  if (radius && context.roundRect) {\n    context.beginPath();\n    context.roundRect(x - cx, y - cy, width, height, radius);\n    context.stroke();\n    context.closePath();\n  } else {\n    context.strokeRect(x - cx, y - cy, width, height);\n  }\n\n  context.restore();\n};\n\nconst strokeDiamondWithRotation = (context, width, height, cx, cy, angle) => {\n  context.save();\n  context.translate(cx, cy);\n  context.rotate(angle);\n  context.beginPath();\n  context.moveTo(0, height / 2);\n  context.lineTo(width / 2, 0);\n  context.lineTo(0, -height / 2);\n  context.lineTo(-width / 2, 0);\n  context.closePath();\n  context.stroke();\n  context.restore();\n};\n\nconst renderSingleLinearPoint = (context, appState, point, radius, isSelected, isPhantomPoint = false) => {\n  context.strokeStyle = \"#5e5ad8\";\n  context.setLineDash([]);\n  context.fillStyle = \"rgba(255, 255, 255, 0.9)\";\n\n  if (isSelected) {\n    context.fillStyle = \"rgba(134, 131, 226, 0.9)\";\n  } else if (isPhantomPoint) {\n    context.fillStyle = \"rgba(177, 151, 252, 0.7)\";\n  }\n\n  (0,_helpers__WEBPACK_IMPORTED_MODULE_15__.fillCircle)(context, point[0], point[1], radius / appState.zoom.value, !isPhantomPoint);\n};\n\nconst strokeEllipseWithRotation = (context, width, height, cx, cy, angle) => {\n  context.beginPath();\n  context.ellipse(cx, cy, width / 2, height / 2, angle, 0, Math.PI * 2);\n  context.stroke();\n};\n\nconst renderBindingHighlightForBindableElement = (context, element, elementsMap, zoom, highlightedColor) => {\n  const [x1, y1, x2, y2] = (0,_excalidraw_element_bounds__WEBPACK_IMPORTED_MODULE_10__.getElementAbsoluteCoords)(element, elementsMap);\n  const width = x2 - x1;\n  const height = y2 - y1;\n  context.strokeStyle = highlightedColor !== null && highlightedColor !== void 0 ? highlightedColor : \"rgba(128,128,128,.1)\"; //zsviczian\n  // When zooming out, make line width greater for visibility\n\n  const zoomValue = zoom.value < 1 ? zoom.value : 1;\n  context.lineWidth = _excalidraw_element_binding__WEBPACK_IMPORTED_MODULE_3__.BINDING_HIGHLIGHT_THICKNESS / zoomValue; // To ensure the binding highlight doesn't overlap the element itself\n\n  const padding = context.lineWidth / 2 + _excalidraw_element_binding__WEBPACK_IMPORTED_MODULE_3__.BINDING_HIGHLIGHT_OFFSET;\n  const radius = (0,_excalidraw_element_shapes__WEBPACK_IMPORTED_MODULE_7__.getCornerRadius)(Math.min(element.width, element.height), element);\n\n  switch (element.type) {\n    case \"rectangle\":\n    case \"text\":\n    case \"image\":\n    case \"iframe\":\n    case \"embeddable\":\n    case \"frame\":\n    case \"magicframe\":\n      strokeRectWithRotation(context, x1 - padding, y1 - padding, width + padding * 2, height + padding * 2, x1 + width / 2, y1 + height / 2, element.angle, undefined, radius);\n      break;\n\n    case \"diamond\":\n      const side = Math.hypot(width, height);\n      const wPadding = padding * side / height;\n      const hPadding = padding * side / width;\n      strokeDiamondWithRotation(context, width + wPadding * 2, height + hPadding * 2, x1 + width / 2, y1 + height / 2, element.angle);\n      break;\n\n    case \"ellipse\":\n      strokeEllipseWithRotation(context, width + padding * 2, height + padding * 2, x1 + width / 2, y1 + height / 2, element.angle);\n      break;\n  }\n};\n\nconst renderBindingHighlightForSuggestedPointBinding = (context, suggestedBinding, elementsMap, zoom, highlightedColor) => {\n  const [element, startOrEnd, bindableElement] = suggestedBinding;\n  const threshold = (0,_excalidraw_element_binding__WEBPACK_IMPORTED_MODULE_3__.maxBindingGap)(bindableElement, bindableElement.width, bindableElement.height, zoom);\n  context.strokeStyle = \"rgba(0,0,0,0)\";\n  context.fillStyle = highlightedColor !== null && highlightedColor !== void 0 ? highlightedColor : \"rgba(128,128,128,.1)\"; //zsviczian \"rgba(0,0,0,.05)\";\n\n  const pointIndices = startOrEnd === \"both\" ? [0, -1] : startOrEnd === \"start\" ? [0] : [-1];\n  pointIndices.forEach(index => {\n    const [x, y] = _excalidraw_element_linearElementEditor__WEBPACK_IMPORTED_MODULE_4__.LinearElementEditor.getPointAtIndexGlobalCoordinates(element, index, elementsMap);\n    (0,_helpers__WEBPACK_IMPORTED_MODULE_15__.fillCircle)(context, x, y, threshold);\n  });\n};\n\nconst renderSelectionBorder = (context, appState, elementProperties) => {\n  var _a;\n\n  const {\n    angle,\n    x1,\n    y1,\n    x2,\n    y2,\n    selectionColors,\n    cx,\n    cy,\n    dashed,\n    activeEmbeddable\n  } = elementProperties;\n  const elementWidth = x2 - x1;\n  const elementHeight = y2 - y1;\n  const padding = (_a = elementProperties.padding) !== null && _a !== void 0 ? _a : _excalidraw_common__WEBPACK_IMPORTED_MODULE_2__.DEFAULT_TRANSFORM_HANDLE_SPACING * 2;\n  const linePadding = padding / appState.zoom.value;\n  const lineWidth = 8 / appState.zoom.value;\n  const spaceWidth = 4 / appState.zoom.value;\n  context.save();\n  context.translate(appState.scrollX, appState.scrollY);\n  const thick = activeEmbeddable || appState.highlightSearchResult; //zsviczian\n\n  context.lineWidth = (thick ? 4 : 1) / appState.zoom.value; //zsviczian\n\n  const count = selectionColors.length;\n\n  for (let index = 0; index < count; ++index) {\n    context.strokeStyle = selectionColors[index];\n\n    if (dashed) {\n      context.setLineDash([lineWidth, spaceWidth + (lineWidth + spaceWidth) * (count - 1)]);\n    }\n\n    context.lineDashOffset = (lineWidth + spaceWidth) * index;\n    strokeRectWithRotation(context, x1 - linePadding, y1 - linePadding, elementWidth + linePadding * 2, elementHeight + linePadding * 2, cx, cy, angle);\n  }\n\n  context.restore();\n};\n\nconst renderBindingHighlight = (context, appState, suggestedBinding, elementsMap) => {\n  const renderHighlight = Array.isArray(suggestedBinding) ? renderBindingHighlightForSuggestedPointBinding : renderBindingHighlightForBindableElement;\n  context.save();\n  context.translate(appState.scrollX, appState.scrollY);\n  renderHighlight(context, suggestedBinding, elementsMap, appState.zoom, `${appState.gridColor.Bold}`); //zsviczian\n\n  context.restore();\n};\n\nconst renderFrameHighlight = (context, appState, frame, elementsMap) => {\n  const [x1, y1, x2, y2] = (0,_excalidraw_element_bounds__WEBPACK_IMPORTED_MODULE_10__.getElementAbsoluteCoords)(frame, elementsMap);\n  const width = x2 - x1;\n  const height = y2 - y1;\n  context.strokeStyle = \"rgb(0,118,255)\";\n  context.lineWidth = _excalidraw_common__WEBPACK_IMPORTED_MODULE_2__.FRAME_STYLE.strokeWidth / appState.zoom.value;\n  context.save();\n  context.translate(appState.scrollX, appState.scrollY);\n  strokeRectWithRotation(context, x1, y1, width, height, x1 + width / 2, y1 + height / 2, frame.angle, false, _excalidraw_common__WEBPACK_IMPORTED_MODULE_2__.FRAME_STYLE.radius / appState.zoom.value);\n  context.restore();\n};\n\nconst renderElementsBoxHighlight = (context, appState, elements) => {\n  const individualElements = elements.filter(element => element.groupIds.length === 0);\n  const elementsInGroups = elements.filter(element => element.groupIds.length > 0);\n\n  const getSelectionFromElements = elements => {\n    var _a;\n\n    const [x1, y1, x2, y2] = (0,_excalidraw_element_bounds__WEBPACK_IMPORTED_MODULE_10__.getCommonBounds)(elements);\n    return {\n      angle: 0,\n      x1,\n      x2,\n      y1,\n      y2,\n      selectionColors: [(_a = appState.gridColor.Bold) !== null && _a !== void 0 ? _a : \"rgb(0,118,255)\"],\n      dashed: false,\n      cx: x1 + (x2 - x1) / 2,\n      cy: y1 + (y2 - y1) / 2,\n      activeEmbeddable: false\n    };\n  };\n\n  const getSelectionForGroupId = groupId => {\n    const groupElements = (0,_excalidraw_element_groups__WEBPACK_IMPORTED_MODULE_9__.getElementsInGroup)(elements, groupId);\n    return getSelectionFromElements(groupElements);\n  };\n\n  Object.entries((0,_excalidraw_element_groups__WEBPACK_IMPORTED_MODULE_9__.selectGroupsFromGivenElements)(elementsInGroups, appState)).filter(([id, isSelected]) => isSelected).map(([id, isSelected]) => id).map(groupId => getSelectionForGroupId(groupId)).concat(individualElements.map(element => getSelectionFromElements([element]))).forEach(selection => renderSelectionBorder(context, appState, selection));\n};\n\nconst renderLinearPointHandles = (context, appState, element, elementsMap) => {\n  var _a;\n\n  if (!appState.selectedLinearElement) {\n    return;\n  }\n\n  context.save();\n  context.translate(appState.scrollX, appState.scrollY);\n  context.lineWidth = 1 / appState.zoom.value;\n  const points = _excalidraw_element_linearElementEditor__WEBPACK_IMPORTED_MODULE_4__.LinearElementEditor.getPointsGlobalCoordinates(element, elementsMap);\n  const {\n    POINT_HANDLE_SIZE\n  } = _excalidraw_element_linearElementEditor__WEBPACK_IMPORTED_MODULE_4__.LinearElementEditor;\n  const radius = appState.editingLinearElement ? POINT_HANDLE_SIZE : POINT_HANDLE_SIZE / 2;\n  points.forEach((point, idx) => {\n    var _a, _b;\n\n    if ((0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_6__.isElbowArrow)(element) && idx !== 0 && idx !== points.length - 1) {\n      return;\n    }\n\n    const isSelected = !!((_b = (_a = appState.editingLinearElement) === null || _a === void 0 ? void 0 : _a.selectedPointsIndices) === null || _b === void 0 ? void 0 : _b.includes(idx));\n    renderSingleLinearPoint(context, appState, point, radius, isSelected);\n  }); // Rendering segment mid points\n\n  if ((0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_6__.isElbowArrow)(element)) {\n    const fixedSegments = ((_a = element.fixedSegments) === null || _a === void 0 ? void 0 : _a.map(segment => segment.index)) || [];\n    points.slice(0, -1).forEach((p, idx) => {\n      if (!_excalidraw_element_linearElementEditor__WEBPACK_IMPORTED_MODULE_4__.LinearElementEditor.isSegmentTooShort(element, points[idx + 1], points[idx], idx, appState.zoom)) {\n        renderSingleLinearPoint(context, appState, (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)((p[0] + points[idx + 1][0]) / 2, (p[1] + points[idx + 1][1]) / 2), POINT_HANDLE_SIZE / 2, false, !fixedSegments.includes(idx + 1));\n      }\n    });\n  } else {\n    const midPoints = _excalidraw_element_linearElementEditor__WEBPACK_IMPORTED_MODULE_4__.LinearElementEditor.getEditorMidPoints(element, elementsMap, appState).filter((midPoint, idx, midPoints) => midPoint !== null && !((0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_6__.isElbowArrow)(element) && (idx === 0 || idx === midPoints.length - 1)));\n    midPoints.forEach(segmentMidPoint => {\n      if (appState.editingLinearElement || points.length === 2) {\n        renderSingleLinearPoint(context, appState, segmentMidPoint, POINT_HANDLE_SIZE / 2, false, true);\n      }\n    });\n  }\n\n  context.restore();\n};\n\nconst renderTransformHandles = (context, renderConfig, appState, transformHandles, angle) => {\n  Object.keys(transformHandles).forEach(key => {\n    const transformHandle = transformHandles[key];\n\n    if (transformHandle !== undefined) {\n      const [x, y, width, height] = transformHandle;\n      context.save();\n      context.lineWidth = 1 / appState.zoom.value;\n\n      if (renderConfig.selectionColor) {\n        context.strokeStyle = renderConfig.selectionColor;\n      }\n\n      if (key === \"rotation\") {\n        (0,_helpers__WEBPACK_IMPORTED_MODULE_15__.fillCircle)(context, x + width / 2, y + height / 2, width / 2); // prefer round corners if roundRect API is available\n      } else if (context.roundRect) {\n        context.beginPath();\n        context.roundRect(x, y, width, height, 2 / appState.zoom.value);\n        context.fill();\n        context.stroke();\n      } else {\n        strokeRectWithRotation(context, x, y, width, height, x + width / 2, y + height / 2, angle, true);\n      }\n\n      context.restore();\n    }\n  });\n};\n\nconst renderCropHandles = (context, renderConfig, appState, croppingElement, elementsMap) => {\n  const [x1, y1,,, cx, cy] = (0,_excalidraw_element_bounds__WEBPACK_IMPORTED_MODULE_10__.getElementAbsoluteCoords)(croppingElement, elementsMap);\n  const LINE_WIDTH = 3;\n  const LINE_LENGTH = 20;\n  const ZOOMED_LINE_WIDTH = LINE_WIDTH / appState.zoom.value;\n  const ZOOMED_HALF_LINE_WIDTH = ZOOMED_LINE_WIDTH / 2;\n  const HALF_WIDTH = cx - x1 + ZOOMED_LINE_WIDTH;\n  const HALF_HEIGHT = cy - y1 + ZOOMED_LINE_WIDTH;\n  const HORIZONTAL_LINE_LENGTH = Math.min(LINE_LENGTH / appState.zoom.value, HALF_WIDTH);\n  const VERTICAL_LINE_LENGTH = Math.min(LINE_LENGTH / appState.zoom.value, HALF_HEIGHT);\n  context.save();\n  context.fillStyle = renderConfig.selectionColor;\n  context.strokeStyle = renderConfig.selectionColor;\n  context.lineWidth = ZOOMED_LINE_WIDTH;\n  const handles = [[// x, y\n  [-HALF_WIDTH, -HALF_HEIGHT], // horizontal line: first start and to\n  [0, ZOOMED_HALF_LINE_WIDTH], [HORIZONTAL_LINE_LENGTH, ZOOMED_HALF_LINE_WIDTH], // vertical line: second  start and to\n  [ZOOMED_HALF_LINE_WIDTH, 0], [ZOOMED_HALF_LINE_WIDTH, VERTICAL_LINE_LENGTH]], [[HALF_WIDTH - ZOOMED_HALF_LINE_WIDTH, -HALF_HEIGHT], [ZOOMED_HALF_LINE_WIDTH, ZOOMED_HALF_LINE_WIDTH], [-HORIZONTAL_LINE_LENGTH + ZOOMED_HALF_LINE_WIDTH, ZOOMED_HALF_LINE_WIDTH], [0, 0], [0, VERTICAL_LINE_LENGTH]], [[-HALF_WIDTH, HALF_HEIGHT], [0, -ZOOMED_HALF_LINE_WIDTH], [HORIZONTAL_LINE_LENGTH, -ZOOMED_HALF_LINE_WIDTH], [ZOOMED_HALF_LINE_WIDTH, 0], [ZOOMED_HALF_LINE_WIDTH, -VERTICAL_LINE_LENGTH]], [[HALF_WIDTH - ZOOMED_HALF_LINE_WIDTH, HALF_HEIGHT], [ZOOMED_HALF_LINE_WIDTH, -ZOOMED_HALF_LINE_WIDTH], [-HORIZONTAL_LINE_LENGTH + ZOOMED_HALF_LINE_WIDTH, -ZOOMED_HALF_LINE_WIDTH], [0, 0], [0, -VERTICAL_LINE_LENGTH]]];\n  handles.forEach(handle => {\n    const [[x, y], [x1s, y1s], [x1t, y1t], [x2s, y2s], [x2t, y2t]] = handle;\n    context.save();\n    context.translate(cx, cy);\n    context.rotate(croppingElement.angle);\n    context.beginPath();\n    context.moveTo(x + x1s, y + y1s);\n    context.lineTo(x + x1t, y + y1t);\n    context.stroke();\n    context.beginPath();\n    context.moveTo(x + x2s, y + y2s);\n    context.lineTo(x + x2t, y + y2t);\n    context.stroke();\n    context.restore();\n  });\n  context.restore();\n};\n\nconst renderTextBox = (text, context, appState, selectionColor) => {\n  context.save();\n  const padding = _excalidraw_common__WEBPACK_IMPORTED_MODULE_2__.DEFAULT_TRANSFORM_HANDLE_SPACING * 2 / appState.zoom.value;\n  const width = text.width + padding * 2;\n  const height = text.height + padding * 2;\n  const cx = text.x + width / 2;\n  const cy = text.y + height / 2;\n  const shiftX = -(width / 2 + padding);\n  const shiftY = -(height / 2 + padding);\n  context.translate(cx + appState.scrollX, cy + appState.scrollY);\n  context.rotate(text.angle);\n  context.lineWidth = 1 / appState.zoom.value;\n  context.strokeStyle = selectionColor;\n  context.strokeRect(shiftX, shiftY, width, height);\n  context.restore();\n};\n\nconst _renderInteractiveScene = ({\n  canvas,\n  elementsMap,\n  visibleElements,\n  selectedElements,\n  allElementsMap,\n  scale,\n  appState,\n  renderConfig,\n  device\n}) => {\n  var _a, _b, _c;\n\n  if (canvas === null) {\n    return {\n      atLeastOneVisibleElement: false,\n      elementsMap\n    };\n  }\n\n  const [normalizedWidth, normalizedHeight] = (0,_helpers__WEBPACK_IMPORTED_MODULE_15__.getNormalizedCanvasDimensions)(canvas, scale);\n  const context = (0,_helpers__WEBPACK_IMPORTED_MODULE_15__.bootstrapCanvas)({\n    canvas,\n    scale,\n    normalizedWidth,\n    normalizedHeight\n  }); // Apply zoom\n\n  context.save();\n  context.scale(appState.zoom.value, appState.zoom.value);\n  let editingLinearElement = undefined;\n  visibleElements.forEach(element => {\n    var _a; // Getting the element using LinearElementEditor during collab mismatches version - being one head of visible elements due to\n    // ShapeCache returns empty hence making sure that we get the\n    // correct element from visible elements\n\n\n    if (((_a = appState.editingLinearElement) === null || _a === void 0 ? void 0 : _a.elementId) === element.id) {\n      if (element) {\n        editingLinearElement = element;\n      }\n    }\n  });\n\n  if (editingLinearElement) {\n    renderLinearPointHandles(context, appState, editingLinearElement, elementsMap);\n  } // Paint selection element\n\n\n  if (appState.selectionElement && !appState.isCropping) {\n    try {\n      (0,_excalidraw_element_renderElement__WEBPACK_IMPORTED_MODULE_8__.renderSelectionElement)(appState.selectionElement, context, appState, renderConfig.selectionColor);\n    } catch (error) {\n      console.error(error);\n    }\n  }\n\n  if (appState.editingTextElement && (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_6__.isTextElement)(appState.editingTextElement)) {\n    const textElement = allElementsMap.get(appState.editingTextElement.id);\n\n    if (textElement && !textElement.autoResize) {\n      renderTextBox(textElement, context, appState, renderConfig.selectionColor);\n    }\n  }\n\n  if (appState.isBindingEnabled) {\n    appState.suggestedBindings.filter(binding => binding != null).forEach(suggestedBinding => {\n      renderBindingHighlight(context, appState, suggestedBinding, elementsMap);\n    });\n  }\n\n  if (appState.frameToHighlight) {\n    renderFrameHighlight(context, appState, appState.frameToHighlight, elementsMap);\n  }\n\n  if (appState.elementsToHighlight) {\n    renderElementsBoxHighlight(context, appState, appState.elementsToHighlight);\n  }\n\n  const isFrameSelected = selectedElements.some(element => (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_6__.isFrameLikeElement)(element)); // Getting the element using LinearElementEditor during collab mismatches version - being one head of visible elements due to\n  // ShapeCache returns empty hence making sure that we get the\n  // correct element from visible elements\n\n  if (selectedElements.length === 1 && ((_a = appState.editingLinearElement) === null || _a === void 0 ? void 0 : _a.elementId) === selectedElements[0].id) {\n    renderLinearPointHandles(context, appState, selectedElements[0], elementsMap);\n  } // Arrows have a different highlight behavior when\n  // they are the only selected element\n\n\n  if (appState.selectedLinearElement) {\n    const editor = appState.selectedLinearElement;\n    const firstSelectedLinear = selectedElements.find(el => el.id === editor.elementId);\n\n    if (editor.segmentMidPointHoveredCoords) {\n      renderElbowArrowMidPointHighlight(context, appState);\n    } else if ((0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_6__.isElbowArrow)(firstSelectedLinear) ? editor.hoverPointIndex === 0 || editor.hoverPointIndex === firstSelectedLinear.points.length - 1 : editor.hoverPointIndex >= 0) {\n      renderLinearElementPointHighlight(context, appState, elementsMap);\n    }\n  } // Paint selected elements\n\n\n  if (!appState.multiElement && !appState.editingLinearElement) {\n    const showBoundingBox = (0,_excalidraw_element_transformHandles__WEBPACK_IMPORTED_MODULE_5__.shouldShowBoundingBox)(selectedElements, appState);\n    const isSingleLinearElementSelected = selectedElements.length === 1 && (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_6__.isLinearElement)(selectedElements[0]); // render selected linear element points\n\n    if (isSingleLinearElementSelected && ((_b = appState.selectedLinearElement) === null || _b === void 0 ? void 0 : _b.elementId) === selectedElements[0].id && !selectedElements[0].locked) {\n      renderLinearPointHandles(context, appState, selectedElements[0], elementsMap);\n    }\n\n    const selectionColor = renderConfig.selectionColor || open_color__WEBPACK_IMPORTED_MODULE_0__.black;\n\n    if (showBoundingBox) {\n      // Optimisation for finding quickly relevant element ids\n      const locallySelectedIds = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_2__.arrayToMap)(selectedElements);\n      const selections = [];\n\n      for (const element of elementsMap.values()) {\n        const selectionColors = [];\n        const remoteClients = renderConfig.remoteSelectedElementIds.get(element.id);\n\n        if (!( // Elbow arrow elements cannot be selected when bound on either end\n        isSingleLinearElementSelected && (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_6__.isElbowArrow)(element) && (element.startBinding || element.endBinding))) {\n          // local user\n          if (locallySelectedIds.has(element.id) && !(0,_excalidraw_element_groups__WEBPACK_IMPORTED_MODULE_9__.isSelectedViaGroup)(appState, element)) {\n            selectionColors.push(selectionColor);\n          } // remote users\n\n\n          if (remoteClients) {\n            selectionColors.push(...remoteClients.map(socketId => {\n              const background = (0,_clients__WEBPACK_IMPORTED_MODULE_14__.getClientColor)(socketId, appState.collaborators.get(socketId));\n              return background;\n            }));\n          }\n        }\n\n        if (selectionColors.length) {\n          const [x1, y1, x2, y2, cx, cy] = (0,_excalidraw_element_bounds__WEBPACK_IMPORTED_MODULE_10__.getElementAbsoluteCoords)(element, elementsMap, true);\n          selections.push({\n            angle: element.angle,\n            x1,\n            y1,\n            x2,\n            y2,\n            selectionColors,\n            dashed: !!remoteClients,\n            cx,\n            cy,\n            activeEmbeddable: ((_c = appState.activeEmbeddable) === null || _c === void 0 ? void 0 : _c.element) === element && appState.activeEmbeddable.state === \"active\",\n            padding: element.id === appState.croppingElementId || (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_6__.isImageElement)(element) ? 0 : undefined\n          });\n        }\n      }\n\n      const addSelectionForGroupId = groupId => {\n        const groupElements = (0,_excalidraw_element_groups__WEBPACK_IMPORTED_MODULE_9__.getElementsInGroup)(elementsMap, groupId);\n        const [x1, y1, x2, y2] = (0,_excalidraw_element_bounds__WEBPACK_IMPORTED_MODULE_10__.getCommonBounds)(groupElements);\n        selections.push({\n          angle: 0,\n          x1,\n          x2,\n          y1,\n          y2,\n          selectionColors: [open_color__WEBPACK_IMPORTED_MODULE_0__.black],\n          dashed: true,\n          cx: x1 + (x2 - x1) / 2,\n          cy: y1 + (y2 - y1) / 2,\n          activeEmbeddable: false\n        });\n      };\n\n      for (const groupId of (0,_excalidraw_element_groups__WEBPACK_IMPORTED_MODULE_9__.getSelectedGroupIds)(appState)) {\n        // TODO: support multiplayer selected group IDs\n        addSelectionForGroupId(groupId);\n      }\n\n      if (appState.editingGroupId) {\n        addSelectionForGroupId(appState.editingGroupId);\n      }\n\n      selections.forEach(selection => renderSelectionBorder(context, appState, selection));\n    } // Paint resize transformHandles\n\n\n    context.save();\n    context.translate(appState.scrollX, appState.scrollY);\n\n    if (selectedElements.length === 1) {\n      context.fillStyle = open_color__WEBPACK_IMPORTED_MODULE_0__.white;\n      const transformHandles = (0,_excalidraw_element_transformHandles__WEBPACK_IMPORTED_MODULE_5__.getTransformHandles)(selectedElements[0], appState.zoom, elementsMap, \"mouse\", // when we render we don't know which pointer type so use mouse,\n      (0,_excalidraw_element_transformHandles__WEBPACK_IMPORTED_MODULE_5__.getOmitSidesForDevice)(device));\n\n      if (!appState.viewModeEnabled && showBoundingBox && // do not show transform handles when text is being edited\n      !(0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_6__.isTextElement)(appState.editingTextElement) && // do not show transform handles when image is being cropped\n      !appState.croppingElementId) {\n        renderTransformHandles(context, renderConfig, appState, transformHandles, selectedElements[0].angle);\n      }\n\n      if (appState.croppingElementId && !appState.isCropping) {\n        const croppingElement = elementsMap.get(appState.croppingElementId);\n\n        if (croppingElement && (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_6__.isImageElement)(croppingElement)) {\n          renderCropHandles(context, renderConfig, appState, croppingElement, elementsMap);\n        }\n      }\n    } else if (selectedElements.length > 1 && !appState.isRotating) {\n      const dashedLinePadding = _excalidraw_common__WEBPACK_IMPORTED_MODULE_2__.DEFAULT_TRANSFORM_HANDLE_SPACING * 2 / appState.zoom.value;\n      context.fillStyle = open_color__WEBPACK_IMPORTED_MODULE_0__.white;\n      const [x1, y1, x2, y2] = (0,_excalidraw_element_bounds__WEBPACK_IMPORTED_MODULE_10__.getCommonBounds)(selectedElements, elementsMap);\n      const initialLineDash = context.getLineDash();\n      context.setLineDash([2 / appState.zoom.value]);\n      const lineWidth = context.lineWidth;\n      context.lineWidth = 1 / appState.zoom.value;\n      context.strokeStyle = selectionColor;\n      strokeRectWithRotation(context, x1 - dashedLinePadding, y1 - dashedLinePadding, x2 - x1 + dashedLinePadding * 2, y2 - y1 + dashedLinePadding * 2, (x1 + x2) / 2, (y1 + y2) / 2, 0);\n      context.lineWidth = lineWidth;\n      context.setLineDash(initialLineDash);\n      const transformHandles = (0,_excalidraw_element_transformHandles__WEBPACK_IMPORTED_MODULE_5__.getTransformHandlesFromCoords)([x1, y1, x2, y2, (x1 + x2) / 2, (y1 + y2) / 2], 0, appState.zoom, \"mouse\", isFrameSelected ? Object.assign(Object.assign({}, (0,_excalidraw_element_transformHandles__WEBPACK_IMPORTED_MODULE_5__.getOmitSidesForDevice)(device)), {\n        rotation: true\n      }) : (0,_excalidraw_element_transformHandles__WEBPACK_IMPORTED_MODULE_5__.getOmitSidesForDevice)(device));\n\n      if (selectedElements.some(element => !element.locked)) {\n        renderTransformHandles(context, renderConfig, appState, transformHandles, 0);\n      }\n    }\n\n    context.restore();\n  }\n\n  appState.searchMatches.forEach(({\n    id,\n    focus,\n    matchedLines\n  }) => {\n    const element = elementsMap.get(id);\n\n    if (element && (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_6__.isTextElement)(element)) {\n      const [elementX1, elementY1,,, cx, cy] = (0,_excalidraw_element_bounds__WEBPACK_IMPORTED_MODULE_10__.getElementAbsoluteCoords)(element, elementsMap, true);\n      context.save();\n\n      if (appState.theme === _excalidraw_common__WEBPACK_IMPORTED_MODULE_2__.THEME.LIGHT) {\n        if (focus) {\n          context.fillStyle = \"rgba(255, 124, 0, 0.4)\";\n        } else {\n          context.fillStyle = \"rgba(255, 226, 0, 0.4)\";\n        }\n      } else if (focus) {\n        context.fillStyle = \"rgba(229, 82, 0, 0.4)\";\n      } else {\n        context.fillStyle = \"rgba(99, 52, 0, 0.4)\";\n      }\n\n      context.translate(appState.scrollX, appState.scrollY);\n      context.translate(cx, cy);\n      context.rotate(element.angle);\n      matchedLines.forEach(matchedLine => {\n        context.fillRect(elementX1 + matchedLine.offsetX - cx, elementY1 + matchedLine.offsetY - cy, matchedLine.width, matchedLine.height);\n      });\n      context.restore();\n    }\n  });\n  (0,_renderer_renderSnaps__WEBPACK_IMPORTED_MODULE_11__.renderSnaps)(context, appState);\n  context.restore();\n  (0,_clients__WEBPACK_IMPORTED_MODULE_14__.renderRemoteCursors)({\n    context,\n    renderConfig,\n    appState,\n    normalizedWidth,\n    normalizedHeight\n  }); // Paint scrollbars\n\n  let scrollBars;\n\n  if (renderConfig.renderScrollbars) {\n    scrollBars = (0,_scene_scrollbars__WEBPACK_IMPORTED_MODULE_13__.getScrollBars)(visibleElements, normalizedWidth, normalizedHeight, appState);\n    context.save();\n    context.fillStyle = _scene_scrollbars__WEBPACK_IMPORTED_MODULE_13__.SCROLLBAR_COLOR;\n    context.strokeStyle = \"rgba(255,255,255,0.8)\";\n    [scrollBars.horizontal, scrollBars.vertical].forEach(scrollBar => {\n      if (scrollBar) {\n        (0,_renderer_roundRect__WEBPACK_IMPORTED_MODULE_12__.roundRect)(context, scrollBar.x, scrollBar.y, scrollBar.width, scrollBar.height, _scene_scrollbars__WEBPACK_IMPORTED_MODULE_13__.SCROLLBAR_WIDTH / 2);\n      }\n    });\n    context.restore();\n  }\n\n  return {\n    scrollBars,\n    atLeastOneVisibleElement: visibleElements.length > 0,\n    elementsMap\n  };\n};\n/** throttled to animation framerate */\n\n\nconst renderInteractiveSceneThrottled = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_2__.throttleRAF)(config => {\n  var _a;\n\n  const ret = _renderInteractiveScene(config);\n\n  (_a = config.callback) === null || _a === void 0 ? void 0 : _a.call(config, ret);\n}, {\n  trailing: true\n});\n/**\r\n * Interactive scene is the ui-canvas where we render bounding boxes, selections\r\n * and other ui stuff.\r\n */\n\nconst renderInteractiveScene = (renderConfig, throttle) => {\n  if (throttle) {\n    renderInteractiveSceneThrottled(renderConfig);\n    return undefined;\n  }\n\n  const ret = _renderInteractiveScene(renderConfig);\n\n  renderConfig.callback(ret);\n  return ret;\n};\n\n//# sourceURL=webpack://ExcalidrawLib/./renderer/interactiveScene.ts?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   renderInteractiveScene: () => (/* binding */ renderInteractiveScene),\n/* harmony export */   renderInteractiveSceneThrottled: () => (/* binding */ renderInteractiveSceneThrottled)\n/* harmony export */ });\n/* harmony import */ var open_color__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! open-color */ \"../../node_modules/open-color/open-color.json\");\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 _excalidraw_element_binding__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @excalidraw/element/binding */ \"../element/src/binding.ts\");\n/* harmony import */ var _excalidraw_element_linearElementEditor__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @excalidraw/element/linearElementEditor */ \"../element/src/linearElementEditor.ts\");\n/* harmony import */ var _excalidraw_element_transformHandles__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @excalidraw/element/transformHandles */ \"../element/src/transformHandles.ts\");\n/* harmony import */ var _excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @excalidraw/element/typeChecks */ \"../element/src/typeChecks.ts\");\n/* harmony import */ var _excalidraw_element_shapes__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @excalidraw/element/shapes */ \"../element/src/shapes.ts\");\n/* harmony import */ var _excalidraw_element_renderElement__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @excalidraw/element/renderElement */ \"../element/src/renderElement.ts\");\n/* harmony import */ var _excalidraw_element_groups__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @excalidraw/element/groups */ \"../element/src/groups.ts\");\n/* harmony import */ var _excalidraw_element_bounds__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @excalidraw/element/bounds */ \"../element/src/bounds.ts\");\n/* harmony import */ var _renderer_renderSnaps__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../renderer/renderSnaps */ \"./renderer/renderSnaps.ts\");\n/* harmony import */ var _renderer_roundRect__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../renderer/roundRect */ \"./renderer/roundRect.ts\");\n/* harmony import */ var _scene_scrollbars__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../scene/scrollbars */ \"./scene/scrollbars.ts\");\n/* harmony import */ var _clients__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../clients */ \"./clients.ts\");\n/* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./helpers */ \"./renderer/helpers.ts\");\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nconst renderElbowArrowMidPointHighlight = (context, appState) => {\n  (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_2__.invariant)(appState.selectedLinearElement, \"selectedLinearElement is null\");\n  const {\n    segmentMidPointHoveredCoords\n  } = appState.selectedLinearElement;\n  (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_2__.invariant)(segmentMidPointHoveredCoords, \"midPointCoords is null\");\n  context.save();\n  context.translate(appState.scrollX, appState.scrollY);\n  highlightPoint(segmentMidPointHoveredCoords, context, appState);\n  context.restore();\n};\n\nconst renderLinearElementPointHighlight = (context, appState, elementsMap) => {\n  var _a, _b;\n\n  const {\n    elementId,\n    hoverPointIndex\n  } = appState.selectedLinearElement;\n\n  if ((_b = (_a = appState.editingLinearElement) === null || _a === void 0 ? void 0 : _a.selectedPointsIndices) === null || _b === void 0 ? void 0 : _b.includes(hoverPointIndex)) {\n    return;\n  }\n\n  const element = _excalidraw_element_linearElementEditor__WEBPACK_IMPORTED_MODULE_4__.LinearElementEditor.getElement(elementId, elementsMap);\n\n  if (!element) {\n    return;\n  }\n\n  const point = _excalidraw_element_linearElementEditor__WEBPACK_IMPORTED_MODULE_4__.LinearElementEditor.getPointAtIndexGlobalCoordinates(element, hoverPointIndex, elementsMap);\n  context.save();\n  context.translate(appState.scrollX, appState.scrollY);\n  highlightPoint(point, context, appState);\n  context.restore();\n};\n\nconst highlightPoint = (point, context, appState) => {\n  context.fillStyle = \"rgba(105, 101, 219, 0.4)\";\n  (0,_helpers__WEBPACK_IMPORTED_MODULE_15__.fillCircle)(context, point[0], point[1], _excalidraw_element_linearElementEditor__WEBPACK_IMPORTED_MODULE_4__.LinearElementEditor.POINT_HANDLE_SIZE / appState.zoom.value, false);\n};\n\nconst strokeRectWithRotation = (context, x, y, width, height, cx, cy, angle, fill = false,\n/** should account for zoom */\nradius = 0) => {\n  context.save();\n  context.translate(cx, cy);\n  context.rotate(angle);\n\n  if (fill) {\n    context.fillRect(x - cx, y - cy, width, height);\n  }\n\n  if (radius && context.roundRect) {\n    context.beginPath();\n    context.roundRect(x - cx, y - cy, width, height, radius);\n    context.stroke();\n    context.closePath();\n  } else {\n    context.strokeRect(x - cx, y - cy, width, height);\n  }\n\n  context.restore();\n};\n\nconst strokeDiamondWithRotation = (context, width, height, cx, cy, angle) => {\n  context.save();\n  context.translate(cx, cy);\n  context.rotate(angle);\n  context.beginPath();\n  context.moveTo(0, height / 2);\n  context.lineTo(width / 2, 0);\n  context.lineTo(0, -height / 2);\n  context.lineTo(-width / 2, 0);\n  context.closePath();\n  context.stroke();\n  context.restore();\n};\n\nconst renderSingleLinearPoint = (context, appState, point, radius, isSelected, isPhantomPoint = false) => {\n  context.strokeStyle = \"#5e5ad8\";\n  context.setLineDash([]);\n  context.fillStyle = \"rgba(255, 255, 255, 0.9)\";\n\n  if (isSelected) {\n    context.fillStyle = \"rgba(134, 131, 226, 0.9)\";\n  } else if (isPhantomPoint) {\n    context.fillStyle = \"rgba(177, 151, 252, 0.7)\";\n  }\n\n  (0,_helpers__WEBPACK_IMPORTED_MODULE_15__.fillCircle)(context, point[0], point[1], radius / appState.zoom.value, !isPhantomPoint);\n};\n\nconst strokeEllipseWithRotation = (context, width, height, cx, cy, angle) => {\n  context.beginPath();\n  context.ellipse(cx, cy, width / 2, height / 2, angle, 0, Math.PI * 2);\n  context.stroke();\n};\n\nconst renderBindingHighlightForBindableElement = (context, element, elementsMap, zoom, highlightedColor) => {\n  const [x1, y1, x2, y2] = (0,_excalidraw_element_bounds__WEBPACK_IMPORTED_MODULE_10__.getElementAbsoluteCoords)(element, elementsMap);\n  const width = x2 - x1;\n  const height = y2 - y1;\n  context.strokeStyle = highlightedColor !== null && highlightedColor !== void 0 ? highlightedColor : \"rgba(128,128,128,.1)\"; //zsviczian\n  // When zooming out, make line width greater for visibility\n\n  const zoomValue = zoom.value < 1 ? zoom.value : 1;\n  context.lineWidth = _excalidraw_element_binding__WEBPACK_IMPORTED_MODULE_3__.BINDING_HIGHLIGHT_THICKNESS / zoomValue; // To ensure the binding highlight doesn't overlap the element itself\n\n  const padding = context.lineWidth / 2 + _excalidraw_element_binding__WEBPACK_IMPORTED_MODULE_3__.BINDING_HIGHLIGHT_OFFSET;\n  const radius = (0,_excalidraw_element_shapes__WEBPACK_IMPORTED_MODULE_7__.getCornerRadius)(Math.min(element.width, element.height), element);\n\n  switch (element.type) {\n    case \"rectangle\":\n    case \"text\":\n    case \"image\":\n    case \"iframe\":\n    case \"embeddable\":\n    case \"frame\":\n    case \"magicframe\":\n      strokeRectWithRotation(context, x1 - padding, y1 - padding, width + padding * 2, height + padding * 2, x1 + width / 2, y1 + height / 2, element.angle, undefined, radius);\n      break;\n\n    case \"diamond\":\n      const side = Math.hypot(width, height);\n      const wPadding = padding * side / height;\n      const hPadding = padding * side / width;\n      strokeDiamondWithRotation(context, width + wPadding * 2, height + hPadding * 2, x1 + width / 2, y1 + height / 2, element.angle);\n      break;\n\n    case \"ellipse\":\n      strokeEllipseWithRotation(context, width + padding * 2, height + padding * 2, x1 + width / 2, y1 + height / 2, element.angle);\n      break;\n  }\n};\n\nconst renderBindingHighlightForSuggestedPointBinding = (context, suggestedBinding, elementsMap, zoom, highlightedColor) => {\n  const [element, startOrEnd, bindableElement] = suggestedBinding;\n  const threshold = (0,_excalidraw_element_binding__WEBPACK_IMPORTED_MODULE_3__.maxBindingGap)(bindableElement, bindableElement.width, bindableElement.height, zoom);\n  context.strokeStyle = \"rgba(0,0,0,0)\";\n  context.fillStyle = highlightedColor !== null && highlightedColor !== void 0 ? highlightedColor : \"rgba(128,128,128,.1)\"; //zsviczian \"rgba(0,0,0,.05)\";\n\n  const pointIndices = startOrEnd === \"both\" ? [0, -1] : startOrEnd === \"start\" ? [0] : [-1];\n  pointIndices.forEach(index => {\n    const [x, y] = _excalidraw_element_linearElementEditor__WEBPACK_IMPORTED_MODULE_4__.LinearElementEditor.getPointAtIndexGlobalCoordinates(element, index, elementsMap);\n    (0,_helpers__WEBPACK_IMPORTED_MODULE_15__.fillCircle)(context, x, y, threshold);\n  });\n};\n\nconst renderSelectionBorder = (context, appState, elementProperties) => {\n  var _a;\n\n  const {\n    angle,\n    x1,\n    y1,\n    x2,\n    y2,\n    selectionColors,\n    cx,\n    cy,\n    dashed,\n    activeEmbeddable\n  } = elementProperties;\n  const elementWidth = x2 - x1;\n  const elementHeight = y2 - y1;\n  const padding = (_a = elementProperties.padding) !== null && _a !== void 0 ? _a : _excalidraw_common__WEBPACK_IMPORTED_MODULE_2__.DEFAULT_TRANSFORM_HANDLE_SPACING * 2;\n  const linePadding = padding / appState.zoom.value;\n  const lineWidth = 8 / appState.zoom.value;\n  const spaceWidth = 4 / appState.zoom.value;\n  context.save();\n  context.translate(appState.scrollX, appState.scrollY);\n  const thick = activeEmbeddable || appState.highlightSearchResult; //zsviczian\n\n  context.lineWidth = (thick ? 4 : 1) / appState.zoom.value; //zsviczian\n\n  const count = selectionColors.length;\n\n  for (let index = 0; index < count; ++index) {\n    context.strokeStyle = selectionColors[index];\n\n    if (dashed) {\n      context.setLineDash([lineWidth, spaceWidth + (lineWidth + spaceWidth) * (count - 1)]);\n    }\n\n    context.lineDashOffset = (lineWidth + spaceWidth) * index;\n    strokeRectWithRotation(context, x1 - linePadding, y1 - linePadding, elementWidth + linePadding * 2, elementHeight + linePadding * 2, cx, cy, angle);\n  }\n\n  context.restore();\n};\n\nconst renderBindingHighlight = (context, appState, suggestedBinding, elementsMap) => {\n  const renderHighlight = Array.isArray(suggestedBinding) ? renderBindingHighlightForSuggestedPointBinding : renderBindingHighlightForBindableElement;\n  context.save();\n  context.translate(appState.scrollX, appState.scrollY);\n  renderHighlight(context, suggestedBinding, elementsMap, appState.zoom, `${appState.gridColor.Bold}`); //zsviczian\n\n  context.restore();\n};\n\nconst renderFrameHighlight = (context, appState, frame, elementsMap) => {\n  const [x1, y1, x2, y2] = (0,_excalidraw_element_bounds__WEBPACK_IMPORTED_MODULE_10__.getElementAbsoluteCoords)(frame, elementsMap);\n  const width = x2 - x1;\n  const height = y2 - y1;\n  context.strokeStyle = \"rgb(0,118,255)\";\n  context.lineWidth = _excalidraw_common__WEBPACK_IMPORTED_MODULE_2__.FRAME_STYLE.strokeWidth / appState.zoom.value;\n  context.save();\n  context.translate(appState.scrollX, appState.scrollY);\n  strokeRectWithRotation(context, x1, y1, width, height, x1 + width / 2, y1 + height / 2, frame.angle, false, _excalidraw_common__WEBPACK_IMPORTED_MODULE_2__.FRAME_STYLE.radius / appState.zoom.value);\n  context.restore();\n};\n\nconst renderElementsBoxHighlight = (context, appState, elements) => {\n  const individualElements = elements.filter(element => element.groupIds.length === 0);\n  const elementsInGroups = elements.filter(element => element.groupIds.length > 0);\n\n  const getSelectionFromElements = elements => {\n    var _a;\n\n    const [x1, y1, x2, y2] = (0,_excalidraw_element_bounds__WEBPACK_IMPORTED_MODULE_10__.getCommonBounds)(elements);\n    return {\n      angle: 0,\n      x1,\n      x2,\n      y1,\n      y2,\n      selectionColors: [(_a = appState.gridColor.Bold) !== null && _a !== void 0 ? _a : \"rgb(0,118,255)\"],\n      dashed: false,\n      cx: x1 + (x2 - x1) / 2,\n      cy: y1 + (y2 - y1) / 2,\n      activeEmbeddable: false\n    };\n  };\n\n  const getSelectionForGroupId = groupId => {\n    const groupElements = (0,_excalidraw_element_groups__WEBPACK_IMPORTED_MODULE_9__.getElementsInGroup)(elements, groupId);\n    return getSelectionFromElements(groupElements);\n  };\n\n  Object.entries((0,_excalidraw_element_groups__WEBPACK_IMPORTED_MODULE_9__.selectGroupsFromGivenElements)(elementsInGroups, appState)).filter(([id, isSelected]) => isSelected).map(([id, isSelected]) => id).map(groupId => getSelectionForGroupId(groupId)).concat(individualElements.map(element => getSelectionFromElements([element]))).forEach(selection => renderSelectionBorder(context, appState, selection));\n};\n\nconst renderLinearPointHandles = (context, appState, element, elementsMap) => {\n  var _a;\n\n  if (!appState.selectedLinearElement) {\n    return;\n  }\n\n  context.save();\n  context.translate(appState.scrollX, appState.scrollY);\n  context.lineWidth = 1 / appState.zoom.value;\n  const points = _excalidraw_element_linearElementEditor__WEBPACK_IMPORTED_MODULE_4__.LinearElementEditor.getPointsGlobalCoordinates(element, elementsMap);\n  const {\n    POINT_HANDLE_SIZE\n  } = _excalidraw_element_linearElementEditor__WEBPACK_IMPORTED_MODULE_4__.LinearElementEditor;\n  const radius = appState.editingLinearElement ? POINT_HANDLE_SIZE : POINT_HANDLE_SIZE / 2;\n  points.forEach((point, idx) => {\n    var _a, _b;\n\n    if ((0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_6__.isElbowArrow)(element) && idx !== 0 && idx !== points.length - 1) {\n      return;\n    }\n\n    const isSelected = !!((_b = (_a = appState.editingLinearElement) === null || _a === void 0 ? void 0 : _a.selectedPointsIndices) === null || _b === void 0 ? void 0 : _b.includes(idx));\n    renderSingleLinearPoint(context, appState, point, radius, isSelected);\n  }); // Rendering segment mid points\n\n  if ((0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_6__.isElbowArrow)(element)) {\n    const fixedSegments = ((_a = element.fixedSegments) === null || _a === void 0 ? void 0 : _a.map(segment => segment.index)) || [];\n    points.slice(0, -1).forEach((p, idx) => {\n      if (!_excalidraw_element_linearElementEditor__WEBPACK_IMPORTED_MODULE_4__.LinearElementEditor.isSegmentTooShort(element, points[idx + 1], points[idx], idx, appState.zoom)) {\n        renderSingleLinearPoint(context, appState, (0,_excalidraw_math__WEBPACK_IMPORTED_MODULE_1__.pointFrom)((p[0] + points[idx + 1][0]) / 2, (p[1] + points[idx + 1][1]) / 2), POINT_HANDLE_SIZE / 2, false, !fixedSegments.includes(idx + 1));\n      }\n    });\n  } else {\n    const midPoints = _excalidraw_element_linearElementEditor__WEBPACK_IMPORTED_MODULE_4__.LinearElementEditor.getEditorMidPoints(element, elementsMap, appState).filter((midPoint, idx, midPoints) => midPoint !== null && !((0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_6__.isElbowArrow)(element) && (idx === 0 || idx === midPoints.length - 1)));\n    midPoints.forEach(segmentMidPoint => {\n      if (appState.editingLinearElement || points.length === 2) {\n        renderSingleLinearPoint(context, appState, segmentMidPoint, POINT_HANDLE_SIZE / 2, false, true);\n      }\n    });\n  }\n\n  context.restore();\n};\n\nconst renderTransformHandles = (context, renderConfig, appState, transformHandles, angle) => {\n  Object.keys(transformHandles).forEach(key => {\n    const transformHandle = transformHandles[key];\n\n    if (transformHandle !== undefined) {\n      const [x, y, width, height] = transformHandle;\n      context.save();\n      context.lineWidth = 1 / appState.zoom.value;\n\n      if (renderConfig.selectionColor) {\n        context.strokeStyle = renderConfig.selectionColor;\n      }\n\n      if (key === \"rotation\") {\n        (0,_helpers__WEBPACK_IMPORTED_MODULE_15__.fillCircle)(context, x + width / 2, y + height / 2, width / 2); // prefer round corners if roundRect API is available\n      } else if (context.roundRect) {\n        context.beginPath();\n        context.roundRect(x, y, width, height, 2 / appState.zoom.value);\n        context.fill();\n        context.stroke();\n      } else {\n        strokeRectWithRotation(context, x, y, width, height, x + width / 2, y + height / 2, angle, true);\n      }\n\n      context.restore();\n    }\n  });\n};\n\nconst renderCropHandles = (context, renderConfig, appState, croppingElement, elementsMap) => {\n  const [x1, y1,,, cx, cy] = (0,_excalidraw_element_bounds__WEBPACK_IMPORTED_MODULE_10__.getElementAbsoluteCoords)(croppingElement, elementsMap);\n  const LINE_WIDTH = 3;\n  const LINE_LENGTH = 20;\n  const ZOOMED_LINE_WIDTH = LINE_WIDTH / appState.zoom.value;\n  const ZOOMED_HALF_LINE_WIDTH = ZOOMED_LINE_WIDTH / 2;\n  const HALF_WIDTH = cx - x1 + ZOOMED_LINE_WIDTH;\n  const HALF_HEIGHT = cy - y1 + ZOOMED_LINE_WIDTH;\n  const HORIZONTAL_LINE_LENGTH = Math.min(LINE_LENGTH / appState.zoom.value, HALF_WIDTH);\n  const VERTICAL_LINE_LENGTH = Math.min(LINE_LENGTH / appState.zoom.value, HALF_HEIGHT);\n  context.save();\n  context.fillStyle = renderConfig.selectionColor;\n  context.strokeStyle = renderConfig.selectionColor;\n  context.lineWidth = ZOOMED_LINE_WIDTH;\n  const handles = [[// x, y\n  [-HALF_WIDTH, -HALF_HEIGHT], // horizontal line: first start and to\n  [0, ZOOMED_HALF_LINE_WIDTH], [HORIZONTAL_LINE_LENGTH, ZOOMED_HALF_LINE_WIDTH], // vertical line: second  start and to\n  [ZOOMED_HALF_LINE_WIDTH, 0], [ZOOMED_HALF_LINE_WIDTH, VERTICAL_LINE_LENGTH]], [[HALF_WIDTH - ZOOMED_HALF_LINE_WIDTH, -HALF_HEIGHT], [ZOOMED_HALF_LINE_WIDTH, ZOOMED_HALF_LINE_WIDTH], [-HORIZONTAL_LINE_LENGTH + ZOOMED_HALF_LINE_WIDTH, ZOOMED_HALF_LINE_WIDTH], [0, 0], [0, VERTICAL_LINE_LENGTH]], [[-HALF_WIDTH, HALF_HEIGHT], [0, -ZOOMED_HALF_LINE_WIDTH], [HORIZONTAL_LINE_LENGTH, -ZOOMED_HALF_LINE_WIDTH], [ZOOMED_HALF_LINE_WIDTH, 0], [ZOOMED_HALF_LINE_WIDTH, -VERTICAL_LINE_LENGTH]], [[HALF_WIDTH - ZOOMED_HALF_LINE_WIDTH, HALF_HEIGHT], [ZOOMED_HALF_LINE_WIDTH, -ZOOMED_HALF_LINE_WIDTH], [-HORIZONTAL_LINE_LENGTH + ZOOMED_HALF_LINE_WIDTH, -ZOOMED_HALF_LINE_WIDTH], [0, 0], [0, -VERTICAL_LINE_LENGTH]]];\n  handles.forEach(handle => {\n    const [[x, y], [x1s, y1s], [x1t, y1t], [x2s, y2s], [x2t, y2t]] = handle;\n    context.save();\n    context.translate(cx, cy);\n    context.rotate(croppingElement.angle);\n    context.beginPath();\n    context.moveTo(x + x1s, y + y1s);\n    context.lineTo(x + x1t, y + y1t);\n    context.stroke();\n    context.beginPath();\n    context.moveTo(x + x2s, y + y2s);\n    context.lineTo(x + x2t, y + y2t);\n    context.stroke();\n    context.restore();\n  });\n  context.restore();\n};\n\nconst renderTextBox = (text, context, appState, selectionColor) => {\n  context.save();\n  const padding = _excalidraw_common__WEBPACK_IMPORTED_MODULE_2__.DEFAULT_TRANSFORM_HANDLE_SPACING * 2 / appState.zoom.value;\n  const width = text.width + padding * 2;\n  const height = text.height + padding * 2;\n  const cx = text.x + width / 2;\n  const cy = text.y + height / 2;\n  const shiftX = -(width / 2 + padding);\n  const shiftY = -(height / 2 + padding);\n  context.translate(cx + appState.scrollX, cy + appState.scrollY);\n  context.rotate(text.angle);\n  context.lineWidth = 1 / appState.zoom.value;\n  context.strokeStyle = selectionColor;\n  context.strokeRect(shiftX, shiftY, width, height);\n  context.restore();\n};\n\nconst _renderInteractiveScene = ({\n  canvas,\n  elementsMap,\n  visibleElements,\n  selectedElements,\n  allElementsMap,\n  scale,\n  appState,\n  renderConfig,\n  device\n}) => {\n  var _a, _b, _c;\n\n  if (canvas === null) {\n    return {\n      atLeastOneVisibleElement: false,\n      elementsMap\n    };\n  }\n\n  const [normalizedWidth, normalizedHeight] = (0,_helpers__WEBPACK_IMPORTED_MODULE_15__.getNormalizedCanvasDimensions)(canvas, scale);\n  const context = (0,_helpers__WEBPACK_IMPORTED_MODULE_15__.bootstrapCanvas)({\n    canvas,\n    scale,\n    normalizedWidth,\n    normalizedHeight\n  }); // Apply zoom\n\n  context.save();\n  context.scale(appState.zoom.value, appState.zoom.value);\n  let editingLinearElement = undefined;\n  visibleElements.forEach(element => {\n    var _a; // Getting the element using LinearElementEditor during collab mismatches version - being one head of visible elements due to\n    // ShapeCache returns empty hence making sure that we get the\n    // correct element from visible elements\n\n\n    if (((_a = appState.editingLinearElement) === null || _a === void 0 ? void 0 : _a.elementId) === element.id) {\n      if (element) {\n        editingLinearElement = element;\n      }\n    }\n  });\n\n  if (editingLinearElement) {\n    renderLinearPointHandles(context, appState, editingLinearElement, elementsMap);\n  } // Paint selection element\n\n\n  if (appState.selectionElement && !appState.isCropping) {\n    try {\n      (0,_excalidraw_element_renderElement__WEBPACK_IMPORTED_MODULE_8__.renderSelectionElement)(appState.selectionElement, context, appState, renderConfig.selectionColor);\n    } catch (error) {\n      console.error(error);\n    }\n  }\n\n  if (appState.editingTextElement && (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_6__.isTextElement)(appState.editingTextElement)) {\n    const textElement = allElementsMap.get(appState.editingTextElement.id);\n\n    if (textElement && !textElement.autoResize) {\n      renderTextBox(textElement, context, appState, renderConfig.selectionColor);\n    }\n  }\n\n  if (appState.isBindingEnabled) {\n    appState.suggestedBindings.filter(binding => binding != null).forEach(suggestedBinding => {\n      renderBindingHighlight(context, appState, suggestedBinding, elementsMap);\n    });\n  }\n\n  if (appState.frameToHighlight) {\n    renderFrameHighlight(context, appState, appState.frameToHighlight, elementsMap);\n  }\n\n  if (appState.elementsToHighlight) {\n    renderElementsBoxHighlight(context, appState, appState.elementsToHighlight);\n  }\n\n  const isFrameSelected = selectedElements.some(element => (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_6__.isFrameLikeElement)(element)); // Getting the element using LinearElementEditor during collab mismatches version - being one head of visible elements due to\n  // ShapeCache returns empty hence making sure that we get the\n  // correct element from visible elements\n\n  if (selectedElements.length === 1 && ((_a = appState.editingLinearElement) === null || _a === void 0 ? void 0 : _a.elementId) === selectedElements[0].id) {\n    renderLinearPointHandles(context, appState, selectedElements[0], elementsMap);\n  } // Arrows have a different highlight behavior when\n  // they are the only selected element\n\n\n  if (appState.selectedLinearElement) {\n    const editor = appState.selectedLinearElement;\n    const firstSelectedLinear = selectedElements.find(el => el.id === editor.elementId);\n\n    if (editor.segmentMidPointHoveredCoords) {\n      renderElbowArrowMidPointHighlight(context, appState);\n    } else if ((0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_6__.isElbowArrow)(firstSelectedLinear) ? editor.hoverPointIndex === 0 || editor.hoverPointIndex === firstSelectedLinear.points.length - 1 : editor.hoverPointIndex >= 0) {\n      renderLinearElementPointHighlight(context, appState, elementsMap);\n    }\n  } // Paint selected elements\n\n\n  if (!appState.multiElement && !appState.editingLinearElement) {\n    const showBoundingBox = (0,_excalidraw_element_transformHandles__WEBPACK_IMPORTED_MODULE_5__.shouldShowBoundingBox)(selectedElements, appState);\n    const isSingleLinearElementSelected = selectedElements.length === 1 && (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_6__.isLinearElement)(selectedElements[0]); // render selected linear element points\n\n    if (isSingleLinearElementSelected && ((_b = appState.selectedLinearElement) === null || _b === void 0 ? void 0 : _b.elementId) === selectedElements[0].id && !selectedElements[0].locked) {\n      renderLinearPointHandles(context, appState, selectedElements[0], elementsMap);\n    }\n\n    const selectionColor = renderConfig.selectionColor || open_color__WEBPACK_IMPORTED_MODULE_0__.black;\n\n    if (showBoundingBox) {\n      // Optimisation for finding quickly relevant element ids\n      const locallySelectedIds = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_2__.arrayToMap)(selectedElements);\n      const selections = [];\n\n      for (const element of elementsMap.values()) {\n        const selectionColors = [];\n        const remoteClients = renderConfig.remoteSelectedElementIds.get(element.id);\n\n        if (!( // Elbow arrow elements cannot be selected when bound on either end\n        isSingleLinearElementSelected && (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_6__.isElbowArrow)(element) && (element.startBinding || element.endBinding))) {\n          // local user\n          if (locallySelectedIds.has(element.id) && !(0,_excalidraw_element_groups__WEBPACK_IMPORTED_MODULE_9__.isSelectedViaGroup)(appState, element)) {\n            selectionColors.push(selectionColor);\n          } // remote users\n\n\n          if (remoteClients) {\n            selectionColors.push(...remoteClients.map(socketId => {\n              const background = (0,_clients__WEBPACK_IMPORTED_MODULE_14__.getClientColor)(socketId, appState.collaborators.get(socketId));\n              return background;\n            }));\n          }\n        }\n\n        if (selectionColors.length) {\n          const [x1, y1, x2, y2, cx, cy] = (0,_excalidraw_element_bounds__WEBPACK_IMPORTED_MODULE_10__.getElementAbsoluteCoords)(element, elementsMap, true);\n          selections.push({\n            angle: element.angle,\n            x1,\n            y1,\n            x2,\n            y2,\n            selectionColors,\n            dashed: !!remoteClients,\n            cx,\n            cy,\n            activeEmbeddable: ((_c = appState.activeEmbeddable) === null || _c === void 0 ? void 0 : _c.element) === element && appState.activeEmbeddable.state === \"active\",\n            padding: element.id === appState.croppingElementId || (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_6__.isImageElement)(element) ? 0 : undefined\n          });\n        }\n      }\n\n      const addSelectionForGroupId = groupId => {\n        const groupElements = (0,_excalidraw_element_groups__WEBPACK_IMPORTED_MODULE_9__.getElementsInGroup)(elementsMap, groupId);\n        const [x1, y1, x2, y2] = (0,_excalidraw_element_bounds__WEBPACK_IMPORTED_MODULE_10__.getCommonBounds)(groupElements);\n        selections.push({\n          angle: 0,\n          x1,\n          x2,\n          y1,\n          y2,\n          selectionColors: [open_color__WEBPACK_IMPORTED_MODULE_0__.black],\n          dashed: true,\n          cx: x1 + (x2 - x1) / 2,\n          cy: y1 + (y2 - y1) / 2,\n          activeEmbeddable: false\n        });\n      };\n\n      for (const groupId of (0,_excalidraw_element_groups__WEBPACK_IMPORTED_MODULE_9__.getSelectedGroupIds)(appState)) {\n        // TODO: support multiplayer selected group IDs\n        addSelectionForGroupId(groupId);\n      }\n\n      if (appState.editingGroupId) {\n        addSelectionForGroupId(appState.editingGroupId);\n      }\n\n      selections.forEach(selection => renderSelectionBorder(context, appState, selection));\n    } // Paint resize transformHandles\n\n\n    context.save();\n    context.translate(appState.scrollX, appState.scrollY);\n\n    if (selectedElements.length === 1) {\n      context.fillStyle = open_color__WEBPACK_IMPORTED_MODULE_0__.white;\n      const transformHandles = (0,_excalidraw_element_transformHandles__WEBPACK_IMPORTED_MODULE_5__.getTransformHandles)(selectedElements[0], appState.zoom, elementsMap, \"mouse\", // when we render we don't know which pointer type so use mouse,\n      (0,_excalidraw_element_transformHandles__WEBPACK_IMPORTED_MODULE_5__.getOmitSidesForDevice)(device));\n\n      if (!appState.viewModeEnabled && showBoundingBox && // do not show transform handles when text is being edited\n      !(0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_6__.isTextElement)(appState.editingTextElement) && // do not show transform handles when image is being cropped\n      !appState.croppingElementId) {\n        renderTransformHandles(context, renderConfig, appState, transformHandles, selectedElements[0].angle);\n      }\n\n      if (appState.croppingElementId && !appState.isCropping) {\n        const croppingElement = elementsMap.get(appState.croppingElementId);\n\n        if (croppingElement && (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_6__.isImageElement)(croppingElement)) {\n          renderCropHandles(context, renderConfig, appState, croppingElement, elementsMap);\n        }\n      }\n    } else if (selectedElements.length > 1 && !appState.isRotating) {\n      const dashedLinePadding = _excalidraw_common__WEBPACK_IMPORTED_MODULE_2__.DEFAULT_TRANSFORM_HANDLE_SPACING * 2 / appState.zoom.value;\n      context.fillStyle = open_color__WEBPACK_IMPORTED_MODULE_0__.white;\n      const [x1, y1, x2, y2] = (0,_excalidraw_element_bounds__WEBPACK_IMPORTED_MODULE_10__.getCommonBounds)(selectedElements, elementsMap);\n      const initialLineDash = context.getLineDash();\n      context.setLineDash([2 / appState.zoom.value]);\n      const lineWidth = context.lineWidth;\n      context.lineWidth = 1 / appState.zoom.value;\n      context.strokeStyle = selectionColor;\n      strokeRectWithRotation(context, x1 - dashedLinePadding, y1 - dashedLinePadding, x2 - x1 + dashedLinePadding * 2, y2 - y1 + dashedLinePadding * 2, (x1 + x2) / 2, (y1 + y2) / 2, 0);\n      context.lineWidth = lineWidth;\n      context.setLineDash(initialLineDash);\n      const transformHandles = (0,_excalidraw_element_transformHandles__WEBPACK_IMPORTED_MODULE_5__.getTransformHandlesFromCoords)([x1, y1, x2, y2, (x1 + x2) / 2, (y1 + y2) / 2], 0, appState.zoom, \"mouse\", isFrameSelected ? Object.assign(Object.assign({}, (0,_excalidraw_element_transformHandles__WEBPACK_IMPORTED_MODULE_5__.getOmitSidesForDevice)(device)), {\n        rotation: true\n      }) : (0,_excalidraw_element_transformHandles__WEBPACK_IMPORTED_MODULE_5__.getOmitSidesForDevice)(device));\n\n      if (selectedElements.some(element => !element.locked)) {\n        renderTransformHandles(context, renderConfig, appState, transformHandles, 0);\n      }\n    }\n\n    context.restore();\n  }\n\n  appState.searchMatches.forEach(({\n    id,\n    focus,\n    matchedLines\n  }) => {\n    const element = elementsMap.get(id);\n\n    if (element && (0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_6__.isTextElement)(element)) {\n      const [elementX1, elementY1,,, cx, cy] = (0,_excalidraw_element_bounds__WEBPACK_IMPORTED_MODULE_10__.getElementAbsoluteCoords)(element, elementsMap, true);\n      context.save();\n\n      if (appState.theme === _excalidraw_common__WEBPACK_IMPORTED_MODULE_2__.THEME.LIGHT) {\n        if (focus) {\n          context.fillStyle = \"rgba(255, 124, 0, 0.4)\";\n        } else {\n          context.fillStyle = \"rgba(255, 226, 0, 0.4)\";\n        }\n      } else if (focus) {\n        context.fillStyle = \"rgba(229, 82, 0, 0.4)\";\n      } else {\n        context.fillStyle = \"rgba(99, 52, 0, 0.4)\";\n      }\n\n      context.translate(appState.scrollX, appState.scrollY);\n      context.translate(cx, cy);\n      context.rotate(element.angle);\n      matchedLines.forEach(matchedLine => {\n        context.fillRect(elementX1 + matchedLine.offsetX - cx, elementY1 + matchedLine.offsetY - cy, matchedLine.width, matchedLine.height);\n      });\n      context.restore();\n    }\n  });\n  (0,_renderer_renderSnaps__WEBPACK_IMPORTED_MODULE_11__.renderSnaps)(context, appState);\n  context.restore();\n  (0,_clients__WEBPACK_IMPORTED_MODULE_14__.renderRemoteCursors)({\n    context,\n    renderConfig,\n    appState,\n    normalizedWidth,\n    normalizedHeight\n  }); // Paint scrollbars\n\n  let scrollBars;\n\n  if (renderConfig.renderScrollbars) {\n    scrollBars = (0,_scene_scrollbars__WEBPACK_IMPORTED_MODULE_13__.getScrollBars)(elementsMap, normalizedWidth, normalizedHeight, appState);\n    context.save();\n    context.fillStyle = _scene_scrollbars__WEBPACK_IMPORTED_MODULE_13__.SCROLLBAR_COLOR;\n    context.strokeStyle = \"rgba(255,255,255,0.8)\";\n    [scrollBars.horizontal, scrollBars.vertical].forEach(scrollBar => {\n      if (scrollBar) {\n        (0,_renderer_roundRect__WEBPACK_IMPORTED_MODULE_12__.roundRect)(context, scrollBar.x, scrollBar.y, scrollBar.width, scrollBar.height, _scene_scrollbars__WEBPACK_IMPORTED_MODULE_13__.SCROLLBAR_WIDTH / 2);\n      }\n    });\n    context.restore();\n  }\n\n  return {\n    scrollBars,\n    atLeastOneVisibleElement: visibleElements.length > 0,\n    elementsMap\n  };\n};\n/** throttled to animation framerate */\n\n\nconst renderInteractiveSceneThrottled = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_2__.throttleRAF)(config => {\n  var _a;\n\n  const ret = _renderInteractiveScene(config);\n\n  (_a = config.callback) === null || _a === void 0 ? void 0 : _a.call(config, ret);\n}, {\n  trailing: true\n});\n/**\r\n * Interactive scene is the ui-canvas where we render bounding boxes, selections\r\n * and other ui stuff.\r\n */\n\nconst renderInteractiveScene = (renderConfig, throttle) => {\n  if (throttle) {\n    renderInteractiveSceneThrottled(renderConfig);\n    return undefined;\n  }\n\n  const ret = _renderInteractiveScene(renderConfig);\n\n  renderConfig.callback(ret);\n  return ret;\n};\n\n//# sourceURL=webpack://ExcalidrawLib/./renderer/interactiveScene.ts?");
 /***/ }),
@@ -20570,7 +20570,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\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var lodash_throttle__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash.throttle */ \"../../node_modules/lodash.throttle/index.js\");\n/* harmony import */ var lodash_throttle__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash_throttle__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _excalidraw_common__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @excalidraw/common */ \"../common/src/index.ts\");\n/* harmony import */ var _excalidraw_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @excalidraw/element */ \"../element/src/index.ts\");\n/* harmony import */ var _excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @excalidraw/element/typeChecks */ \"../element/src/typeChecks.ts\");\n/* harmony import */ var _excalidraw_element_groups__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @excalidraw/element/groups */ \"../element/src/groups.ts\");\n/* harmony import */ var _excalidraw_element_fractionalIndex__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @excalidraw/element/fractionalIndex */ \"../element/src/fractionalIndex.ts\");\n/* harmony import */ var _excalidraw_element_selection__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @excalidraw/element/selection */ \"../element/src/selection.ts\");\n\n\n\n\n\n\n\n\nconst getNonDeletedElements = allElements => {\n  const elementsMap = new Map();\n  const elements = [];\n\n  for (const element of allElements) {\n    if (!element.isDeleted) {\n      elements.push(element);\n      elementsMap.set(element.id, element);\n    }\n  }\n\n  return {\n    elementsMap,\n    elements\n  };\n};\n\nconst validateIndicesThrottled = lodash_throttle__WEBPACK_IMPORTED_MODULE_0___default()(elements => {\n  if ((0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_1__.isDevEnv)() || (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_1__.isTestEnv)() || (window === null || window === void 0 ? void 0 : window.DEBUG_FRACTIONAL_INDICES)) {\n    (0,_excalidraw_element_fractionalIndex__WEBPACK_IMPORTED_MODULE_5__.validateFractionalIndices)(elements, {\n      // throw only in dev & test, to remain functional on `DEBUG_FRACTIONAL_INDICES`\n      shouldThrow: (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_1__.isDevEnv)() || (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_1__.isTestEnv)(),\n      includeBoundTextValidation: true\n    });\n  }\n}, 1000 * 60, {\n  leading: true,\n  trailing: false\n});\n\nconst hashSelectionOpts = opts => {\n  const keys = [\"includeBoundTextElement\", \"includeElementsInFrames\"];\n  let hash = \"\";\n\n  for (const key of keys) {\n    hash += `${key}:${opts[key] ? \"1\" : \"0\"}`;\n  }\n\n  return hash;\n};\n\nconst isIdKey = elementKey => {\n  if (typeof elementKey === \"string\") {\n    return true;\n  }\n\n  return false;\n};\n\nclass Scene {\n  constructor() {\n    // ---------------------------------------------------------------------------\n    // static methods/props\n    // ---------------------------------------------------------------------------\n    // ---------------------------------------------------------------------------\n    // instance methods/props\n    // ---------------------------------------------------------------------------\n    this.callbacks = new Set();\n    this.nonDeletedElements = [];\n    this.nonDeletedElementsMap = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_1__.toBrandedType)(new Map()); // ideally all elements within the scene should be wrapped around with `Ordered` type, but right now there is no real benefit doing so\n\n    this.elements = [];\n    this.nonDeletedFramesLikes = [];\n    this.frames = [];\n    this.elementsMap = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_1__.toBrandedType)(new Map());\n    this.selectedElementsCache = {\n      selectedElementIds: null,\n      elements: null,\n      cache: new Map()\n    };\n\n    this.insertElement = (element, idx) => {\n      //zsviczian idx\n      const index = element.frameId ? this.getElementIndex(element.frameId) : this.elements.length;\n      this.insertElementAtIndex(element, idx !== null && idx !== void 0 ? idx : index); //zsviczian support for highlighter pen\n    };\n\n    this.insertElements = elements => {\n      var _a;\n\n      if (!elements.length) {\n        return;\n      }\n\n      const index = ((_a = elements[0]) === null || _a === void 0 ? void 0 : _a.frameId) ? this.getElementIndex(elements[0].frameId) : this.elements.length;\n      this.insertElementsAtIndex(elements, index);\n    };\n\n    this.getContainerElement = element => {\n      if (!element) {\n        return null;\n      }\n\n      if (element.containerId) {\n        return this.getElement(element.containerId) || null;\n      }\n\n      return null;\n    };\n\n    this.getElementsFromId = id => {\n      const elementsMap = this.getNonDeletedElementsMap(); // first check if the id is an element\n\n      const el = elementsMap.get(id);\n\n      if (el) {\n        return [el];\n      } // then, check if the id is a group\n\n\n      return (0,_excalidraw_element_groups__WEBPACK_IMPORTED_MODULE_4__.getElementsInGroup)(elementsMap, id);\n    };\n  }\n\n  static mapElementToScene(elementKey, scene) {\n    if (isIdKey(elementKey)) {\n      // for cases where we don't have access to the element object\n      // (e.g. restore serialized appState with id references)\n      this.sceneMapById.set(elementKey, scene);\n    } else {\n      this.sceneMapByElement.set(elementKey, scene); // if mapping element objects, also cache the id string when later\n      // looking up by id alone\n\n      this.sceneMapById.set(elementKey.id, scene);\n    }\n  }\n  /**\r\n   * @deprecated pass down `app.scene` and use it directly\r\n   */\n\n\n  static getScene(elementKey) {\n    if (isIdKey(elementKey)) {\n      return this.sceneMapById.get(elementKey) || null;\n    }\n\n    return this.sceneMapByElement.get(elementKey) || null;\n  }\n\n  getSceneNonce() {\n    return this.sceneNonce;\n  }\n\n  getNonDeletedElementsMap() {\n    return this.nonDeletedElementsMap;\n  }\n\n  getElementsIncludingDeleted() {\n    return this.elements;\n  }\n\n  getElementsMapIncludingDeleted() {\n    return this.elementsMap;\n  }\n\n  getNonDeletedElements() {\n    return this.nonDeletedElements;\n  }\n\n  getFramesIncludingDeleted() {\n    return this.frames;\n  }\n\n  getSelectedElements(opts) {\n    const hash = hashSelectionOpts(opts);\n    const elements = (opts === null || opts === void 0 ? void 0 : opts.elements) || this.nonDeletedElements;\n\n    if (this.selectedElementsCache.elements === elements && this.selectedElementsCache.selectedElementIds === opts.selectedElementIds) {\n      const cached = this.selectedElementsCache.cache.get(hash);\n\n      if (cached) {\n        return cached;\n      }\n    } else if ((opts === null || opts === void 0 ? void 0 : opts.elements) == null) {\n      // if we're operating on latest scene elements and the cache is not\n      //  storing the latest elements, clear the cache\n      this.selectedElementsCache.cache.clear();\n    }\n\n    const selectedElements = (0,_excalidraw_element_selection__WEBPACK_IMPORTED_MODULE_6__.getSelectedElements)(elements, {\n      selectedElementIds: opts.selectedElementIds\n    }, opts); // cache only if we're not using custom elements\n\n    if ((opts === null || opts === void 0 ? void 0 : opts.elements) == null) {\n      this.selectedElementsCache.selectedElementIds = opts.selectedElementIds;\n      this.selectedElementsCache.elements = this.nonDeletedElements;\n      this.selectedElementsCache.cache.set(hash, selectedElements);\n    }\n\n    return selectedElements;\n  }\n\n  getNonDeletedFramesLikes() {\n    return this.nonDeletedFramesLikes;\n  }\n\n  getElement(id) {\n    return this.elementsMap.get(id) || null;\n  }\n\n  getNonDeletedElement(id) {\n    const element = this.getElement(id);\n\n    if (element && (0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_2__.isNonDeletedElement)(element)) {\n      return element;\n    }\n\n    return null;\n  }\n  /**\r\n   * A utility method to help with updating all scene elements, with the added\r\n   * performance optimization of not renewing the array if no change is made.\r\n   *\r\n   * Maps all current excalidraw elements, invoking the callback for each\r\n   * element. The callback should either return a new mapped element, or the\r\n   * original element if no changes are made. If no changes are made to any\r\n   * element, this results in a no-op. Otherwise, the newly mapped elements\r\n   * are set as the next scene's elements.\r\n   *\r\n   * @returns whether a change was made\r\n   */\n\n\n  mapElements(iteratee) {\n    let didChange = false;\n    const newElements = this.elements.map(element => {\n      const nextElement = iteratee(element);\n\n      if (nextElement !== element) {\n        didChange = true;\n      }\n\n      return nextElement;\n    });\n\n    if (didChange) {\n      this.replaceAllElements(newElements);\n    }\n\n    return didChange;\n  }\n\n  replaceAllElements(nextElements) {\n    const _nextElements = // ts doesn't like `Array.isArray` of `instanceof Map`\n    nextElements instanceof Array ? nextElements : Array.from(nextElements.values());\n\n    const nextFrameLikes = [];\n    validateIndicesThrottled(_nextElements);\n    this.elements = (0,_excalidraw_element_fractionalIndex__WEBPACK_IMPORTED_MODULE_5__.syncInvalidIndices)(_nextElements);\n    this.elementsMap.clear();\n    this.elements.forEach(element => {\n      if ((0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_3__.isFrameLikeElement)(element)) {\n        nextFrameLikes.push(element);\n      }\n\n      this.elementsMap.set(element.id, element);\n      Scene.mapElementToScene(element, this);\n    });\n    const nonDeletedElements = getNonDeletedElements(this.elements);\n    this.nonDeletedElements = nonDeletedElements.elements;\n    this.nonDeletedElementsMap = nonDeletedElements.elementsMap;\n    this.frames = nextFrameLikes;\n    this.nonDeletedFramesLikes = getNonDeletedElements(this.frames).elements;\n    this.triggerUpdate();\n  }\n\n  triggerUpdate() {\n    this.sceneNonce = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_1__.randomInteger)();\n\n    for (const callback of Array.from(this.callbacks)) {\n      callback();\n    }\n  }\n\n  onUpdate(cb) {\n    if (this.callbacks.has(cb)) {\n      throw new Error();\n    }\n\n    this.callbacks.add(cb);\n    return () => {\n      if (!this.callbacks.has(cb)) {\n        throw new Error();\n      }\n\n      this.callbacks.delete(cb);\n    };\n  }\n\n  destroy() {\n    this.elements = [];\n    this.nonDeletedElements = [];\n    this.nonDeletedFramesLikes = [];\n    this.frames = [];\n    this.elementsMap.clear();\n    this.selectedElementsCache.selectedElementIds = null;\n    this.selectedElementsCache.elements = null;\n    this.selectedElementsCache.cache.clear();\n    Scene.sceneMapById.forEach((scene, elementKey) => {\n      if (scene === this) {\n        Scene.sceneMapById.delete(elementKey);\n      }\n    }); // done not for memory leaks, but to guard against possible late fires\n    // (I guess?)\n\n    this.callbacks.clear();\n  }\n\n  insertElementAtIndex(element, index) {\n    if (!Number.isFinite(index) || index < 0) {\n      throw new Error(\"insertElementAtIndex can only be called with index >= 0\");\n    }\n\n    const nextElements = [...this.elements.slice(0, index), element, ...this.elements.slice(index)];\n    (0,_excalidraw_element_fractionalIndex__WEBPACK_IMPORTED_MODULE_5__.syncMovedIndices)(nextElements, (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_1__.arrayToMap)([element]));\n    this.replaceAllElements(nextElements);\n  }\n\n  insertElementsAtIndex(elements, index) {\n    if (!elements.length) {\n      return;\n    }\n\n    if (!Number.isFinite(index) || index < 0) {\n      throw new Error(\"insertElementAtIndex can only be called with index >= 0\");\n    }\n\n    const nextElements = [...this.elements.slice(0, index), ...elements, ...this.elements.slice(index)];\n    (0,_excalidraw_element_fractionalIndex__WEBPACK_IMPORTED_MODULE_5__.syncMovedIndices)(nextElements, (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_1__.arrayToMap)(elements));\n    this.replaceAllElements(nextElements);\n  }\n\n  getElementIndex(elementId) {\n    return this.elements.findIndex(element => element.id === elementId);\n  }\n\n}\n\nScene.sceneMapByElement = new WeakMap();\nScene.sceneMapById = new Map();\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Scene);\n\n//# sourceURL=webpack://ExcalidrawLib/./scene/Scene.ts?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var lodash_throttle__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash.throttle */ \"../../node_modules/lodash.throttle/index.js\");\n/* harmony import */ var lodash_throttle__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash_throttle__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _excalidraw_common__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @excalidraw/common */ \"../common/src/index.ts\");\n/* harmony import */ var _excalidraw_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @excalidraw/element */ \"../element/src/index.ts\");\n/* harmony import */ var _excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @excalidraw/element/typeChecks */ \"../element/src/typeChecks.ts\");\n/* harmony import */ var _excalidraw_element_groups__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @excalidraw/element/groups */ \"../element/src/groups.ts\");\n/* harmony import */ var _excalidraw_element_fractionalIndex__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @excalidraw/element/fractionalIndex */ \"../element/src/fractionalIndex.ts\");\n/* harmony import */ var _excalidraw_element_selection__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @excalidraw/element/selection */ \"../element/src/selection.ts\");\n\n\n\n\n\n\n\n\nconst getNonDeletedElements = allElements => {\n  const elementsMap = new Map();\n  const elements = [];\n\n  for (const element of allElements) {\n    if (!element.isDeleted) {\n      elements.push(element);\n      elementsMap.set(element.id, element);\n    }\n  }\n\n  return {\n    elementsMap,\n    elements\n  };\n};\n\nconst validateIndicesThrottled = lodash_throttle__WEBPACK_IMPORTED_MODULE_0___default()(elements => {\n  if ((0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_1__.isDevEnv)() || (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_1__.isTestEnv)() || (window === null || window === void 0 ? void 0 : window.DEBUG_FRACTIONAL_INDICES)) {\n    (0,_excalidraw_element_fractionalIndex__WEBPACK_IMPORTED_MODULE_5__.validateFractionalIndices)(elements, {\n      // throw only in dev & test, to remain functional on `DEBUG_FRACTIONAL_INDICES`\n      shouldThrow: (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_1__.isDevEnv)() || (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_1__.isTestEnv)(),\n      includeBoundTextValidation: true\n    });\n  }\n}, 1000 * 60, {\n  leading: true,\n  trailing: false\n});\n\nconst hashSelectionOpts = opts => {\n  const keys = [\"includeBoundTextElement\", \"includeElementsInFrames\"];\n  let hash = \"\";\n\n  for (const key of keys) {\n    hash += `${key}:${opts[key] ? \"1\" : \"0\"}`;\n  }\n\n  return hash;\n};\n\nconst isIdKey = elementKey => {\n  if (typeof elementKey === \"string\") {\n    return true;\n  }\n\n  return false;\n};\n\nclass Scene {\n  constructor() {\n    // ---------------------------------------------------------------------------\n    // static methods/props\n    // ---------------------------------------------------------------------------\n    // ---------------------------------------------------------------------------\n    // instance methods/props\n    // ---------------------------------------------------------------------------\n    this.callbacks = new Set();\n    this.nonDeletedElements = [];\n    this.nonDeletedElementsMap = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_1__.toBrandedType)(new Map()); // ideally all elements within the scene should be wrapped around with `Ordered` type, but right now there is no real benefit doing so\n\n    this.elements = [];\n    this.nonDeletedFramesLikes = [];\n    this.frames = [];\n    this.elementsMap = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_1__.toBrandedType)(new Map());\n    this.selectedElementsCache = {\n      selectedElementIds: null,\n      elements: null,\n      cache: new Map()\n    };\n\n    this.insertElement = (element, idx) => {\n      //zsviczian idx\n      const index = element.frameId ? this.getElementIndex(element.frameId) : this.elements.length;\n      this.insertElementAtIndex(element, idx !== null && idx !== void 0 ? idx : index); //zsviczian support for highlighter pen\n    };\n\n    this.insertElements = elements => {\n      var _a;\n\n      if (!elements.length) {\n        return;\n      }\n\n      const index = ((_a = elements[0]) === null || _a === void 0 ? void 0 : _a.frameId) ? this.getElementIndex(elements[0].frameId) : this.elements.length;\n      this.insertElementsAtIndex(elements, index);\n    };\n\n    this.getContainerElement = element => {\n      if (!element) {\n        return null;\n      }\n\n      if (element.containerId) {\n        return this.getElement(element.containerId) || null;\n      }\n\n      return null;\n    };\n\n    this.getElementsFromId = id => {\n      const elementsMap = this.getNonDeletedElementsMap(); // first check if the id is an element\n\n      const el = elementsMap.get(id);\n\n      if (el) {\n        return [el];\n      } // then, check if the id is a group\n\n\n      return (0,_excalidraw_element_groups__WEBPACK_IMPORTED_MODULE_4__.getElementsInGroup)(elementsMap, id);\n    };\n  }\n\n  static mapElementToScene(elementKey, scene) {\n    if (isIdKey(elementKey)) {\n      // for cases where we don't have access to the element object\n      // (e.g. restore serialized appState with id references)\n      this.sceneMapById.set(elementKey, scene);\n    } else {\n      this.sceneMapByElement.set(elementKey, scene); // if mapping element objects, also cache the id string when later\n      // looking up by id alone\n\n      this.sceneMapById.set(elementKey.id, scene);\n    }\n  }\n  /**\r\n   * @deprecated pass down `app.scene` and use it directly\r\n   */\n\n\n  static getScene(elementKey) {\n    if (isIdKey(elementKey)) {\n      return this.sceneMapById.get(elementKey) || null;\n    }\n\n    return this.sceneMapByElement.get(elementKey) || null;\n  }\n\n  getSceneNonce() {\n    return this.sceneNonce;\n  }\n\n  getNonDeletedElementsMap() {\n    return this.nonDeletedElementsMap;\n  }\n\n  getElementsIncludingDeleted() {\n    return this.elements;\n  }\n\n  getElementsMapIncludingDeleted() {\n    return this.elementsMap;\n  }\n\n  getNonDeletedElements() {\n    return this.nonDeletedElements;\n  }\n\n  getFramesIncludingDeleted() {\n    return this.frames;\n  }\n\n  getSelectedElements(opts) {\n    const hash = hashSelectionOpts(opts);\n    const elements = (opts === null || opts === void 0 ? void 0 : opts.elements) || this.nonDeletedElements;\n\n    if (this.selectedElementsCache.elements === elements && this.selectedElementsCache.selectedElementIds === opts.selectedElementIds) {\n      const cached = this.selectedElementsCache.cache.get(hash);\n\n      if (cached) {\n        return cached;\n      }\n    } else if ((opts === null || opts === void 0 ? void 0 : opts.elements) == null) {\n      // if we're operating on latest scene elements and the cache is not\n      //  storing the latest elements, clear the cache\n      this.selectedElementsCache.cache.clear();\n    }\n\n    const selectedElements = (0,_excalidraw_element_selection__WEBPACK_IMPORTED_MODULE_6__.getSelectedElements)(elements, {\n      selectedElementIds: opts.selectedElementIds\n    }, opts); // cache only if we're not using custom elements\n\n    if ((opts === null || opts === void 0 ? void 0 : opts.elements) == null) {\n      this.selectedElementsCache.selectedElementIds = opts.selectedElementIds;\n      this.selectedElementsCache.elements = this.nonDeletedElements;\n      this.selectedElementsCache.cache.set(hash, selectedElements);\n    }\n\n    return selectedElements;\n  }\n\n  getNonDeletedFramesLikes() {\n    return this.nonDeletedFramesLikes;\n  }\n\n  getElement(id) {\n    return this.elementsMap.get(id) || null;\n  }\n\n  getNonDeletedElement(id) {\n    const element = this.getElement(id);\n\n    if (element && (0,_excalidraw_element__WEBPACK_IMPORTED_MODULE_2__.isNonDeletedElement)(element)) {\n      return element;\n    }\n\n    return null;\n  }\n  /**\r\n   * A utility method to help with updating all scene elements, with the added\r\n   * performance optimization of not renewing the array if no change is made.\r\n   *\r\n   * Maps all current excalidraw elements, invoking the callback for each\r\n   * element. The callback should either return a new mapped element, or the\r\n   * original element if no changes are made. If no changes are made to any\r\n   * element, this results in a no-op. Otherwise, the newly mapped elements\r\n   * are set as the next scene's elements.\r\n   *\r\n   * @returns whether a change was made\r\n   */\n\n\n  mapElements(iteratee) {\n    let didChange = false;\n    const newElements = this.elements.map(element => {\n      const nextElement = iteratee(element);\n\n      if (nextElement !== element) {\n        didChange = true;\n      }\n\n      return nextElement;\n    });\n\n    if (didChange) {\n      this.replaceAllElements(newElements);\n    }\n\n    return didChange;\n  }\n\n  replaceAllElements(nextElements) {\n    const _nextElements = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_1__.isReadonlyArray)(nextElements) ? nextElements : Array.from(nextElements.values());\n\n    const nextFrameLikes = [];\n    validateIndicesThrottled(_nextElements);\n    this.elements = (0,_excalidraw_element_fractionalIndex__WEBPACK_IMPORTED_MODULE_5__.syncInvalidIndices)(_nextElements);\n    this.elementsMap.clear();\n    this.elements.forEach(element => {\n      if ((0,_excalidraw_element_typeChecks__WEBPACK_IMPORTED_MODULE_3__.isFrameLikeElement)(element)) {\n        nextFrameLikes.push(element);\n      }\n\n      this.elementsMap.set(element.id, element);\n      Scene.mapElementToScene(element, this);\n    });\n    const nonDeletedElements = getNonDeletedElements(this.elements);\n    this.nonDeletedElements = nonDeletedElements.elements;\n    this.nonDeletedElementsMap = nonDeletedElements.elementsMap;\n    this.frames = nextFrameLikes;\n    this.nonDeletedFramesLikes = getNonDeletedElements(this.frames).elements;\n    this.triggerUpdate();\n  }\n\n  triggerUpdate() {\n    this.sceneNonce = (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_1__.randomInteger)();\n\n    for (const callback of Array.from(this.callbacks)) {\n      callback();\n    }\n  }\n\n  onUpdate(cb) {\n    if (this.callbacks.has(cb)) {\n      throw new Error();\n    }\n\n    this.callbacks.add(cb);\n    return () => {\n      if (!this.callbacks.has(cb)) {\n        throw new Error();\n      }\n\n      this.callbacks.delete(cb);\n    };\n  }\n\n  destroy() {\n    this.elements = [];\n    this.nonDeletedElements = [];\n    this.nonDeletedFramesLikes = [];\n    this.frames = [];\n    this.elementsMap.clear();\n    this.selectedElementsCache.selectedElementIds = null;\n    this.selectedElementsCache.elements = null;\n    this.selectedElementsCache.cache.clear();\n    Scene.sceneMapById.forEach((scene, elementKey) => {\n      if (scene === this) {\n        Scene.sceneMapById.delete(elementKey);\n      }\n    }); // done not for memory leaks, but to guard against possible late fires\n    // (I guess?)\n\n    this.callbacks.clear();\n  }\n\n  insertElementAtIndex(element, index) {\n    if (!Number.isFinite(index) || index < 0) {\n      throw new Error(\"insertElementAtIndex can only be called with index >= 0\");\n    }\n\n    const nextElements = [...this.elements.slice(0, index), element, ...this.elements.slice(index)];\n    (0,_excalidraw_element_fractionalIndex__WEBPACK_IMPORTED_MODULE_5__.syncMovedIndices)(nextElements, (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_1__.arrayToMap)([element]));\n    this.replaceAllElements(nextElements);\n  }\n\n  insertElementsAtIndex(elements, index) {\n    if (!elements.length) {\n      return;\n    }\n\n    if (!Number.isFinite(index) || index < 0) {\n      throw new Error(\"insertElementAtIndex can only be called with index >= 0\");\n    }\n\n    const nextElements = [...this.elements.slice(0, index), ...elements, ...this.elements.slice(index)];\n    (0,_excalidraw_element_fractionalIndex__WEBPACK_IMPORTED_MODULE_5__.syncMovedIndices)(nextElements, (0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_1__.arrayToMap)(elements));\n    this.replaceAllElements(nextElements);\n  }\n\n  getElementIndex(elementId) {\n    return this.elements.findIndex(element => element.id === elementId);\n  }\n\n}\n\nScene.sceneMapByElement = new WeakMap();\nScene.sceneMapById = new Map();\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Scene);\n\n//# sourceURL=webpack://ExcalidrawLib/./scene/Scene.ts?");
 /***/ }),
@@ -20625,7 +20625,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 */   SCROLLBAR_COLOR: () => (/* binding */ SCROLLBAR_COLOR),\n/* harmony export */   SCROLLBAR_MARGIN: () => (/* binding */ SCROLLBAR_MARGIN),\n/* harmony export */   SCROLLBAR_WIDTH: () => (/* binding */ SCROLLBAR_WIDTH),\n/* harmony export */   getScrollBars: () => (/* binding */ getScrollBars),\n/* harmony export */   isOverScrollBars: () => (/* binding */ isOverScrollBars)\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_bounds__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @excalidraw/element/bounds */ \"../element/src/bounds.ts\");\n/* harmony import */ var _i18n__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../i18n */ \"./i18n.ts\");\n\n\n\nconst SCROLLBAR_MARGIN = 4;\nconst SCROLLBAR_WIDTH = 6;\nconst SCROLLBAR_COLOR = \"rgba(128,128,128,0.3)\"; //zsviczian\n\nconst getScrollBars = (elements, viewportWidth, viewportHeight, appState) => {\n  if (!elements.length) {\n    return {\n      horizontal: null,\n      vertical: null\n    };\n  } // This is the bounding box of all the elements\n\n\n  const [elementsMinX, elementsMinY, elementsMaxX, elementsMaxY] = (0,_excalidraw_element_bounds__WEBPACK_IMPORTED_MODULE_1__.getCommonBounds)(elements); // Apply zoom\n\n  const viewportWidthWithZoom = viewportWidth / appState.zoom.value;\n  const viewportHeightWithZoom = viewportHeight / appState.zoom.value;\n  const viewportWidthDiff = viewportWidth - viewportWidthWithZoom;\n  const viewportHeightDiff = viewportHeight - viewportHeightWithZoom;\n  const safeArea = {\n    top: parseInt((0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.getGlobalCSSVariable)(\"sat\")) || 0,\n    bottom: parseInt((0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.getGlobalCSSVariable)(\"sab\")) || 0,\n    left: parseInt((0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.getGlobalCSSVariable)(\"sal\")) || 0,\n    right: parseInt((0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.getGlobalCSSVariable)(\"sar\")) || 0\n  };\n  const isRTL = (0,_i18n__WEBPACK_IMPORTED_MODULE_2__.getLanguage)().rtl; // The viewport is the rectangle currently visible for the user\n\n  const viewportMinX = -appState.scrollX + viewportWidthDiff / 2 + safeArea.left;\n  const viewportMinY = -appState.scrollY + viewportHeightDiff / 2 + safeArea.top;\n  const viewportMaxX = viewportMinX + viewportWidthWithZoom - safeArea.right;\n  const viewportMaxY = viewportMinY + viewportHeightWithZoom - safeArea.bottom; // The scene is the bounding box of both the elements and viewport\n\n  const sceneMinX = Math.min(elementsMinX, viewportMinX);\n  const sceneMinY = Math.min(elementsMinY, viewportMinY);\n  const sceneMaxX = Math.max(elementsMaxX, viewportMaxX);\n  const sceneMaxY = Math.max(elementsMaxY, viewportMaxY); // The scrollbar represents where the viewport is in relationship to the scene\n\n  return {\n    horizontal: viewportMinX === sceneMinX && viewportMaxX === sceneMaxX ? null : {\n      x: Math.max(safeArea.left, SCROLLBAR_MARGIN) + (viewportMinX - sceneMinX) / (sceneMaxX - sceneMinX) * viewportWidth,\n      y: viewportHeight - SCROLLBAR_WIDTH - Math.max(SCROLLBAR_MARGIN, safeArea.bottom),\n      width: (viewportMaxX - viewportMinX) / (sceneMaxX - sceneMinX) * viewportWidth - Math.max(SCROLLBAR_MARGIN * 2, safeArea.left + safeArea.right),\n      height: SCROLLBAR_WIDTH\n    },\n    vertical: viewportMinY === sceneMinY && viewportMaxY === sceneMaxY ? null : {\n      x: isRTL ? Math.max(safeArea.left, SCROLLBAR_MARGIN) : viewportWidth - SCROLLBAR_WIDTH - Math.max(safeArea.right, SCROLLBAR_MARGIN),\n      y: (viewportMinY - sceneMinY) / (sceneMaxY - sceneMinY) * viewportHeight + Math.max(safeArea.top, SCROLLBAR_MARGIN),\n      width: SCROLLBAR_WIDTH,\n      height: (viewportMaxY - viewportMinY) / (sceneMaxY - sceneMinY) * viewportHeight - Math.max(SCROLLBAR_MARGIN * 2, safeArea.top + safeArea.bottom)\n    }\n  };\n};\nconst isOverScrollBars = (scrollBars, x, y) => {\n  const [isOverHorizontal, isOverVertical] = [scrollBars.horizontal, scrollBars.vertical].map(scrollBar => {\n    return scrollBar != null && scrollBar.x <= x && x <= scrollBar.x + scrollBar.width && scrollBar.y <= y && y <= scrollBar.y + scrollBar.height;\n  });\n  const isOverEither = isOverHorizontal || isOverVertical;\n  return {\n    isOverEither,\n    isOverHorizontal,\n    isOverVertical\n  };\n};\n\n//# sourceURL=webpack://ExcalidrawLib/./scene/scrollbars.ts?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   SCROLLBAR_COLOR: () => (/* binding */ SCROLLBAR_COLOR),\n/* harmony export */   SCROLLBAR_MARGIN: () => (/* binding */ SCROLLBAR_MARGIN),\n/* harmony export */   SCROLLBAR_WIDTH: () => (/* binding */ SCROLLBAR_WIDTH),\n/* harmony export */   getScrollBars: () => (/* binding */ getScrollBars),\n/* harmony export */   isOverScrollBars: () => (/* binding */ isOverScrollBars)\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_bounds__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @excalidraw/element/bounds */ \"../element/src/bounds.ts\");\n/* harmony import */ var _i18n__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../i18n */ \"./i18n.ts\");\n\n\n\nconst SCROLLBAR_MARGIN = 4;\nconst SCROLLBAR_WIDTH = 6;\nconst SCROLLBAR_COLOR = \"rgba(128,128,128,0.3)\"; //zsviczian\n\nconst getScrollBars = (elements, viewportWidth, viewportHeight, appState) => {\n  if (!elements.size) {\n    return {\n      horizontal: null,\n      vertical: null\n    };\n  } // This is the bounding box of all the elements\n\n\n  const [elementsMinX, elementsMinY, elementsMaxX, elementsMaxY] = (0,_excalidraw_element_bounds__WEBPACK_IMPORTED_MODULE_1__.getCommonBounds)(elements); // Apply zoom\n\n  const viewportWidthWithZoom = viewportWidth / appState.zoom.value;\n  const viewportHeightWithZoom = viewportHeight / appState.zoom.value;\n  const viewportWidthDiff = viewportWidth - viewportWidthWithZoom;\n  const viewportHeightDiff = viewportHeight - viewportHeightWithZoom;\n  const safeArea = {\n    top: parseInt((0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.getGlobalCSSVariable)(\"sat\")) || 0,\n    bottom: parseInt((0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.getGlobalCSSVariable)(\"sab\")) || 0,\n    left: parseInt((0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.getGlobalCSSVariable)(\"sal\")) || 0,\n    right: parseInt((0,_excalidraw_common__WEBPACK_IMPORTED_MODULE_0__.getGlobalCSSVariable)(\"sar\")) || 0\n  };\n  const isRTL = (0,_i18n__WEBPACK_IMPORTED_MODULE_2__.getLanguage)().rtl; // The viewport is the rectangle currently visible for the user\n\n  const viewportMinX = -appState.scrollX + viewportWidthDiff / 2 + safeArea.left;\n  const viewportMinY = -appState.scrollY + viewportHeightDiff / 2 + safeArea.top;\n  const viewportMaxX = viewportMinX + viewportWidthWithZoom - safeArea.right;\n  const viewportMaxY = viewportMinY + viewportHeightWithZoom - safeArea.bottom; // The scene is the bounding box of both the elements and viewport\n\n  const sceneMinX = Math.min(elementsMinX, viewportMinX);\n  const sceneMinY = Math.min(elementsMinY, viewportMinY);\n  const sceneMaxX = Math.max(elementsMaxX, viewportMaxX);\n  const sceneMaxY = Math.max(elementsMaxY, viewportMaxY); // The scrollbar represents where the viewport is in relationship to the scene\n\n  return {\n    horizontal: viewportMinX === sceneMinX && viewportMaxX === sceneMaxX ? null : {\n      x: Math.max(safeArea.left, SCROLLBAR_MARGIN) + (viewportMinX - sceneMinX) / (sceneMaxX - sceneMinX) * viewportWidth,\n      y: viewportHeight - SCROLLBAR_WIDTH - Math.max(SCROLLBAR_MARGIN, safeArea.bottom),\n      width: (viewportMaxX - viewportMinX) / (sceneMaxX - sceneMinX) * viewportWidth - Math.max(SCROLLBAR_MARGIN * 2, safeArea.left + safeArea.right),\n      height: SCROLLBAR_WIDTH\n    },\n    vertical: viewportMinY === sceneMinY && viewportMaxY === sceneMaxY ? null : {\n      x: isRTL ? Math.max(safeArea.left, SCROLLBAR_MARGIN) : viewportWidth - SCROLLBAR_WIDTH - Math.max(safeArea.right, SCROLLBAR_MARGIN),\n      y: (viewportMinY - sceneMinY) / (sceneMaxY - sceneMinY) * viewportHeight + Math.max(safeArea.top, SCROLLBAR_MARGIN),\n      width: SCROLLBAR_WIDTH,\n      height: (viewportMaxY - viewportMinY) / (sceneMaxY - sceneMinY) * viewportHeight - Math.max(SCROLLBAR_MARGIN * 2, safeArea.top + safeArea.bottom)\n    }\n  };\n};\nconst isOverScrollBars = (scrollBars, x, y) => {\n  const [isOverHorizontal, isOverVertical] = [scrollBars.horizontal, scrollBars.vertical].map(scrollBar => {\n    return scrollBar != null && scrollBar.x <= x && x <= scrollBar.x + scrollBar.width && scrollBar.y <= y && y <= scrollBar.y + scrollBar.height;\n  });\n  const isOverEither = isOverHorizontal || isOverVertical;\n  return {\n    isOverEither,\n    isOverHorizontal,\n    isOverVertical\n  };\n};\n\n//# sourceURL=webpack://ExcalidrawLib/./scene/scrollbars.ts?");
 /***/ }),