@unicom-cloud/ui 0.8.172 → 0.8.174

package/draw/{core/components → components}/App.js

@@ -1,75 +1,76 @@
-/* 潘启宝 2026-06-29 10:53:33 星期一 山东省济南市 */
-import { ConfigContext as e } from "../../../config-provider/context.js";
-import { EMITTER_EVENT as t, emitter as n } from "../../../utils/emitter.js";
-import r from "../../../config-provider/index.js";
-import { clamp as i } from "../../libs/math/utils.js";
-import { applyDarkModeFilter as a, isTransparent as o } from "../../common/colors.js";
-import { APP_NAME as s, ARROW_TYPE as c, CLASSES as l, CURSOR_TYPE as u, DEFAULT_COLLISION_THRESHOLD as d, DEFAULT_MAX_IMAGE_WIDTH_OR_HEIGHT as f, DEFAULT_REDUCED_GLOBAL_ALPHA as p, DEFAULT_TEXT_ALIGN as m, EVENT as h, FRAME_STYLE as g, IMAGE_MIME_TYPES as _, MAX_ALLOWED_FILE_BYTES as ee, MIME_TYPES as v, POINTER_BUTTON as y, POINTER_EVENTS as te, ROUNDNESS as ne, THEME as re, TOOL_TYPE as b, VERTICAL_ALIGN as ie, ZOOM_STEP as ae, supportsResizeObserver as oe } from "../../common/constants.js";
-import { MQ_RIGHT_SIDEBAR_MIN_WIDTH as se, createUserAgentDescriptor as ce, deriveStylesPanelMode as le, getFormFactor as ue, isBrave as de, isIOS as fe, isSafari as pe, loadDesktopUIModePreference as me, setDesktopUIMode as he } from "../../common/editorInterface.js";
-import { Emitter as ge } from "../../common/emitter.js";
-import { getLineHeight as _e } from "../../common/font-metadata.js";
-import { CODES as ve, KEYS as x, isArrowKey as ye, shouldMaintainAspectRatio as be, shouldResizeFromCenter as xe, shouldRotateWithDiscreteAngle as Se } from "../../common/keys.js";
-import { vector as Ce, vectorDot as we, vectorFromPoint as Te, vectorNormalize as Ee, vectorSubtract as De } from "../../libs/math/vector.js";
-import { pointDistance as Oe, pointFrom as S, pointRotateRads as ke } from "../../libs/math/point.js";
-import "../../libs/math/index.js";
-import { getGridPoint as C } from "../../common/points.js";
-import { addEventListener as w, arrayToMap as Ae, debounce as je, distance as Me, easeOut as Ne, easeToValuesRAF as Pe, getDateTime as Fe, getFeatureFlag as T, getFontString as Ie, getNearestScrollableContainer as Le, invariant as E, isDevEnv as Re, isInputLike as ze, isSelectionLikeTool as Be, isShallowEqual as Ve, isTestEnv as He, isToolIcon as Ue, isWritableElement as We, muteFSAbortError as Ge, normalizeEOL as Ke, sceneCoordsToViewportCoords as qe, tupleToCoors as Je, updateActiveTool as D, updateObject as Ye, updateStable as Xe, viewportCoordsToSceneCoords as O } from "../../common/utils.js";
-import { nanoid as Ze } from "../../libs/nanoid/index.js";
-import { randomInteger as Qe } from "../../common/random.js";
-import { normalizeLink as $e } from "../../common/url.js";
-import "../../common/index.js";
-import et from "../../libs/roughjs/rough.js";
-import { hasBackground as tt } from "../../element/comparisons.js";
-import { cropElement as nt, getUncroppedWidthAndHeight as rt } from "../../element/cropElement.js";
-import { hasBoundTextElement as it, isArrowElement as at, isBindableElement as ot, isBindingElement as k, isBindingElementType as st, isBoundToContainer as ct, isElbowArrow as A, isEmbeddableElement as lt, isFlowchartNodeElement as ut, isFrameLikeElement as j, isIframeElement as dt, isIframeLikeElement as ft, isImageElement as M, isInitializedImageElement as pt, isLineElement as mt, isLinearElement as N, isLinearElementType as ht, isMagicFrameElement as gt, isSimpleArrow as _t, isTextBindableContainer as vt, isTextElement as P, isUsingAdaptiveRadius as yt } from "../../element/typeChecks.js";
-import { excludeElementsInFramesFromSelection as bt, getElementsWithinSelection as xt, getSelectedElements as St, getSelectionStateForElements as Ct, isSomeElementSelected as wt, makeNextSelectedElementIds as F } from "../../element/selection.js";
-import { getApproxMinLineHeight as Tt, getApproxMinLineWidth as Et, getLineHeightInPx as Dt, getMinTextElementWidth as Ot, isMeasureTextSupported as kt, measureText as At, normalizeText as jt } from "../../element/textMeasurements.js";
-import { wrapText as Mt } from "../../element/textWrapping.js";
-import { getBoundTextElement as Nt, getContainerCenter as Pt, getContainerElement as Ft, isValidTextContainer as It, redrawTextBoundingBox as Lt } from "../../element/textElement.js";
-import { editGroupForSelectedElement as Rt, getElementsInGroup as zt, getSelectedGroupIdForElement as Bt, getSelectedGroupIds as Vt, isElementInGroup as Ht, isSelectedViaGroup as Ut, selectGroupsForSelectedElements as I } from "../../element/groups.js";
-import { mutateElement as Wt, newElementWith as L } from "../../element/mutateElement.js";
-import { addElementsToFrame as Gt, elementOverlapsWithFrame as Kt, filterElementsEligibleAsFrameChildren as qt, getContainingFrame as Jt, getElementsInNewFrame as Yt, getElementsInResizingFrame as Xt, getElementsOverlappingFrame as Zt, getFrameChildren as Qt, getFrameLikeTitle as $t, isCursorInFrame as en, isElementInFrame as tn, removeElementsFromFrame as nn, replaceAllElementsInFrame as rn, updateFrameMembershipOfSelectedElements as an } from "../../element/frame.js";
-import { getRenderOpacity as on } from "../../element/renderElement.js";
-import { ShapeCache as sn } from "../../element/shape.js";
-import { getCornerRadius as cn, isPathALoop as ln } from "../../element/utils.js";
-import { getHoveredElementForBinding as R, hitElementBoundText as un, hitElementBoundingBox as dn, hitElementBoundingBoxOnly as fn, hitElementItself as pn, isPointInElement as mn } from "../../element/collision.js";
-import { bindOrUnbindBindingElement as hn, bindOrUnbindBindingElements as gn, calculateFixedPointForNonElbowArrowBinding as _n, fixBindingsAfterDeletion as vn, isBindingEnabled as yn, maxBindingDistance_simple as bn, shouldEnableBindingForPointerEvent as xn, updateBoundElements as Sn } from "../../element/binding.js";
-import { syncInvalidIndices as Cn, syncMovedIndices as wn } from "../../element/fractionalIndex.js";
-import { LinearElementEditor as z } from "../../element/linearElementEditor.js";
-import { doBoundsIntersect as Tn, getCommonBounds as En, getElementAbsoluteCoords as Dn, getElementBounds as On, getVisibleSceneBounds as kn } from "../../element/bounds.js";
-import { getNormalizedDimensions as An, isElementCompletelyInViewport as jn, isElementInViewport as Mn, isInvisiblySmallElement as Nn } from "../../element/sizeHelpers.js";
-import { handleFocusPointDrag as Pn, handleFocusPointHover as Fn, handleFocusPointPointerDown as In, handleFocusPointPointerUp as Ln } from "../../element/arrows/focus.js";
-import { maybeHandleArrowPointlikeDrag as Rn } from "../../element/arrows/helpers.js";
-import { isNonDeletedElement as zn } from "../../element/is.js";
-import { Scene as Bn } from "../../element/Scene.js";
-import { deepCopyElement as Vn, duplicateElements as Hn } from "../../element/duplicate.js";
-import { CaptureUpdateAction as B, Store as Un, StoreDelta as Wn, getObservedAppState as Gn } from "../../element/store.js";
-import { dragNewElement as Kn, dragSelectedElements as qn, getDragOffsetXY as Jn } from "../../element/dragElements.js";
-import { isElementLink as Yn, parseElementLinkFromURL as Xn } from "../../element/elementLink.js";
-import { newArrowElement as Zn, newElement as Qn, newEmbeddableElement as $n, newFrameElement as er, newFreeDrawElement as tr, newIframeElement as nr, newImageElement as rr, newLinearElement as ir, newMagicFrameElement as ar, newTextElement as or, refreshTextDimensions as sr } from "../../element/newElement.js";
-import { createSrcDoc as cr, embeddableURLValidator as lr, maybeParseEmbedSrc as ur } from "../../element/embeddable.js";
-import { FlowChartCreator as dr, FlowChartNavigator as fr, getLinkDirectionFromKey as pr } from "../../element/flowchart.js";
-import { getInitializedImageElements as mr, normalizeSVG as hr, updateImageCache as gr } from "../../element/image.js";
-import { positionElementsOnGrid as _r } from "../../element/positionElementsOnGrid.js";
-import { getResizeArrowDirection as vr, getResizeOffsetXY as yr, transformElements as br } from "../../element/resizeElements.js";
-import { hasBoundingBox as xr } from "../../element/transformHandles.js";
-import { getCursorForResizingElement as Sr, getElementWithTransformHandleType as Cr, getTransformHandleTypeFromCoords as wr } from "../../element/resizeTest.js";
-import { convertToDrawElements as Tr } from "../../element/transform.js";
-import "../../element/index.js";
-import { trackEvent as V } from "../analytics.js";
-import { ActionManager as Er } from "../actions/manager.js";
-import { getDefaultAppState as Dr, isEraserActive as Or, isHandToolActive as kr } from "../appState.js";
-import { History as Ar } from "../history.js";
-import { AppContext as jr, AppPropsContext as Mr, DrawActionManagerContext as Nr, DrawAppStateContext as Pr, DrawContainerContext as Fr, DrawElementsContext as Ir, DrawHistoryContext as Lr, DrawSetAppStateContext as Rr, EditorInterfaceContext as zr, editorInterfaceContextDefaultValue as Br } from "./context.js";
-import { editorJotaiStore as Vr } from "../editor-jotai.js";
-import { defaultLang as Hr, getLanguage as Ur, languages as Wr, setLanguage as Gr, t as H } from "../i18n.js";
-import { getNormalizedZoom as Kr } from "../scene/normalize.js";
-import { calculateScrollCenter as qr } from "../scene/scroll.js";
+/* 潘启宝 2026-06-30 13:46:28 星期二 山东省济南市 */
+import { ConfigContext as e } from "../../config-provider/context.js";
+import { EMITTER_EVENT as t, emitter as n } from "../../utils/emitter.js";
+import r from "../../config-provider/index.js";
+import { clamp as i } from "../libs/math/utils.js";
+import { applyDarkModeFilter as a, isTransparent as o } from "../common/colors.js";
+import { ARROW_TYPE as s, CLASSES as c, CURSOR_TYPE as l, DEFAULT_COLLISION_THRESHOLD as u, DEFAULT_MAX_IMAGE_WIDTH_OR_HEIGHT as d, DEFAULT_REDUCED_GLOBAL_ALPHA as f, DEFAULT_TEXT_ALIGN as p, DRAW_APP_NAME as m, EVENT as h, FRAME_STYLE as g, IMAGE_MIME_TYPES as ee, MAX_ALLOWED_FILE_BYTES as te, MIME_TYPES as _, POINTER_BUTTON as v, POINTER_EVENTS as y, ROUNDNESS as ne, THEME as re, TOOL_TYPE as b, VERTICAL_ALIGN as ie, ZOOM_STEP as ae, supportsResizeObserver as oe } from "../common/constants.js";
+import { MQ_RIGHT_SIDEBAR_MIN_WIDTH as se, createUserAgentDescriptor as ce, deriveStylesPanelMode as le, getFormFactor as ue, isBrave as de, isIOS as fe, isSafari as pe, loadDesktopUIModePreference as me, setDesktopUIMode as he } from "../common/editorInterface.js";
+import { Emitter as ge } from "../common/emitter.js";
+import { getLineHeight as _e } from "../common/font-metadata.js";
+import { CODES as ve, KEYS as x, isArrowKey as ye, shouldMaintainAspectRatio as be, shouldResizeFromCenter as xe, shouldRotateWithDiscreteAngle as Se } from "../common/keys.js";
+import { vector as Ce, vectorDot as we, vectorFromPoint as Te, vectorNormalize as Ee, vectorSubtract as De } from "../libs/math/vector.js";
+import { pointDistance as Oe, pointFrom as S, pointRotateRads as ke } from "../libs/math/point.js";
+import "../libs/math/index.js";
+import { getGridPoint as C } from "../common/points.js";
+import { addEventListener as w, arrayToMap as Ae, debounce as je, distance as Me, easeOut as Ne, easeToValuesRAF as Pe, getDateTime as Fe, getFeatureFlag as T, getFontString as Ie, getNearestScrollableContainer as Le, invariant as E, isDevEnv as Re, isInputLike as ze, isSelectionLikeTool as Be, isShallowEqual as Ve, isTestEnv as He, isToolIcon as Ue, isWritableElement as We, muteFSAbortError as Ge, normalizeEOL as Ke, sceneCoordsToViewportCoords as qe, tupleToCoors as Je, updateActiveTool as D, updateObject as Ye, updateStable as Xe, viewportCoordsToSceneCoords as O } from "../common/utils.js";
+import { nanoid as Ze } from "../libs/nanoid/index.js";
+import { randomInteger as Qe } from "../common/random.js";
+import { normalizeLink as $e } from "../common/url.js";
+import "../common/index.js";
+import { trackEvent as k } from "../analytics.js";
+import { ActionManager as et } from "../actions/manager.js";
+import { getDefaultAppState as tt, isEraserActive as A, isHandToolActive as nt } from "../appState.js";
+import rt from "../libs/roughjs/rough.js";
+import { hasBackground as it } from "../element/comparisons.js";
+import { cropElement as at, getUncroppedWidthAndHeight as ot } from "../element/cropElement.js";
+import { hasBoundTextElement as st, isArrowElement as ct, isBindableElement as lt, isBindingElement as j, isBindingElementType as ut, isBoundToContainer as dt, isElbowArrow as M, isEmbeddableElement as ft, isFlowchartNodeElement as pt, isFrameLikeElement as N, isIframeElement as mt, isIframeLikeElement as ht, isImageElement as P, isInitializedImageElement as gt, isLineElement as _t, isLinearElement as F, isLinearElementType as vt, isMagicFrameElement as yt, isSimpleArrow as bt, isTextBindableContainer as xt, isTextElement as I, isUsingAdaptiveRadius as St } from "../element/typeChecks.js";
+import { excludeElementsInFramesFromSelection as Ct, getElementsWithinSelection as wt, getSelectedElements as Tt, getSelectionStateForElements as Et, isSomeElementSelected as Dt, makeNextSelectedElementIds as L } from "../element/selection.js";
+import { getApproxMinLineHeight as Ot, getApproxMinLineWidth as kt, getLineHeightInPx as At, getMinTextElementWidth as jt, isMeasureTextSupported as Mt, measureText as Nt, normalizeText as Pt } from "../element/textMeasurements.js";
+import { wrapText as Ft } from "../element/textWrapping.js";
+import { getBoundTextElement as It, getContainerCenter as Lt, getContainerElement as Rt, isValidTextContainer as zt, redrawTextBoundingBox as Bt } from "../element/textElement.js";
+import { editGroupForSelectedElement as Vt, getElementsInGroup as Ht, getSelectedGroupIdForElement as Ut, getSelectedGroupIds as Wt, isElementInGroup as Gt, isSelectedViaGroup as Kt, selectGroupsForSelectedElements as R } from "../element/groups.js";
+import { mutateElement as qt, newElementWith as z } from "../element/mutateElement.js";
+import { addElementsToFrame as Jt, elementOverlapsWithFrame as Yt, filterElementsEligibleAsFrameChildren as Xt, getContainingFrame as Zt, getElementsInNewFrame as Qt, getElementsInResizingFrame as $t, getElementsOverlappingFrame as en, getFrameChildren as tn, getFrameLikeTitle as nn, isCursorInFrame as rn, isElementInFrame as an, removeElementsFromFrame as on, replaceAllElementsInFrame as sn, updateFrameMembershipOfSelectedElements as cn } from "../element/frame.js";
+import { getRenderOpacity as ln } from "../element/renderElement.js";
+import { ShapeCache as un } from "../element/shape.js";
+import { getCornerRadius as dn, isPathALoop as fn } from "../element/utils.js";
+import { getHoveredElementForBinding as B, hitElementBoundText as pn, hitElementBoundingBox as mn, hitElementBoundingBoxOnly as hn, hitElementItself as gn, isPointInElement as _n } from "../element/collision.js";
+import { bindOrUnbindBindingElement as vn, bindOrUnbindBindingElements as yn, calculateFixedPointForNonElbowArrowBinding as bn, fixBindingsAfterDeletion as xn, isBindingEnabled as Sn, maxBindingDistance_simple as Cn, shouldEnableBindingForPointerEvent as wn, updateBoundElements as Tn } from "../element/binding.js";
+import { syncInvalidIndices as En, syncMovedIndices as Dn } from "../element/fractionalIndex.js";
+import { LinearElementEditor as V } from "../element/linearElementEditor.js";
+import { doBoundsIntersect as On, getCommonBounds as kn, getElementAbsoluteCoords as An, getElementBounds as jn, getVisibleSceneBounds as Mn } from "../element/bounds.js";
+import { getNormalizedDimensions as Nn, isElementCompletelyInViewport as Pn, isElementInViewport as Fn, isInvisiblySmallElement as In } from "../element/sizeHelpers.js";
+import { handleFocusPointDrag as Ln, handleFocusPointHover as Rn, handleFocusPointPointerDown as zn, handleFocusPointPointerUp as Bn } from "../element/arrows/focus.js";
+import { maybeHandleArrowPointlikeDrag as Vn } from "../element/arrows/helpers.js";
+import { isNonDeletedElement as Hn } from "../element/is.js";
+import { Scene as Un } from "../element/Scene.js";
+import { deepCopyElement as Wn, duplicateElements as Gn } from "../element/duplicate.js";
+import { CaptureUpdateAction as H, Store as Kn, StoreDelta as qn, getObservedAppState as Jn } from "../element/store.js";
+import { dragNewElement as Yn, dragSelectedElements as Xn, getDragOffsetXY as Zn } from "../element/dragElements.js";
+import { isElementLink as Qn, parseElementLinkFromURL as $n } from "../element/elementLink.js";
+import { newArrowElement as er, newElement as tr, newEmbeddableElement as nr, newFrameElement as rr, newFreeDrawElement as ir, newIframeElement as ar, newImageElement as or, newLinearElement as sr, newMagicFrameElement as cr, newTextElement as lr, refreshTextDimensions as ur } from "../element/newElement.js";
+import { createSrcDoc as dr, embeddableURLValidator as fr, maybeParseEmbedSrc as pr } from "../element/embeddable.js";
+import { FlowChartCreator as mr, FlowChartNavigator as hr, getLinkDirectionFromKey as gr } from "../element/flowchart.js";
+import { getInitializedImageElements as _r, normalizeSVG as vr, updateImageCache as yr } from "../element/image.js";
+import { positionElementsOnGrid as br } from "../element/positionElementsOnGrid.js";
+import { getResizeArrowDirection as xr, getResizeOffsetXY as Sr, transformElements as Cr } from "../element/resizeElements.js";
+import { hasBoundingBox as wr } from "../element/transformHandles.js";
+import { getCursorForResizingElement as Tr, getElementWithTransformHandleType as Er, getTransformHandleTypeFromCoords as Dr } from "../element/resizeTest.js";
+import { convertToDrawElements as Or } from "../element/transform.js";
+import "../element/index.js";
+import { History as kr } from "../history.js";
+import { AppContext as Ar, AppPropsContext as jr, DrawActionManagerContext as Mr, DrawAppStateContext as Nr, DrawContainerContext as Pr, DrawElementsContext as Fr, DrawHistoryContext as Ir, DrawSetAppStateContext as Lr, EditorInterfaceContext as Rr, editorInterfaceContextDefaultValue as zr } from "./context.js";
+import { editorJotaiStore as Br } from "../editor-jotai.js";
+import { defaultLang as Vr, getLanguage as Hr, languages as Ur, setLanguage as Wr, t as U } from "../i18n.js";
+import { getNormalizedZoom as Gr } from "../scene/normalize.js";
+import { calculateScrollCenter as Kr } from "../scene/scroll.js";
 import "../scene/index.js";
-import { actions as Jr } from "../actions/register.js";
-import { actionDeleteSelected as Yr } from "../actions/actionDeleteSelected.js";
-import { getShortcutKey as Xr } from "../shortcut.js";
-import { actionDuplicateSelection as Zr } from "../actions/actionDuplicateSelection.js";
+import { actions as qr } from "../actions/register.js";
+import { actionDeleteSelected as Jr } from "../actions/actionDeleteSelected.js";
+import { getShortcutKey as Yr } from "../shortcut.js";
+import { actionDuplicateSelection as Xr } from "../actions/actionDuplicateSelection.js";
+import { MagicIcon as Zr } from "./icons.js";
 import { ImageSceneDataError as Qr } from "../errors.js";
 import { fileOpen as $r } from "../data/filesystem.js";
 import { Fonts as ei } from "../fonts/Fonts.js";
@@ -77,45 +78,44 @@ import "../fonts/index.js";
 import { restoreAppState as ti, restoreElements as ni } from "../data/restore.js";
 import { ImageURLToFile as ri, SVGStringToFile as ii, dataURLToString as ai, generateIdFromFile as oi, getDataURL as si, getDataURL_sync as ci, isImageFileHandle as li, isSupportedImageFile as ui, loadFromBlob as di, loadSceneOrLibraryFromBlob as fi, normalizeFile as pi, parseLibraryJSON as mi, resizeImageFile as hi } from "../data/blob.js";
 import { copyTextToSystemClipboard as gi, parseClipboard as _i, parseDataTransferEvent as vi } from "../clipboard.js";
-import { MagicIcon as yi } from "./icons.js";
-import { actionSelectAll as bi } from "../actions/actionSelectAll.js";
-import { actionBringForward as xi, actionBringToFront as Si, actionSendBackward as Ci, actionSendToBack as wi } from "../actions/actionZindex.js";
-import { resetCursor as U, setCursor as W, setCursorForShape as G, setEraserCursor as Ti } from "../cursor.js";
-import { getStateForZoom as Ei } from "../scene/zoom.js";
-import { actionToggleHandTool as Di, zoomToFit as Oi } from "../actions/actionCanvas.js";
-import { actionFinalize as K } from "../actions/actionFinalize.js";
-import { exportCanvas as ki } from "../data/utils.js";
+import { actionSelectAll as yi } from "../actions/actionSelectAll.js";
+import { actionBringForward as bi, actionBringToFront as xi, actionSendBackward as Si, actionSendToBack as Ci } from "../actions/actionZindex.js";
+import { resetCursor as W, setCursor as G, setCursorForShape as K, setEraserCursor as wi } from "../cursor.js";
+import { getStateForZoom as Ti } from "../scene/zoom.js";
+import { actionToggleHandTool as Ei, zoomToFit as Di } from "../actions/actionCanvas.js";
+import { actionFinalize as q } from "../actions/actionFinalize.js";
+import { exportCanvas as Oi } from "../data/utils.js";
 import "../data/index.js";
-import { actionCopyStyles as Ai, actionPasteStyles as ji } from "../actions/actionStyles.js";
-import { actionGroup as Mi, actionUngroup as Ni } from "../actions/actionGroup.js";
-import { actionAddToLibrary as Pi } from "../actions/actionAddToLibrary.js";
-import { actionFlipHorizontal as Fi, actionFlipVertical as Ii } from "../actions/actionFlip.js";
-import { actionCopy as Li, actionCopyAsPng as Ri, actionCopyAsSvg as zi, actionCut as Bi, actionPaste as Vi, copyText as Hi } from "../actions/actionClipboard.js";
-import { actionToggleGridMode as Ui } from "../actions/actionToggleGridMode.js";
-import { actionToggleObjectsSnapMode as Wi } from "../actions/actionToggleObjectsSnapMode.js";
-import { actionToggleZenMode as Gi } from "../actions/actionToggleZenMode.js";
-import { actionBindText as Ki, actionUnbindText as qi, actionWrapTextInContainer as Ji } from "../actions/actionBoundText.js";
-import { actionToggleElementLock as Yi, actionUnlockAllElements as Xi } from "../actions/actionElementLock.js";
-import { actionToggleLinearEditor as Zi } from "../actions/actionLinearEditor.js";
-import { actionToggleStats as Qi } from "../actions/actionToggleStats.js";
-import { actionToggleCropEditor as $i } from "../actions/actionCropEditor.js";
+import { actionCopyStyles as ki, actionPasteStyles as Ai } from "../actions/actionStyles.js";
+import { actionGroup as ji, actionUngroup as Mi } from "../actions/actionGroup.js";
+import { actionAddToLibrary as Ni } from "../actions/actionAddToLibrary.js";
+import { actionFlipHorizontal as Pi, actionFlipVertical as Fi } from "../actions/actionFlip.js";
+import { actionCopy as Ii, actionCopyAsPng as Li, actionCopyAsSvg as Ri, actionCut as zi, actionPaste as Bi, copyText as Vi } from "../actions/actionClipboard.js";
+import { actionToggleGridMode as Hi } from "../actions/actionToggleGridMode.js";
+import { actionToggleObjectsSnapMode as Ui } from "../actions/actionToggleObjectsSnapMode.js";
+import { actionToggleZenMode as Wi } from "../actions/actionToggleZenMode.js";
+import { actionBindText as Gi, actionUnbindText as Ki, actionWrapTextInContainer as qi } from "../actions/actionBoundText.js";
+import { actionToggleElementLock as Ji, actionUnlockAllElements as Yi } from "../actions/actionElementLock.js";
+import { actionToggleLinearEditor as Xi } from "../actions/actionLinearEditor.js";
+import { actionToggleStats as Zi } from "../actions/actionToggleStats.js";
+import { actionToggleCropEditor as Qi } from "../actions/actionCropEditor.js";
 import "../actions/index.js";
-import { actionCopyElementLink as ea } from "../actions/actionElementLink.js";
-import { actionRemoveAllElementsFromFrame as ta, actionSelectAllElementsInFrame as na, actionWrapSelectionInFrame as ra } from "../actions/actionFrame.js";
-import { createRedoAction as ia, createUndoAction as aa } from "../actions/actionHistory.js";
-import { actionTextAutoResize as oa } from "../actions/actionTextAutoResize.js";
-import { actionToggleViewMode as sa } from "../actions/actionToggleViewMode.js";
-import { getShortcutFromShortcutName as ca } from "../actions/shortcuts.js";
-import { AnimationFrameHandler as la } from "../animation-frame-handler.js";
-import ua, { distributeLibraryItemsOnSquareGrid as da } from "../data/library.js";
-import { EraserTrail as fa } from "../eraser/index.js";
-import { getCenter as pa, getDistance as ma } from "../gesture.js";
-import { LaserTrails as ha } from "../laser-trails.js";
-import { LassoTrail as ga } from "../lasso/index.js";
-import { withBatchedUpdates as q, withBatchedUpdatesThrottled as _a } from "../reactUtils.js";
-import { Renderer as va } from "../scene/Renderer.js";
-import { isOverScrollBars as ya } from "../scene/scrollbars.js";
-import { SnapCache as J, getReferenceSnapPoints as ba, getSnapLinesAtPointer as xa, getVisibleGaps as Sa, isActiveToolNonLinearSnappable as Ca, isGridModeEnabled as wa, isSnappingEnabled as Ta, snapDraggedElements as Ea, snapNewElement as Da, snapResizingElements as Oa } from "../snapping.js";
+import { actionCopyElementLink as $i } from "../actions/actionElementLink.js";
+import { actionRemoveAllElementsFromFrame as ea, actionSelectAllElementsInFrame as ta, actionWrapSelectionInFrame as na } from "../actions/actionFrame.js";
+import { createRedoAction as ra, createUndoAction as ia } from "../actions/actionHistory.js";
+import { actionTextAutoResize as aa } from "../actions/actionTextAutoResize.js";
+import { actionToggleViewMode as oa } from "../actions/actionToggleViewMode.js";
+import { getShortcutFromShortcutName as sa } from "../actions/shortcuts.js";
+import { AnimationFrameHandler as ca } from "../animation-frame-handler.js";
+import la, { distributeLibraryItemsOnSquareGrid as ua } from "../data/library.js";
+import { EraserTrail as da } from "../eraser/index.js";
+import { getCenter as fa, getDistance as pa } from "../gesture.js";
+import { LaserTrails as ma } from "../laser-trails.js";
+import { LassoTrail as ha } from "../lasso/index.js";
+import { withBatchedUpdates as J, withBatchedUpdatesThrottled as ga } from "../reactUtils.js";
+import { Renderer as _a } from "../scene/Renderer.js";
+import { isOverScrollBars as va } from "../scene/scrollbars.js";
+import { SnapCache as ya, getReferenceSnapPoints as ba, getSnapLinesAtPointer as xa, getVisibleGaps as Sa, isActiveToolNonLinearSnappable as Ca, isGridModeEnabled as wa, isSnappingEnabled as Ta, snapDraggedElements as Ea, snapNewElement as Da, snapResizingElements as Oa } from "../snapping.js";
 import { textWysiwyg as ka } from "../wysiwyg/textWysiwyg.js";
 import { activeConfirmDialogAtom as Aa } from "./ActiveConfirmDialog.js";
 import ja from "./BraveMeasureTextError.js";
@@ -144,7 +144,7 @@ import * as no from "@unicom-cloud/utils/ui-color";
 import ro from "@unicom-cloud/utils/class-name";
 import io from "@unicom-cloud/icons/IconUiFullscreen";
 import ao from "lodash/isUndefined";
-//#region components/pc/draw/core/components/App.tsx
+//#region components/pc/draw/components/App.tsx
 var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 	horizontal: null,
 	vertical: null
@@ -169,26 +169,26 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 	#l;
 	#u;
 	constructor(t) {
-		super(t), this.interactiveCanvas = null, this.unmounted = !1, this.editorInterface = Br, this.#e = le(Br), this.#t = Ya.createRef(), this.getRootElement = () => this.#t.current, this.files = {}, this.imageCache = /* @__PURE__ */ new Map(), this.#a = /* @__PURE__ */ new Map(), this.#o = /* @__PURE__ */ new Map(), this.#s = /* @__PURE__ */ new Set(), this.#c = () => {
+		super(t), this.interactiveCanvas = null, this.unmounted = !1, this.editorInterface = zr, this.#e = le(zr), this.#t = Ya.createRef(), this.getRootElement = () => this.#t.current, this.files = {}, this.imageCache = /* @__PURE__ */ new Map(), this.#a = /* @__PURE__ */ new Map(), this.#o = /* @__PURE__ */ new Map(), this.#s = /* @__PURE__ */ new Set(), this.#c = () => {
 			this.setToast(null);
-		}, this.#l = /* @__PURE__ */ new Set(), this.flowChartCreator = new dr(), this.#u = new fr(), this.bindModeHandler = null, this.lastPointerDownEvent = null, this.lastPointerUpEvent = null, this.lastPointerMoveEvent = null, this.lastPointerMoveCoords = null, this.previousPointerMoveCoords = null, this.lastViewportPosition = {
+		}, this.#l = /* @__PURE__ */ new Set(), this.flowChartCreator = new mr(), this.#u = new hr(), this.bindModeHandler = null, this.lastPointerDownEvent = null, this.lastPointerUpEvent = null, this.lastPointerMoveEvent = null, this.lastPointerMoveCoords = null, this.previousPointerMoveCoords = null, this.lastViewportPosition = {
 			x: 0,
 			y: 0
-		}, this.animationFrameHandler = new la(), this.laserTrails = new ha(this.animationFrameHandler, this), this.eraserTrail = new fa(this.animationFrameHandler, this), this.lassoTrail = new ga(this.animationFrameHandler, this), this.onChangeEmitter = new ge(), this.onPointerDownEmitter = new ge(), this.onPointerUpEmitter = new ge(), this.onScrollChangeEmitter = new ge(), this.missingPointerEventCleanupEmitter = new ge(), this.onRemoveEventListenersEmitter = new ge(), this.updateEditorAtom = (e, ...t) => {
-			let n = Vr.set(e, ...t);
+		}, this.animationFrameHandler = new ca(), this.laserTrails = new ma(this.animationFrameHandler, this), this.eraserTrail = new da(this.animationFrameHandler, this), this.lassoTrail = new ha(this.animationFrameHandler, this), this.onChangeEmitter = new ge(), this.onPointerDownEmitter = new ge(), this.onPointerUpEmitter = new ge(), this.onScrollChangeEmitter = new ge(), this.missingPointerEventCleanupEmitter = new ge(), this.onRemoveEventListenersEmitter = new ge(), this.updateEditorAtom = (e, ...t) => {
+			let n = Br.set(e, ...t);
 			return this.#se(), n;
 		}, this.#p = null, this.getEffectiveGridSize = () => wa(this) ? this.state.gridSize : null, this.#y = (e, t) => {
-			this.#o.set(e.id, t), sn.delete(e);
+			this.#o.set(e.id, t), un.delete(e);
 		}, this.#b = () => {
 			let e = /* @__PURE__ */ new Set(), t = !1;
 			this.scene.getNonDeletedElements().filter((n) => {
-				if (lt(n)) {
+				if (ft(n)) {
 					if (e.add(n.id), !this.#o.has(n.id)) {
 						t = !0;
-						let e = lr(n.link, this.props.validateEmbeddable);
+						let e = fr(n.link, this.props.validateEmbeddable);
 						this.#y(n, e);
 					}
-				} else dt(n) && e.add(n.id);
+				} else mt(n) && e.add(n.id);
 				return !1;
 			}), t && this.scene.triggerUpdate(), this.#a.forEach((t, n) => {
 				e.has(n) || this.#a.delete(n);
@@ -225,9 +225,9 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 			e && this.scene.mutateElement(e, { name: e.name?.trim?.() || null }), this.setState({ editingFrame: null });
 		}, this.#T = () => {
 			if (!this.state.frameRendering.enabled || !this.state.frameRendering.name) return this.state.editingFrame && this.#C(null), null;
-			let e = this.scene.getNonDeletedFramesLikes(), t = e.length > 0 && this.state.searchMatches?.focusedId && j(this.scene.getElement(this.state.searchMatches.focusedId)) ? this.state.searchMatches.matches.find((e) => e.focus) : null;
+			let e = this.scene.getNonDeletedFramesLikes(), t = e.length > 0 && this.state.searchMatches?.focusedId && N(this.scene.getElement(this.state.searchMatches.focusedId)) ? this.state.searchMatches.matches.find((e) => e.focus) : null;
 			return e.map((e) => {
-				if (!Mn(e, this.canvas.width / window.devicePixelRatio, this.canvas.height / window.devicePixelRatio, {
+				if (!Fn(e, this.canvas.width / window.devicePixelRatio, this.canvas.height / window.devicePixelRatio, {
 					offsetLeft: this.state.offsetLeft,
 					offsetTop: this.state.offsetTop,
 					scrollX: this.state.scrollX,
@@ -237,7 +237,7 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 				let { x: n, y: r } = qe({
 					sceneX: e.x,
 					sceneY: e.y
-				}, this.state), i, o = $t(e);
+				}, this.state), i, o = nn(e);
 				if (e.id === this.state.editingFrame) {
 					let t = o;
 					i = /* @__PURE__ */ X("input", {
@@ -275,7 +275,7 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 				} else i = o;
 				return /* @__PURE__ */ X("div", {
 					id: this.#S(e),
-					className: l.FRAME_NAME,
+					className: c.FRAME_NAME,
 					style: {
 						position: "absolute",
 						bottom: `${this.state.height + g.nameOffsetY - r + this.state.offsetTop}px`,
@@ -289,8 +289,8 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 						overflow: e.id === this.state.editingFrame ? "visible" : "hidden",
 						whiteSpace: "nowrap",
 						textOverflow: "ellipsis",
-						cursor: u.MOVE,
-						pointerEvents: this.state.viewModeEnabled ? te.disabled : te.enabled
+						cursor: l.MOVE,
+						pointerEvents: this.state.viewModeEnabled ? y.disabled : y.enabled
 					},
 					onPointerDown: (e) => this.#Ne(e),
 					onWheel: (e) => this.#wt(e),
@@ -315,7 +315,7 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 				newElementId: this.state.newElement?.id
 			});
 			this.visibleElements = c;
-			let l = this.scene.getNonDeletedElementsMap(), u = "setPointerCapture" in HTMLElement.prototype ? !1 : this.state.selectionElement || this.state.newElement || this.state.selectedElementsAreBeingDragged || this.state.resizingElement || this.state.activeTool.type === "laser" && this.state.cursorButton === "down", d = t[0], f = Vr.get(Pa)?.type === "panel";
+			let l = this.scene.getNonDeletedElementsMap(), u = "setPointerCapture" in HTMLElement.prototype ? !1 : this.state.selectionElement || this.state.newElement || this.state.selectedElementsAreBeingDragged || this.state.resizingElement || this.state.activeTool.type === "laser" && this.state.cursorButton === "down", d = t[0], f = Br.get(Pa)?.type === "panel";
 			return /* @__PURE__ */ X(r, {
 				componentConfig: {
 					Trigger: { className: `${Za}-draw-trigger` },
@@ -330,7 +330,7 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 						"draw--mobile": this.editorInterface.formFactor === "phone"
 					}, this.props.className),
 					style: {
-						"--ui-pointerEvents": u ? te.disabled : te.enabled,
+						"--ui-pointerEvents": u ? y.disabled : y.enabled,
 						"--right-sidebar-width": "302px",
 						...this.props.style
 					},
@@ -340,23 +340,23 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 					onKeyDown: this.props.handleKeyboardGlobally ? void 0 : this.#le,
 					onPointerEnter: this.#E,
 					onPointerLeave: this.#E,
-					children: /* @__PURE__ */ X(e.Consumer, { children: (e) => /* @__PURE__ */ X(jr.Provider, {
+					children: /* @__PURE__ */ X(e.Consumer, { children: (e) => /* @__PURE__ */ X(Ar.Provider, {
 						value: this,
-						children: /* @__PURE__ */ X(Mr.Provider, {
+						children: /* @__PURE__ */ X(jr.Provider, {
 							value: this.props,
-							children: /* @__PURE__ */ X(Fr.Provider, {
+							children: /* @__PURE__ */ X(Pr.Provider, {
 								value: this.drawContainerValue,
-								children: /* @__PURE__ */ X(zr.Provider, {
+								children: /* @__PURE__ */ X(Rr.Provider, {
 									value: this.editorInterface,
-									children: /* @__PURE__ */ X(Rr.Provider, {
+									children: /* @__PURE__ */ X(Lr.Provider, {
 										value: this.setAppState,
-										children: /* @__PURE__ */ X(Pr.Provider, {
+										children: /* @__PURE__ */ X(Nr.Provider, {
 											value: this.state,
-											children: /* @__PURE__ */ X(Ir.Provider, {
+											children: /* @__PURE__ */ X(Fr.Provider, {
 												value: this.scene.getNonDeletedElements(),
-												children: /* @__PURE__ */ $a(Lr.Provider, {
+												children: /* @__PURE__ */ $a(Ir.Provider, {
 													value: this.#i,
-													children: [/* @__PURE__ */ $a(Nr.Provider, {
+													children: [/* @__PURE__ */ $a(Mr.Provider, {
 														value: this.actionManager,
 														children: [
 															/* @__PURE__ */ X(Va, {
@@ -369,7 +369,7 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 																onLockToggle: this.toggleLock,
 																onPenModeToggle: this.togglePenMode,
 																onHandToolToggle: this.onHandToolToggle,
-																langCode: Ur().code,
+																langCode: Hr().code,
 																renderTopLeftUI: i,
 																renderTopRightUI: n,
 																renderCustomStats: a,
@@ -390,21 +390,21 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 																this.lassoTrail,
 																this.eraserTrail
 															] }),
-															this.props.aiEnabled !== !1 && t.length === 1 && gt(d) && /* @__PURE__ */ X(La, {
+															this.props.aiEnabled !== !1 && t.length === 1 && yt(d) && /* @__PURE__ */ X(La, {
 																element: d,
 																elementsMap: s,
 																children: /* @__PURE__ */ X(Ha, {
-																	title: H("labels.convertToCode"),
-																	icon: yi,
+																	title: U("labels.convertToCode"),
+																	icon: Zr,
 																	checked: !1,
 																	onChange: () => this.#k(d, "button")
 																})
 															}),
-															t.length === 1 && dt(d) && d.customData?.generationData?.status === "done" && /* @__PURE__ */ $a(La, {
+															t.length === 1 && mt(d) && d.customData?.generationData?.status === "done" && /* @__PURE__ */ $a(La, {
 																element: d,
 																elementsMap: s,
 																children: [/* @__PURE__ */ X(Ha, {
-																	title: H("labels.copySource"),
+																	title: U("labels.copySource"),
 																	icon: /* @__PURE__ */ X(to, {}),
 																	checked: !1,
 																	onChange: () => this.#A(d)
@@ -536,8 +536,8 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 				files: null
 			});
 		}, this.onExportImage = async (e, t, n) => {
-			V("export", e, "ui");
-			let r = await ki(e, t, this.state, this.files, {
+			k("export", e, "ui");
+			let r = await Oi(e, t, this.state, this.files, {
 				exportBackground: this.state.exportBackground,
 				name: this.getName(),
 				viewBackgroundColor: this.state.viewBackgroundColor,
@@ -556,19 +556,19 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 			}), this.#D.set(e.id, t), this.#se();
 		}, this.plugins = {}, this.onMagicframeToolSelect = () => {
 			let e = this.scene.getSelectedElements({ selectedElementIds: this.state.selectedElementIds });
-			if (e.length === 0) this.setActiveTool({ type: b.magicframe }), V("ai", "tool-select (empty-selection)", "d2c");
+			if (e.length === 0) this.setActiveTool({ type: b.magicframe }), k("ai", "tool-select (empty-selection)", "d2c");
 			else {
-				let t = e.length === 1 && gt(e[0]) && e[0];
-				if (!t && e.some((e) => j(e) || e.frameId)) {
+				let t = e.length === 1 && yt(e[0]) && e[0];
+				if (!t && e.some((e) => N(e) || e.frameId)) {
 					this.setActiveTool({ type: b.magicframe });
 					return;
 				}
-				V("ai", "tool-select (existing selection)", "d2c");
+				k("ai", "tool-select (existing selection)", "d2c");
 				let n;
 				if (t) n = t;
 				else {
-					let [t, r, i, a] = En(e);
-					n = ar({
+					let [t, r, i, a] = kn(e);
+					n = cr({
 						...g,
 						x: t - 50,
 						y: r - 50,
@@ -593,16 +593,16 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 							...this.state,
 							currentItemStrokeColor: t
 						},
-						captureUpdate: B.IMMEDIATELY
+						captureUpdate: H.IMMEDIATELY
 					}) : this.syncActionResult({
 						appState: {
 							...this.state,
 							currentItemBackgroundColor: t
 						},
-						captureUpdate: B.IMMEDIATELY
+						captureUpdate: H.IMMEDIATELY
 					}) : this.updateScene({
-						elements: this.scene.getElementsIncludingDeleted().map((e) => this.state.selectedElementIds[e.id] ? L(e, { [r ? "strokeColor" : "backgroundColor"]: t }) : e),
-						captureUpdate: B.IMMEDIATELY
+						elements: this.scene.getElementsIncludingDeleted().map((e) => this.state.selectedElementIds[e.id] ? z(e, { [r ? "strokeColor" : "backgroundColor"]: t }) : e),
+						captureUpdate: H.IMMEDIATELY
 					});
 				},
 				keepOpenOnAlt: !1
@@ -614,14 +614,14 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 					isEditing: !1
 				} });
 			});
-		}, this.syncActionResult = q((e) => {
+		}, this.syncActionResult = J((e) => {
 			if (this.unmounted || e === !1) return;
 			this.#r.scheduleAction(e.captureUpdate);
 			let t = !1, n = null;
 			if (e.elements && (this.scene.replaceAllElements(e.elements), t = !0), e.files && (this.#oe(e.files, e.replaceFiles), this.#ft()), e.appState || n || this.state.contextMenu) {
 				let r = e?.appState?.viewModeEnabled || !1, i = e?.appState?.zenModeEnabled || !1, a = e?.appState?.theme || this.props.theme || re.LIGHT, o = e?.appState?.name ?? this.state.name, s = e?.appState?.errorMessage ?? this.state.errorMessage;
 				this.props.viewModeEnabled !== void 0 && (r = this.props.viewModeEnabled), this.props.zenModeEnabled !== void 0 && (i = this.props.zenModeEnabled), n = e.appState?.editingTextElement || null, e.elements && n && e.elements.forEach((e) => {
-					n?.id === e.id && n !== e && zn(e) && P(e) && (n = e);
+					n?.id === e.id && n !== e && Hn(e) && I(e) && (n = e);
 				}), n?.isDeleted && (n = null), this.setState((t) => {
 					let c = e.appState || {};
 					return {
@@ -638,7 +638,7 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 				}), t = !0;
 			}
 			t || this.scene.triggerUpdate();
-		}), this.#M = q(() => {
+		}), this.#M = J(() => {
 			lo = !1, this.setState({ isBindingEnabled: !0 });
 		}), this.#N = () => {
 			this.#M();
@@ -648,9 +648,9 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 			this.#i.clear();
 		}, this.#I = () => {
 			this.#r.clear();
-		}, this.#L = q((e) => {
+		}, this.#L = J((e) => {
 			this.scene.replaceAllElements([]), this.setState((t) => ({
-				...Dr(),
+				...tt(),
 				isLoading: e?.resetLoadingState ? !1 : t.isLoading,
 				theme: this.state.theme
 			})), this.#I(), this.#F();
@@ -690,7 +690,7 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 				toast: this.state.toast
 			}, e?.scrollToContent && (n = {
 				...n,
-				...qr(t, {
+				...Kr(t, {
 					...n,
 					width: this.state.width,
 					height: this.state.height,
@@ -701,10 +701,10 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 				elements: t,
 				appState: n,
 				files: e?.files,
-				captureUpdate: B.NEVER
+				captureUpdate: H.NEVER
 			}), this.#H(), this.fonts.loadSceneFonts().then((e) => {
 				this.fonts.onLoaded(e);
-			}), Yn(window.location.href) && this.scrollToContent(window.location.href, { animate: !1 });
+			}), Qn(window.location.href) && this.scrollToContent(window.location.href, { animate: !1 });
 		}, this.#z = (e, t) => this.props.UIOptions.getFormFactor?.(e, t) ?? ue(e, t), this.refreshEditorInterface = () => {
 			let e = this.rootElement;
 			if (!e) return;
@@ -730,8 +730,8 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 		}, this.#U = (e) => {
 			let { key: t, value: n } = e ?? {};
 			t !== "draw" && (n ? this.setState({ theme: re.DARK }) : this.setState({ theme: re.LIGHT }));
-		}, this.#W = q(() => {
-			this.scene.getElementsIncludingDeleted().forEach((e) => sn.delete(e)), this.refreshEditorInterface(), this.#Ot(), this.setState({});
+		}, this.#W = J(() => {
+			this.scene.getElementsIncludingDeleted().forEach((e) => un.delete(e)), this.refreshEditorInterface(), this.#Ot(), this.setState({});
 		}), this.#G = () => {
 			!document.fullscreenElement && this.state.activeEmbeddable?.state === "active" && this.setState({ activeEmbeddable: null });
 		}, this.#J = ({ atLeastOneVisibleElement: e, scrollBars: t, elementsMap: n }) => {
@@ -744,10 +744,10 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 				offsetTop: e,
 				offsetLeft: t
 			});
-		}, 100), this.#X = q((e) => {
-			!this.rootElement?.contains?.(document.activeElement) || We(e.target) || (this.actionManager.executeAction(Bi, "keyboard", e), e.preventDefault(), e.stopPropagation());
-		}), this.#Z = q((e) => {
-			!this.rootElement?.contains?.(document.activeElement) || We(e.target) || (this.actionManager.executeAction(Li, "keyboard", e), e.preventDefault(), e.stopPropagation());
+		}, 100), this.#X = J((e) => {
+			!this.rootElement?.contains?.(document.activeElement) || We(e.target) || (this.actionManager.executeAction(zi, "keyboard", e), e.preventDefault(), e.stopPropagation());
+		}), this.#Z = J((e) => {
+			!this.rootElement?.contains?.(document.activeElement) || We(e.target) || (this.actionManager.executeAction(Ii, "keyboard", e), e.preventDefault(), e.stopPropagation());
 		}), this.#$ = (e) => {
 			if (fe && e.preventDefault(), !oo) {
 				oo = !0, e.touches.length === 1 && (co = {
@@ -764,15 +764,15 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 				})), oo = !1, clearTimeout(so);
 			}
 			e.touches.length === 2 && this.setState({
-				selectedElementIds: F({}, this.state),
+				selectedElementIds: L({}, this.state),
 				activeEmbeddable: null
 			});
 		}, this.#ee = (e) => {
 			this.#Ie(), e.touches.length > 0 ? this.setState({
 				previousSelectedElementIds: {},
-				selectedElementIds: F(this.state.previousSelectedElementIds, this.state)
+				selectedElementIds: L(this.state.previousSelectedElementIds, this.state)
 			}) : $.pointers.clear();
-		}, this.pasteFromClipboard = q(async (e) => {
+		}, this.pasteFromClipboard = J(async (e) => {
 			let t = !!ho, n = document.activeElement, r = this.rootElement?.contains?.(n);
 			if (e && !r) return;
 			let i = document.elementFromPoint(this.lastViewportPosition.x, this.lastViewportPosition.y);
@@ -785,38 +785,38 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 			}
 			await this.#te(s, o, t), this.setActiveTool({ type: this.state.preferredSelectionTool.type }, !0), e?.preventDefault?.();
 		}), this.addElementsFromPasteOrLibrary = (e) => {
-			let t = ni(e.elements, null, { deleteInvisibleElements: !0 }), [n, r, i, a] = En(t), o = Me(n, i) / 2, s = Me(r, a) / 2, { x: c, y: l } = O({
+			let t = ni(e.elements, null, { deleteInvisibleElements: !0 }), [n, r, i, a] = kn(t), o = Me(n, i) / 2, s = Me(r, a) / 2, { x: c, y: l } = O({
 				clientX: typeof e.position == "object" ? e.position.clientX : e.position === "cursor" ? this.lastViewportPosition.x : this.state.width / 2 + this.state.offsetLeft,
 				clientY: typeof e.position == "object" ? e.position.clientY : e.position === "cursor" ? this.lastViewportPosition.y : this.state.height / 2 + this.state.offsetTop
-			}, this.state), [u, d] = C(c - o, l - s, this.getEffectiveGridSize()), { duplicatedElements: f } = Hn({
+			}, this.state), [u, d] = C(c - o, l - s, this.getEffectiveGridSize()), { duplicatedElements: f } = Gn({
 				type: "everything",
-				elements: t.map((e) => L(e, {
+				elements: t.map((e) => z(e, {
 					x: e.x + u - n,
 					y: e.y + d - r
 				})),
 				randomizeSeed: !e.retainSeed
 			}), p = this.scene.getElementsIncludingDeleted(), m = [...p, ...f];
-			m = this.props.onDuplicate?.(m, p) || m, wn(m, Ae(f));
+			m = this.props.onDuplicate?.(m, p) || m, Dn(m, Ae(f));
 			let h = this.#ke({
 				x: c,
 				y: l
 			});
 			if (h) {
-				let e = qt(f, h);
-				Gt(m, e, h, this.state);
+				let e = Xt(f, h);
+				Jt(m, e, h, this.state);
 			}
 			this.scene.replaceAllElements(m), f.forEach((e) => {
-				P(e) && ct(e) && Lt(e, Ft(e, this.scene.getElementsMapIncludingDeleted()), this.scene);
+				I(e) && dt(e) && Bt(e, Rt(e, this.scene.getElementsMapIncludingDeleted()), this.scene);
 			}), pe && ei.loadElementsFonts(f).then((e) => {
 				this.fonts.onLoaded(e);
 			}), e.files && this.#oe(e.files);
-			let g = bt(f);
+			let g = Ct(f);
 			this.#r.scheduleCapture(), this.setState({
 				...this.state,
 				openSidebar: this.state.openSidebar && this.editorInterface.canFitSidebar ? this.state.openSidebar : null,
-				...I({
+				...R({
 					editingGroupId: null,
-					selectedElementIds: g.reduce((e, t) => (ct(t) || (e[t.id] = !0), e), {})
+					selectedElementIds: g.reduce((e, t) => (dt(t) || (e[t.id] = !0), e), {})
 				}, this.scene.getNonDeletedElements(), this.state, this)
 			}, () => {
 				e.files && this.#ft();
@@ -829,7 +829,7 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 		}, this.removePointer = (e) => {
 			Q && this.#Ie(), $.pointers.delete(e.pointerId);
 		}, this.toggleLock = (e = "ui") => {
-			this.state.activeTool.locked || V("toolbar", "toggleLock", `${e} (${this.editorInterface.formFactor === "phone" ? "mobile" : "desktop"})`), this.setState((e) => ({ activeTool: {
+			this.state.activeTool.locked || k("toolbar", "toggleLock", `${e} (${this.editorInterface.formFactor === "phone" ? "mobile" : "desktop"})`), this.setState((e) => ({ activeTool: {
 				...e.activeTool,
 				...D(this.state, e.activeTool.locked ? { type: this.state.preferredSelectionTool.type } : e.activeTool),
 				locked: !e.activeTool.locked
@@ -850,23 +850,23 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 				penDetected: !0
 			}));
 		}, this.onHandToolToggle = () => {
-			this.actionManager.executeAction(Di);
+			this.actionManager.executeAction(Ei);
 		}, this.zoomCanvas = (e) => {
-			this.setState({ ...Ei({
+			this.setState({ ...Ti({
 				viewportX: this.state.width / 2 + this.state.offsetLeft,
 				viewportY: this.state.height / 2 + this.state.offsetTop,
-				nextZoom: Kr(e)
+				nextZoom: Gr(e)
 			}, this.state) });
 		}, this.#ie = null, this.scrollToContent = (e = this.scene.getNonDeletedElements(), t) => {
 			if (typeof e == "string") {
 				let n;
-				if (n = Yn(e) ? Xn(e) : e, n) {
+				if (n = Qn(e) ? $n(e) : e, n) {
 					let r = this.scene.getElementsFromId(n);
 					r?.length ? this.scrollToContent(r, {
 						fitToContent: t?.fitToContent ?? !0,
 						animate: t?.animate ?? !0
-					}) : Yn(e) && this.setState({ toast: {
-						message: H("elementLink.notFound"),
+					}) : Qn(e) && this.setState({ toast: {
+						message: U("elementLink.notFound"),
 						duration: 3e3,
 						closable: !0
 					} });
@@ -876,7 +876,7 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 			this.#ie?.();
 			let n = Array.isArray(e) ? e : [e], r = this.state.zoom, i = this.state.scrollX, a = this.state.scrollY;
 			if (t?.fitToContent || t?.fitToViewport) {
-				let { appState: e } = Oi({
+				let { appState: e } = Di({
 					canvasOffsets: t.canvasOffsets,
 					targetElements: n,
 					appState: this.state,
@@ -887,7 +887,7 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 				});
 				r = e.zoom, i = e.scrollX, a = e.scrollY;
 			} else {
-				let e = qr(n, this.state);
+				let e = Kr(n, this.state);
 				i = e.scrollX, a = e.scrollY;
 			}
 			if (t?.animate) {
@@ -940,27 +940,27 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 				let e = await caches.open("web-share-target"), t = await e.match("shared-file");
 				if (t) {
 					let n = await t.blob(), r = new File([n], n.name || "", { type: n.type });
-					this.loadFileToCanvas(r, null), await e.delete("shared-file"), window.history.replaceState(null, s, window.location.pathname);
+					this.loadFileToCanvas(r, null), await e.delete("shared-file"), window.history.replaceState(null, m, window.location.pathname);
 				}
 			} catch (e) {
 				this.setState({ errorMessage: e.message });
 			}
-		}, this.addFiles = q((e) => {
+		}, this.addFiles = J((e) => {
 			let { addedFiles: t } = this.#oe(e);
 			this.#H(t), this.scene.triggerUpdate(), this.#ft();
 		}), this.#oe = (e, t = !1) => {
 			let n = t ? {} : { ...this.files }, r = {}, i = Array.isArray(e) ? e : Object.values(e);
-			for (let e of i) if (!n[e.id] && (r[e.id] = e, n[e.id] = e, e.mimeType === v.svg)) try {
-				let t = ci(hr(ai(e.dataURL)), v.svg);
+			for (let e of i) if (!n[e.id] && (r[e.id] = e, n[e.id] = e, e.mimeType === _.svg)) try {
+				let t = ci(vr(ai(e.dataURL)), _.svg);
 				e.dataURL !== t && (e.version = (e.version ?? 1) + 1, e.dataURL = t);
 			} catch (e) {
 				console.error(e);
 			}
 			return this.files = n, { addedFiles: r };
-		}, this.updateScene = q((e) => {
+		}, this.updateScene = J((e) => {
 			let { elements: t, appState: n, collaborators: r, captureUpdate: i } = e;
 			if (i) {
-				let e = t || void 0, r = n ? Gn({
+				let e = t || void 0, r = n ? Jn({
 					...this.#r.snapshot.appState,
 					...n
 				}) : void 0;
@@ -972,8 +972,8 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 			}
 			n && this.setState(n), t && this.scene.replaceAllElements(t), r && this.setState({ collaborators: r });
 		}), this.applyDeltas = (e, t) => {
-			let n = Wn.squash(...e), r = { ...this.state }, i = new Map(this.scene.getElementsMapIncludingDeleted());
-			return Wn.applyTo(n, i, r, t);
+			let n = qn.squash(...e), r = { ...this.state }, i = new Map(this.scene.getElementsMapIncludingDeleted());
+			return qn.applyTo(n, i, r, t);
 		}, this.mutateElement = (e, t, n = !0) => this.scene.mutateElement(e, t, {
 			informMutation: n,
 			isDragging: !1
@@ -984,11 +984,11 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 			r = ao(n) ? this.state.openSidebar?.name === e && this.state.openSidebar?.tab === t ? null : e : n ? e : null;
 			let i = r ? { name: r } : null;
 			return i && t && (i.tab = t), this.setState({ openSidebar: i }), !!r;
-		}, this.#ce = q((e) => {
+		}, this.#ce = J((e) => {
 			this.lastViewportPosition.x = e.clientX, this.lastViewportPosition.y = e.clientY;
 		}), this.getEditorUIOffsets = () => {
 			let e = this.rootElement?.querySelector?.(".App-toolbar")?.getBoundingClientRect?.()?.bottom ?? 0, t = this.rootElement?.querySelector?.(".sidebar")?.getBoundingClientRect?.(), n = this.rootElement?.querySelector?.(".App-menu__left")?.getBoundingClientRect?.();
-			return Ur().rtl ? {
+			return Hr().rtl ? {
 				top: e + 16,
 				right: Math.max(this.state.width - (n?.left ?? this.state.width), 0) + 16,
 				bottom: 16,
@@ -999,7 +999,7 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 				bottom: 16,
 				left: Math.max(n?.right ?? 0, 0) + 16
 			};
-		}, this.#le = q((e) => {
+		}, this.#le = J((e) => {
 			if ("Proxy" in window && (!e.shiftKey && /^[A-Z]$/.test(e.key) || e.shiftKey && /^[a-z]$/.test(e.key)) && (e = new Proxy(e, { get(t, n) {
 				let r = t[n];
 				return typeof r == "function" ? r.bind(t) : n === "key" ? e.shiftKey ? t.key.toUpperCase() : t.key.toLowerCase() : r;
@@ -1008,16 +1008,16 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 					this.#De();
 					return;
 				}
-				let t = St(this.scene.getNonDeletedElementsMap(), this.state);
-				if (t.length === 1 && M(t[0]) && e.key === x.ENTER) {
+				let t = Tt(this.scene.getNonDeletedElementsMap(), this.state);
+				if (t.length === 1 && P(t[0]) && e.key === x.ENTER) {
 					this.#Ee(t[0]);
 					return;
 				}
 				if (e.key === x.ESCAPE) this.updateEditorAtom(Pa, null);
-				else if (e.key === x.TAB && (document.activeElement === this.rootElement || document.activeElement?.classList?.contains?.(l.CONVERT_ELEMENT_TYPE_POPUP))) {
+				else if (e.key === x.TAB && (document.activeElement === this.rootElement || document.activeElement?.classList?.contains?.(c.CONVERT_ELEMENT_TYPE_POPUP))) {
 					e.preventDefault();
 					let n = Ia(t);
-					Vr.get(Pa)?.type === "panel" && Fa(this, {
+					Br.get(Pa)?.type === "panel" && Fa(this, {
 						conversionType: n,
 						direction: e.shiftKey ? "left" : "right"
 					}) && this.#r.scheduleCapture(), n && this.updateEditorAtom(Pa, { type: "panel" });
@@ -1029,8 +1029,8 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 				let n = ye(e.key);
 				if (e[x.CTRL_OR_CMD] && n && !e.shiftKey) {
 					e.preventDefault();
-					let t = St(this.scene.getNonDeletedElementsMap(), this.state);
-					t.length === 1 && ut(t[0]) && this.flowChartCreator.createNodes(t[0], this.state, pr(e.key), this.scene), this.flowChartCreator.pendingNodes?.length && !jn(this.flowChartCreator.pendingNodes, this.canvas.width / window.devicePixelRatio, this.canvas.height / window.devicePixelRatio, {
+					let t = Tt(this.scene.getNonDeletedElementsMap(), this.state);
+					t.length === 1 && pt(t[0]) && this.flowChartCreator.createNodes(t[0], this.state, gr(e.key), this.scene), this.flowChartCreator.pendingNodes?.length && !Pn(this.flowChartCreator.pendingNodes, this.canvas.width / window.devicePixelRatio, this.canvas.height / window.devicePixelRatio, {
 						offsetLeft: this.state.offsetLeft,
 						offsetTop: this.state.offsetTop,
 						scrollX: this.state.scrollX,
@@ -1045,14 +1045,14 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 					return;
 				}
 				if (e.altKey) {
-					let t = St(this.scene.getNonDeletedElementsMap(), this.state);
+					let t = Tt(this.scene.getNonDeletedElementsMap(), this.state);
 					if (t.length === 1 && n) {
 						e.preventDefault();
-						let n = this.#u.exploreByDirection(t[0], this.scene.getNonDeletedElementsMap(), pr(e.key));
+						let n = this.#u.exploreByDirection(t[0], this.scene.getNonDeletedElementsMap(), gr(e.key));
 						if (n) {
-							this.setState((e) => ({ selectedElementIds: F({ [n]: !0 }, e) }));
+							this.setState((e) => ({ selectedElementIds: L({ [n]: !0 }, e) }));
 							let e = this.scene.getNonDeletedElementsMap().get(n);
-							e && !jn([e], this.canvas.width / window.devicePixelRatio, this.canvas.height / window.devicePixelRatio, {
+							e && !Pn([e], this.canvas.width / window.devicePixelRatio, this.canvas.height / window.devicePixelRatio, {
 								offsetLeft: this.state.offsetLeft,
 								offsetTop: this.state.offsetTop,
 								scrollX: this.state.scrollX,
@@ -1069,7 +1069,7 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 				}
 			}
 			if (e[x.CTRL_OR_CMD] && e.key === x.P && !e.shiftKey && !e.altKey) {
-				this.setToast({ message: H("commandPalette.shortcutHint", { shortcut: ca("commandPalette") }) }), e.preventDefault();
+				this.setToast({ message: U("commandPalette.shortcutHint", { shortcut: sa("commandPalette") }) }), e.preventDefault();
 				return;
 			}
 			if (e[x.CTRL_OR_CMD] && e.key.toLowerCase() === x.V && (ho = e.shiftKey, clearTimeout(go), go = window.setTimeout(() => {
@@ -1090,13 +1090,13 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 				let t = (e.shiftKey ? this.state.width : this.state.height) / this.state.zoom.value;
 				e.key === x.PAGE_DOWN && (t = -t), e.shiftKey ? this.#ae((e) => ({ scrollX: e.scrollX + t })) : this.#ae((e) => ({ scrollY: e.scrollY + t }));
 			}
-			if (this.state.openDialog?.name === "elementLinkSelector" || (e.key === x.ALT && (T("COMPLEX_BINDINGS") ? this.#d() : Rn({
+			if (this.state.openDialog?.name === "elementLinkSelector" || (e.key === x.ALT && (T("COMPLEX_BINDINGS") ? this.#d() : Vn({
 				app: this,
 				event: e
 			})), this.actionManager.handleKeyDown(e)) || this.state.viewModeEnabled) return;
 			if (e[x.CTRL_OR_CMD] && this.state.isBindingEnabled && (T("COMPLEX_BINDINGS") && this.#f(), Z(() => {
 				this.setState({ isBindingEnabled: !1 });
-			}), Rn({
+			}), Vn({
 				app: this,
 				event: e
 			})), ye(e.key)) {
@@ -1105,7 +1105,7 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 					includeBoundTextElement: !0,
 					includeElementsInFrames: !0
 				}), n = /* @__PURE__ */ new Set();
-				t.filter((e) => k(e)).filter((e) => {
+				t.filter((e) => j(e)).filter((e) => {
 					let n = e.startBinding && !t.some((t) => t.id === e.startBinding?.elementId), r = e.endBinding && !t.some((t) => t.id === e.endBinding?.elementId);
 					return n || r;
 				}).forEach((e) => n.add(e.id)), t = t.filter((e) => !n.has(e.id));
@@ -1117,38 +1117,38 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 					}, {
 						informMutation: !1,
 						isDragging: !1
-					}), Sn(e, this.scene, { simultaneouslyUpdated: t });
+					}), Tn(e, this.scene, { simultaneouslyUpdated: t });
 				}), this.scene.triggerUpdate(), e.preventDefault();
 			} else if (e.key === x.ENTER) {
 				let t = this.scene.getSelectedElements(this.state);
 				if (t.length === 1) {
 					let n = t[0];
-					if (e[x.CTRL_OR_CMD] || mt(n)) N(n) && (!this.state.selectedLinearElement?.isEditing || this.state.selectedLinearElement.elementId !== n.id) && (this.#r.scheduleCapture(), A(n) || this.actionManager.executeAction(Zi));
-					else if (P(n) || It(n)) {
+					if (e[x.CTRL_OR_CMD] || _t(n)) F(n) && (!this.state.selectedLinearElement?.isEditing || this.state.selectedLinearElement.elementId !== n.id) && (this.#r.scheduleCapture(), M(n) || this.actionManager.executeAction(Xi));
+					else if (I(n) || zt(n)) {
 						let t;
-						P(n) || (t = n);
-						let r = Pt(n, this.state, this.scene.getNonDeletedElementsMap()), i = r.x, a = r.y;
+						I(n) || (t = n);
+						let r = Lt(n, this.state, this.scene.getNonDeletedElementsMap()), i = r.x, a = r.y;
 						this.#Te({
 							sceneX: i,
 							sceneY: a,
 							container: t
 						}), e.preventDefault();
 						return;
-					} else j(n) && this.setState({ editingFrame: n.id });
+					} else N(n) && this.setState({ editingFrame: n.id });
 				}
 			} else if (!e.ctrlKey && !e.altKey && !e.metaKey && !this.state.newElement && !this.state.selectionElement && !this.state.selectedElementsAreBeingDragged) {
 				let t = za(e.key, this);
-				t ? (this.state.activeTool.type !== t && V("toolbar", t, `keyboard (${this.editorInterface.formFactor === "phone" ? "mobile" : "desktop"})`), t === "arrow" && this.state.activeTool.type === "arrow" && this.setState((e) => ({ currentItemArrowType: e.currentItemArrowType === c.sharp ? c.round : e.currentItemArrowType === c.round ? c.elbow : c.sharp })), this.setActiveTool({ type: t }), e.stopPropagation()) : e.key === x.Q && (this.toggleLock("keyboard"), e.stopPropagation());
+				t ? (this.state.activeTool.type !== t && k("toolbar", t, `keyboard (${this.editorInterface.formFactor === "phone" ? "mobile" : "desktop"})`), t === "arrow" && this.state.activeTool.type === "arrow" && this.setState((e) => ({ currentItemArrowType: e.currentItemArrowType === s.sharp ? s.round : e.currentItemArrowType === s.round ? s.elbow : s.sharp })), this.setActiveTool({ type: t }), e.stopPropagation()) : e.key === x.Q && (this.toggleLock("keyboard"), e.stopPropagation());
 			}
-			if (e.key === x.SPACE && $.pointers.size === 0 && (lo = !0, W(this.interactiveCanvas, u.GRAB), e.preventDefault()), (e.key === x.G || e.key === x.S) && !e.altKey && !e[x.CTRL_OR_CMD]) {
+			if (e.key === x.SPACE && $.pointers.size === 0 && (lo = !0, G(this.interactiveCanvas, l.GRAB), e.preventDefault()), (e.key === x.G || e.key === x.S) && !e.altKey && !e[x.CTRL_OR_CMD]) {
 				let t = this.scene.getSelectedElements(this.state);
 				if (this.state.activeTool.type === "selection" && !t.length) return;
-				e.key === x.G && (tt(this.state.activeTool.type) || t.some((e) => tt(e.type))) && (this.setState({ openPopup: "elementBackground" }), e.stopPropagation()), e.key === x.S && (this.setState({ openPopup: "elementStroke" }), e.stopPropagation());
+				e.key === x.G && (it(this.state.activeTool.type) || t.some((e) => it(e.type))) && (this.setState({ openPopup: "elementBackground" }), e.stopPropagation()), e.key === x.S && (this.setState({ openPopup: "elementStroke" }), e.stopPropagation());
 			}
 			if (!e[x.CTRL_OR_CMD] && e.shiftKey && e.key.toLowerCase() === x.F) {
 				let t = this.scene.getSelectedElements(this.state);
 				if (this.state.activeTool.type === "selection" && !t.length) return;
-				(this.state.activeTool.type === "text" || t.find((e) => P(e) || Nt(e, this.scene.getNonDeletedElementsMap()))) && (e.preventDefault(), this.setState({ openPopup: "fontFamily" }));
+				(this.state.activeTool.type === "text" || t.find((e) => I(e) || It(e, this.scene.getNonDeletedElementsMap()))) && (e.preventDefault(), this.setState({ openPopup: "fontFamily" }));
 			}
 			if (e.key === x.K && !e.altKey && !e[x.CTRL_OR_CMD]) {
 				this.state.activeTool.type === "laser" ? this.setActiveTool({ type: this.state.preferredSelectionTool.type }) : this.setActiveTool({ type: "laser" });
@@ -1157,47 +1157,47 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 			e[x.CTRL_OR_CMD] && (e.key === x.BACKSPACE || e.key === x.DELETE) && this.updateEditorAtom(Aa, "clearCanvas");
 			let t = e.key.toLocaleLowerCase(), n = t === x.S && e.shiftKey, r = e.key === x.I || t === x.G && e.shiftKey;
 			(n || r) && this.#j({ type: n ? "stroke" : "background" });
-		}), this.#ue = q((e) => {
-			if (e.key === x.SPACE && (this.state.viewModeEnabled || this.state.openDialog?.name === "elementLinkSelector" ? W(this.interactiveCanvas, u.GRAB) : Be(this.state.activeTool.type) ? U(this.interactiveCanvas) : (G(this.interactiveCanvas, this.state), this.setState({
-				selectedElementIds: F({}, this.state),
+		}), this.#ue = J((e) => {
+			if (e.key === x.SPACE && (this.state.viewModeEnabled || this.state.openDialog?.name === "elementLinkSelector" ? G(this.interactiveCanvas, l.GRAB) : Be(this.state.activeTool.type) ? W(this.interactiveCanvas) : (K(this.interactiveCanvas, this.state), this.setState({
+				selectedElementIds: L({}, this.state),
 				selectedGroupIds: {},
 				editingGroupId: null,
 				activeEmbeddable: null
-			})), lo = !1), e.key === x.ALT && Rn({
+			})), lo = !1), e.key === x.ALT && Vn({
 				app: this,
 				event: e
-			}), (e.key === x.ALT && this.state.bindMode === "skip" || !e[x.CTRL_OR_CMD] && !yn(this.state)) && (this.setState({ bindMode: "orbit" }), this.lastPointerMoveEvent && T("COMPLEX_BINDINGS"))) {
+			}), (e.key === x.ALT && this.state.bindMode === "skip" || !e[x.CTRL_OR_CMD] && !Sn(this.state)) && (this.setState({ bindMode: "orbit" }), this.lastPointerMoveEvent && T("COMPLEX_BINDINGS"))) {
 				let e = O({
 					clientX: this.lastPointerMoveEvent.clientX,
 					clientY: this.lastPointerMoveEvent.clientY
-				}, this.state), t = R(S(e.x, e.y), this.scene.getNonDeletedElements(), this.scene.getNonDeletedElementsMap());
+				}, this.state), t = B(S(e.x, e.y), this.scene.getNonDeletedElements(), this.scene.getNonDeletedElementsMap());
 				if (this.state.selectedLinearElement) {
-					let e = z.getElement(this.state.selectedLinearElement.elementId, this.scene.getNonDeletedElementsMap());
-					k(e) && this.#m(e, t);
+					let e = V.getElement(this.state.selectedLinearElement.elementId, this.scene.getNonDeletedElementsMap());
+					j(e) && this.#m(e, t);
 				}
 			}
 			if (!e[x.CTRL_OR_CMD] && !this.state.isBindingEnabled && (Z(() => {
 				this.setState({ isBindingEnabled: !0 });
-			}), Rn({
+			}), Vn({
 				app: this,
 				event: e
 			})), ye(e.key)) {
-				gn(this.scene.getSelectedElements(this.state).filter(at), this.scene, this.state);
+				yn(this.scene.getSelectedElements(this.state).filter(ct), this.scene, this.state);
 				let e = this.scene.getNonDeletedElementsMap();
-				this.scene.getSelectedElements(this.state).filter(_t).forEach((t) => {
+				this.scene.getSelectedElements(this.state).filter(bt).forEach((t) => {
 					t.startBinding && this.scene.mutateElement(t, { startBinding: {
 						...t.startBinding,
-						..._n(t, e.get(t.startBinding.elementId), "start", e)
+						...bn(t, e.get(t.startBinding.elementId), "start", e)
 					} }), t.endBinding && this.scene.mutateElement(t, { endBinding: {
 						...t.endBinding,
-						..._n(t, e.get(t.endBinding.elementId), "end", e)
+						...bn(t, e.get(t.endBinding.elementId), "end", e)
 					} });
 				}), this.setState({ suggestedBinding: null });
 			}
-			if (e.altKey || this.#u.isExploring && (this.#u.clear(), this.syncActionResult({ captureUpdate: B.IMMEDIATELY })), !e[x.CTRL_OR_CMD] && this.flowChartCreator.isCreatingChart) {
+			if (e.altKey || this.#u.isExploring && (this.#u.clear(), this.syncActionResult({ captureUpdate: H.IMMEDIATELY })), !e[x.CTRL_OR_CMD] && this.flowChartCreator.isCreatingChart) {
 				this.flowChartCreator.pendingNodes?.length && this.scene.insertElements(this.flowChartCreator.pendingNodes);
 				let e = this.flowChartCreator.pendingNodes?.[0];
-				e && (this.setState((t) => ({ selectedElementIds: F({ [e.id]: !0 }, t) })), jn([e], this.canvas.width / window.devicePixelRatio, this.canvas.height / window.devicePixelRatio, {
+				e && (this.setState((t) => ({ selectedElementIds: L({ [e.id]: !0 }, t) })), Pn([e], this.canvas.width / window.devicePixelRatio, this.canvas.height / window.devicePixelRatio, {
 					offsetLeft: this.state.offsetLeft,
 					offsetTop: this.state.offsetTop,
 					scrollX: this.state.scrollX,
@@ -1207,7 +1207,7 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 					animate: !0,
 					duration: 300,
 					canvasOffsets: this.getEditorUIOffsets()
-				})), this.flowChartCreator.clear(), this.syncActionResult({ captureUpdate: B.IMMEDIATELY });
+				})), this.flowChartCreator.clear(), this.syncActionResult({ captureUpdate: H.IMMEDIATELY });
 			}
 		}), this.#de = (e) => this.props.UIOptions.tools?.[e] !== !1, this.setActiveTool = (e, t = !1) => {
 			if (!this.#de(e.type)) {
@@ -1215,10 +1215,10 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 				return;
 			}
 			let n = D(this.state, e);
-			n.type === "hand" ? W(this.interactiveCanvas, u.GRAB) : lo || G(this.interactiveCanvas, {
+			n.type === "hand" ? G(this.interactiveCanvas, l.GRAB) : lo || K(this.interactiveCanvas, {
 				...this.state,
 				activeTool: n
-			}), Ue(document.activeElement) && this.focusContainer(), ht(n.type) || this.setState({ suggestedBinding: null }), n.type === "image" && this.#lt(), this.setState((e) => {
+			}), Ue(document.activeElement) && this.focusContainer(), vt(n.type) || this.setState({ suggestedBinding: null }), n.type === "image" && this.#lt(), this.setState((e) => {
 				let r = {
 					snapLines: e.snapLines.length ? [] : e.snapLines,
 					originSnapOffset: null,
@@ -1230,8 +1230,8 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 					...r,
 					activeTool: n,
 					...t ? {} : {
-						selectedElementIds: F({}, e),
-						selectedGroupIds: F({}, e),
+						selectedElementIds: L({}, e),
+						selectedGroupIds: L({}, e),
 						editingGroupId: null,
 						multiElement: null
 					}
@@ -1243,8 +1243,8 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 					...e,
 					...r,
 					activeTool: n,
-					selectedElementIds: F({}, e),
-					selectedGroupIds: F({}, e),
+					selectedElementIds: L({}, e),
+					selectedGroupIds: L({}, e),
 					editingGroupId: null,
 					multiElement: null
 				};
@@ -1252,38 +1252,38 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 		}, this.setOpenDialog = (e) => {
 			this.setState({ openDialog: e });
 		}, this.#fe = (e) => {
-			W(this.interactiveCanvas, e);
+			G(this.interactiveCanvas, e);
 		}, this.#pe = () => {
-			U(this.interactiveCanvas);
-		}, this.#me = () => $.pointers.size >= 2, this.getName = () => this.state.name || this.props.name || `${H("labels.untitled")}-${Fe()}`, this.#he = q((e) => {
+			W(this.interactiveCanvas);
+		}, this.#me = () => $.pointers.size >= 2, this.getName = () => this.state.name || this.props.name || `${U("labels.untitled")}-${Fe()}`, this.#he = J((e) => {
 			e.preventDefault(), this.#me() && this.setState({
-				selectedElementIds: F({}, this.state),
+				selectedElementIds: L({}, this.state),
 				activeEmbeddable: null
 			}), $.initialScale = this.state.zoom.value;
-		}), this.#ge = q((e) => {
+		}), this.#ge = J((e) => {
 			if (e.preventDefault(), this.#me()) return;
 			let t = $.initialScale;
-			t && this.setState((n) => ({ ...Ei({
+			t && this.setState((n) => ({ ...Ti({
 				viewportX: this.lastViewportPosition.x,
 				viewportY: this.lastViewportPosition.y,
-				nextZoom: Kr(t * e.scale)
+				nextZoom: Gr(t * e.scale)
 			}, n) }));
-		}), this.#_e = q((e) => {
+		}), this.#_e = J((e) => {
 			e.preventDefault(), this.#me() && this.setState({
 				previousSelectedElementIds: {},
-				selectedElementIds: F(this.state.previousSelectedElementIds, this.state)
+				selectedElementIds: L(this.state.previousSelectedElementIds, this.state)
 			}), $.initialScale = null;
 		}), this.#Te = ({ sceneX: e, sceneY: t, insertAtParentCenter: n = !0, container: r, autoEdit: i = !0 }) => {
 			let a = !1, o = n && this.#Tt(e, t, this.state, r);
-			r && o && (Nt(r, this.scene.getNonDeletedElementsMap()) || (a = !0));
+			r && o && (It(r, this.scene.getNonDeletedElementsMap()) || (a = !0));
 			let s = null, c = this.scene.getSelectedElements(this.state);
-			s = c.length === 1 ? P(c[0]) ? c[0] : r ? Nt(c[0], this.scene.getNonDeletedElementsMap()) : this.#be(e, t) : this.#be(e, t);
+			s = c.length === 1 ? I(c[0]) ? c[0] : r ? It(c[0], this.scene.getNonDeletedElementsMap()) : this.#be(e, t) : this.#be(e, t);
 			let l = s?.fontFamily || this.state.currentItemFontFamily, u = s?.lineHeight || _e(l), d = this.state.currentItemFontSize;
-			if (!s && a && r && !at(r)) {
-				let n = Et(Ie({
+			if (!s && a && r && !ct(r)) {
+				let n = kt(Ie({
 					fontSize: d,
 					fontFamily: l
-				}), u), i = Tt(d, u), a = Math.max(r.height, i), s = Math.max(r.width, n);
+				}), u), i = Ot(d, u), a = Math.max(r.height, i), s = Math.max(r.width, n);
 				this.scene.mutateElement(r, {
 					height: a,
 					width: s
@@ -1292,7 +1292,7 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 			let f = this.#ke({
 				x: e,
 				y: t
-			}), p = s || or({
+			}), p = s || lr({
 				x: o ? o.elementCenterX : e,
 				y: o ? o.elementCenterY : t,
 				strokeColor: this.state.currentItemStrokeColor,
@@ -1310,7 +1310,7 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 				containerId: a ? r?.id : void 0,
 				groupIds: r?.groupIds ?? [],
 				lineHeight: u,
-				angle: r ? at(r) ? 0 : r.angle : 0,
+				angle: r ? ct(r) ? 0 : r.angle : 0,
 				frameId: f ? f.id : null
 			});
 			if (!s && a && r && this.scene.mutateElement(r, { boundElements: (r.boundElements || []).concat({
@@ -1331,25 +1331,25 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 		}, this.#Oe = (e) => {
 			if (this.state.multiElement || this.state.activeTool.type !== this.state.preferredSelectionTool.type) return;
 			let t = this.scene.getSelectedElements(this.state), { x: n, y: r } = O(e, this.state);
-			if (t.length === 1 && N(t[0])) {
+			if (t.length === 1 && F(t[0])) {
 				let i = t[0];
-				if ((e[x.CTRL_OR_CMD] && _t(i) || mt(i)) && (!this.state.selectedLinearElement?.isEditing || this.state.selectedLinearElement.elementId !== i.id)) {
-					this.actionManager.executeAction(Zi);
+				if ((e[x.CTRL_OR_CMD] && bt(i) || _t(i)) && (!this.state.selectedLinearElement?.isEditing || this.state.selectedLinearElement.elementId !== i.id)) {
+					this.actionManager.executeAction(Xi);
 					return;
-				} else if (this.state.selectedLinearElement && A(t[0])) {
-					let e = z.getSegmentMidpointHitCoords(this.state.selectedLinearElement, {
+				} else if (this.state.selectedLinearElement && M(t[0])) {
+					let e = V.getSegmentMidpointHitCoords(this.state.selectedLinearElement, {
 						x: n,
 						y: r
-					}, this.state, this.scene.getNonDeletedElementsMap()), i = e ? z.getSegmentMidPointIndex(this.state.selectedLinearElement, this.state, e, this.scene.getNonDeletedElementsMap()) : -1;
+					}, this.state, this.scene.getNonDeletedElementsMap()), i = e ? V.getSegmentMidPointIndex(this.state.selectedLinearElement, this.state, e, this.scene.getNonDeletedElementsMap()) : -1;
 					if (i && i > -1) {
-						this.#r.scheduleCapture(), z.deleteFixedSegment(t[0], this.scene, i);
-						let a = z.getSegmentMidpointHitCoords({
+						this.#r.scheduleCapture(), V.deleteFixedSegment(t[0], this.scene, i);
+						let a = V.getSegmentMidpointHitCoords({
 							...this.state.selectedLinearElement,
 							segmentMidPointHoveredCoords: null
 						}, {
 							x: n,
 							y: r
-						}, this.state, this.scene.getNonDeletedElementsMap()), o = a ? z.getSegmentMidPointIndex(this.state.selectedLinearElement, this.state, a, this.scene.getNonDeletedElementsMap()) : null;
+						}, this.state, this.scene.getNonDeletedElementsMap()), o = a ? V.getSegmentMidPointIndex(this.state.selectedLinearElement, this.state, a, this.scene.getNonDeletedElementsMap()) : null;
 						this.setState({ selectedLinearElement: {
 							...this.state.selectedLinearElement,
 							initialState: {
@@ -1364,18 +1364,18 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 						} });
 						return;
 					}
-				} else if (this.state.selectedLinearElement?.isEditing && this.state.selectedLinearElement.elementId === i.id && mt(i)) return;
+				} else if (this.state.selectedLinearElement?.isEditing && this.state.selectedLinearElement.elementId === i.id && _t(i)) return;
 			}
-			if (t.length === 1 && M(t[0])) {
+			if (t.length === 1 && P(t[0])) {
 				this.#Ee(t[0]);
 				return;
 			}
-			if (U(this.interactiveCanvas), Vt(this.state).length > 0) {
-				let e = this.#xe(n, r), t = e && Bt(e, this.state.selectedGroupIds);
+			if (W(this.interactiveCanvas), Wt(this.state).length > 0) {
+				let e = this.#xe(n, r), t = e && Ut(e, this.state.selectedGroupIds);
 				if (t) {
 					this.#r.scheduleCapture(), this.setState((n) => ({
 						...n,
-						...I({
+						...R({
 							editingGroupId: t,
 							selectedElementIds: { [e.id]: !0 }
 						}, this.scene.getNonDeletedElements(), n, this)
@@ -1383,9 +1383,9 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 					return;
 				}
 			}
-			if (U(this.interactiveCanvas), !e[x.CTRL_OR_CMD] && !this.state.viewModeEnabled) {
+			if (W(this.interactiveCanvas), !e[x.CTRL_OR_CMD] && !this.state.viewModeEnabled) {
 				let t = this.#xe(n, r);
-				if (ft(t)) {
+				if (ht(t)) {
 					this.setState({ activeEmbeddable: {
 						element: t,
 						state: "active"
@@ -1394,13 +1394,13 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 				}
 				if (!this.state.selectedLinearElement?.isEditing) {
 					let t = this.#we(n, r);
-					if (t && (it(t) || !o(t.backgroundColor) || pn({
+					if (t && (st(t) || !o(t.backgroundColor) || gn({
 						point: S(n, r),
 						element: t,
 						elementsMap: this.scene.getNonDeletedElementsMap(),
 						threshold: this.getElementHitThreshold(t)
 					}))) {
-						let e = Pt(t, this.state, this.scene.getNonDeletedElementsMap());
+						let e = Lt(t, this.state, this.scene.getNonDeletedElementsMap());
 						n = e.x, r = e.y;
 					}
 					this.#Te({
@@ -1412,7 +1412,7 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 				}
 			}
 		}, this.#ke = (e) => {
-			let t = this.scene.getNonDeletedElementsMap(), n = this.scene.getNonDeletedFramesLikes().filter((n) => !n.locked && en(e, n, t));
+			let t = this.scene.getNonDeletedElementsMap(), n = this.scene.getNonDeletedFramesLikes().filter((n) => !n.locked && rn(e, n, t));
 			return n.length ? n[n.length - 1] : null;
 		}, this.#Ae = (e) => {
 			this.#Et(e.clientX, e.clientY, this.state.cursorButton), this.lastPointerMoveEvent = e.nativeEvent;
@@ -1426,11 +1426,11 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 			});
 			let i = $.initialScale;
 			if ($.pointers.size === 2 && $.lastCenter && i && $.initialDistance) {
-				let e = pa($.pointers), t = e.x - $.lastCenter.x, n = e.y - $.lastCenter.y;
+				let e = fa($.pointers), t = e.x - $.lastCenter.x, n = e.y - $.lastCenter.y;
 				$.lastCenter = e;
-				let r = ma(Array.from($.pointers.values())), a = this.state.activeTool.type === "freedraw" && this.state.penMode ? 1 : r / $.initialDistance, o = a ? Kr(i * a) : this.state.zoom.value;
+				let r = pa(Array.from($.pointers.values())), a = this.state.activeTool.type === "freedraw" && this.state.penMode ? 1 : r / $.initialDistance, o = a ? Gr(i * a) : this.state.zoom.value;
 				this.setState((r) => {
-					let i = Ei({
+					let i = Ti({
 						viewportX: e.x,
 						viewportY: e.y,
 						nextZoom: o
@@ -1443,9 +1443,9 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 					}), null;
 				}), this.#Dt();
 			} else $.lastCenter = $.initialDistance = $.initialScale = null;
-			if (lo || uo || fo || kr(this.state)) return;
-			let a = ya(po, e.clientX - this.state.offsetLeft, e.clientY - this.state.offsetTop).isOverEither;
-			if (!this.state.newElement && !this.state.selectionElement && !this.state.selectedElementsAreBeingDragged && !this.state.multiElement && (a ? U(this.interactiveCanvas) : G(this.interactiveCanvas, this.state)), !this.state.newElement && Ca(this.state.activeTool.type)) {
+			if (lo || uo || fo || nt(this.state)) return;
+			let a = va(po, e.clientX - this.state.offsetLeft, e.clientY - this.state.offsetTop).isOverEither;
+			if (!this.state.newElement && !this.state.selectionElement && !this.state.selectedElementsAreBeingDragged && !this.state.multiElement && (a ? W(this.interactiveCanvas) : K(this.interactiveCanvas, this.state)), !this.state.newElement && Ca(this.state.activeTool.type)) {
 				let { originOffset: t, snapLines: i } = xa(this.scene.getNonDeletedElements(), this, {
 					x: n,
 					y: r
@@ -1459,21 +1459,21 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 				});
 			} else !this.state.newElement && !this.state.selectedElementsAreBeingDragged && !this.state.selectionElement && this.setState((e) => e.snapLines.length ? { snapLines: [] } : null);
 			if (this.state.selectedLinearElement?.isEditing && !this.state.selectedLinearElement.isDragging) {
-				let t = this.state.newElement ? null : z.handlePointerMoveInEditMode(e, n, r, this);
+				let t = this.state.newElement ? null : V.handlePointerMoveInEditMode(e, n, r, this);
 				t && t !== this.state.selectedLinearElement && Z(() => {
 					this.setState({ selectedLinearElement: t });
 				});
 			}
-			if (st(this.state.activeTool.type)) {
+			if (ut(this.state.activeTool.type)) {
 				let { newElement: e } = this.state;
-				if (!e && yn(this.state)) {
-					let e = R(S(n, r), this.scene.getNonDeletedElements(), this.scene.getNonDeletedElementsMap(), bn(this.state.zoom));
+				if (!e && Sn(this.state)) {
+					let e = B(S(n, r), this.scene.getNonDeletedElements(), this.scene.getNonDeletedElementsMap(), Cn(this.state.zoom));
 					e ? this.setState({ suggestedBinding: e }) : this.state.suggestedBinding && this.setState({ suggestedBinding: null });
 				}
 			}
 			if (this.state.multiElement && this.state.selectedLinearElement) {
-				let { multiElement: t, selectedLinearElement: i } = this.state, { x: a, y: o, points: s } = t, c = s[s.length - 1], { lastCommittedPoint: l } = i;
-				if (G(this.interactiveCanvas, this.state), c === l) at(this.state.newElement) && yn(this.state) && R(S(n, r), this.scene.getNonDeletedElements(), this.scene.getNonDeletedElementsMap(), bn(this.state.zoom)) ? (this.actionManager.executeAction(K, "ui", {
+				let { multiElement: t, selectedLinearElement: i } = this.state, { x: a, y: o, points: s } = t, c = s[s.length - 1], { lastCommittedPoint: u } = i;
+				if (K(this.interactiveCanvas, this.state), c === u) ct(this.state.newElement) && Sn(this.state) && B(S(n, r), this.scene.getNonDeletedElements(), this.scene.getNonDeletedElementsMap(), Cn(this.state.zoom)) ? (this.actionManager.executeAction(q, "ui", {
 					event: e.nativeEvent,
 					sceneCoords: {
 						x: n,
@@ -1482,14 +1482,14 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 				}), this.setState({
 					suggestedBinding: null,
 					startBoundElement: null
-				}), this.state.activeTool.locked || (U(this.interactiveCanvas), this.setState((e) => ({
+				}), this.state.activeTool.locked || (W(this.interactiveCanvas), this.setState((e) => ({
 					newElement: null,
 					activeTool: D(this.state, { type: this.state.preferredSelectionTool.type }),
-					selectedElementIds: F({
+					selectedElementIds: L({
 						...e.selectedElementIds,
 						[t.id]: !0
 					}, e),
-					selectedLinearElement: new z(t, this.scene.getNonDeletedElementsMap())
+					selectedLinearElement: new V(t, this.scene.getNonDeletedElementsMap())
 				})))) : Oe(S(n - a, r - o), c) >= 8 ? (this.scene.mutateElement(t, { points: [...s, S(n - a, r - o)] }, {
 					informMutation: !1,
 					isDragging: !1
@@ -1501,8 +1501,8 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 						...this.state.selectedLinearElement.initialState,
 						lastClickedPoint: t.points.length - 1
 					}
-				} })) : W(this.interactiveCanvas, u.POINTER);
-				else if (s.length > 2 && l && Oe(S(n - a, r - o), l) < 8) W(this.interactiveCanvas, u.POINTER), this.scene.mutateElement(t, { points: s.slice(0, -1) }, {
+				} })) : G(this.interactiveCanvas, l.POINTER);
+				else if (s.length > 2 && u && Oe(S(n - a, r - o), u) < 8) G(this.interactiveCanvas, l.POINTER), this.scene.mutateElement(t, { points: s.slice(0, -1) }, {
 					informMutation: !1,
 					isDragging: !1
 				}), this.setState({ selectedLinearElement: {
@@ -1515,81 +1515,81 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 					}
 				} });
 				else {
-					ln(s, this.state.zoom.value) && W(this.interactiveCanvas, u.POINTER);
+					fn(s, this.state.zoom.value) && G(this.interactiveCanvas, l.POINTER);
 					let i = this.scene.getNonDeletedElementsMap();
-					if (_t(t)) {
-						let e = R(S(n, r), this.scene.getNonDeletedElements(), i);
+					if (bt(t)) {
+						let e = B(S(n, r), this.scene.getNonDeletedElements(), i);
 						T("COMPLEX_BINDINGS") && this.#m(t, e);
 					}
 					E(this.state.selectedLinearElement, "Expected selectedLinearElement to be set to operate on a linear element");
-					let a = z.handlePointerMove(e.nativeEvent, this, n, r, this.state.selectedLinearElement);
+					let a = V.handlePointerMove(e.nativeEvent, this, n, r, this.state.selectedLinearElement);
 					a && this.setState(a);
 				}
 				return;
 			}
 			if (this.state.activeTool.type === "arrow") {
-				let e = R(S(n, r), this.scene.getNonDeletedElements(), this.scene.getNonDeletedElementsMap(), bn(this.state.zoom));
-				e && !mn(S(n, r), e, this.scene.getNonDeletedElementsMap()) && this.setState({ suggestedBinding: e });
+				let e = B(S(n, r), this.scene.getNonDeletedElements(), this.scene.getNonDeletedElementsMap(), Cn(this.state.zoom));
+				e && !_n(S(n, r), e, this.scene.getNonDeletedElementsMap()) && this.setState({ suggestedBinding: e });
 			}
 			if (e.buttons || this.state.activeTool.type !== "selection" && this.state.activeTool.type !== "lasso" && this.state.activeTool.type !== "text" && this.state.activeTool.type !== "eraser") return;
 			let o = this.scene.getNonDeletedElements(), s = this.scene.getSelectedElements(this.state);
 			if (s.length === 1 && !a && !this.state.selectedLinearElement?.isEditing) {
-				if (this.state.selectedLinearElement && this.handleHoverSelectedLinearElement(this.state.selectedLinearElement, n, r), (!this.state.selectedLinearElement || this.state.selectedLinearElement.hoverPointIndex === -1) && this.state.openDialog?.name !== "elementLinkSelector" && !(s.length === 1 && A(s[0])) && !(N(s[0]) && (this.editorInterface.userAgent.isMobileDevice || s[0].points.length === 2))) {
-					let t = Cr(o, this.state, n, r, this.state.zoom, e.pointerType, this.scene.getNonDeletedElementsMap(), this.editorInterface);
+				if (this.state.selectedLinearElement && this.handleHoverSelectedLinearElement(this.state.selectedLinearElement, n, r), (!this.state.selectedLinearElement || this.state.selectedLinearElement.hoverPointIndex === -1) && this.state.openDialog?.name !== "elementLinkSelector" && !(s.length === 1 && M(s[0])) && !(F(s[0]) && (this.editorInterface.userAgent.isMobileDevice || s[0].points.length === 2))) {
+					let t = Er(o, this.state, n, r, this.state.zoom, e.pointerType, this.scene.getNonDeletedElementsMap(), this.editorInterface);
 					if (t && t.transformHandleType) {
-						W(this.interactiveCanvas, Sr(t));
+						G(this.interactiveCanvas, Tr(t));
 						return;
 					}
 				}
 			} else if (s.length > 1 && !a && this.state.openDialog?.name !== "elementLinkSelector") {
-				let t = wr(En(s), n, r, this.state.zoom, e.pointerType, this.editorInterface);
+				let t = Dr(kn(s), n, r, this.state.zoom, e.pointerType, this.editorInterface);
 				if (t) {
-					W(this.interactiveCanvas, Sr({ transformHandleType: t }));
+					G(this.interactiveCanvas, Tr({ transformHandleType: t }));
 					return;
 				}
 			}
 			let c = this.#xe(n, r, {
 				preferSelected: !0,
 				includeLockedElements: !0
-			}), l = null;
-			l = c && c.locked ? null : c, !Or(this.state) && (this.state.activeTool.type === "text" ? W(this.interactiveCanvas, P(l) ? u.TEXT : u.CROSSHAIR) : this.state.viewModeEnabled ? W(this.interactiveCanvas, u.GRAB) : this.state.openDialog?.name === "elementLinkSelector" || a || e[x.CTRL_OR_CMD] ? W(this.interactiveCanvas, u.AUTO) : (l || this.#We(t, s)) && !l?.locked && (l && ft(l) && this.#v(l, e, n, r) ? (W(this.interactiveCanvas, u.POINTER), this.setState({ activeEmbeddable: {
-				element: l,
+			}), u = null;
+			u = c && c.locked ? null : c, !A(this.state) && (this.state.activeTool.type === "text" ? G(this.interactiveCanvas, I(u) ? l.TEXT : l.CROSSHAIR) : this.state.viewModeEnabled ? G(this.interactiveCanvas, l.GRAB) : this.state.openDialog?.name === "elementLinkSelector" || a || e[x.CTRL_OR_CMD] ? G(this.interactiveCanvas, l.AUTO) : (u || this.#We(t, s)) && !u?.locked && (u && ht(u) && this.#v(u, e, n, r) ? (G(this.interactiveCanvas, l.POINTER), this.setState({ activeEmbeddable: {
+				element: u,
 				state: "hover"
-			} })) : (!l || !A(l) || !(l.startBinding || l.endBinding)) && ((this.state.activeTool.type !== "lasso" || s.length > 0) && W(this.interactiveCanvas, u.MOVE), this.state.activeEmbeddable?.state === "hover" && this.setState({ activeEmbeddable: null }))), this.state.selectedLinearElement && this.handleHoverSelectedLinearElement(this.state.selectedLinearElement, n, r), this.state.openDialog?.name === "elementLinkSelector" && l ? this.setState((e) => ({ hoveredElementIds: Xe(e.hoveredElementIds, I({
+			} })) : (!u || !M(u) || !(u.startBinding || u.endBinding)) && ((this.state.activeTool.type !== "lasso" || s.length > 0) && G(this.interactiveCanvas, l.MOVE), this.state.activeEmbeddable?.state === "hover" && this.setState({ activeEmbeddable: null }))), this.state.selectedLinearElement && this.handleHoverSelectedLinearElement(this.state.selectedLinearElement, n, r), this.state.openDialog?.name === "elementLinkSelector" && u ? this.setState((e) => ({ hoveredElementIds: Xe(e.hoveredElementIds, R({
 				editingGroupId: e.editingGroupId,
-				selectedElementIds: { [l.id]: !0 }
-			}, this.scene.getNonDeletedElements(), e, this).selectedElementIds) })) : this.state.openDialog?.name === "elementLinkSelector" && !l && this.setState((e) => ({ hoveredElementIds: Xe(e.hoveredElementIds, {}) })));
+				selectedElementIds: { [u.id]: !0 }
+			}, this.scene.getNonDeletedElements(), e, this).selectedElementIds) })) : this.state.openDialog?.name === "elementLinkSelector" && !u && this.setState((e) => ({ hoveredElementIds: Xe(e.hoveredElementIds, {}) })));
 		}, this.#je = (e, t) => {
 			let n = this.eraserTrail.addPointToPath(t.x, t.y, e.altKey);
 			this.#l = new Set(n), this.#se();
 		}, this.#Me = (e) => {
 			mo = !0;
 		}, this.handleHoverSelectedLinearElement = (e, t, n) => {
-			let r = this.scene.getNonDeletedElementsMap(), i = z.getElement(e.elementId, r);
+			let r = this.scene.getNonDeletedElementsMap(), i = V.getElement(e.elementId, r);
 			if (i) if (this.state.selectedLinearElement) {
 				let a = -1, o = null;
-				pn({
+				gn({
 					point: S(t, n),
 					element: i,
 					elementsMap: r,
 					threshold: this.getElementHitThreshold(i)
-				}) ? (a = z.getPointIndexUnderCursor(i, r, this.state.zoom, t, n), o = z.getSegmentMidpointHitCoords(e, {
+				}) ? (a = V.getPointIndexUnderCursor(i, r, this.state.zoom, t, n), o = V.getSegmentMidpointHitCoords(e, {
 					x: t,
 					y: n
-				}, this.state, this.scene.getNonDeletedElementsMap()), (A(i) ? a === 0 || a === i.points.length - 1 : a >= 0) || o ? W(this.interactiveCanvas, u.POINTER) : this.#Ce(t, n, i) && (!A(i) || !(i.startBinding || i.endBinding)) && (this.state.activeTool.type !== "lasso" || Object.keys(this.state.selectedElementIds).length > 0) && W(this.interactiveCanvas, u.MOVE)) : this.#Ce(t, n, i) && (!A(i) || !(i.startBinding || i.endBinding)) && (this.state.activeTool.type !== "lasso" || Object.keys(this.state.selectedElementIds).length > 0) && W(this.interactiveCanvas, u.MOVE), this.state.selectedLinearElement.hoverPointIndex !== a && this.setState({ selectedLinearElement: {
+				}, this.state, this.scene.getNonDeletedElementsMap()), (M(i) ? a === 0 || a === i.points.length - 1 : a >= 0) || o ? G(this.interactiveCanvas, l.POINTER) : this.#Ce(t, n, i) && (!M(i) || !(i.startBinding || i.endBinding)) && (this.state.activeTool.type !== "lasso" || Object.keys(this.state.selectedElementIds).length > 0) && G(this.interactiveCanvas, l.MOVE)) : this.#Ce(t, n, i) && (!M(i) || !(i.startBinding || i.endBinding)) && (this.state.activeTool.type !== "lasso" || Object.keys(this.state.selectedElementIds).length > 0) && G(this.interactiveCanvas, l.MOVE), this.state.selectedLinearElement.hoverPointIndex !== a && this.setState({ selectedLinearElement: {
 					...this.state.selectedLinearElement,
 					hoverPointIndex: a
-				} }), z.arePointsEqual(this.state.selectedLinearElement.segmentMidPointHoveredCoords, o) || this.setState({ selectedLinearElement: {
+				} }), V.arePointsEqual(this.state.selectedLinearElement.segmentMidPointHoveredCoords, o) || this.setState({ selectedLinearElement: {
 					...this.state.selectedLinearElement,
 					segmentMidPointHoveredCoords: o
 				} });
 				let s = null, c = i;
-				(c.startBinding || c.endBinding) && (s = Fn(i, t, n, this.scene, this.state)), this.state.selectedLinearElement.hoveredFocusPointBinding !== s && this.setState({ selectedLinearElement: {
+				(c.startBinding || c.endBinding) && (s = Rn(i, t, n, this.scene, this.state)), this.state.selectedLinearElement.hoveredFocusPointBinding !== s && this.setState({ selectedLinearElement: {
 					...this.state.selectedLinearElement,
 					isDragging: !1,
 					hoveredFocusPointBinding: s
-				} }), s && W(this.interactiveCanvas, u.POINTER);
-			} else W(this.interactiveCanvas, u.AUTO);
+				} }), s && G(this.interactiveCanvas, l.POINTER);
+			} else G(this.interactiveCanvas, l.AUTO);
 		}, this.#Ne = (e) => {
 			let { x: t, y: n } = O(e, this.state);
 			this.lastPointerMoveCoords = {
@@ -1603,7 +1603,7 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 					...e,
 					focus: !1
 				}))
-			} })), this.updateEditorAtom(Ba, null)), Vr.get(Pa) && this.updateEditorAtom(Pa, null), this.state.contextMenu && this.setState({ contextMenu: null }), this.state.snapLines && this.setAppState({ snapLines: [] }), this.state.openPopup && this.setState({ openPopup: null }), this.#Re(e), e.pointerType === "touch" && this.state.newElement && this.state.newElement.type === "freedraw") {
+			} })), this.updateEditorAtom(Ba, null)), Br.get(Pa) && this.updateEditorAtom(Pa, null), this.state.contextMenu && this.setState({ contextMenu: null }), this.state.snapLines && this.setAppState({ snapLines: [] }), this.state.openPopup && this.setState({ openPopup: null }), this.#Re(e), e.pointerType === "touch" && this.state.newElement && this.state.newElement.type === "freedraw") {
 				let e = this.state.newElement;
 				this.updateScene({
 					...e.points.length < 10 ? { elements: this.scene.getElementsIncludingDeleted().filter((t) => t.id !== e.id) } : {},
@@ -1612,9 +1612,9 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 						editingTextElement: null,
 						startBoundElement: null,
 						suggestedBinding: null,
-						selectedElementIds: F(Object.keys(this.state.selectedElementIds).filter((t) => t !== e.id).reduce((e, t) => (e[t] = this.state.selectedElementIds[t], e), {}), this.state)
+						selectedElementIds: L(Object.keys(this.state.selectedElementIds).filter((t) => t !== e.id).reduce((e, t) => (e[t] = this.state.selectedElementIds[t], e), {}), this.state)
 					},
-					captureUpdate: this.state.openDialog?.name === "elementLinkSelector" ? B.EVENTUALLY : B.NEVER
+					captureUpdate: this.state.openDialog?.name === "elementLinkSelector" ? H.EVENTUALLY : H.NEVER
 				});
 				return;
 			}
@@ -1626,14 +1626,14 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 			if (this.setState({
 				lastPointerDownWith: e.pointerType,
 				cursorButton: "down"
-			}), this.#Et(e.clientX, e.clientY, "down"), e.button === y.ERASER && this.state.activeTool.type !== b.eraser) {
+			}), this.#Et(e.clientX, e.clientY, "down"), e.button === v.ERASER && this.state.activeTool.type !== b.eraser) {
 				this.setState({ activeTool: D(this.state, {
 					type: b.eraser,
 					lastActiveToolBeforeEraser: this.state.activeTool
 				}) }, () => {
 					this.#Ne(e);
 					let t = () => {
-						n(), r?.(), Or(this.state) && this.setState({ activeTool: D(this.state, {
+						n(), r?.(), A(this.state) && this.setState({ activeTool: D(this.state, {
 							...this.state.activeTool.lastActiveTool || { type: b.selection },
 							lastActiveToolBeforeEraser: null
 						}) });
@@ -1644,7 +1644,7 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 				});
 				return;
 			}
-			if (e.button !== y.MAIN && e.button !== y.TOUCH && e.button !== y.ERASER || $.pointers.size > 1) return;
+			if (e.button !== v.MAIN && e.button !== v.TOUCH && e.button !== v.ERASER || $.pointers.size > 1) return;
 			let a = this.#ze(e);
 			if (this.setState({ selectedElementsAreBeingDragged: !1 }), this.#Be(e, a) || (this.#Ve(), this.#mt(e), this.#He(e, a)) || !(!this.state.penMode || e.pointerType !== "touch" || this.state.activeTool.type === "selection" || this.state.activeTool.type === "lasso" || this.state.activeTool.type === "text" || this.state.activeTool.type === "image")) return;
 			if (this.state.activeTool.type === "lasso") {
@@ -1659,24 +1659,24 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 						t && n.push(t);
 					});
 					let r = a.hit.element;
-					if (j(r)) Qt(n, r.id).forEach((e) => {
+					if (N(r)) tn(n, r.id).forEach((e) => {
 						delete t[e.id];
 					});
 					else if (r.frameId) t[r.frameId] && delete t[r.id];
 					else {
-						let e = r.groupIds, i = new Set(e.flatMap((e) => zt(this.scene.getNonDeletedElements(), e)).filter((e) => j(e)).map((e) => e.id));
+						let e = r.groupIds, i = new Set(e.flatMap((e) => Ht(this.scene.getNonDeletedElements(), e)).filter((e) => N(e)).map((e) => e.id));
 						i.size > 0 && n.forEach((e) => {
-							e.frameId && i.has(e.frameId) && (delete t[e.id], e.groupIds.flatMap((e) => zt(this.scene.getNonDeletedElements(), e)).forEach((e) => {
+							e.frameId && i.has(e.frameId) && (delete t[e.id], e.groupIds.flatMap((e) => Ht(this.scene.getNonDeletedElements(), e)).forEach((e) => {
 								delete t[e.id];
 							}));
 						});
 					}
-					return { ...I({
+					return { ...R({
 						editingGroupId: e.editingGroupId,
 						selectedElementIds: t
 					}, this.scene.getNonDeletedElements(), e, this) };
 				}), a.hit.wasAddedToSelection = !0);
-			} else this.state.activeTool.type === "text" ? this.#Ge(e, a) : this.state.activeTool.type === "arrow" || this.state.activeTool.type === "line" ? this.#Je(e, this.state.activeTool.type, a) : this.state.activeTool.type === "freedraw" ? this.#Ke(e, this.state.activeTool.type, a) : this.state.activeTool.type === "custom" ? G(this.interactiveCanvas, this.state) : this.state.activeTool.type === b.frame || this.state.activeTool.type === b.magicframe ? this.#Ze(a, this.state.activeTool.type) : this.state.activeTool.type === "laser" ? this.laserTrails.startPath(a.lastCoords.x, a.lastCoords.y) : this.state.activeTool.type !== "eraser" && this.state.activeTool.type !== "hand" && this.state.activeTool.type !== "image" && this.#Xe(this.state.activeTool.type, a);
+			} else this.state.activeTool.type === "text" ? this.#Ge(e, a) : this.state.activeTool.type === "arrow" || this.state.activeTool.type === "line" ? this.#Je(e, this.state.activeTool.type, a) : this.state.activeTool.type === "freedraw" ? this.#Ke(e, this.state.activeTool.type, a) : this.state.activeTool.type === "custom" ? K(this.interactiveCanvas, this.state) : this.state.activeTool.type === b.frame || this.state.activeTool.type === b.magicframe ? this.#Ze(a, this.state.activeTool.type) : this.state.activeTool.type === "laser" ? this.laserTrails.startPath(a.lastCoords.x, a.lastCoords.y) : this.state.activeTool.type !== "eraser" && this.state.activeTool.type !== "hand" && this.state.activeTool.type !== "image" && this.#Xe(this.state.activeTool.type, a);
 			this.props?.onPointerDown?.(this.state.activeTool, a), this.onPointerDownEmitter.trigger(this.state.activeTool, a, e), this.state.activeTool.type === "eraser" && this.eraserTrail.startPath(a.lastCoords.x, a.lastCoords.y);
 			let o = this.#nt(a), s = this.#it(a), c = this.#et(a), l = this.#tt(a);
 			this.missingPointerEventCleanupEmitter.once((t) => s(t || e.nativeEvent)), (!this.state.viewModeEnabled || this.state.activeTool.type === "laser") && (window.addEventListener(h.POINTER_MOVE, o), window.addEventListener(h.POINTER_UP, s), window.addEventListener(h.KEYDOWN, c), window.addEventListener(h.KEYUP, l), a.eventListeners.onMove = o, a.eventListeners.onUp = s, a.eventListeners.onKeyUp = l, a.eventListeners.onKeyDown = c);
@@ -1693,7 +1693,7 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 			let i = e.timeStamp - (this.lastPointerDownEvent?.timeStamp ?? 0);
 			if (this.editorInterface.formFactor === "phone" && i < 300) {
 				let n = this.#xe(t.x, t.y);
-				if (ft(n) && this.#v(n, e, t.x, t.y)) {
+				if (ht(n) && this.#v(n, e, t.x, t.y)) {
 					this.#_(n);
 					return;
 				}
@@ -1711,11 +1711,11 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 		}, this.#Le = (e) => {
 			vo?.(), this.missingPointerEventCleanupEmitter.trigger(e).clear();
 		}, this.handleCanvasPanUsingWheelOrSpaceDrag = (e) => {
-			if (!($.pointers.size <= 1 && (e.button === y.WHEEL || e.button === y.MAIN && lo || kr(this.state) || this.state.viewModeEnabled))) return !1;
+			if (!($.pointers.size <= 1 && (e.button === v.WHEEL || e.button === v.MAIN && lo || nt(this.state) || this.state.viewModeEnabled))) return !1;
 			uo = !0, this.focusContainer(), this.state.editingTextElement || e.preventDefault();
 			let t = !1, n = ao(window) ? !1 : /Linux/.test(window.navigator.platform);
-			W(this.interactiveCanvas, u.GRABBING);
-			let { clientX: r, clientY: i } = e, a = _a((e) => {
+			G(this.interactiveCanvas, l.GRABBING);
+			let { clientX: r, clientY: i } = e, a = ga((e) => {
 				let a = r - e.clientX, o = i - e.clientY;
 				if (r = e.clientX, i = e.clientY, n && !t && (Math.abs(a) > 1 || Math.abs(o) > 1)) {
 					t = !0;
@@ -1732,13 +1732,13 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 					scrollX: this.state.scrollX - a / this.state.zoom.value,
 					scrollY: this.state.scrollY - o / this.state.zoom.value
 				});
-			}), o = q(vo = () => {
-				vo = null, uo = !1, lo || (this.state.viewModeEnabled ? W(this.interactiveCanvas, u.GRAB) : G(this.interactiveCanvas, this.state)), this.setState({ cursorButton: "up" }), this.#Et(e.clientX, e.clientY, "up"), window.removeEventListener(h.POINTER_MOVE, a), window.removeEventListener(h.POINTER_UP, o), window.removeEventListener(h.BLUR, o), a.flush();
+			}), o = J(vo = () => {
+				vo = null, uo = !1, lo || (this.state.viewModeEnabled ? G(this.interactiveCanvas, l.GRAB) : K(this.interactiveCanvas, this.state)), this.setState({ cursorButton: "up" }), this.#Et(e.clientX, e.clientY, "up"), window.removeEventListener(h.POINTER_MOVE, a), window.removeEventListener(h.POINTER_UP, o), window.removeEventListener(h.BLUR, o), a.flush();
 			});
 			return window.addEventListener(h.BLUR, o), window.addEventListener(h.POINTER_MOVE, a, { passive: !0 }), window.addEventListener(h.POINTER_UP, o), !0;
 		}, this.#Ve = () => {
 			Be(this.state.activeTool.type) || this.setState({
-				selectedElementIds: F({}, this.state),
+				selectedElementIds: L({}, this.state),
 				selectedGroupIds: {},
 				editingGroupId: null,
 				activeEmbeddable: null
@@ -1746,18 +1746,18 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 		}, this.#He = (e, t) => {
 			if (Be(this.state.activeTool.type)) {
 				let n = this.scene.getNonDeletedElements(), r = this.scene.getNonDeletedElementsMap(), i = this.scene.getSelectedElements(this.state);
-				if (i.length === 1 && !this.state.selectedLinearElement?.isEditing && !A(i[0]) && !(N(i[0]) && (this.editorInterface.userAgent.isMobileDevice || i[0].points.length === 2)) && !(this.state.selectedLinearElement && this.state.selectedLinearElement.hoverPointIndex !== -1)) {
-					let r = Cr(n, this.state, t.origin.x, t.origin.y, this.state.zoom, e.pointerType, this.scene.getNonDeletedElementsMap(), this.editorInterface);
+				if (i.length === 1 && !this.state.selectedLinearElement?.isEditing && !M(i[0]) && !(F(i[0]) && (this.editorInterface.userAgent.isMobileDevice || i[0].points.length === 2)) && !(this.state.selectedLinearElement && this.state.selectedLinearElement.hoverPointIndex !== -1)) {
+					let r = Er(n, this.state, t.origin.x, t.origin.y, this.state.zoom, e.pointerType, this.scene.getNonDeletedElementsMap(), this.editorInterface);
 					r != null && (r.transformHandleType === "rotation" ? (this.setState({ resizingElement: r.element }), t.resize.handleType = r.transformHandleType) : (this.state.croppingElementId || this.setState({ resizingElement: r.element }), t.resize.handleType = r.transformHandleType));
-				} else i.length > 1 && (t.resize.handleType = wr(En(i), t.origin.x, t.origin.y, this.state.zoom, e.pointerType, this.editorInterface));
-				if (t.resize.handleType) t.resize.isResizing = !0, t.resize.offset = Je(yr(t.resize.handleType, i, r, t.origin.x, t.origin.y)), i.length === 1 && N(i[0]) && i[0].points.length === 2 && (t.resize.arrowDirection = vr(t.resize.handleType, i[0]));
+				} else i.length > 1 && (t.resize.handleType = Dr(kn(i), t.origin.x, t.origin.y, this.state.zoom, e.pointerType, this.editorInterface));
+				if (t.resize.handleType) t.resize.isResizing = !0, t.resize.offset = Je(Sr(t.resize.handleType, i, r, t.origin.x, t.origin.y)), i.length === 1 && F(i[0]) && i[0].points.length === 2 && (t.resize.arrowDirection = xr(t.resize.handleType, i[0]));
 				else {
 					if (this.state.selectedLinearElement) {
-						let n = this.state.selectedLinearElement, r = z.handlePointerDown(e, this, this.#r, t.origin, n, this.scene);
+						let n = this.state.selectedLinearElement, r = V.handlePointerDown(e, this, this.#r, t.origin, n, this.scene);
 						if (r.hitElement && (t.hit.element = r.hitElement), r.linearElementEditor && this.setState({ selectedLinearElement: r.linearElementEditor }), r.didAddPoint) return !0;
-						let i = this.scene.getNonDeletedElementsMap(), a = z.getElement(n.elementId, i);
-						if (a && k(a)) {
-							let { hitFocusPoint: e, pointerOffset: r } = In(a, t, i, this.state);
+						let i = this.scene.getNonDeletedElementsMap(), a = V.getElement(n.elementId, i);
+						if (a && j(a)) {
+							let { hitFocusPoint: e, pointerOffset: r } = zn(a, t, i, this.state);
 							if (e) return this.setState({ selectedLinearElement: {
 								...n,
 								hoveredFocusPointBinding: e,
@@ -1774,18 +1774,18 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 							...e.selectedLinearElement,
 							isEditing: !!a && a.id === this.state.selectedLinearElement?.elementId
 						} : null,
-						selectedElementIds: e.selectedLinearElement ? F({ [e.selectedLinearElement.elementId]: !0 }, this.state) : F({}, e)
+						selectedElementIds: e.selectedLinearElement ? L({ [e.selectedLinearElement.elementId]: !0 }, this.state) : L({}, e)
 					}));
 					else if (a != null) {
 						if (e[x.CTRL_OR_CMD]) return e.altKey ? (this.state.openDialog?.name === "elementLinkSelector" && this.setOpenDialog(null), this.lassoTrail.startPath(t.origin.x, t.origin.y, e.shiftKey), this.setActiveTool({
 							type: "lasso",
 							fromSelection: !0
 						}), !1) : (this.state.selectedElementIds[a.id] || (t.hit.wasAddedToSelection = !0), this.setState((e) => ({
-							...Rt(e, a),
+							...Vt(e, a),
 							previousSelectedElementIds: this.state.selectedElementIds
 						})), !1);
-						this.state.selectedElementIds[a.id] || (this.state.editingGroupId && !Ht(a, this.state.editingGroupId) && this.setState({
-							selectedElementIds: F({}, this.state),
+						this.state.selectedElementIds[a.id] || (this.state.editingGroupId && !Gt(a, this.state.editingGroupId) && this.setState({
+							selectedElementIds: L({}, this.state),
 							selectedGroupIds: {},
 							editingGroupId: null,
 							activeEmbeddable: null
@@ -1797,19 +1797,19 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 							if (Object.keys(e.selectedElementIds).forEach((e) => {
 								let t = this.scene.getElement(e);
 								t && n.push(t);
-							}), j(a)) Qt(n, a.id).forEach((e) => {
+							}), N(a)) tn(n, a.id).forEach((e) => {
 								delete t[e.id];
 							});
 							else if (a.frameId) t[a.frameId] && delete t[a.id];
 							else {
-								let e = a.groupIds, r = new Set(e.flatMap((e) => zt(this.scene.getNonDeletedElements(), e)).filter((e) => j(e)).map((e) => e.id));
+								let e = a.groupIds, r = new Set(e.flatMap((e) => Ht(this.scene.getNonDeletedElements(), e)).filter((e) => N(e)).map((e) => e.id));
 								r.size > 0 && n.forEach((e) => {
-									e.frameId && r.has(e.frameId) && (delete t[e.id], e.groupIds.flatMap((e) => zt(this.scene.getNonDeletedElements(), e)).forEach((e) => {
+									e.frameId && r.has(e.frameId) && (delete t[e.id], e.groupIds.flatMap((e) => Ht(this.scene.getNonDeletedElements(), e)).forEach((e) => {
 										delete t[e.id];
 									}));
 								});
 							}
-							return e.openDialog?.name === "elementLinkSelector" && (a.groupIds.some((t) => e.selectedGroupIds[t]) || (t = { [a.id]: !0 })), { ...I({
+							return e.openDialog?.name === "elementLinkSelector" && (a.groupIds.some((t) => e.selectedGroupIds[t]) || (t = { [a.id]: !0 })), { ...R({
 								editingGroupId: e.editingGroupId,
 								selectedElementIds: t
 							}, this.scene.getNonDeletedElements(), e, this) };
@@ -1822,18 +1822,18 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 		}, this.#Ge = (e, t) => {
 			if (this.state.editingTextElement) return;
 			let n = t.origin.x, r = t.origin.y, i = this.#xe(n, r, { includeBoundTextElement: !0 }), a = this.#we(n, r);
-			it(i) && (a = i, n = i.x + i.width / 2, r = i.y + i.height / 2), this.#Te({
+			st(i) && (a = i, n = i.x + i.width / 2, r = i.y + i.height / 2), this.#Te({
 				sceneX: n,
 				sceneY: r,
 				insertAtParentCenter: !e.altKey,
 				container: a,
 				autoEdit: !1
-			}), U(this.interactiveCanvas), this.state.activeTool.locked || this.setState({ activeTool: D(this.state, { type: this.state.preferredSelectionTool.type }) });
+			}), W(this.interactiveCanvas), this.state.activeTool.locked || this.setState({ activeTool: D(this.state, { type: this.state.preferredSelectionTool.type }) });
 		}, this.#Ke = (e, t, n) => {
 			let [r, i] = C(n.origin.x, n.origin.y, null), a = this.#ke({
 				x: r,
 				y: i
-			}), o = e.pressure === .5, s = tr({
+			}), o = e.pressure === .5, s = ir({
 				type: t,
 				x: r,
 				y: i,
@@ -1853,16 +1853,16 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 			});
 			this.scene.insertElement(s), this.setState((e) => {
 				let t = { ...e.selectedElementIds };
-				return delete t[s.id], { selectedElementIds: F(t, e) };
+				return delete t[s.id], { selectedElementIds: L(t, e) };
 			});
-			let c = R(S(n.origin.x, n.origin.y), this.scene.getNonDeletedElements(), this.scene.getNonDeletedElementsMap());
+			let c = B(S(n.origin.x, n.origin.y), this.scene.getNonDeletedElements(), this.scene.getNonDeletedElementsMap());
 			this.setState({
 				newElement: s,
 				startBoundElement: c,
 				suggestedBinding: null
 			});
 		}, this.insertIframeElement = ({ sceneX: e, sceneY: t, width: n, height: r }) => {
-			let [i, a] = C(e, t, this.lastPointerDownEvent?.[x.CTRL_OR_CMD] ? null : this.getEffectiveGridSize()), o = nr({
+			let [i, a] = C(e, t, this.lastPointerDownEvent?.[x.CTRL_OR_CMD] ? null : this.getEffectiveGridSize()), o = ar({
 				type: "iframe",
 				x: i,
 				y: a,
@@ -1885,7 +1885,7 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 			let a = {
 				w: 560,
 				h: 840
-			}, o = $n({
+			}, o = nr({
 				type: "embeddable",
 				x: r,
 				y: i,
@@ -1908,7 +1908,7 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 				x: r,
 				y: i
 			}) : null, o = 100 / this.state.zoom.value;
-			return rr({
+			return or({
 				type: "image",
 				strokeColor: this.state.currentItemStrokeColor,
 				backgroundColor: this.state.currentItemBackgroundColor,
@@ -1930,7 +1930,7 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 				this.setState({ isBindingEnabled: !1 });
 			}), this.state.multiElement) {
 				let { multiElement: t, selectedLinearElement: r } = this.state;
-				if (E(r, "selectedLinearElement is expected to be set"), t.type === "line" && ln(t.points, this.state.zoom.value)) {
+				if (E(r, "selectedLinearElement is expected to be set"), t.type === "line" && fn(t.points, this.state.zoom.value)) {
 					Z(() => {
 						this.setState({ selectedLinearElement: {
 							...r,
@@ -1940,11 +1940,11 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 								lastClickedPoint: -1
 							}
 						} });
-					}), this.actionManager.executeAction(K);
+					}), this.actionManager.executeAction(q);
 					return;
 				}
-				if (A(t) && t.points.length > 1) {
-					this.actionManager.executeAction(K, "ui", {
+				if (M(t) && t.points.length > 1) {
+					this.actionManager.executeAction(q, "ui", {
 						event: e.nativeEvent,
 						sceneCoords: {
 							x: n.origin.x,
@@ -1953,9 +1953,9 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 					});
 					return;
 				}
-				let { x: i, y: a } = t, { lastCommittedPoint: o } = r, s = yn(this.state) && R(S(this.lastPointerMoveCoords?.x ?? i + t.points[t.points.length - 1][0], this.lastPointerMoveCoords?.y ?? a + t.points[t.points.length - 1][1]), this.scene.getNonDeletedElements(), this.scene.getNonDeletedElementsMap());
-				if (k(t) && s || t.points.length > 1 && o && Oe(S(n.origin.x - i, n.origin.y - a), o) < 8) {
-					this.actionManager.executeAction(K, "ui", {
+				let { x: i, y: a } = t, { lastCommittedPoint: o } = r, s = Sn(this.state) && B(S(this.lastPointerMoveCoords?.x ?? i + t.points[t.points.length - 1][0], this.lastPointerMoveCoords?.y ?? a + t.points[t.points.length - 1][1]), this.scene.getNonDeletedElements(), this.scene.getNonDeletedElementsMap());
+				if (j(t) && s || t.points.length > 1 && o && Oe(S(n.origin.x - i, n.origin.y - a), o) < 8) {
+					this.actionManager.executeAction(q, "ui", {
 						event: e.nativeEvent,
 						sceneCoords: {
 							x: n.origin.x,
@@ -1964,15 +1964,15 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 					});
 					return;
 				}
-				this.setState((e) => ({ selectedElementIds: F({
+				this.setState((e) => ({ selectedElementIds: L({
 					...e.selectedElementIds,
 					[t.id]: !0
-				}, e) })), W(this.interactiveCanvas, u.POINTER);
+				}, e) })), G(this.interactiveCanvas, l.POINTER);
 			} else {
 				let [r, i] = C(n.origin.x, n.origin.y, e[x.CTRL_OR_CMD] ? null : this.getEffectiveGridSize()), a = this.#ke({
 					x: r,
 					y: i
-				}), { currentItemStartArrowhead: o, currentItemEndArrowhead: s } = this.state, [l, u] = t === "arrow" ? [o, s] : [null, null], d = t === "arrow" ? Zn({
+				}), { currentItemStartArrowhead: o, currentItemEndArrowhead: c } = this.state, [l, u] = t === "arrow" ? [o, c] : [null, null], d = t === "arrow" ? er({
 					type: t,
 					x: r,
 					y: i,
@@ -1983,14 +1983,14 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 					strokeStyle: this.state.currentItemStrokeStyle,
 					roughness: this.state.currentItemRoughness,
 					opacity: this.state.currentItemOpacity,
-					roundness: this.state.currentItemArrowType === c.round ? { type: ne.PROPORTIONAL_RADIUS } : null,
+					roundness: this.state.currentItemArrowType === s.round ? { type: ne.PROPORTIONAL_RADIUS } : null,
 					startArrowhead: l,
 					endArrowhead: u,
 					locked: !1,
 					frameId: a ? a.id : null,
-					elbowed: this.state.currentItemArrowType === c.elbow,
-					fixedSegments: this.state.currentItemArrowType === c.elbow ? [] : null
-				}) : ir({
+					elbowed: this.state.currentItemArrowType === s.elbow,
+					fixedSegments: this.state.currentItemArrowType === s.elbow ? [] : null
+				}) : sr({
 					type: t,
 					x: r,
 					y: i,
@@ -2004,8 +2004,8 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 					roundness: this.state.currentItemRoundness === "round" ? { type: ne.PROPORTIONAL_RADIUS } : null,
 					locked: !1,
 					frameId: a ? a.id : null
-				}), f = S(n.origin.x, n.origin.y), p = this.scene.getNonDeletedElementsMap(), m = yn(this.state) ? R(f, this.scene.getNonDeletedElements(), p) : null;
-				this.scene.mutateElement(d, { points: [S(0, 0), S(0, 0)] }), this.scene.insertElement(d), k(d) && hn(d, /* @__PURE__ */ new Map([[0, {
+				}), f = S(n.origin.x, n.origin.y), p = this.scene.getNonDeletedElementsMap(), m = Sn(this.state) ? B(f, this.scene.getNonDeletedElements(), p) : null;
+				this.scene.mutateElement(d, { points: [S(0, 0), S(0, 0)] }), this.scene.insertElement(d), j(d) && vn(d, /* @__PURE__ */ new Map([[0, {
 					point: S(0, 0),
 					isDragging: !1
 				}]]), f[0], f[1], this.scene, this.state, {
@@ -2016,8 +2016,8 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 				}), Z(() => {
 					this.setState((e) => {
 						let t = null, r = e.selectedElementIds;
-						if (N(d)) {
-							t = new z(d, this.scene.getNonDeletedElementsMap());
+						if (F(d)) {
+							t = new V(d, this.scene.getNonDeletedElementsMap());
 							let e = d.points.length - 1;
 							t = {
 								...t,
@@ -2029,7 +2029,7 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 								}
 							};
 						}
-						return r = this.state.activeTool.locked ? e.selectedElementIds : F({ [d.id]: !0 }, e), {
+						return r = this.state.activeTool.locked ? e.selectedElementIds : L({ [d.id]: !0 }, e), {
 							...e,
 							bindMode: "orbit",
 							newElement: d,
@@ -2039,7 +2039,7 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 							selectedLinearElement: t
 						};
 					});
-				}), k(d) && T("COMPLEX_BINDINGS") && this.#m(d, m);
+				}), j(d) && T("COMPLEX_BINDINGS") && this.#m(d, m);
 			}
 		}, this.#Xe = (e, t) => {
 			let [n, r] = C(t.origin.x, t.origin.y, this.lastPointerDownEvent?.[x.CTRL_OR_CMD] ? null : this.getEffectiveGridSize()), i = this.#ke({
@@ -2059,10 +2059,10 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 				locked: !1,
 				frameId: i ? i.id : null
 			}, o;
-			o = e === "embeddable" ? $n({
+			o = e === "embeddable" ? nr({
 				type: "embeddable",
 				...a
-			}) : Qn({
+			}) : tr({
 				type: e,
 				...a
 			}), o.type === "selection" ? this.setState({ selectionElement: o }) : (this.scene.insertElement(o), this.setState({
@@ -2076,7 +2076,7 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 				opacity: this.state.currentItemOpacity,
 				locked: !1,
 				...g
-			}, a = t === b.magicframe ? ar(i) : er(i);
+			}, a = t === b.magicframe ? cr(i) : rr(i);
 			this.scene.insertElement(a), this.setState({
 				multiElement: null,
 				newElement: a
@@ -2087,41 +2087,41 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 			let e = !1;
 			this.#l.forEach((e) => {
 				let t = this.scene.getElement(e);
-				if (k(t)) {
+				if (j(t)) {
 					if (t.startBinding) {
 						let e = this.scene.getElement(t.startBinding.elementId);
-						Wt(e, this.scene.getElementsMapIncludingDeleted(), { boundElements: e.boundElements.filter((e) => e.id !== t.id) });
+						qt(e, this.scene.getElementsMapIncludingDeleted(), { boundElements: e.boundElements.filter((e) => e.id !== t.id) });
 					}
 					if (t.endBinding) {
 						let e = this.scene.getElement(t.endBinding.elementId);
-						Wt(e, this.scene.getElementsMapIncludingDeleted(), { boundElements: e.boundElements.filter((e) => e.id !== t.id) });
+						qt(e, this.scene.getElementsMapIncludingDeleted(), { boundElements: e.boundElements.filter((e) => e.id !== t.id) });
 					}
-				} else ot(t) && t.boundElements?.forEach?.((e) => {
+				} else lt(t) && t.boundElements?.forEach?.((e) => {
 					if (e.type === "arrow") {
 						let n = this.scene.getElement(e.id);
-						n?.startBinding?.elementId === t.id && Wt(n, this.scene.getElementsMapIncludingDeleted(), { startBinding: null }), n?.endBinding?.elementId === t.id && Wt(n, this.scene.getElementsMapIncludingDeleted(), { endBinding: null });
+						n?.startBinding?.elementId === t.id && qt(n, this.scene.getElementsMapIncludingDeleted(), { startBinding: null }), n?.endBinding?.elementId === t.id && qt(n, this.scene.getElementsMapIncludingDeleted(), { endBinding: null });
 					}
 				});
 			});
-			let t = this.scene.getElementsIncludingDeleted().map((t) => this.#l.has(t.id) || t.frameId && this.#l.has(t.frameId) || ct(t) && this.#l.has(t.containerId) ? (e = !0, L(t, { isDeleted: !0 })) : t);
+			let t = this.scene.getElementsIncludingDeleted().map((t) => this.#l.has(t.id) || t.frameId && this.#l.has(t.frameId) || dt(t) && this.#l.has(t.containerId) ? (e = !0, z(t, { isDeleted: !0 })) : t);
 			this.#l = /* @__PURE__ */ new Set(), e && (this.#r.scheduleCapture(), this.scene.replaceAllElements(t));
 		}, this.#st = async (e, t) => {
-			if (!ui(t)) throw Error(H("errors.unsupportedFileType"));
+			if (!ui(t)) throw Error(U("errors.unsupportedFileType"));
 			let n = t.type;
-			if (W(this.interactiveCanvas, "wait"), n === v.svg) try {
-				t = ii(hr(await t.text()), t.name);
+			if (G(this.interactiveCanvas, "wait"), n === _.svg) try {
+				t = ii(vr(await t.text()), t.name);
 			} catch (e) {
-				throw console.warn(e), Error(H("errors.svgImageInsertError"));
+				throw console.warn(e), Error(U("errors.svgImageInsertError"));
 			}
 			let r = await (this.props.generateIdForFile?.(t) || oi(t));
-			if (!r) throw console.warn("Couldn't generate file id or the supplied `generateIdForFile` didn't resolve to one."), Error(H("errors.imageInsertError"));
+			if (!r) throw console.warn("Couldn't generate file id or the supplied `generateIdForFile` didn't resolve to one."), Error(U("errors.imageInsertError"));
 			if (!this.files[r]?.dataURL) {
 				try {
-					t = await hi(t, { maxWidthOrHeight: f });
+					t = await hi(t, { maxWidthOrHeight: d });
 				} catch (e) {
 					console.error("Error trying to resizing image file on insertion", e);
 				}
-				if (t.size > 4194304) throw Error(H("errors.fileTooBig", { maxSize: `${Math.trunc(ee / 1024 / 1024)}MB` }));
+				if (t.size > 4194304) throw Error(U("errors.fileTooBig", { maxSize: `${Math.trunc(te / 1024 / 1024)}MB` }));
 			}
 			let i = this.files[r]?.dataURL || await si(t);
 			return new Promise(async (t, a) => {
@@ -2146,17 +2146,17 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 					}
 					t(a);
 				} catch (e) {
-					console.error(e), a(Error(H("errors.imageInsertError")));
+					console.error(e), a(Error(U("errors.imageInsertError")));
 				}
 			});
-		}, this.#ct = (e, t) => L(this.scene.getElement(e.id) ?? e, { fileId: t }), this.#lt = async () => {
+		}, this.#ct = (e, t) => z(this.scene.getElement(e.id) ?? e, { fileId: t }), this.#lt = async () => {
 			try {
 				let { x: e, y: t } = O({
 					clientX: this.state.width / 2 + this.state.offsetLeft,
 					clientY: this.state.height / 2 + this.state.offsetTop
 				}, this.state), n = await $r({
 					description: "Image",
-					extensions: Object.keys(_),
+					extensions: Object.keys(ee),
 					multiple: !0
 				});
 				this.#_t(n, e, t);
@@ -2165,7 +2165,7 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 					newElement: null,
 					activeTool: D(this.state, { type: this.state.preferredSelectionTool.type })
 				}, () => {
-					this.actionManager.executeAction(K);
+					this.actionManager.executeAction(q);
 				});
 			}
 		}, this.#ut = (e, t) => {
@@ -2178,31 +2178,31 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 				crop: null
 			};
 		}, this.#dt = async (e, t = this.files) => {
-			let { updatedFiles: n, erroredFiles: r } = await gr({
+			let { updatedFiles: n, erroredFiles: r } = await yr({
 				imageCache: this.imageCache,
 				fileIds: e.map((e) => e.fileId),
 				files: t
 			});
-			return r.size && (this.#r.scheduleAction(B.NEVER), this.scene.replaceAllElements(this.scene.getElementsIncludingDeleted().map((e) => pt(e) && r.has(e.fileId) ? L(e, { status: "error" }) : e))), {
+			return r.size && (this.#r.scheduleAction(H.NEVER), this.scene.replaceAllElements(this.scene.getElementsIncludingDeleted().map((e) => gt(e) && r.has(e.fileId) ? z(e, { status: "error" }) : e))), {
 				updatedFiles: n,
 				erroredFiles: r
 			};
-		}, this.#ft = async (e = mr(this.scene.getNonDeletedElements()), t = this.files) => {
+		}, this.#ft = async (e = _r(this.scene.getNonDeletedElements()), t = this.files) => {
 			let n = e.filter((e) => !e.isDeleted && !this.imageCache.has(e.fileId));
 			if (n.length) {
 				let { updatedFiles: e } = await this.#dt(n, t);
-				if (e.size) for (let t of n) e.has(t.fileId) && sn.delete(t);
+				if (e.size) for (let t of n) e.has(t.fileId) && un.delete(t);
 				e.size && this.scene.triggerUpdate();
 			}
 		}, this.#pt = eo(() => {
 			this.#ft();
 		}, 500), this.#mt = (e) => {
-			let t = xn(e);
+			let t = wn(e);
 			this.state.isBindingEnabled !== t && this.setState({ isBindingEnabled: t });
 		}, this.#gt = (e) => {
 			e === null ? (this.interactiveCanvas?.removeEventListener?.(h.TOUCH_START, this.#$), this.interactiveCanvas?.removeEventListener?.(h.TOUCH_END, this.#ee)) : (this.interactiveCanvas = e, this.interactiveCanvas.addEventListener(h.TOUCH_START, this.#$, { passive: !1 }), this.interactiveCanvas.addEventListener(h.TOUCH_END, this.#ee));
 		}, this.#_t = async (e, t, n) => {
-			let r = 50 / this.state.zoom.value, i = _r(e.map(() => this.#qe({
+			let r = 50 / this.state.zoom.value, i = br(e.map(() => this.#qe({
 				sceneX: t,
 				sceneY: n
 			})), t, n, r);
@@ -2211,21 +2211,21 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 				try {
 					return await this.#st(t, await pi(e[n]));
 				} catch (e) {
-					return this.setState({ errorMessage: e.message || H("errors.imageInsertError") }), L(t, { isDeleted: !0 });
+					return this.setState({ errorMessage: e.message || U("errors.imageInsertError") }), z(t, { isDeleted: !0 });
 				}
-			})), o = Ae(a), s = _r(a.filter((e) => !e.isDeleted), t, n, r), c = Ae(s), l = this.scene.getElementsIncludingDeleted().map((e) => c.get(e.id) ?? o.get(e.id) ?? e);
+			})), o = Ae(a), s = br(a.filter((e) => !e.isDeleted), t, n, r), c = Ae(s), l = this.scene.getElementsIncludingDeleted().map((e) => c.get(e.id) ?? o.get(e.id) ?? e);
 			this.updateScene({
-				appState: { selectedElementIds: F(Object.fromEntries(s.map((e) => [e.id, !0])), this.state) },
+				appState: { selectedElementIds: L(Object.fromEntries(s.map((e) => [e.id, !0])), this.state) },
 				elements: l,
-				captureUpdate: B.IMMEDIATELY
+				captureUpdate: H.IMMEDIATELY
 			}), this.setState({}, () => {
-				this.actionManager.executeAction(K);
+				this.actionManager.executeAction(q);
 			});
 		}, this.#vt = async (e) => {
 			let { x: t, y: n } = O(e, this.state), r = await vi(e), i = r.getFiles();
 			if (i.length === 1) {
 				let { file: e, fileHandle: t } = i[0];
-				if (e && (e.type === v.png || e.type === v.svg)) try {
+				if (e && (e.type === _.png || e.type === _.svg)) try {
 					let n = await di(e, this.state, this.scene.getElementsIncludingDeleted(), t);
 					this.syncActionResult({
 						...n,
@@ -2234,16 +2234,16 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 							isLoading: !1
 						},
 						replaceFiles: !0,
-						captureUpdate: B.IMMEDIATELY
+						captureUpdate: H.IMMEDIATELY
 					});
 					return;
 				} catch (e) {
-					if (e.name !== "EncodingError") throw Error(H("alerts.couldNotLoadInvalidFile"), { cause: e });
+					if (e.name !== "EncodingError") throw Error(U("alerts.couldNotLoadInvalidFile"), { cause: e });
 				}
 			}
 			let a = i.map((e) => e.file).filter((e) => ui(e));
 			if (a.length > 0 && this.#de("image")) return this.#_t(a, t, n);
-			let o = r.getData(v.drawlibIds), s = r.getData(v.drawlib);
+			let o = r.getData(_.drawlibIds), s = r.getData(_.drawlib);
 			if (o || s) {
 				try {
 					let t = null;
@@ -2253,13 +2253,13 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 					} else s && (t = mi(s));
 					t?.length && (t = t.map((e) => ({
 						...e,
-						elements: Hn({
+						elements: Gn({
 							type: "everything",
 							elements: e.elements,
 							randomizeSeed: !0
 						}).duplicatedElements
 					})), this.addElementsFromPasteOrLibrary({
-						elements: da(t),
+						elements: ua(t),
 						position: e,
 						files: null
 					}));
@@ -2272,10 +2272,10 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 				let { file: e, fileHandle: t } = i[0];
 				e && await this.loadFileToCanvas(e, t);
 			}
-			let c = r.findByType(v.text);
+			let c = r.findByType(_.text);
 			if (c) {
 				let e = c.value;
-				if (e && lr(e, this.props.validateEmbeddable) && /^(http|https):\/\/[^\s/$.?#].[^\s]*$/.test(e)) {
+				if (e && fr(e, this.props.validateEmbeddable) && /^(http|https):\/\/[^\s/$.?#].[^\s]*$/.test(e)) {
 					let r = this.insertEmbeddableElement({
 						sceneX: t,
 						sceneY: n,
@@ -2295,19 +2295,19 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 					if (t && e.code === "IMAGE_NOT_CONTAINS_SCENE_DATA" && !this.#de("image")) {
 						this.setState({
 							isLoading: !1,
-							errorMessage: H("errors.imageToolNotSupported")
+							errorMessage: U("errors.imageToolNotSupported")
 						});
 						return;
 					}
-					let n = H(t ? "alerts.cannotRestoreFromImage" : "alerts.couldNotLoadInvalidFile");
+					let n = U(t ? "alerts.cannotRestoreFromImage" : "alerts.couldNotLoadInvalidFile");
 					this.setState({
 						isLoading: !1,
 						errorMessage: n
 					});
 				}
 				if (!r) return;
-				r.type === v.draw ? (Cn(n.concat(r.data.elements)), this.#r.scheduleMicroAction({
-					action: B.NEVER,
+				r.type === _.draw ? (En(n.concat(r.data.elements)), this.#r.scheduleMicroAction({
+					action: H.NEVER,
 					elements: n,
 					appState: void 0
 				}), this.setState({ isLoading: !0 }), this.syncActionResult({
@@ -2317,13 +2317,13 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 						isLoading: !1
 					},
 					replaceFiles: !0,
-					captureUpdate: B.IMMEDIATELY
-				})) : r.type === v.drawlib && await this.library.updateLibrary({
+					captureUpdate: H.IMMEDIATELY
+				})) : r.type === _.drawlib && await this.library.updateLibrary({
 					libraryItems: e,
 					merge: !0,
 					openLibraryMenu: !0
 				}).catch((e) => {
-					console.error(e), this.setState({ errorMessage: H("errors.importLibraryError") });
+					console.error(e), this.setState({ errorMessage: U("errors.importLibraryError") });
 				});
 			} catch (e) {
 				this.setState({
@@ -2332,7 +2332,7 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 				});
 			}
 		}, this.#yt = (e) => {
-			if (e.preventDefault(), ("pointerType" in e.nativeEvent && e.nativeEvent.pointerType === "touch" || "pointerType" in e.nativeEvent && e.nativeEvent.pointerType === "pen" && e.button !== y.SECONDARY) && this.state.activeTool.type !== this.state.preferredSelectionTool.type) return;
+			if (e.preventDefault(), ("pointerType" in e.nativeEvent && e.nativeEvent.pointerType === "touch" || "pointerType" in e.nativeEvent && e.nativeEvent.pointerType === "pen" && e.button !== v.SECONDARY) && this.state.activeTool.type !== this.state.preferredSelectionTool.type) return;
 			let { x: t, y: n } = O(e, this.state), r = this.#xe(t, n, {
 				preferSelected: !0,
 				includeLockedElements: !0
@@ -2340,13 +2340,13 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 				x: t,
 				y: n
 			}, i), o = r || a ? "element" : "canvas", { top: s, left: c } = this.rootElement.getBoundingClientRect(), l = e.clientX - c, u = e.clientY - s;
-			V("contextMenu", "openContextMenu", o), this.setState({ ...r && !this.state.selectedElementIds[r.id] ? {
+			k("contextMenu", "openContextMenu", o), this.setState({ ...r && !this.state.selectedElementIds[r.id] ? {
 				...this.state,
-				...I({
+				...R({
 					editingGroupId: this.state.editingGroupId,
 					selectedElementIds: { [r.id]: !0 }
 				}, this.scene.getNonDeletedElements(), this.state, this),
-				selectedLinearElement: N(r) ? new z(r, this.scene.getNonDeletedElementsMap()) : null
+				selectedLinearElement: F(r) ? new V(r, this.scene.getNonDeletedElementsMap()) : null
 			} : this.state }, () => {
 				this.setState({ contextMenu: {
 					top: u,
@@ -2357,7 +2357,7 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 		}, this.#bt = (e, t, n = !0) => {
 			let r = this.state.selectionElement, i = e.lastCoords;
 			if (r && e.boxSelection.hasOccurred && this.state.activeTool.type !== "eraser") {
-				Kn({
+				Yn({
 					newElement: r,
 					elementType: this.state.activeTool.type,
 					originX: e.origin.x,
@@ -2376,7 +2376,7 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 			}
 			let a = this.state.newElement;
 			if (!a) return;
-			let [o, s] = C(i.x, i.y, t[x.CTRL_OR_CMD] ? null : this.getEffectiveGridSize()), c = pt(a) && this.imageCache.get(a.fileId)?.image, l = c && !(c instanceof Promise) ? c.width / c.height : null;
+			let [o, s] = C(i.x, i.y, t[x.CTRL_OR_CMD] ? null : this.getEffectiveGridSize()), c = gt(a) && this.imageCache.get(a.fileId)?.image, l = c && !(c instanceof Promise) ? c.width / c.height : null;
 			this.#Qe(t, [a]);
 			let { snapOffset: u, snapLines: d } = Da(a, this, t, {
 				x: e.originInGrid.x + (this.state.originSnapOffset?.x ?? 0),
@@ -2385,7 +2385,7 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 				x: o - e.originInGrid.x,
 				y: s - e.originInGrid.y
 			}, this.scene.getNonDeletedElementsMap());
-			o += u.x, s += u.y, this.setState({ snapLines: d }), k(a) || Kn({
+			o += u.x, s += u.y, this.setState({ snapLines: d }), j(a) || Yn({
 				newElement: a,
 				elementType: this.state.activeTool.type,
 				originX: e.originInGrid.x,
@@ -2394,27 +2394,27 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 				y: s,
 				width: Me(e.originInGrid.x, o),
 				height: Me(e.originInGrid.y, s),
-				shouldMaintainAspectRatio: M(a) ? !be(t) : be(t),
+				shouldMaintainAspectRatio: P(a) ? !be(t) : be(t),
 				shouldResizeFromCenter: xe(t),
 				zoom: this.state.zoom.value,
 				scene: this.scene,
 				widthAspectRatio: l,
 				originOffset: this.state.originSnapOffset,
 				informMutation: n
-			}), this.setState({ newElement: a }), (this.state.activeTool.type === b.frame || this.state.activeTool.type === b.magicframe) && this.setState({ elementsToHighlight: Xt(this.scene.getNonDeletedElements(), a, this.state, this.scene.getNonDeletedElementsMap()) });
+			}), this.setState({ newElement: a }), (this.state.activeTool.type === b.frame || this.state.activeTool.type === b.magicframe) && this.setState({ elementsToHighlight: $t(this.scene.getNonDeletedElements(), a, this.state, this.scene.getNonDeletedElementsMap()) });
 		}, this.#xt = (e, t) => {
 			if (!this.state.croppingElementId) return !1;
 			let n = e.resize.handleType, r = e.lastCoords, [i, a] = C(r.x - e.resize.offset.x, r.y - e.resize.offset.y, t[x.CTRL_OR_CMD] ? null : this.getEffectiveGridSize()), o = this.scene.getNonDeletedElementsMap().get(this.state.croppingElementId);
-			if (n && o && M(o)) {
-				let s = e.originalElements.get(o.id), c = pt(o) && this.imageCache.get(o.fileId)?.image;
-				if (s && M(s) && c && !(c instanceof Promise)) {
+			if (n && o && P(o)) {
+				let s = e.originalElements.get(o.id), c = gt(o) && this.imageCache.get(o.fileId)?.image;
+				if (s && P(s) && c && !(c instanceof Promise)) {
 					let [l, u] = C(r.x, r.y, t[x.CTRL_OR_CMD] ? null : this.getEffectiveGridSize()), d = {
 						x: l - e.originInGrid.x,
 						y: u - e.originInGrid.y
 					};
 					this.#Qe(t, [o]);
 					let { snapOffset: f, snapLines: p } = Oa([o], [s], this, t, d, n);
-					this.scene.mutateElement(o, nt(o, this.scene.getNonDeletedElementsMap(), n, c.naturalWidth, c.naturalHeight, i + f.x, a + f.y, t.shiftKey ? s.width / s.height : void 0)), Sn(o, this.scene), this.setState({
+					this.scene.mutateElement(o, at(o, this.scene.getNonDeletedElementsMap(), n, c.naturalWidth, c.naturalHeight, i + f.x, a + f.y, t.shiftKey ? s.width / s.height : void 0)), Tn(o, this.scene), this.setState({
 						isCropping: n && n !== "rotation",
 						snapLines: p
 					});
@@ -2423,8 +2423,8 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 			}
 			return !1;
 		}, this.#St = (e, t) => {
-			let n = this.scene.getSelectedElements(this.state), r = n.filter((e) => j(e)), i = e.resize.handleType;
-			if (r.length > 0 && i === "rotation" || n.length === 1 && A(n[0]) || this.state.croppingElementId) return !1;
+			let n = this.scene.getSelectedElements(this.state), r = n.filter((e) => N(e)), i = e.resize.handleType;
+			if (r.length > 0 && i === "rotation" || n.length === 1 && M(n[0]) || this.state.croppingElementId) return !1;
 			this.setState({
 				isResizing: i && i !== "rotation",
 				isRotating: i === "rotation",
@@ -2432,7 +2432,7 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 			});
 			let a = e.lastCoords, [o, s] = C(a.x - e.resize.offset.x, a.y - e.resize.offset.y, t[x.CTRL_OR_CMD] ? null : this.getEffectiveGridSize()), c = /* @__PURE__ */ new Map();
 			if (r.forEach((e) => {
-				Qt(this.scene.getNonDeletedElements(), e.id).forEach((t) => {
+				tn(this.scene.getNonDeletedElements(), e.id).forEach((t) => {
 					c.set(e.id + t.id, {
 						x: t.x - e.x,
 						y: t.y - e.y
@@ -2444,89 +2444,89 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 					y: c - e.originInGrid.y
 				}, u = [...e.originalElements.values()];
 				this.#Qe(t, n);
-				let { snapOffset: d, snapLines: f } = Oa(n, St(u, this.state), this, t, l, i);
+				let { snapOffset: d, snapLines: f } = Oa(n, Tt(u, this.state), this, t, l, i);
 				o += d.x, s += d.y, this.setState({ snapLines: f });
 			}
-			if (br(e.originalElements, i, n, this.scene, Se(t), xe(t), n.some((e) => M(e)) ? !be(t) : be(t), o, s, e.resize.center.x, e.resize.center.y)) {
+			if (Cr(e.originalElements, i, n, this.scene, Se(t), xe(t), n.some((e) => P(e)) ? !be(t) : be(t), o, s, e.resize.center.x, e.resize.center.y)) {
 				let e = /* @__PURE__ */ new Set();
 				return r.forEach((t) => {
-					Xt(this.scene.getNonDeletedElements(), t, this.state, this.scene.getNonDeletedElementsMap()).forEach((t) => e.add(t));
+					$t(this.scene.getNonDeletedElements(), t, this.state, this.scene.getNonDeletedElementsMap()).forEach((t) => e.add(t));
 				}), this.setState({ elementsToHighlight: [...e] }), !0;
 			}
 			return !1;
 		}, this.#Ct = (e) => {
 			let t = [];
-			if (t.push(Ri, zi), e === "canvas") return this.state.viewModeEnabled ? [
+			if (t.push(Li, Ri), e === "canvas") return this.state.viewModeEnabled ? [
 				...t,
-				Ui,
-				Gi,
-				sa,
-				Qi
+				Hi,
+				Wi,
+				oa,
+				Zi
 			] : [
-				Vi,
+				Bi,
 				Y,
+				Li,
 				Ri,
-				zi,
-				Hi,
+				Vi,
 				Y,
-				bi,
-				Xi,
+				yi,
+				Yi,
 				Y,
+				Hi,
 				Ui,
 				Wi,
-				Gi,
-				sa,
-				Qi
+				oa,
+				Zi
 			];
-			if (t.push(Hi), this.state.viewModeEnabled) return [Li, ...t];
+			if (t.push(Vi), this.state.viewModeEnabled) return [Ii, ...t];
 			let n = this.editorInterface.formFactor === "desktop" ? [
 				Y,
+				Si,
+				bi,
 				Ci,
-				xi,
-				wi,
-				Si
+				xi
 			] : [];
 			return [
 				Y,
+				zi,
+				Ii,
 				Bi,
-				Li,
-				Vi,
 				Y,
-				na,
 				ta,
-				ra,
+				ea,
+				na,
 				Y,
-				$i,
+				Qi,
 				Y,
 				...t,
 				Y,
+				ki,
 				Ai,
-				ji,
 				Y,
-				Mi,
-				oa,
-				qi,
+				ji,
+				aa,
 				Ki,
-				Ji,
-				Ni,
+				Gi,
+				qi,
+				Mi,
 				Y,
-				Pi,
+				Ni,
 				...n,
 				Y,
+				Pi,
 				Fi,
-				Ii,
 				Y,
-				Zi,
+				Xi,
 				Y,
-				ea,
+				$i,
 				Y,
-				Zr,
-				Yi,
+				Xr,
+				Ji,
 				Y,
-				Yr
+				Jr
 			];
-		}, this.#wt = q((e) => {
-			if (!(e.target instanceof HTMLCanvasElement || e.target instanceof HTMLTextAreaElement || e.target instanceof HTMLIFrameElement || e.target instanceof HTMLElement && e.target.classList.contains(l.FRAME_NAME))) {
+		}, this.#wt = J((e) => {
+			if (!(e.target instanceof HTMLCanvasElement || e.target instanceof HTMLTextAreaElement || e.target instanceof HTMLIFrameElement || e.target instanceof HTMLElement && e.target.classList.contains(c.FRAME_NAME))) {
 				e[x.CTRL_OR_CMD] && e.preventDefault();
 				return;
 			}
@@ -2537,10 +2537,10 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 				r > t && (i = t * e);
 				let a = this.state.zoom.value - i / 100;
 				a += Math.log10(Math.max(1, this.state.zoom.value)) * -e * Math.min(1, r / 20), this.#ae((e) => ({
-					...Ei({
+					...Ti({
 						viewportX: this.lastViewportPosition.x,
 						viewportY: this.lastViewportPosition.y,
-						nextZoom: Kr(a)
+						nextZoom: Gr(a)
 					}, e),
 					shouldCacheIgnoreZoom: !0
 				})), this.#Dt();
@@ -2590,20 +2590,20 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 		}, this.refresh = () => {
 			this.setState({ ...this.#kt() });
 		}, this.watchState = () => {};
-		let n = Dr(), { drawAPI: i, viewModeEnabled: d = !1, zenModeEnabled: p = !1, gridModeEnabled: m = !1, objectsSnapModeEnabled: oe = !1, theme: de = n.theme, name: Ce = `${H("labels.untitled")}-${Fe()}` } = t;
+		let n = tt(), { drawAPI: i, viewModeEnabled: u = !1, zenModeEnabled: f = !1, gridModeEnabled: p = !1, objectsSnapModeEnabled: oe = !1, theme: de = n.theme, name: Ce = `${U("labels.untitled")}-${Fe()}` } = t;
 		if (this.state = {
 			...n,
 			theme: de,
 			isLoading: !0,
 			...this.#kt(),
-			viewModeEnabled: d,
-			zenModeEnabled: p,
+			viewModeEnabled: u,
+			zenModeEnabled: f,
 			objectsSnapModeEnabled: oe,
-			gridModeEnabled: m ?? n.gridModeEnabled,
+			gridModeEnabled: p ?? n.gridModeEnabled,
 			name: Ce,
 			width: window.innerWidth,
 			height: window.innerHeight
-		}, this.refreshEditorInterface(), this.#e = le(this.editorInterface), this.id = Ze(), this.library = new ua(this), this.actionManager = new Er(this.syncActionResult, () => this.state, () => this.scene.getElementsIncludingDeleted(), this), this.scene = new Bn(), this.canvas = document.createElement("canvas"), this.rc = et.canvas(this.canvas), this.renderer = new va(this.scene), this.visibleElements = [], this.#r = new Un(this), this.fonts = new ei(this.scene), this.#i = new Ar(this.#r), i) {
+		}, this.refreshEditorInterface(), this.#e = le(this.editorInterface), this.id = Ze(), this.library = new la(this), this.actionManager = new et(this.syncActionResult, () => this.state, () => this.scene.getElementsIncludingDeleted(), this), this.scene = new Un(), this.canvas = document.createElement("canvas"), this.rc = rt.canvas(this.canvas), this.renderer = new _a(this.scene), this.visibleElements = [], this.#r = new Kn(this), this.fonts = new ei(this.scene), this.#i = new kr(this.#r), i) {
 			let e = {
 				updateScene: this.updateScene,
 				applyDeltas: this.applyDeltas,
@@ -2642,12 +2642,12 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 		this.drawContainerValue = {
 			container: this.rootElement,
 			id: this.id
-		}, this.actionManager.registerAll(Jr), this.actionManager.registerAction(aa(this.#i)), this.actionManager.registerAction(ia(this.#i));
+		}, this.actionManager.registerAll(qr), this.actionManager.registerAction(ia(this.#i)), this.actionManager.registerAction(ra(this.#i));
 	}
 	#d() {
 		if (this.state.selectedLinearElement?.initialState && !this.state.selectedLinearElement.initialState.arrowStartIsInside) {
 			E(this.lastPointerMoveCoords, "Missing last pointer move coords when changing bind skip mode for arrow start");
-			let e = this.scene.getNonDeletedElementsMap(), t = R(S(this.lastPointerMoveCoords.x, this.lastPointerMoveCoords.y), this.scene.getNonDeletedElements(), e), n = z.getElement(this.state.selectedLinearElement.elementId, e);
+			let e = this.scene.getNonDeletedElementsMap(), t = B(S(this.lastPointerMoveCoords.x, this.lastPointerMoveCoords.y), this.scene.getNonDeletedElements(), e), n = V.getElement(this.state.selectedLinearElement.elementId, e);
 			n?.startBinding && t?.id === n.startBinding.elementId && this.setState({ selectedLinearElement: {
 				...this.state.selectedLinearElement,
 				initialState: {
@@ -2661,7 +2661,7 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 		}), this.lastPointerMoveCoords && this.state.selectedLinearElement?.selectedPointsIndices && this.state.selectedLinearElement?.selectedPointsIndices?.length)) {
 			let { x: e, y: t } = this.lastPointerMoveCoords, n = this.lastPointerMoveEvent ?? this.lastPointerDownEvent?.nativeEvent;
 			E(n, "Last event must exist");
-			let r = e - this.state.selectedLinearElement.pointerOffset.x, i = t - this.state.selectedLinearElement.pointerOffset.y, a = this.state.multiElement ? z.handlePointerMove(n, this, r, i, this.state.selectedLinearElement) : z.handlePointDragging(n, this, r, i, this.state.selectedLinearElement);
+			let r = e - this.state.selectedLinearElement.pointerOffset.x, i = t - this.state.selectedLinearElement.pointerOffset.y, a = this.state.multiElement ? V.handlePointerMove(n, this, r, i, this.state.selectedLinearElement) : V.handlePointDragging(n, this, r, i, this.state.selectedLinearElement);
 			a && this.setState(a);
 		}
 	}
@@ -2670,14 +2670,14 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 	}
 	#p;
 	#m(e, t) {
-		if (e.isDeleted || A(e)) return;
+		if (e.isDeleted || M(e)) return;
 		let n = () => {
 			if (this.bindModeHandler = null, E(this.lastPointerMoveCoords, "Expected lastPointerMoveCoords to be set"), !this.state.multiElement) {
 				if (!this.state.selectedLinearElement || !this.state.selectedLinearElement.selectedPointsIndices || !this.state.selectedLinearElement.selectedPointsIndices.length) return;
 				let t = this.state.selectedLinearElement.selectedPointsIndices.includes(0), n = this.state.selectedLinearElement.selectedPointsIndices.includes(e.points.length - 1);
 				if (!t && !n || t && n) return;
 			}
-			let { x: t, y: n } = this.lastPointerMoveCoords, r = R(S(t, n), this.scene.getNonDeletedElements(), this.scene.getNonDeletedElementsMap());
+			let { x: t, y: n } = this.lastPointerMoveCoords, r = B(S(t, n), this.scene.getNonDeletedElements(), this.scene.getNonDeletedElementsMap());
 			if (r && this.state.bindMode !== "skip") {
 				E(this.state.selectedLinearElement?.elementId === e.id, "The selectedLinearElement is expected to not change while a bind mode timeout is ticking");
 				let i = this.state.selectedLinearElement.initialState.arrowStartIsInside || e.startBinding?.elementId === r.id;
@@ -2695,13 +2695,13 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 				});
 				let a = this.lastPointerMoveEvent ?? this.lastPointerDownEvent?.nativeEvent;
 				E(a, "Last event must exist");
-				let o = t - this.state.selectedLinearElement.pointerOffset.x, s = n - this.state.selectedLinearElement.pointerOffset.y, c = this.state.multiElement ? z.handlePointerMove(a, this, o, s, this.state.selectedLinearElement) : z.handlePointDragging(a, this, o, s, this.state.selectedLinearElement);
+				let o = t - this.state.selectedLinearElement.pointerOffset.x, s = n - this.state.selectedLinearElement.pointerOffset.y, c = this.state.multiElement ? V.handlePointerMove(a, this, o, s, this.state.selectedLinearElement) : V.handlePointDragging(a, this, o, s, this.state.selectedLinearElement);
 				c && this.setState(c);
 			}
 		}, r = !1;
 		if (this.state.selectedLinearElement?.selectedPointsIndices) {
-			let n = this.scene.getNonDeletedElementsMap(), i = this.state.selectedLinearElement.selectedPointsIndices.includes(0), a = this.state.selectedLinearElement.selectedPointsIndices.includes(e.points.length - 1), o = i ? t : e.startBinding && n.get(e.startBinding.elementId), s = a ? t : e.endBinding && n.get(e.endBinding.elementId), c = o && On(o, n), l = s && On(s, n);
-			r = !!(c && l && o.id !== s.id && Tn(c, l));
+			let n = this.scene.getNonDeletedElementsMap(), i = this.state.selectedLinearElement.selectedPointsIndices.includes(0), a = this.state.selectedLinearElement.selectedPointsIndices.includes(e.points.length - 1), o = i ? t : e.startBinding && n.get(e.startBinding.elementId), s = a ? t : e.endBinding && n.get(e.endBinding.elementId), c = o && jn(o, n), l = s && jn(s, n);
+			r = !!(c && l && o.id !== s.id && On(c, l));
 		}
 		let i = this.state.selectedLinearElement?.selectedPointsIndices?.includes?.(0), a = this.state.selectedLinearElement?.selectedPointsIndices?.includes?.(e.points.length - 1), o = i ? "startBinding" : a ? "endBinding" : null, s = i ? "endBinding" : a ? "startBinding" : null, c = s && e[s]?.mode === "inside" && e[s]?.elementId === t?.id || o && e[o]?.mode === "inside" && t?.id === e[o]?.elementId;
 		o && s && e[o]?.mode === "inside" && t?.id !== e[o]?.elementId && e[s]?.elementId !== e[o]?.elementId && this.scene.mutateElement(e, { [o]: {
@@ -2731,7 +2731,7 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 				newElement: null,
 				selectionElement: null
 			});
-		}, 100), !dt(e) && this.#g(e)?.contentWindow);
+		}, 100), !mt(e) && this.#g(e)?.contentWindow);
 	}
 	#v(e, t, n, r) {
 		return e && !t.altKey && !t.shiftKey && !t.metaKey && !t.ctrlKey && (this.state.activeEmbeddable?.element !== e || this.state.activeEmbeddable?.state === "hover" || !this.state.activeEmbeddable) && n >= e.x + e.width / 3 && n <= e.x + 2 * e.width / 3 && r >= e.y + e.height / 3 && r <= e.y + 2 * e.height / 3;
@@ -2740,14 +2740,14 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 	#b;
 	#x() {
 		let e = this.state.zoom.value, t = this.state.width, n = this.state.height;
-		return /* @__PURE__ */ X(Qa, { children: this.scene.getNonDeletedElements().filter((e) => lt(e) && this.#o.get(e.id) === !0 || dt(e)).map((r) => {
+		return /* @__PURE__ */ X(Qa, { children: this.scene.getNonDeletedElements().filter((e) => ft(e) && this.#o.get(e.id) === !0 || mt(e)).map((r) => {
 			let { x: i, y: a } = qe({
 				sceneX: r.x,
 				sceneY: r.y
-			}, this.state), o = Mn(r, t, n, this.state, this.scene.getNonDeletedElementsMap()), s = this.#s.has(r.id);
+			}, this.state), o = Fn(r, t, n, this.state, this.scene.getNonDeletedElementsMap()), s = this.#s.has(r.id);
 			if (o && !s && this.#s.add(r.id), !(o || s)) return null;
 			let c;
-			if (dt(r)) {
+			if (mt(r)) {
 				c = null;
 				let e = (r.customData?.generationData ?? this.#D.get(r.id)) || {
 					status: "error",
@@ -2770,7 +2770,7 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 						h: r.height
 					},
 					type: "document",
-					srcdoc: () => cr(`
+					srcdoc: () => dr(`
                     <style>
                       html, body {
                         width: 100%;
@@ -2852,7 +2852,7 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 							h: r.height
 						},
 						type: "document",
-						srcdoc: () => cr(`
+						srcdoc: () => dr(`
                     <style>
                     html, body {
                       height: 100%;
@@ -2881,8 +2881,8 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 				style: {
 					transform: o ? `translate(${i - this.state.offsetLeft}px, ${a - this.state.offsetTop}px) scale(${e})` : "none",
 					display: o ? "block" : "none",
-					opacity: on(r, Jt(r, this.scene.getNonDeletedElementsMap()), this.#l, null, this.state.openDialog?.name === "elementLinkSelector" ? p : 1),
-					"--embeddable-radius": `${cn(Math.min(r.width, r.height), r)}px`
+					opacity: ln(r, Zt(r, this.scene.getNonDeletedElementsMap()), this.#l, null, this.state.openDialog?.name === "elementLinkSelector" ? f : 1),
+					"--embeddable-radius": `${dn(Math.min(r.width, r.height), r)}px`
 				},
 				children: /* @__PURE__ */ $a("div", {
 					className: "draw__embeddable-container__inner",
@@ -2890,15 +2890,15 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 						width: o ? `${r.width}px` : 0,
 						height: o ? `${r.height}px` : 0,
 						transform: o ? `rotate(${r.angle}rad)` : "none",
-						pointerEvents: l ? te.enabled : te.disabled
+						pointerEvents: l ? y.enabled : y.disabled
 					},
 					children: [u && /* @__PURE__ */ X("div", {
 						className: "draw__embeddable-hint",
-						children: H("buttons.embeddableInteractionButton")
+						children: U("buttons.embeddableInteractionButton")
 					}), /* @__PURE__ */ X("div", {
 						className: "draw__embeddable__outer",
 						style: { padding: `${r.strokeWidth}px` },
-						children: (lt(r) ? this.props.renderEmbeddable?.(r, this.state) : null) ?? /* @__PURE__ */ X("iframe", {
+						children: (ft(r) ? this.props.renderEmbeddable?.(r, this.state) : null) ?? /* @__PURE__ */ X("iframe", {
 							ref: (e) => this.#h(r, e),
 							className: "draw__embeddable",
 							srcDoc: c?.type === "document" ? c.srcdoc(this.state.theme) : void 0,
@@ -2935,9 +2935,9 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 			this.setState({ errorMessage: "No diagram to code plugin found" });
 			return;
 		}
-		let r = Zt(this.scene.getNonDeletedElements(), e).filter((e) => !gt(e));
+		let r = en(this.scene.getNonDeletedElements(), e).filter((e) => !yt(e));
 		if (!r.length) {
-			t === "button" ? (this.setState({ errorMessage: "Cannot generate from an empty frame" }), V("ai", "generate (no-children)", "d2c")) : this.setActiveTool({ type: "magicframe" });
+			t === "button" ? (this.setState({ errorMessage: "Cannot generate from an empty frame" }), k("ai", "generate (no-children)", "d2c")) : this.setActiveTool({ type: "magicframe" });
 			return;
 		}
 		let i = this.insertIframeElement({
@@ -2950,13 +2950,13 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 			this.#O({
 				frameElement: i,
 				data: { status: "pending" }
-			}), this.setState({ selectedElementIds: { [i.id]: !0 } }), V("ai", "generate (start)", "d2c");
+			}), this.setState({ selectedElementIds: { [i.id]: !0 } }), k("ai", "generate (start)", "d2c");
 			try {
 				let { html: t } = await n({
 					frame: e,
 					children: r
 				});
-				if (V("ai", "generate (success)", "d2c"), !t.trim()) {
+				if (k("ai", "generate (success)", "d2c"), !t.trim()) {
 					this.#O({
 						frameElement: i,
 						data: {
@@ -2976,7 +2976,7 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 					}
 				});
 			} catch (e) {
-				V("ai", "generate (failed)", "d2c"), this.#O({
+				k("ai", "generate (failed)", "d2c"), this.#O({
 					frameElement: i,
 					data: {
 						status: "error",
@@ -3008,7 +3008,7 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 	#H(e) {
 		let t = e ?? this.files;
 		this.scene.getNonDeletedElements().forEach((e) => {
-			pt(e) && t[e.fileId] && (this.imageCache.delete(e.fileId), sn.delete(e));
+			gt(e) && t[e.fileId] && (this.imageCache.delete(e.fileId), un.delete(e));
 		});
 	}
 	async componentDidMount() {
@@ -3045,11 +3045,11 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 			e(t);
 		}), this.scene.onUpdate(this.#se), this.#q(), this.props.autoFocus && this.rootElement && this.focusContainer(), oe && this.rootElement && (this.#n = new ResizeObserver(() => {
 			this.refreshEditorInterface(), this.#Ot();
-		}), this.#n?.observe?.(this.rootElement)), new URLSearchParams(window.location.search.slice(1)).has("web-share-target") ? this.restoreFileFromShare() : this.#Ot(this.#R), de() && !kt() && this.setState({ errorMessage: /* @__PURE__ */ X(ja, {}) }), n.on(t.DARK_THEME, this.#U);
+		}), this.#n?.observe?.(this.rootElement)), new URLSearchParams(window.location.search.slice(1)).has("web-share-target") ? this.restoreFileFromShare() : this.#Ot(this.#R), de() && !Mt() && this.setState({ errorMessage: /* @__PURE__ */ X(ja, {}) }), n.on(t.DARK_THEME, this.#U);
 	}
 	#U;
 	componentWillUnmount() {
-		window.launchQueue?.setConsumer?.(() => {}), this.renderer.destroy(), this.scene.destroy(), this.scene = new Bn(), this.fonts = new ei(this.scene), this.renderer = new va(this.scene), this.files = {}, this.imageCache.clear(), this.#n?.disconnect?.(), this.unmounted = !0, this.#K(), this.library.destroy(), this.laserTrails.stop(), this.eraserTrail.stop(), this.onChangeEmitter.clear(), this.#r.onStoreIncrementEmitter.clear(), this.#r.onDurableIncrementEmitter.clear(), sn.destroy(), J.destroy(), clearTimeout(Q), wt.clearCache(), I.clearCache(), Q = 0, document.documentElement.style.overscrollBehaviorX = "", n.off(t.DARK_THEME, this.#U);
+		window.launchQueue?.setConsumer?.(() => {}), this.renderer.destroy(), this.scene.destroy(), this.scene = new Un(), this.fonts = new ei(this.scene), this.renderer = new _a(this.scene), this.files = {}, this.imageCache.clear(), this.#n?.disconnect?.(), this.unmounted = !0, this.#K(), this.library.destroy(), this.laserTrails.stop(), this.eraserTrail.stop(), this.onChangeEmitter.clear(), this.#r.onStoreIncrementEmitter.clear(), this.#r.onDurableIncrementEmitter.clear(), un.destroy(), ya.destroy(), clearTimeout(Q), Dt.clearCache(), R.clearCache(), Q = 0, document.documentElement.style.overscrollBehaviorX = "", n.off(t.DARK_THEME, this.#U);
 	}
 	#W;
 	#G;
@@ -3067,14 +3067,14 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 	componentDidUpdate(e, r) {
 		this.#b();
 		let i = this.scene.getElementsIncludingDeleted(), a = this.scene.getElementsMapIncludingDeleted();
-		!this.state.showWelcomeScreen && !i.length && this.setState({ showWelcomeScreen: !0 }), (r.zoom.value !== this.state.zoom.value || r.scrollX !== this.state.scrollX || r.scrollY !== this.state.scrollY) && (this.props?.onScrollChange?.(this.state.scrollX, this.state.scrollY, this.state.zoom), this.onScrollChangeEmitter.trigger(this.state.scrollX, this.state.scrollY, this.state.zoom)), Object.keys(this.state.selectedElementIds).length && Or(this.state) && this.setState({ activeTool: D(this.state, { type: "selection" }) }), this.state.activeTool.type === "eraser" && r.theme !== this.state.theme && Ti(this.interactiveCanvas, this.state.theme), e.langCode !== this.props.langCode && this.#At(), Or(r) && !Or(this.state) && this.eraserTrail.endPath(), e.viewModeEnabled !== this.props.viewModeEnabled && this.setState({ viewModeEnabled: !!this.props.viewModeEnabled }), r.viewModeEnabled !== this.state.viewModeEnabled && (this.#q(), this.#ye()), (r.openDialog?.name === "elementLinkSelector" || this.state.openDialog?.name === "elementLinkSelector") && r.openDialog?.name !== this.state.openDialog?.name && (this.#ye(), this.setState({ hoveredElementIds: {} })), e.zenModeEnabled !== this.props.zenModeEnabled && this.setState({ zenModeEnabled: !!this.props.zenModeEnabled }), e.theme !== this.props.theme && this.props.theme && this.setState({ theme: this.props.theme }), this.rootElement?.classList?.toggle?.("theme--dark", this.#w), r.theme === this.state.theme || (this.#w ? n.emit(t.DARK_THEME, {
+		!this.state.showWelcomeScreen && !i.length && this.setState({ showWelcomeScreen: !0 }), (r.zoom.value !== this.state.zoom.value || r.scrollX !== this.state.scrollX || r.scrollY !== this.state.scrollY) && (this.props?.onScrollChange?.(this.state.scrollX, this.state.scrollY, this.state.zoom), this.onScrollChangeEmitter.trigger(this.state.scrollX, this.state.scrollY, this.state.zoom)), Object.keys(this.state.selectedElementIds).length && A(this.state) && this.setState({ activeTool: D(this.state, { type: "selection" }) }), this.state.activeTool.type === "eraser" && r.theme !== this.state.theme && wi(this.interactiveCanvas, this.state.theme), e.langCode !== this.props.langCode && this.#At(), A(r) && !A(this.state) && this.eraserTrail.endPath(), e.viewModeEnabled !== this.props.viewModeEnabled && this.setState({ viewModeEnabled: !!this.props.viewModeEnabled }), r.viewModeEnabled !== this.state.viewModeEnabled && (this.#q(), this.#ye()), (r.openDialog?.name === "elementLinkSelector" || this.state.openDialog?.name === "elementLinkSelector") && r.openDialog?.name !== this.state.openDialog?.name && (this.#ye(), this.setState({ hoveredElementIds: {} })), e.zenModeEnabled !== this.props.zenModeEnabled && this.setState({ zenModeEnabled: !!this.props.zenModeEnabled }), e.theme !== this.props.theme && this.props.theme && this.setState({ theme: this.props.theme }), this.rootElement?.classList?.toggle?.("theme--dark", this.#w), r.theme === this.state.theme || (this.#w ? n.emit(t.DARK_THEME, {
 			key: "draw",
 			value: !0
 		}) : n.emit(t.DARK_THEME, {
 			key: "draw",
 			value: !1
 		})), this.state.selectedLinearElement?.isEditing && !this.state.selectedElementIds[this.state.selectedLinearElement.elementId] && setTimeout(() => {
-			this.state.selectedLinearElement?.isEditing && this.actionManager.executeAction(K);
+			this.state.selectedLinearElement?.isEditing && this.actionManager.executeAction(q);
 		}), this.state.editingTextElement?.isDeleted && this.setState({ editingTextElement: null }), this.#r.commit(a, this.state), this.state.isLoading || (this.props.onChange?.(i, this.state, this.files), this.onChangeEmitter.trigger(i, this.state, this.files));
 	}
 	#J;
@@ -3116,11 +3116,11 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 			t.startsWith("<svg") && t.endsWith("</svg>") && a.push(ii(t));
 		}
 		if (a.length > 0) {
-			this.#de("image") ? await this.#_t(a, r, i) : this.setState({ errorMessage: H("errors.imageToolNotSupported") });
+			this.#de("image") ? await this.#_t(a, r, i) : this.setState({ errorMessage: U("errors.imageToolNotSupported") });
 			return;
 		}
 		if (e.elements) {
-			let t = e.programmaticAPI ? Tr(e.elements) : e.elements;
+			let t = e.programmaticAPI ? Or(e.elements) : e.elements;
 			this.addElementsFromPasteOrLibrary({
 				elements: t,
 				files: e.files || null,
@@ -3130,7 +3130,7 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 			return;
 		}
 		if (!e.text) return;
-		let o = Ke(e.text).split(/\n+/).map((e) => e.trim()).filter(Boolean), s = o.map((e) => ur(e)).filter((e) => lr(e, this.props.validateEmbeddable) && /^(http|https):\/\/[^\s/$.?#].[^\s]*$/.test(e));
+		let o = Ke(e.text).split(/\n+/).map((e) => e.trim()).filter(Boolean), s = o.map((e) => pr(e)).filter((e) => fr(e, this.props.validateEmbeddable) && /^(http|https):\/\/[^\s/$.?#].[^\s]*$/.test(e));
 		if (!n && s.length > 0 && s.length === o.length) {
 			let e = [];
 			for (let t of s) {
@@ -3153,7 +3153,7 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 					return { file: await ri(e) };
 				} catch (e) {
 					let t = e.message;
-					return e.cause === "FETCH_ERROR" ? t = H("errors.failedToFetchImage") : e.cause === "UNSUPPORTED" && (t = H("errors.unsupportedFileType")), { errorMessage: t };
+					return e.cause === "FETCH_ERROR" ? t = U("errors.failedToFetchImage") : e.cause === "UNSUPPORTED" && (t = U("errors.unsupportedFileType")), { errorMessage: t };
 				}
 			})), a = i.filter((e) => !!e.file).map((e) => e.file);
 			await this.#_t(a, n, r);
@@ -3182,21 +3182,21 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 			text: e,
 			fontSize: this.state.currentItemFontSize,
 			fontFamily: this.state.currentItemFontFamily,
-			textAlign: m,
+			textAlign: p,
 			verticalAlign: "top",
 			locked: !1
 		}, a = Ie({
 			fontSize: i.fontSize,
 			fontFamily: i.fontFamily
-		}), o = _e(i.fontFamily), [s, , c] = kn(this.state), l = Math.max(Math.min((c - s) * .5, 800), 200), u = r, d = t ? [e] : e.split("\n"), f = d.reduce((e, t, r) => {
-			let s = jt(t).trim();
+		}), o = _e(i.fontFamily), [s, , c] = Mn(this.state), l = Math.max(Math.min((c - s) * .5, 800), 200), u = r, d = t ? [e] : e.split("\n"), f = d.reduce((e, t, r) => {
+			let s = Pt(t).trim();
 			if (s.length) {
 				let t = this.#ke({
 					x: n,
 					y: u
-				}), r = At(s, a, o), c = r.width > l, d = c ? Mt(s, a, l) : s;
-				r = c ? At(d, a, o) : r;
-				let f = n - r.width / 2, p = u - r.height / 2, m = or({
+				}), r = Nt(s, a, o), c = r.width > l, d = c ? Ft(s, a, l) : s;
+				r = c ? Nt(d, a, o) : r;
+				let f = n - r.width / 2, p = u - r.height / 2, m = lr({
 					...i,
 					x: f,
 					y: p,
@@ -3207,11 +3207,11 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 					frameId: t ? t.id : null
 				});
 				e.push(m), u += m.height + 10;
-			} else d[r - 1]?.trim?.() && (u += Dt(i.fontSize, o) + 10);
+			} else d[r - 1]?.trim?.() && (u += At(i.fontSize, o) + 10);
 			return e;
 		}, []);
-		f.length !== 0 && (this.scene.insertElements(f), this.#r.scheduleCapture(), this.setState({ selectedElementIds: F(Object.fromEntries(f.map((e) => [e.id, !0])), this.state) }), !t && f.length > 1 && _o === !1 && this.editorInterface.formFactor !== "phone" && (this.setToast({
-			message: H("toast.pasteAsSingleElement", { shortcut: Xr("CtrlOrCmd+Shift+V") }),
+		f.length !== 0 && (this.scene.insertElements(f), this.#r.scheduleCapture(), this.setState({ selectedElementIds: L(Object.fromEntries(f.map((e) => [e.id, !0])), this.state) }), !t && f.length > 1 && _o === !1 && this.editorInterface.formFactor !== "phone" && (this.setToast({
+			message: U("toast.pasteAsSingleElement", { shortcut: Yr("CtrlOrCmd+Shift+V") }),
 			duration: 5e3
 		}), _o = !0));
 	}
@@ -3231,10 +3231,10 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 	#_e;
 	#ve(e, { isExistingElement: t = !1 }) {
 		let n = this.scene.getElementsMapIncludingDeleted(), r = (t, r) => {
-			this.scene.replaceAllElements([...this.scene.getElementsIncludingDeleted().map((i) => i.id === e.id && P(i) ? L(i, {
+			this.scene.replaceAllElements([...this.scene.getElementsIncludingDeleted().map((i) => i.id === e.id && I(i) ? z(i, {
 				originalText: t,
 				isDeleted: r ?? i.isDeleted,
-				...sr(i, Ft(i, n), n, t)
+				...ur(i, Rt(i, n), n, t)
 			}) : i)]);
 		};
 		ka({
@@ -3247,26 +3247,26 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 				}, this.state);
 				return [n - this.state.offsetLeft, r - this.state.offsetTop];
 			},
-			onChange: q((t) => {
-				r(t, !1), zn(e) && Sn(e, this.scene);
+			onChange: J((t) => {
+				r(t, !1), Hn(e) && Tn(e, this.scene);
 			}),
-			onSubmit: q(({ viaKeyboard: n, nextOriginalText: i }) => {
+			onSubmit: J(({ viaKeyboard: n, nextOriginalText: i }) => {
 				let a = !i.trim();
 				if (r(i, a), !a && n) {
 					let t = e.containerId ? e.containerId : e.id;
 					Z(() => {
-						this.setState((e) => ({ selectedElementIds: F({
+						this.setState((e) => ({ selectedElementIds: L({
 							...e.selectedElementIds,
 							[t]: !0
 						}, e) }));
 					});
 				}
-				a && vn(this.scene.getNonDeletedElements(), [e]), (!a || t) && this.#r.scheduleCapture(), Z(() => {
+				a && xn(this.scene.getNonDeletedElements(), [e]), (!a || t) && this.#r.scheduleCapture(), Z(() => {
 					this.setState({
 						newElement: null,
 						editingTextElement: null
 					});
-				}), this.state.activeTool.locked && G(this.interactiveCanvas, this.state), this.focusContainer();
+				}), this.state.activeTool.locked && K(this.interactiveCanvas, this.state), this.focusContainer();
 			}),
 			element: e,
 			drawContainer: this.rootElement,
@@ -3276,7 +3276,7 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 	}
 	#ye() {
 		this.setState({
-			selectedElementIds: F({}, this.state),
+			selectedElementIds: L({}, this.state),
 			selectedGroupIds: {},
 			editingGroupId: null,
 			activeEmbeddable: null
@@ -3284,7 +3284,7 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 	}
 	#be(e, t) {
 		let n = this.#xe(e, t, { includeBoundTextElement: !0 });
-		return n && P(n) && !n.isDeleted ? n : null;
+		return n && I(n) && !n.isDeleted ? n : null;
 	}
 	#xe(e, t, n) {
 		let r = [];
@@ -3296,46 +3296,46 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 				for (let e = r.length - 1; e > -1; e--) if (this.state.selectedElementIds[r[e].id]) return r[e];
 			}
 			let i = r[r.length - 1];
-			return pn({
+			return gn({
 				point: S(e, t),
 				element: i,
 				threshold: this.getElementHitThreshold(i) / 2,
 				elementsMap: this.scene.getNonDeletedElementsMap(),
-				frameNameBound: j(i) ? this.frameNameBoundsCache.get(i) : null
+				frameNameBound: N(i) ? this.frameNameBoundsCache.get(i) : null
 			}) ? i : r[r.length - 2];
 		}
 		return r.length === 1 ? r[0] : null;
 	}
 	#Se(e, t, n) {
 		let r = [], i = this.scene.getNonDeletedElementsMap();
-		return (n?.includeBoundTextElement && n?.includeLockedElements ? this.scene.getNonDeletedElements() : this.scene.getNonDeletedElements().filter((e) => (n?.includeLockedElements || !e.locked) && (n?.includeBoundTextElement || !(P(e) && e.containerId)))).filter((n) => this.#Ce(e, t, n)).filter((n) => {
-			let r = Jt(n, i);
-			return r && this.state.frameRendering.enabled && this.state.frameRendering.clip ? en({
+		return (n?.includeBoundTextElement && n?.includeLockedElements ? this.scene.getNonDeletedElements() : this.scene.getNonDeletedElements().filter((e) => (n?.includeLockedElements || !e.locked) && (n?.includeBoundTextElement || !(I(e) && e.containerId)))).filter((n) => this.#Ce(e, t, n)).filter((n) => {
+			let r = Zt(n, i);
+			return r && this.state.frameRendering.enabled && this.state.frameRendering.clip ? rn({
 				x: e,
 				y: t
 			}, r, i) : !0;
-		}).filter((e) => dt(e) ? (r.push(e), !1) : !0).concat(r);
+		}).filter((e) => mt(e) ? (r.push(e), !1) : !0).concat(r);
 	}
 	getElementHitThreshold(e) {
-		return Math.max(e.strokeWidth / 2 + .1, .85 * (d / this.state.zoom.value));
+		return Math.max(e.strokeWidth / 2 + .1, .85 * (u / this.state.zoom.value));
 	}
 	#Ce(e, t, n, r = !0) {
-		return r && this.state.selectedElementIds[n.id] && xr([n], this.state, this.editorInterface) && dn(S(e, t), n, this.scene.getNonDeletedElementsMap(), this.getElementHitThreshold(n)) || un(S(e, t), n, this.scene.getNonDeletedElementsMap()) ? !0 : pn({
+		return r && this.state.selectedElementIds[n.id] && wr([n], this.state, this.editorInterface) && mn(S(e, t), n, this.scene.getNonDeletedElementsMap(), this.getElementHitThreshold(n)) || pn(S(e, t), n, this.scene.getNonDeletedElementsMap()) ? !0 : gn({
 			point: S(e, t),
 			element: n,
 			threshold: this.getElementHitThreshold(n),
 			elementsMap: this.scene.getNonDeletedElementsMap(),
-			frameNameBound: j(n) ? this.frameNameBoundsCache.get(n) : null
+			frameNameBound: N(n) ? this.frameNameBoundsCache.get(n) : null
 		});
 	}
 	#we(e, t) {
 		let n = this.scene.getNonDeletedElements(), r = this.scene.getSelectedElements(this.state);
-		if (r.length === 1) return vt(r[0], !1) ? r[0] : null;
+		if (r.length === 1) return xt(r[0], !1) ? r[0] : null;
 		let i = null;
 		for (let r = n.length - 1; r >= 0; --r) {
 			if (n[r].isDeleted) continue;
-			let [a, o, s, c] = Dn(n[r], this.scene.getNonDeletedElementsMap());
-			if (at(n[r]) && pn({
+			let [a, o, s, c] = An(n[r], this.scene.getNonDeletedElementsMap());
+			if (ct(n[r]) && gn({
 				point: S(e, t),
 				element: n[r],
 				elementsMap: this.scene.getNonDeletedElementsMap(),
@@ -3348,7 +3348,7 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 				break;
 			}
 		}
-		return vt(i, !1) ? i : null;
+		return xt(i, !1) ? i : null;
 	}
 	#Te;
 	#Ee;
@@ -3367,17 +3367,17 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 		$.pointers.set(e.pointerId, {
 			x: e.clientX,
 			y: e.clientY
-		}), $.pointers.size === 2 && ($.lastCenter = pa($.pointers), $.initialScale = this.state.zoom.value, $.initialDistance = ma(Array.from($.pointers.values())));
+		}), $.pointers.size === 2 && ($.lastCenter = fa($.pointers), $.initialScale = this.state.zoom.value, $.initialDistance = pa(Array.from($.pointers.values())));
 	}
 	#ze(e) {
-		let t = O(e, this.state), n = this.scene.getSelectedElements(this.state), [r, i, a, o] = En(n), s = n.findIndex(A) === 0;
+		let t = O(e, this.state), n = this.scene.getSelectedElements(this.state), [r, i, a, o] = kn(n), s = n.findIndex(M) === 0;
 		return {
 			origin: t,
 			withCmdOrCtrl: e[x.CTRL_OR_CMD],
 			originInGrid: Je(C(t.x, t.y, e[x.CTRL_OR_CMD] || s ? null : this.getEffectiveGridSize())),
-			scrollbars: ya(po, e.clientX - this.state.offsetLeft, e.clientY - this.state.offsetTop),
+			scrollbars: va(po, e.clientX - this.state.offsetLeft, e.clientY - this.state.offsetTop),
 			lastCoords: { ...t },
-			originalElements: this.scene.getNonDeletedElements().reduce((e, t) => (e.set(t.id, Vn(t)), e), /* @__PURE__ */ new Map()),
+			originalElements: this.scene.getNonDeletedElements().reduce((e, t) => (e.set(t.id, Wn(t)), e), /* @__PURE__ */ new Map()),
 			resize: {
 				handleType: !1,
 				isResizing: !1,
@@ -3416,10 +3416,10 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 	#Be(e, t) {
 		if (!(t.scrollbars.isOverEither && !this.state.multiElement)) return !1;
 		fo = !0, t.lastCoords.x = e.clientX, t.lastCoords.y = e.clientY;
-		let n = _a((e) => {
+		let n = ga((e) => {
 			e.target instanceof HTMLElement && this.#rt(e, t);
-		}), r = q(() => {
-			vo = null, fo = !1, G(this.interactiveCanvas, this.state), this.setState({ cursorButton: "up" }), this.#Et(e.clientX, e.clientY, "up"), window.removeEventListener(h.POINTER_MOVE, n), window.removeEventListener(h.POINTER_UP, r), n.flush();
+		}), r = J(() => {
+			vo = null, fo = !1, K(this.interactiveCanvas, this.state), this.setState({ cursorButton: "up" }), this.#Et(e.clientX, e.clientY, "up"), window.removeEventListener(h.POINTER_MOVE, n), window.removeEventListener(h.POINTER_UP, r), n.flush();
 		});
 		return vo = r, window.addEventListener(h.POINTER_MOVE, n), window.addEventListener(h.POINTER_UP, r), !0;
 	}
@@ -3430,7 +3430,7 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 	}
 	#We(e, t) {
 		if (t.length < 2) return !1;
-		let n = Math.max(d / this.state.zoom.value, 1), [r, i, a, o] = En(t);
+		let n = Math.max(u / this.state.zoom.value, 1), [r, i, a, o] = kn(t);
 		return e.x > r - n && e.x < a + n && e.y > i - n && e.y < o + n;
 	}
 	#Ge;
@@ -3438,7 +3438,7 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 	#qe;
 	#Je;
 	#Ye(e) {
-		return this.state.currentItemRoundness === "round" ? { type: yt(e) ? ne.ADAPTIVE_RADIUS : ne.PROPORTIONAL_RADIUS } : null;
+		return this.state.currentItemRoundness === "round" ? { type: St(e) ? ne.ADAPTIVE_RADIUS : ne.PROPORTIONAL_RADIUS } : null;
 	}
 	#Xe;
 	#Ze;
@@ -3447,42 +3447,42 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 			event: e,
 			app: this,
 			selectedElements: t
-		}) && (n || !J.getReferenceSnapPoints()) && J.setReferenceSnapPoints(ba(this.scene.getNonDeletedElements(), t, this.state, this.scene.getNonDeletedElementsMap()));
+		}) && (n || !ya.getReferenceSnapPoints()) && ya.setReferenceSnapPoints(ba(this.scene.getNonDeletedElements(), t, this.state, this.scene.getNonDeletedElementsMap()));
 	}
 	#$e(e, t, n = !1) {
 		Ta({
 			event: e,
 			app: this,
 			selectedElements: t
-		}) && (n || !J.getVisibleGaps()) && J.setVisibleGaps(Sa(this.scene.getNonDeletedElements(), t, this.state, this.scene.getNonDeletedElementsMap()));
+		}) && (n || !ya.getVisibleGaps()) && ya.setVisibleGaps(Sa(this.scene.getNonDeletedElements(), t, this.state, this.scene.getNonDeletedElementsMap()));
 	}
 	#et(e) {
-		return q((t) => {
+		return J((t) => {
 			this.#St(e, t) || this.#bt(e, t);
 		});
 	}
 	#tt(e) {
-		return q((t) => {
+		return J((t) => {
 			t.key === x.ALT && t.preventDefault(), !this.#St(e, t) && this.#bt(e, t);
 		});
 	}
 	#nt(e) {
-		return _a((t) => {
+		return ga((t) => {
 			if (this.state.openDialog?.name === "elementLinkSelector") return;
 			let n = O(t, this.state);
 			if (this.state.activeLockedId && this.setState({ activeLockedId: null }), this.state.selectedLinearElement && this.state.selectedLinearElement.elbowed && this.state.selectedLinearElement.initialState.segmentMidpoint.index) {
 				let [e, r] = C(n.x, n.y, t[x.CTRL_OR_CMD] ? null : this.getEffectiveGridSize()), i = this.state.selectedLinearElement.initialState.segmentMidpoint.index;
 				if (i < 0) {
-					let t = z.getSegmentMidpointHitCoords({
+					let t = V.getSegmentMidpointHitCoords({
 						...this.state.selectedLinearElement,
 						segmentMidPointHoveredCoords: null
 					}, {
 						x: e,
 						y: r
 					}, this.state, this.scene.getNonDeletedElementsMap());
-					i = t ? z.getSegmentMidPointIndex(this.state.selectedLinearElement, this.state, t, this.scene.getNonDeletedElementsMap()) : -1;
+					i = t ? V.getSegmentMidPointIndex(this.state.selectedLinearElement, this.state, t, this.scene.getNonDeletedElementsMap()) : -1;
 				}
-				let a = z.moveFixedSegment(this.state.selectedLinearElement, i, e, r, this.scene);
+				let a = V.moveFixedSegment(this.state.selectedLinearElement, i, e, r, this.scene);
 				this.setState({ selectedLinearElement: {
 					...this.state.selectedLinearElement,
 					isDragging: !0,
@@ -3492,8 +3492,8 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 				return;
 			}
 			let r = this.previousPointerMoveCoords ?? e.origin;
-			if (this.previousPointerMoveCoords = n, e.drag.offset === null && (e.drag.offset = Je(Jn(this.scene.getSelectedElements(this.state), e.origin.x, e.origin.y))), !(t.target instanceof HTMLElement) || this.#rt(t, e)) return;
-			if (Or(this.state)) {
+			if (this.previousPointerMoveCoords = n, e.drag.offset === null && (e.drag.offset = Je(Zn(this.scene.getSelectedElements(this.state), e.origin.x, e.origin.y))), !(t.target instanceof HTMLElement) || this.#rt(t, e)) return;
+			if (A(this.state)) {
 				this.#je(t, n);
 				return;
 			}
@@ -3504,7 +3504,7 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 			if (this.state.selectedLinearElement) {
 				let r = this.state.selectedLinearElement;
 				if (r.draggedFocusPointBinding) {
-					Pn(r, s, n, this.scene, this.state, this.getEffectiveGridSize(), t.altKey), this.setState({ selectedLinearElement: {
+					Ln(r, s, n, this.scene, this.state, this.getEffectiveGridSize(), t.altKey), this.setState({ selectedLinearElement: {
 						...r,
 						isDragging: !1,
 						selectedPointsIndices: [],
@@ -3515,8 +3515,8 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 					} });
 					return;
 				}
-				if (z.shouldAddMidpoint(this.state.selectedLinearElement, n, this.state, s)) {
-					let e = z.addMidpoint(this.state.selectedLinearElement, n, this, !t[x.CTRL_OR_CMD], this.scene);
+				if (V.shouldAddMidpoint(this.state.selectedLinearElement, n, this.state, s)) {
+					let e = V.addMidpoint(this.state.selectedLinearElement, n, this, !t[x.CTRL_OR_CMD], this.scene);
 					if (!e) return;
 					Z(() => {
 						this.state.selectedLinearElement && this.setState({ selectedLinearElement: {
@@ -3529,14 +3529,14 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 					return;
 				} else if (r.initialState.segmentMidpoint.value !== null && !r.initialState.segmentMidpoint.added) return;
 				else if (r.initialState.lastClickedPoint > -1) {
-					let i = z.getElement(r.elementId, s);
+					let i = V.getElement(r.elementId, s);
 					if (i?.isDeleted) return;
-					if (k(i)) {
-						let e = R(S(n.x, n.y), this.scene.getNonDeletedElements(), s);
+					if (j(i)) {
+						let e = B(S(n.x, n.y), this.scene.getNonDeletedElements(), s);
 						T("COMPLEX_BINDINGS") && this.#m(i, e);
 					}
 					if (t.altKey && !this.state.selectedLinearElement?.initialState?.arrowStartIsInside && T("COMPLEX_BINDINGS") && this.#d(), r.initialState.lastClickedPoint === -1) return;
-					let a = z.handlePointDragging(t, this, n.x, n.y, r);
+					let a = V.handlePointDragging(t, this, n.x, n.y, r);
 					if (a) {
 						e.lastCoords.x = n.x, e.lastCoords.y = n.y, e.drag.hasOccurred = !0, (a.suggestedBinding !== this.state.suggestedBinding || !Ve(a.selectedLinearElement?.selectedPointsIndices ?? [], this.state.selectedLinearElement?.selectedPointsIndices ?? []) || a.selectedLinearElement?.hoverPointIndex !== this.state.selectedLinearElement?.hoverPointIndex || a.selectedLinearElement?.customLineAngle !== this.state.selectedLinearElement?.customLineAngle || this.state.selectedLinearElement.isDragging !== a.selectedLinearElement?.isDragging || this.state.selectedLinearElement?.initialState?.altFocusPoint !== a.selectedLinearElement?.initialState?.altFocusPoint) && this.setState(a);
 						return;
@@ -3547,7 +3547,7 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 			if ((c || e.hit.hasHitCommonBoundingBoxOfSelectedElements) && !l && !e.drag.blockDragging) {
 				let a = this.scene.getSelectedElements(this.state);
 				if (a.length > 0 && a.every((e) => e.locked)) return;
-				let o = a.find((e) => j(e)), c = this.#ke(n), l = c && !o ? c : null;
+				let o = a.find((e) => N(e)), c = this.#ke(n), l = c && !o ? c : null;
 				if (this.state.frameToHighlight !== l && Z(() => {
 					this.setState({ frameToHighlight: l });
 				}), e.drag.hasOccurred = !0, this.state.activeTool.type === "lasso" && this.lassoTrail.hasCurrentTrail && !(this.editorInterface.formFactor !== "desktop" && e.hit.element) && !this.state.activeTool.fromSelection) return;
@@ -3562,24 +3562,24 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 					}
 					if (this.state.croppingElementId) {
 						let t = this.scene.getNonDeletedElementsMap().get(this.state.croppingElementId);
-						if (t && M(t) && t.crop !== null && e.hit.element === t) {
-							let e = t.crop, a = pt(t) && this.imageCache.get(t.fileId)?.image;
+						if (t && P(t) && t.crop !== null && e.hit.element === t) {
+							let e = t.crop, a = gt(t) && this.imageCache.get(t.fileId)?.image;
 							if (a && !(a instanceof Promise)) {
-								let o = rt(t), c = Ce(n.x - r.x, n.y - r.y);
+								let o = ot(t), c = Ce(n.x - r.x, n.y - r.y);
 								c[0] *= a.naturalWidth / o.width, c[1] *= a.naturalHeight / o.height;
-								let [l, u, d, f, p, m] = Dn(t, s), h = Te(ke(S(l, u), S(p, m), t.angle)), g = Te(ke(S(d, u), S(p, m), t.angle)), _ = Te(ke(S(l, f), S(p, m), t.angle)), ee = Ee(De(g, h)), v = Ee(De(_, h)), y = Ce(we(c, ee), we(c, v)), te = {
+								let [l, u, d, f, p, m] = An(t, s), h = Te(ke(S(l, u), S(p, m), t.angle)), g = Te(ke(S(d, u), S(p, m), t.angle)), ee = Te(ke(S(l, f), S(p, m), t.angle)), te = Ee(De(g, h)), _ = Ee(De(ee, h)), v = Ce(we(c, te), we(c, _)), y = {
 									...e,
-									x: i(e.x - y[0] * Math.sign(t.scale[0]), 0, a.naturalWidth - e.width),
-									y: i(e.y - y[1] * Math.sign(t.scale[1]), 0, a.naturalHeight - e.height)
+									x: i(e.x - v[0] * Math.sign(t.scale[0]), 0, a.naturalWidth - e.width),
+									y: i(e.y - v[1] * Math.sign(t.scale[1]), 0, a.naturalHeight - e.height)
 								};
-								this.scene.mutateElement(t, { crop: te });
+								this.scene.mutateElement(t, { crop: y });
 								return;
 							}
 						}
 					}
 					this.#$e(t, a), this.#Qe(t, a);
 					let { snapOffset: u, snapLines: d } = Ea(c, o, this, t, this.scene.getNonDeletedElementsMap());
-					if (this.setState({ snapLines: d }), this.state.editingFrame || qn(e, a, o, this.scene, u, t[x.CTRL_OR_CMD] ? null : this.getEffectiveGridSize()), this.setState({
+					if (this.setState({ snapLines: d }), this.state.editingFrame || Xn(e, a, o, this.scene, u, t[x.CTRL_OR_CMD] ? null : this.getEffectiveGridSize()), this.setState({
 						selectedElementsAreBeingDragged: !0,
 						selectionElement: null
 					}), t.altKey && !e.hit.hasBeenDuplicated) {
@@ -3590,7 +3590,7 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 							includeElementsInFrames: !0
 						});
 						r && e.hit.wasAddedToSelection && !i.find((e) => e.id === r.id) && i.push(r);
-						let a = new Map(i.map((e) => [e.id, e])), { duplicatedElements: o, duplicateElementsMap: s, elementsWithDuplicates: c, origIdToDuplicateId: l } = Hn({
+						let a = new Map(i.map((e) => [e.id, e])), { duplicatedElements: o, duplicateElementsMap: s, elementsWithDuplicates: c, origIdToDuplicateId: l } = Gn({
 							type: "in-place",
 							elements: n,
 							appState: this.state,
@@ -3602,18 +3602,18 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 							})
 						});
 						o.forEach((t) => {
-							e.originalElements.set(t.id, Vn(t));
+							e.originalElements.set(t.id, Wn(t));
 						});
 						let u = c.map((t) => {
 							if (a.has(t.id)) {
 								let n = e.originalElements.get(t.id);
-								if (n) return L(t, {
+								if (n) return z(t, {
 									x: n.x,
 									y: n.y
 								});
 							}
 							return t;
-						}), d = this.props.onDuplicate?.(u, n), f = wn(d || u, Ae(o));
+						}), d = this.props.onDuplicate?.(u, n), f = Dn(d || u, Ae(o));
 						Z(() => {
 							if (e.hit.element) {
 								let t = l.get(e.hit.element.id), n = t && s.get(t);
@@ -3622,8 +3622,8 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 							e.hit.allHitElements = e.hit.allHitElements.reduce((e, t) => {
 								let n = l.get(t.id), r = n && s.get(n);
 								return r && e.push(r), e;
-							}, []), e.drag.origin = O(t, this.state), this.setState((e) => ({ ...Ct(o, this.scene.getNonDeletedElements(), e) })), this.scene.replaceAllElements(f), i.forEach((e) => {
-								ot(e) && e.boundElements?.some?.((e) => e.type === "arrow") && Sn(e, this.scene);
+							}, []), e.drag.origin = O(t, this.state), this.setState((e) => ({ ...Et(o, this.scene.getNonDeletedElements(), e) })), this.scene.replaceAllElements(f), i.forEach((e) => {
+								lt(e) && e.boundElements?.some?.((e) => e.type === "arrow") && Tn(e, this.scene);
 							}), this.#$e(t, i, !0), this.#Qe(t, i, !0);
 						});
 					}
@@ -3655,12 +3655,12 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 							isDragging: !1
 						}), this.setState({ newElement: r });
 					}
-				} else if (N(r) && !r.isDeleted) {
+				} else if (F(r) && !r.isDeleted) {
 					e.drag.hasOccurred = !0;
 					let n = r.points;
 					E(n.length > 1, "Do not create linear elements with less than 2 points");
 					let i = this.state.selectedLinearElement;
-					i ||= (i = new z(r, this.scene.getNonDeletedElementsMap()), {
+					i ||= (i = new V(r, this.scene.getNonDeletedElementsMap()), {
 						...i,
 						selectedPointsIndices: [1],
 						initialState: {
@@ -3669,21 +3669,21 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 						}
 					}), this.setState({
 						newElement: r,
-						...z.handlePointDragging(t, this, a, o, i)
+						...V.handlePointDragging(t, this, a, o, i)
 					});
 				} else e.lastCoords.x = n.x, e.lastCoords.y = n.y, this.#bt(e, t, !1);
 			}
 			if (this.state.activeTool.type === "selection") {
 				e.boxSelection.hasOccurred = !0;
 				let n = this.scene.getNonDeletedElements();
-				if (this.state.selectedLinearElement?.isEditing) z.handleBoxSelection(t, this.state, this.setState.bind(this), this.scene.getNonDeletedElementsMap());
+				if (this.state.selectedLinearElement?.isEditing) V.handleBoxSelection(t, this.state, this.setState.bind(this), this.scene.getNonDeletedElementsMap());
 				else {
 					let r = !0;
-					!t.shiftKey && wt(n, this.state) && (e.withCmdOrCtrl && e.hit.element ? this.setState((t) => I({
+					!t.shiftKey && Dt(n, this.state) && (e.withCmdOrCtrl && e.hit.element ? this.setState((t) => R({
 						...t,
 						selectedElementIds: { [e.hit.element.id]: !0 }
 					}, this.scene.getNonDeletedElements(), t, this)) : r = !1);
-					let i = this.state.selectionElement ? xt(n, this.state.selectionElement, this.scene.getNonDeletedElementsMap(), !1) : [];
+					let i = this.state.selectionElement ? wt(n, this.state.selectionElement, this.scene.getNonDeletedElementsMap(), !1) : [];
 					this.setState((t) => {
 						let n = {
 							...r && t.selectedElementIds,
@@ -3694,11 +3694,11 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 							selectedGroupIds: {},
 							editingGroupId: null
 						}, {
-							...I({
+							...R({
 								editingGroupId: t.editingGroupId,
 								selectedElementIds: n
 							}, this.scene.getNonDeletedElements(), t, this),
-							selectedLinearElement: i.length === 1 && N(i[0]) ? new z(i[0], this.scene.getNonDeletedElementsMap()) : null
+							selectedLinearElement: i.length === 1 && F(i[0]) ? new V(i[0], this.scene.getNonDeletedElementsMap()) : null
 						};
 					});
 				}
@@ -3717,10 +3717,10 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 		return !1;
 	}
 	#it(e) {
-		return q((t) => {
+		return J((t) => {
 			let n = this.scene.getNonDeletedElementsMap();
 			this.removePointer(t), e.drag.blockDragging = !1, e.eventListeners.onMove && e.eventListeners.onMove.flush();
-			let { newElement: r, resizingElement: i, croppingElementId: a, multiElement: o, activeTool: s, isResizing: c, isRotating: l, isCropping: d } = this.state;
+			let { newElement: r, resizingElement: i, croppingElementId: a, multiElement: o, activeTool: s, isResizing: c, isRotating: u, isCropping: d } = this.state;
 			this.setState((e) => ({
 				isResizing: !1,
 				isRotating: !1,
@@ -3732,7 +3732,7 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 				cursorButton: "up",
 				snapLines: Xe(e.snapLines, []),
 				originSnapOffset: null
-			})), this.lassoTrail.endPath(), this.previousPointerMoveCoords = null, J.setReferenceSnapPoints(null), J.setVisibleGaps(null), this.#Et(t.clientX, t.clientY, "up");
+			})), this.lassoTrail.endPath(), this.previousPointerMoveCoords = null, ya.setReferenceSnapPoints(null), ya.setVisibleGaps(null), this.#Et(t.clientX, t.clientY, "up");
 			let f = e.hit.allHitElements, p = O({
 				clientX: t.clientX,
 				clientY: t.clientY
@@ -3746,14 +3746,14 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 				bindMode: "orbit"
 			}), e.drag.hasOccurred && e.hit?.element?.id) {
 				let t = n.get(e.hit.element.id);
-				ot(t) && t.boundElements?.filter?.((e) => e.type === "arrow").map((e) => n.get(e.id)).filter((e) => A(e)).forEach((e) => {
+				lt(t) && t.boundElements?.filter?.((e) => e.type === "arrow").map((e) => n.get(e.id)).filter((e) => M(e)).forEach((e) => {
 					e && this.scene.mutateElement(e, {});
 				});
 			}
-			if (this.state.selectedLinearElement?.isEditing && !this.state.newElement && this.state.selectedLinearElement.draggedFocusPointBinding === null) if (!e.boxSelection.hasOccurred && e.hit?.element?.id !== this.state.selectedLinearElement.elementId && this.state.selectedLinearElement.draggedFocusPointBinding === null) this.actionManager.executeAction(K);
+			if (this.state.selectedLinearElement?.isEditing && !this.state.newElement && this.state.selectedLinearElement.draggedFocusPointBinding === null) if (!e.boxSelection.hasOccurred && e.hit?.element?.id !== this.state.selectedLinearElement.elementId && this.state.selectedLinearElement.draggedFocusPointBinding === null) this.actionManager.executeAction(q);
 			else {
-				let e = z.handlePointerUp(t, this.state.selectedLinearElement, this.state, this.scene);
-				this.actionManager.executeAction(K, "ui", {
+				let e = V.handlePointerUp(t, this.state.selectedLinearElement, this.state, this.scene);
+				this.actionManager.executeAction(q, "ui", {
 					event: t,
 					sceneCoords: p
 				}), e !== this.state.selectedLinearElement && this.setState({
@@ -3763,19 +3763,19 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 			}
 			else if (this.state.selectedLinearElement) {
 				if (this.state.selectedLinearElement.elbowed) {
-					let e = z.getElement(this.state.selectedLinearElement.elementId, this.scene.getNonDeletedElementsMap());
+					let e = V.getElement(this.state.selectedLinearElement.elementId, this.scene.getNonDeletedElementsMap());
 					e && this.scene.mutateElement(e, {});
 				}
-				if (this.state.selectedLinearElement.draggedFocusPointBinding ? (Ln(this.state.selectedLinearElement, this.scene), this.setState({ selectedLinearElement: {
+				if (this.state.selectedLinearElement.draggedFocusPointBinding ? (Bn(this.state.selectedLinearElement, this.scene), this.setState({ selectedLinearElement: {
 					...this.state.selectedLinearElement,
 					draggedFocusPointBinding: null
 				} })) : e.hit?.element?.id === this.state.selectedLinearElement.elementId ? this.state.selectedLinearElement.isDragging && (this.setState({ selectedLinearElement: {
 					...this.state.selectedLinearElement,
 					isDragging: !1
-				} }), this.actionManager.executeAction(K, "ui", {
+				} }), this.actionManager.executeAction(q, "ui", {
 					event: t,
 					sceneCoords: p
-				})) : this.scene.getSelectedElements(this.state).length > 1 && this.setState({ selectedLinearElement: null }), this.state.newElement && this.state.multiElement && N(this.state.newElement) && this.state.selectedLinearElement) {
+				})) : this.scene.getSelectedElements(this.state).length > 1 && this.setState({ selectedLinearElement: null }), this.state.newElement && this.state.multiElement && F(this.state.newElement) && this.state.selectedLinearElement) {
 					let { multiElement: e } = this.state;
 					this.setState({ selectedLinearElement: {
 						...this.state.selectedLinearElement,
@@ -3790,10 +3790,10 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 				this.scene.mutateElement(r, {
 					points: [...n, S(i, a)],
 					pressures: o
-				}), this.actionManager.executeAction(K);
+				}), this.actionManager.executeAction(q);
 				return;
 			}
-			if (N(r)) {
+			if (F(r)) {
 				r.points.length > 1 && r.points[1][0] !== 0 && r.points[1][1] !== 0 && this.#r.scheduleCapture();
 				let n = O(t, this.state), i = Oe(S(n.x, n.y), S(e.origin.x, e.origin.y)) * this.state.zoom.value;
 				if ((!e.drag.hasOccurred || i < 20) && r && !o) if (this.editorInterface.isTouchScreen) {
@@ -3804,7 +3804,7 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 					}, {
 						informMutation: !1,
 						isDragging: !1
-					}), this.actionManager.executeAction(K);
+					}), this.actionManager.executeAction(q);
 				} else {
 					let e = n.x - r.x, t = n.y - r.y;
 					this.scene.mutateElement(r, { points: [r.points[0], S(e, t)] }, {
@@ -3815,43 +3815,43 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 						newElement: r
 					});
 				}
-				else e.drag.hasOccurred && !o && (N(r) && this.actionManager.executeAction(K, "ui", {
+				else e.drag.hasOccurred && !o && (F(r) && this.actionManager.executeAction(q, "ui", {
 					event: t,
 					sceneCoords: p
 				}), this.setState({
 					suggestedBinding: null,
 					startBoundElement: null
-				}), s.locked ? this.setState((e) => ({ newElement: null })) : (U(this.interactiveCanvas), this.setState((e) => ({
+				}), s.locked ? this.setState((e) => ({ newElement: null })) : (W(this.interactiveCanvas), this.setState((e) => ({
 					newElement: null,
 					activeTool: D(this.state, { type: this.state.preferredSelectionTool.type }),
-					selectedElementIds: F({
+					selectedElementIds: L({
 						...e.selectedElementIds,
 						[r.id]: !0
 					}, e),
-					selectedLinearElement: new z(r, this.scene.getNonDeletedElementsMap())
+					selectedLinearElement: new V(r, this.scene.getNonDeletedElementsMap())
 				}))), this.scene.triggerUpdate());
 				return;
 			}
-			if (P(r)) {
-				let e = Ot(Ie({
+			if (I(r)) {
+				let e = jt(Ie({
 					fontSize: r.fontSize,
 					fontFamily: r.fontFamily
 				}), r.lineHeight);
 				r.width < e && this.scene.mutateElement(r, { autoResize: !0 }), this.#pe(), this.#ve(r, { isExistingElement: !0 });
 			}
-			if (s.type !== "selection" && r && Nn(r)) {
+			if (s.type !== "selection" && r && In(r)) {
 				this.updateScene({
 					elements: this.scene.getElementsIncludingDeleted().filter((e) => e.id !== r.id),
 					appState: { newElement: null },
-					captureUpdate: B.NEVER
+					captureUpdate: H.NEVER
 				});
 				return;
 			}
-			if (j(r)) {
-				let e = Yt(this.scene.getElementsIncludingDeleted(), r, this.scene.getNonDeletedElementsMap());
-				this.scene.replaceAllElements(Gt(this.scene.getElementsMapIncludingDeleted(), e, r, this.state));
+			if (N(r)) {
+				let e = Qt(this.scene.getElementsIncludingDeleted(), r, this.scene.getNonDeletedElementsMap());
+				this.scene.replaceAllElements(Jt(this.scene.getElementsMapIncludingDeleted(), e, r, this.state));
 			}
-			if (r && (this.scene.mutateElement(r, An(r), {
+			if (r && (this.scene.mutateElement(r, Nn(r), {
 				informMutation: !1,
 				isDragging: !1
 			}), this.scene.triggerUpdate()), e.drag.hasOccurred) {
@@ -3859,8 +3859,8 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 				if (this.state.selectedLinearElement && this.state.selectedLinearElement.isDragging) {
 					let e = this.scene.getElement(this.state.selectedLinearElement.elementId);
 					if (e?.frameId) {
-						let t = Jt(e, n);
-						t && e && (Kt(e, t, this.scene.getNonDeletedElementsMap()) || (this.scene.mutateElement(e, { groupIds: [] }), nn([e], this.scene.getNonDeletedElementsMap()), this.scene.triggerUpdate()));
+						let t = Zt(e, n);
+						t && e && (Yt(e, t, this.scene.getNonDeletedElementsMap()) || (this.scene.mutateElement(e, { groupIds: [] }), on([e], this.scene.getNonDeletedElementsMap()), this.scene.triggerUpdate()));
 					}
 				} else {
 					let t = this.#ke(e), n = this.scene.getSelectedElements(this.state), r = this.scene.getElementsMapIncludingDeleted(), i = (e) => {
@@ -3873,7 +3873,7 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 								});
 							}
 							r.forEach((e) => {
-								e.groupIds.length && zt(r, e.groupIds[e.groupIds.length - 1]).length < 2 && this.scene.mutateElement(e, { groupIds: [] }, {
+								e.groupIds.length && Ht(r, e.groupIds[e.groupIds.length - 1]).length < 2 && this.scene.mutateElement(e, { groupIds: [] }, {
 									informMutation: !1,
 									isDragging: !1
 								});
@@ -3881,37 +3881,37 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 						}
 					};
 					if (t && !this.state.selectedElementIds[t.id]) {
-						let e = n.filter((e) => e.frameId !== t.id && tn(e, r, this.state));
-						this.state.editingGroupId && i(e), r = Gt(r, e, t, this.state);
-					} else t || this.state.editingGroupId && i(n.filter((e) => e.frameId && !tn(e, r, this.state)));
-					r = an(r, this.state, this), this.scene.replaceAllElements(r);
+						let e = n.filter((e) => e.frameId !== t.id && an(e, r, this.state));
+						this.state.editingGroupId && i(e), r = Jt(r, e, t, this.state);
+					} else t || this.state.editingGroupId && i(n.filter((e) => e.frameId && !an(e, r, this.state)));
+					r = cn(r, this.state, this), this.scene.replaceAllElements(r);
 				}
 			}
-			if (i && this.#r.scheduleCapture(), i && Nn(i) && this.updateScene({
+			if (i && this.#r.scheduleCapture(), i && In(i) && this.updateScene({
 				elements: this.scene.getElementsIncludingDeleted().filter((e) => e.id !== i.id),
-				captureUpdate: B.NEVER
+				captureUpdate: H.NEVER
 			}), e.resize.isResizing) {
-				let e = an(this.scene.getElementsIncludingDeleted(), this.state, this), t = this.scene.getSelectedElements(this.state).filter((e) => j(e));
-				for (let r of t) e = rn(e, Xt(this.scene.getElementsIncludingDeleted(), r, this.state, n), r, this);
+				let e = cn(this.scene.getElementsIncludingDeleted(), this.state, this), t = this.scene.getSelectedElements(this.state).filter((e) => N(e));
+				for (let r of t) e = sn(e, $t(this.scene.getElementsIncludingDeleted(), r, this.state, n), r, this);
 				this.scene.replaceAllElements(e);
 			}
 			let m = e.hit.element;
-			this.state.selectedLinearElement?.elementId !== m?.id && N(m) && this.scene.getSelectedElements(this.state).length === 1 && this.setState({ selectedLinearElement: new z(m, this.scene.getNonDeletedElementsMap()) }), (!a || a && (!m && !d || m && m.id !== a)) && this.#De();
-			let g = this.lastPointerDownEvent, _ = this.lastPointerUpEvent || this.lastPointerMoveEvent;
-			if (Or(this.state) && g && _) {
-				if (this.eraserTrail.endPath(), Oe(S(g.clientX, g.clientY), S(_.clientX, _.clientY)) === 0) {
+			this.state.selectedLinearElement?.elementId !== m?.id && F(m) && this.scene.getSelectedElements(this.state).length === 1 && this.setState({ selectedLinearElement: new V(m, this.scene.getNonDeletedElementsMap()) }), (!a || a && (!m && !d || m && m.id !== a)) && this.#De();
+			let g = this.lastPointerDownEvent, ee = this.lastPointerUpEvent || this.lastPointerMoveEvent;
+			if (A(this.state) && g && ee) {
+				if (this.eraserTrail.endPath(), Oe(S(g.clientX, g.clientY), S(ee.clientX, ee.clientY)) === 0) {
 					let e = O({
-						clientX: _.clientX,
-						clientY: _.clientY
+						clientX: ee.clientX,
+						clientY: ee.clientY
 					}, this.state);
 					this.#Se(e.x, e.y).forEach((e) => this.#l.add(e.id));
 				}
 				this.#ot();
 				return;
 			} else this.#l.size && this.#at();
-			if (m && !e.drag.hasOccurred && !e.hit.wasAddedToSelection && (!this.state.selectedLinearElement?.isEditing || !e.boxSelection.hasOccurred) && this.state.activeTool.type !== "lasso" && (t.shiftKey && !this.state.selectedLinearElement?.isEditing ? this.state.selectedElementIds[m.id] ? Ut(this.state, m) ? this.setState((e) => {
+			if (m && !e.drag.hasOccurred && !e.hit.wasAddedToSelection && (!this.state.selectedLinearElement?.isEditing || !e.boxSelection.hasOccurred) && this.state.activeTool.type !== "lasso" && (t.shiftKey && !this.state.selectedLinearElement?.isEditing ? this.state.selectedElementIds[m.id] ? Kt(this.state, m) ? this.setState((e) => {
 				let t = { ...e.selectedElementIds };
-				for (let e of m.groupIds.flatMap((e) => zt(this.scene.getNonDeletedElements(), e))) delete t[e.id];
+				for (let e of m.groupIds.flatMap((e) => Ht(this.scene.getNonDeletedElements(), e))) delete t[e.id];
 				return {
 					selectedGroupIds: {
 						...e.selectedElementIds,
@@ -3920,69 +3920,69 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 							...t
 						}), {})
 					},
-					selectedElementIds: F(t, e)
+					selectedElementIds: L(t, e)
 				};
 			}) : this.state.selectedLinearElement?.isDragging || this.setState((e) => {
 				let t = { ...e.selectedElementIds };
 				delete t[m.id];
-				let n = St(this.scene.getNonDeletedElements(), { selectedElementIds: t });
+				let n = Tt(this.scene.getNonDeletedElements(), { selectedElementIds: t });
 				return {
-					...I({
+					...R({
 						editingGroupId: e.editingGroupId,
 						selectedElementIds: t
 					}, this.scene.getNonDeletedElements(), e, this),
-					selectedLinearElement: n.length === 1 && N(n[0]) ? new z(n[0], this.scene.getNonDeletedElementsMap()) : e.selectedLinearElement
+					selectedLinearElement: n.length === 1 && F(n[0]) ? new V(n[0], this.scene.getNonDeletedElementsMap()) : e.selectedLinearElement
 				};
 			}) : m.frameId && this.state.selectedElementIds[m.frameId] ? this.setState((e) => {
 				let t = {
 					...e.selectedElementIds,
 					[m.id]: !0
 				};
-				return delete t[m.frameId], (this.scene.getElement(m.frameId)?.groupIds ?? []).flatMap((e) => zt(this.scene.getNonDeletedElements(), e)).forEach((e) => {
+				return delete t[m.frameId], (this.scene.getElement(m.frameId)?.groupIds ?? []).flatMap((e) => Ht(this.scene.getNonDeletedElements(), e)).forEach((e) => {
 					delete t[e.id];
-				}), { ...I({
+				}), { ...R({
 					editingGroupId: e.editingGroupId,
 					selectedElementIds: t
 				}, this.scene.getNonDeletedElements(), e, this) };
-			}) : this.setState((e) => ({ selectedElementIds: F({
+			}) : this.setState((e) => ({ selectedElementIds: L({
 				...e.selectedElementIds,
 				[m.id]: !0
 			}, e) })) : this.setState((e) => ({
-				...I({
+				...R({
 					editingGroupId: e.editingGroupId,
 					selectedElementIds: { [m.id]: !0 }
 				}, this.scene.getNonDeletedElements(), e, this),
-				selectedLinearElement: N(m) && e.selectedLinearElement?.elementId !== m.id ? new z(m, this.scene.getNonDeletedElementsMap()) : e.selectedLinearElement
-			}))), this.state.activeTool.type !== "lasso" && !(m && A(m)) && !e.drag.hasOccurred && !this.state.isResizing && (m && fn({
+				selectedLinearElement: F(m) && e.selectedLinearElement?.elementId !== m.id ? new V(m, this.scene.getNonDeletedElementsMap()) : e.selectedLinearElement
+			}))), this.state.activeTool.type !== "lasso" && !(m && M(m)) && !e.drag.hasOccurred && !this.state.isResizing && (m && hn({
 				point: S(e.origin.x, e.origin.y),
 				element: m,
 				elementsMap: n,
 				threshold: this.getElementHitThreshold(m),
-				frameNameBound: j(m) ? this.frameNameBoundsCache.get(m) : null
+				frameNameBound: N(m) ? this.frameNameBoundsCache.get(m) : null
 			}, n) || !m && e.hit.hasHitCommonBoundingBoxOfSelectedElements)) {
-				this.state.selectedLinearElement?.isEditing ? this.actionManager.executeAction(Zi) : this.setState({
-					selectedElementIds: F({}, this.state),
+				this.state.selectedLinearElement?.isEditing ? this.actionManager.executeAction(Xi) : this.setState({
+					selectedElementIds: L({}, this.state),
 					selectedGroupIds: {},
 					editingGroupId: null,
 					activeEmbeddable: null
-				}), W(this.interactiveCanvas, u.AUTO);
+				}), G(this.interactiveCanvas, l.AUTO);
 				return;
 			}
-			if (!s.locked && s.type !== "freedraw" && r && this.setState((e) => ({ selectedElementIds: F({
+			if (!s.locked && s.type !== "freedraw" && r && this.setState((e) => ({ selectedElementIds: L({
 				...e.selectedElementIds,
 				[r.id]: !0
-			}, e) })), (s.type !== "selection" || wt(this.scene.getNonDeletedElements(), this.state) || !Ve(this.state.previousSelectedElementIds, this.state.selectedElementIds)) && this.#r.scheduleCapture(), (e.drag.hasOccurred && !this.state.selectedLinearElement || c || l || d) && gn(this.scene.getSelectedElements(this.state).filter(at), this.scene, this.state), s.type === "laser") {
+			}, e) })), (s.type !== "selection" || Dt(this.scene.getNonDeletedElements(), this.state) || !Ve(this.state.previousSelectedElementIds, this.state.selectedElementIds)) && this.#r.scheduleCapture(), (e.drag.hasOccurred && !this.state.selectedLinearElement || c || u || d) && yn(this.scene.getSelectedElements(this.state).filter(ct), this.scene, this.state), s.type === "laser") {
 				this.laserTrails.endPath();
 				return;
 			}
-			!s.locked && s.type !== "freedraw" && (s.type !== "lasso" || s.type === "lasso" && s.fromSelection) ? (U(this.interactiveCanvas), this.setState({
+			!s.locked && s.type !== "freedraw" && (s.type !== "lasso" || s.type === "lasso" && s.fromSelection) ? (W(this.interactiveCanvas), this.setState({
 				newElement: null,
 				suggestedBinding: null,
 				activeTool: D(this.state, { type: this.state.preferredSelectionTool.type })
 			})) : this.setState({
 				newElement: null,
 				suggestedBinding: null
-			}), m && this.lastPointerUpEvent && this.lastPointerDownEvent && this.lastPointerUpEvent.timeStamp - this.lastPointerDownEvent.timeStamp < 300 && $.pointers.size <= 1 && ft(m) && this.#v(m, this.lastPointerUpEvent, e.origin.x, e.origin.y) && this.#_(m);
+			}), m && this.lastPointerUpEvent && this.lastPointerDownEvent && this.lastPointerUpEvent.timeStamp - this.lastPointerDownEvent.timeStamp < 300 && $.pointers.size <= 1 && ht(m) && this.#v(m, this.lastPointerUpEvent, e.origin.x, e.origin.y) && this.#_(m);
 		});
 	}
 	#at;
@@ -3997,12 +3997,12 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 	#mt;
 	#ht(e) {
 		this.setState((t) => ({
-			selectedElementIds: F({}, t),
+			selectedElementIds: L({}, t),
 			activeEmbeddable: null,
 			selectedGroupIds: {},
-			editingGroupId: t.editingGroupId && e != null && Ht(e, t.editingGroupId) ? t.editingGroupId : null
+			editingGroupId: t.editingGroupId && e != null && Gt(e, t.editingGroupId) ? t.editingGroupId : null
 		})), this.setState({
-			selectedElementIds: F({}, this.state),
+			selectedElementIds: L({}, this.state),
 			activeEmbeddable: null,
 			previousSelectedElementIds: this.state.selectedElementIds,
 			selectedLinearElement: null
@@ -4019,7 +4019,7 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 	#wt;
 	#Tt(e, t, n, r) {
 		if (r) {
-			let i = r.x + r.width / 2, a = r.y + r.height / 2, o = Pt(r, n, this.scene.getNonDeletedElementsMap());
+			let i = r.x + r.width / 2, a = r.y + r.height / 2, o = Lt(r, n, this.scene.getNonDeletedElementsMap());
 			if (o && (i = o.x, a = o.y), Math.hypot(e - i, t - a) < 30) {
 				let { x: e, y: t } = qe({
 					sceneX: i,
@@ -4051,7 +4051,7 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 		};
 	}
 	async #At() {
-		await Gr(Wr.find((e) => e.code === this.props.langCode) || Hr), this.setAppState({});
+		await Wr(Ur.find((e) => e.code === this.props.langCode) || Vr), this.setAppState({});
 	}
 };
 (He() || Re()) && (window.h = window.h || {}, Object.defineProperties(window.h, {
@@ -4061,7 +4061,7 @@ var oo = !1, so = 0, co = null, lo = !1, uo = !1, fo = !1, po = {
 			return this.app?.scene?.getElementsIncludingDeleted?.();
 		},
 		set(e) {
-			return this.app?.scene?.replaceAllElements?.(Cn(e));
+			return this.app?.scene?.replaceAllElements?.(En(e));
 		}
 	},
 	scene: {