publish handleLinkNavigation to app props

fix: link popup position not accounting for offsets (#4695 )
feat: Support hyperlinks 🔥 (#4620 )
2022-02-03 19:18:09 +01:00 · 2022-02-03 17:00:00 +01:00 · 2022-02-03 20:34:59 +05:30 · 2022-02-03 00:09:59 +01:00 · 2022-02-02 14:31:38 +01:00 · 2022-02-01 20:11:24 +05:30
118 changed files with 4041 additions and 1250 deletions
@@ -37,7 +37,7 @@
    "idb-keyval": "6.0.3",
    "image-blob-reduce": "3.0.1",
    "lodash.throttle": "4.1.1",
-    "nanoid": "3.1.30",
+    "nanoid": "3.1.32",
    "open-color": "1.9.1",
    "pako": "1.0.11",
    "perfect-freehand": "1.0.16",
@@ -11,6 +11,7 @@ const crowdinMap = {
  "de-DE": "en-de",
  "el-GR": "en-el",
  "es-ES": "en-es",
+  "eu-ES": "en-eu",
  "fa-IR": "en-fa",
  "fi-FI": "en-fi",
  "fr-FR": "en-fr",
@@ -42,6 +43,7 @@ const crowdinMap = {
  "zh-CN": "en-zhcn",
  "zh-HK": "en-zhhk",
  "zh-TW": "en-zhtw",
+  "lt-LT": "en-lt",
  "lv-LV": "en-lv",
  "cs-CZ": "en-cs",
  "kk-KZ": "en-kk",
@@ -69,6 +71,7 @@ const flags = {
  "kab-KAB": "🏳",
  "kk-KZ": "🇰🇿",
  "ko-KR": "🇰🇷",
+  "lt-LT": "🇱🇹",
  "lv-LV": "🇱🇻",
  "my-MM": "🇲🇲",
  "nb-NO": "🇳🇴",
@@ -102,6 +105,7 @@ const languages = {
  "de-DE": "Deutsch",
  "el-GR": "Ελληνικά",
  "es-ES": "Español",
+  "eu-ES": "Euskara",
  "fa-IR": "فارسی",
  "fi-FI": "Suomi",
  "fr-FR": "Français",
@@ -114,6 +118,7 @@ const languages = {
  "kab-KAB": "Taqbaylit",
  "kk-KZ": "Қазақ тілі",
  "ko-KR": "한국어",
+  "lt-LT": "Lietuvių",
  "lv-LV": "Latviešu",
  "my-MM": "Burmese",
  "nb-NO": "Norsk bokmål",
@@ -9,7 +9,7 @@ import { t } from "../i18n";
 import { CODES, KEYS } from "../keys";
 import { getNormalizedZoom, getSelectedElements } from "../scene";
 import { centerScrollOn } from "../scene/scroll";
-import { getNewZoom } from "../scene/zoom";
+import { getStateForZoom } from "../scene/zoom";
 import { AppState, NormalizedZoomValue } from "../types";
 import { getShortcutKey } from "../utils";
 import { register } from "./register";
@@ -58,6 +58,8 @@ export const actionClearCanvas = register({
        files: {},
        theme: appState.theme,
        elementLocked: appState.elementLocked,
+        penMode: appState.penMode,
+        penDetected: appState.penDetected,
        exportBackground: appState.exportBackground,
        exportEmbedScene: appState.exportEmbedScene,
        gridSize: appState.gridSize,
@@ -73,17 +75,18 @@ export const actionClearCanvas = register({

 export const actionZoomIn = register({
  name: "zoomIn",
-  perform: (_elements, appState) => {
-    const zoom = getNewZoom(
-      getNormalizedZoom(appState.zoom.value + ZOOM_STEP),
-      appState.zoom,
-      { left: appState.offsetLeft, top: appState.offsetTop },
-      { x: appState.width / 2, y: appState.height / 2 },
-    );
+  perform: (_elements, appState, _, app) => {
    return {
      appState: {
        ...appState,
-        zoom,
+        ...getStateForZoom(
+          {
+            viewportX: appState.width / 2 + appState.offsetLeft,
+            viewportY: appState.height / 2 + appState.offsetTop,
+            nextZoom: getNormalizedZoom(appState.zoom.value + ZOOM_STEP),
+          },
+          appState,
+        ),
      },
      commitToHistory: false,
    };
@@ -107,18 +110,18 @@ export const actionZoomIn = register({

 export const actionZoomOut = register({
  name: "zoomOut",
-  perform: (_elements, appState) => {
-    const zoom = getNewZoom(
-      getNormalizedZoom(appState.zoom.value - ZOOM_STEP),
-      appState.zoom,
-      { left: appState.offsetLeft, top: appState.offsetTop },
-      { x: appState.width / 2, y: appState.height / 2 },
-    );
-
+  perform: (_elements, appState, _, app) => {
    return {
      appState: {
        ...appState,
-        zoom,
+        ...getStateForZoom(
+          {
+            viewportX: appState.width / 2 + appState.offsetLeft,
+            viewportY: appState.height / 2 + appState.offsetTop,
+            nextZoom: getNormalizedZoom(appState.zoom.value - ZOOM_STEP),
+          },
+          appState,
+        ),
      },
      commitToHistory: false,
    };
@@ -142,18 +145,17 @@ export const actionZoomOut = register({

 export const actionResetZoom = register({
  name: "resetZoom",
-  perform: (_elements, appState) => {
+  perform: (_elements, appState, _, app) => {
    return {
      appState: {
        ...appState,
-        zoom: getNewZoom(
-          1 as NormalizedZoomValue,
-          appState.zoom,
-          { left: appState.offsetLeft, top: appState.offsetTop },
+        ...getStateForZoom(
          {
-            x: appState.width / 2,
-            y: appState.height / 2,
+            viewportX: appState.width / 2 + appState.offsetLeft,
+            viewportY: appState.height / 2 + appState.offsetTop,
+            nextZoom: getNormalizedZoom(1),
          },
+          appState,
        ),
      },
      commitToHistory: false,
@@ -212,14 +214,12 @@ const zoomToFitElements = (
      ? getCommonBounds(selectedElements)
      : getCommonBounds(nonDeletedElements);

-  const zoomValue = zoomValueToFitBoundsOnViewport(commonBounds, {
-    width: appState.width,
-    height: appState.height,
-  });
-  const newZoom = getNewZoom(zoomValue, appState.zoom, {
-    left: appState.offsetLeft,
-    top: appState.offsetTop,
-  });
+  const newZoom = {
+    value: zoomValueToFitBoundsOnViewport(commonBounds, {
+      width: appState.width,
+      height: appState.height,
+    }),
+  };

  const [x1, y1, x2, y2] = commonBounds;
  const centerX = (x1 + x2) / 2;
@@ -25,7 +25,7 @@ export const actionCut = register({
  name: "cut",
  perform: (elements, appState, data, app) => {
    actionCopy.perform(elements, appState, data, app);
-    return actionDeleteSelected.perform(elements, appState, data, app);
+    return actionDeleteSelected.perform(elements, appState);
  },
  contextItemLabel: "labels.cut",
  keyTest: (event) => event[KEYS.CTRL_OR_CMD] && event.code === CODES.X,
@@ -0,0 +1,44 @@
+import { getNonDeletedElements } from "../element";
+import { mutateElement } from "../element/mutateElement";
+import { getBoundTextElement, measureText } from "../element/textElement";
+import { ExcalidrawTextElement } from "../element/types";
+import { getSelectedElements } from "../scene";
+import { getFontString } from "../utils";
+import { register } from "./register";
+
+export const actionUnbindText = register({
+  name: "unbindText",
+  contextItemLabel: "labels.unbindText",
+  perform: (elements, appState) => {
+    const selectedElements = getSelectedElements(
+      getNonDeletedElements(elements),
+      appState,
+    );
+    selectedElements.forEach((element) => {
+      const boundTextElement = getBoundTextElement(element);
+      if (boundTextElement) {
+        const { width, height, baseline } = measureText(
+          boundTextElement.originalText,
+          getFontString(boundTextElement),
+        );
+        mutateElement(boundTextElement as ExcalidrawTextElement, {
+          containerId: null,
+          width,
+          height,
+          baseline,
+          text: boundTextElement.originalText,
+        });
+        mutateElement(element, {
+          boundElements: element.boundElements?.filter(
+            (ele) => ele.id !== boundTextElement.id,
+          ),
+        });
+      }
+    });
+    return {
+      elements,
+      appState,
+      commitToHistory: true,
+    };
+  },
+});
@@ -80,3 +80,5 @@ export { actionToggleGridMode } from "./actionToggleGridMode";
 export { actionToggleZenMode } from "./actionToggleZenMode";

 export { actionToggleStats } from "./actionToggleStats";
+export { actionUnbindText } from "./actionUnbindText";
+export { actionLink } from "../element/Hyperlink";
@@ -2,7 +2,9 @@ import { Action } from "./types";

 export let actions: readonly Action[] = [];

-export const register = (action: Action): Action => {
+export const register = <T extends Action>(action: T) => {
  actions = actions.concat(action);
-  return action;
+  return action as T & {
+    keyTest?: unknown extends T["keyTest"] ? never : T["keyTest"];
+  };
 };
@@ -25,7 +25,8 @@ export type ShortcutName =
  | "addToLibrary"
  | "viewMode"
  | "flipHorizontal"
-  | "flipVertical";
+  | "flipVertical"
+  | "link";

 const shortcutMap: Record<ShortcutName, string[]> = {
  cut: [getShortcutKey("CtrlOrCmd+X")],
@@ -62,6 +63,7 @@ const shortcutMap: Record<ShortcutName, string[]> = {
  flipHorizontal: [getShortcutKey("Shift+H")],
  flipVertical: [getShortcutKey("Shift+V")],
  viewMode: [getShortcutKey("Alt+R")],
+  link: [getShortcutKey("CtrlOrCmd+K")],
 };

 export const getShortcutFromShortcutName = (name: ShortcutName) => {
@@ -103,7 +103,9 @@ export type ActionName =
  | "exportWithDarkMode"
  | "toggleTheme"
  | "increaseFontSize"
-  | "decreaseFontSize";
+  | "decreaseFontSize"
+  | "unbindText"
+  | "link";

 export type PanelComponentProps = {
  elements: readonly ExcalidrawElement[];
@@ -123,7 +125,12 @@ export interface Action {
    appState: AppState,
    elements: readonly ExcalidrawElement[],
  ) => boolean;
-  contextItemLabel?: string;
+  contextItemLabel?:
+    | string
+    | ((
+        elements: readonly ExcalidrawElement[],
+        appState: Readonly<AppState>,
+      ) => string);
  contextItemPredicate?: (
    elements: readonly ExcalidrawElement[],
    appState: AppState,
@@ -43,6 +43,8 @@ export const getDefaultAppState = (): Omit<
    editingLinearElement: null,
    elementLocked: false,
    elementType: "selection",
+    penMode: false,
+    penDetected: false,
    errorMessage: null,
    exportBackground: true,
    exportScale: defaultExportScale,
@@ -77,9 +79,12 @@ export const getDefaultAppState = (): Omit<
    toastMessage: null,
    viewBackgroundColor: oc.white,
    zenModeEnabled: false,
-    zoom: { value: 1 as NormalizedZoomValue, translation: { x: 0, y: 0 } },
+    zoom: {
+      value: 1 as NormalizedZoomValue,
+    },
    viewModeEnabled: false,
    pendingImageElement: null,
+    showHyperlinkPopup: false,
  };
 };

@@ -127,6 +132,8 @@ const APP_STATE_STORAGE_CONF = (<
  editingLinearElement: { browser: false, export: false, server: false },
  elementLocked: { browser: true, export: false, server: false },
  elementType: { browser: true, export: false, server: false },
+  penMode: { browser: false, export: false, server: false },
+  penDetected: { browser: false, export: false, server: false },
  errorMessage: { browser: false, export: false, server: false },
  exportBackground: { browser: true, export: false, server: false },
  exportEmbedScene: { browser: true, export: false, server: false },
@@ -168,6 +175,7 @@ const APP_STATE_STORAGE_CONF = (<
  zoom: { browser: true, export: false, server: false },
  viewModeEnabled: { browser: false, export: false, server: false },
  pendingImageElement: { browser: false, export: false, server: false },
+  showHyperlinkPopup: { browser: false, export: false, server: false },
 });

 const _clearAppStateForStorage = <
@@ -158,6 +158,7 @@ export const SelectedShapeActions = ({
            {renderAction("deleteSelectedElements")}
            {renderAction("group")}
            {renderAction("ungroup")}
+            {targetElements.length === 1 && renderAction("link")}
          </div>
        </fieldset>
      )}
@@ -26,7 +26,9 @@ import {
  actionToggleGridMode,
  actionToggleStats,
  actionToggleZenMode,
+  actionUnbindText,
  actionUngroup,
+  actionLink,
 } from "../actions";
 import { createRedoAction, createUndoAction } from "../actions/actionHistory";
 import { ActionManager } from "../actions/manager";
@@ -140,6 +142,7 @@ import {
  InitializedExcalidrawImageElement,
  ExcalidrawImageElement,
  FileId,
+  NonDeletedExcalidrawElement,
 } from "../element/types";
 import { getCenter, getDistance } from "../gesture";
 import {
@@ -177,7 +180,7 @@ import {
 } from "../scene";
 import Scene from "../scene/Scene";
 import { RenderConfig, ScrollBars } from "../scene/types";
-import { getNewZoom } from "../scene/zoom";
+import { getStateForZoom } from "../scene/zoom";
 import { findShapeByKey } from "../shapes";
 import {
  AppClassProperties,
@@ -238,6 +241,14 @@ import {
  getBoundTextElementId,
 } from "../element/textElement";
 import { isHittingElementNotConsideringBoundingBox } from "../element/collision";
+import {
+  normalizeLink,
+  showHyperlinkTooltip,
+  hideHyperlinkToolip,
+  Hyperlink,
+  isPointHittingLinkIcon,
+  isLocalLink,
+} from "../element/Hyperlink";

 const IsMobileContext = React.createContext(false);
 export const useIsMobile = () => useContext(IsMobileContext);
@@ -297,6 +308,11 @@ class App extends React.Component<AppProps, AppState> {
  public files: BinaryFiles = {};
  public imageCache: AppClassProperties["imageCache"] = new Map();

+  hitLinkElement?: NonDeletedExcalidrawElement;
+  lastPointerDown: React.PointerEvent<HTMLCanvasElement> | null = null;
+  lastPointerUp: React.PointerEvent<HTMLElement> | PointerEvent | null = null;
+  contextMenuOpen: boolean = false;
+
  constructor(props: AppProps) {
    super(props);
    const defaultAppState = getDefaultAppState();
@@ -319,6 +335,7 @@ class App extends React.Component<AppProps, AppState> {
      name,
      width: window.innerWidth,
      height: window.innerHeight,
+      showHyperlinkPopup: false,
    };

    this.id = nanoid();
@@ -432,7 +449,10 @@ class App extends React.Component<AppProps, AppState> {

  public render() {
    const { zenModeEnabled, viewModeEnabled } = this.state;
-
+    const selectedElement = getSelectedElements(
+      this.scene.getElements(),
+      this.state,
+    );
    const {
      onCollabButtonClick,
      renderTopRightUI,
@@ -466,6 +486,7 @@ class App extends React.Component<AppProps, AppState> {
              elements={this.scene.getElements()}
              onCollabButtonClick={onCollabButtonClick}
              onLockToggle={this.toggleLock}
+              onPenModeToggle={this.togglePenMode}
              onInsertElements={(elements) =>
                this.addElementsFromPasteOrLibrary({
                  elements,
@@ -476,7 +497,7 @@ class App extends React.Component<AppProps, AppState> {
              zenModeEnabled={zenModeEnabled}
              toggleZenMode={this.toggleZenMode}
              langCode={getLanguage().code}
-              isCollaborating={this.props.isCollaborating || false}
+              isCollaborating={this.props.isCollaborating}
              renderTopRightUI={renderTopRightUI}
              renderCustomFooter={renderFooter}
              viewModeEnabled={viewModeEnabled}
@@ -497,6 +518,14 @@ class App extends React.Component<AppProps, AppState> {
            />
            <div className="excalidraw-textEditorContainer" />
            <div className="excalidraw-contextMenuContainer" />
+            {selectedElement.length === 1 && this.state.showHyperlinkPopup && (
+              <Hyperlink
+                key={selectedElement[0].id}
+                element={selectedElement[0]}
+                appState={this.state}
+                setAppState={this.setAppState}
+              />
+            )}
            {this.state.showStats && (
              <Stats
                appState={this.state}
@@ -535,6 +564,8 @@ class App extends React.Component<AppProps, AppState> {

  private syncActionResult = withBatchedUpdates(
    (actionResult: ActionResult) => {
+      // Since context menu closes when action triggered so setting to false
+      this.contextMenuOpen = false;
      if (this.unmounted || actionResult === false) {
        return;
      }
@@ -809,6 +840,7 @@ class App extends React.Component<AppProps, AppState> {
  };

  public async componentDidMount() {
+    this.unmounted = false;
    this.excalidrawContainerValue.container =
      this.excalidrawContainerRef.current;

@@ -1009,6 +1041,14 @@ class App extends React.Component<AppProps, AppState> {
  }

  componentDidUpdate(prevProps: AppProps, prevState: AppState) {
+    // Hide hyperlink popup if shown when element type is not selection
+    if (
+      prevState.elementType === "selection" &&
+      this.state.elementType !== "selection" &&
+      this.state.showHyperlinkPopup
+    ) {
+      this.setState({ showHyperlinkPopup: false });
+    }
    if (prevProps.langCode !== this.props.langCode) {
      this.updateLanguage();
    }
@@ -1154,6 +1194,7 @@ class App extends React.Component<AppProps, AppState> {
        renderScrollbars: !this.isMobile,
      },
    );
+
    if (scrollBars) {
      currentScrollBars = scrollBars;
    }
@@ -1478,6 +1519,7 @@ class App extends React.Component<AppProps, AppState> {
  };

  removePointer = (event: React.PointerEvent<HTMLElement> | PointerEvent) => {
+    this.lastPointerUp = event;
    // remove touch handler for context menu on touch devices
    if (event.pointerType === "touch" && touchTimeout) {
      clearTimeout(touchTimeout);
@@ -1499,6 +1541,14 @@ class App extends React.Component<AppProps, AppState> {
    });
  };

+  togglePenMode = () => {
+    this.setState((prevState) => {
+      return {
+        penMode: !prevState.penMode,
+      };
+    });
+  };
+
  toggleZenMode = () => {
    this.actionManager.executeAction(actionToggleZenMode);
  };
@@ -1649,10 +1699,7 @@ class App extends React.Component<AppProps, AppState> {
      }

      if (
-        (isWritableElement(event.target) &&
-          event.key !== KEYS.ESCAPE &&
-          // handle cmd/ctrl-modifier shortcuts even inside inputs
-          !event[KEYS.CTRL_OR_CMD]) ||
+        (isWritableElement(event.target) && event.key !== KEYS.ESCAPE) ||
        // case: using arrows to move between buttons
        (isArrowKey(event.key) && isInputLike(event.target))
      ) {
@@ -1883,12 +1930,14 @@ class App extends React.Component<AppProps, AppState> {

    const initialScale = gesture.initialScale;
    if (initialScale) {
-      this.setState(({ zoom, offsetLeft, offsetTop }) => ({
-        zoom: getNewZoom(
-          getNormalizedZoom(initialScale * event.scale),
-          zoom,
-          { left: offsetLeft, top: offsetTop },
-          { x: cursorX, y: cursorY },
+      this.setState((state) => ({
+        ...getStateForZoom(
+          {
+            viewportX: cursorX,
+            viewportY: cursorY,
+            nextZoom: getNormalizedZoom(initialScale * event.scale),
+          },
+          state,
        ),
      }));
    }
@@ -1915,20 +1964,15 @@ class App extends React.Component<AppProps, AppState> {
      text: string,
      originalText: string,
      isDeleted: boolean,
-      isSubmit: boolean,
    ) => {
      this.scene.replaceAllElements([
        ...this.scene.getElementsIncludingDeleted().map((_element) => {
          if (_element.id === element.id && isTextElement(_element)) {
-            return updateTextElement(
-              _element,
-              {
-                text,
-                isDeleted,
-                originalText,
-              },
-              isSubmit,
-            );
+            return updateTextElement(_element, {
+              text,
+              isDeleted,
+              originalText,
+            });
          }
          return _element;
        }),
@@ -1937,7 +1981,6 @@ class App extends React.Component<AppProps, AppState> {

    textWysiwyg({
      id: element.id,
-      appState: this.state,
      canvas: this.canvas,
      getViewportCoords: (x, y) => {
        const { x: viewportX, y: viewportY } = sceneCoordsToViewportCoords(
@@ -1953,14 +1996,14 @@ class App extends React.Component<AppProps, AppState> {
        ];
      },
      onChange: withBatchedUpdates((text) => {
-        updateElement(text, text, false, false);
+        updateElement(text, text, false);
        if (isNonDeletedElement(element)) {
          updateBoundElements(element);
        }
      }),
      onSubmit: withBatchedUpdates(({ text, viaKeyboard, originalText }) => {
        const isDeleted = !text.trim();
-        updateElement(text, originalText, isDeleted, true);
+        updateElement(text, originalText, isDeleted);
        // select the created text element only if submitting via keyboard
        // (when submitting via click it should act as signal to deselect)
        if (!isDeleted && viaKeyboard) {
@@ -1993,13 +2036,14 @@ class App extends React.Component<AppProps, AppState> {
      }),
      element,
      excalidrawContainer: this.excalidrawContainerRef.current,
+      app: this,
    });
    // deselect all other elements when inserting text
    this.deselectElements();

    // do an initial update to re-initialize element position since we were
    // modifying element's x/y for sake of editor (case: syncing to remote)
-    updateElement(element.text, element.originalText, false, false);
+    updateElement(element.text, element.originalText, false);
  }

  private deselectElements() {
@@ -2078,6 +2122,7 @@ class App extends React.Component<AppProps, AppState> {
          .filter(
            (element) => !(isTextElement(element) && element.containerId),
          );
+
    return getElementsAtPosition(elements, (element) =>
      hitTest(element, this.state, x, y),
    );
@@ -2303,6 +2348,77 @@ class App extends React.Component<AppProps, AppState> {
    }
  };

+  private getElementLinkAtPosition = (
+    scenePointer: Readonly<{ x: number; y: number }>,
+    hitElement: NonDeletedExcalidrawElement | null,
+  ): ExcalidrawElement | undefined => {
+    // Reversing so we traverse the elements in decreasing order
+    // of z-index
+    const elements = this.scene.getElements().slice().reverse();
+    let hitElementIndex = Infinity;
+
+    return elements.find((element, index) => {
+      if (hitElement && element.id === hitElement.id) {
+        hitElementIndex = index;
+      }
+      return (
+        element.link &&
+        isPointHittingLinkIcon(element, this.state, [
+          scenePointer.x,
+          scenePointer.y,
+        ]) &&
+        index <= hitElementIndex
+      );
+    });
+  };
+
+  private redirectToLink = () => {
+    const lastPointerDownCoords = viewportCoordsToSceneCoords(
+      this.lastPointerDown!,
+      this.state,
+    );
+    const lastPointerDownHittingLinkIcon = isPointHittingLinkIcon(
+      this.hitLinkElement!,
+      this.state,
+      [lastPointerDownCoords.x, lastPointerDownCoords.y],
+    );
+    const lastPointerUpCoords = viewportCoordsToSceneCoords(
+      this.lastPointerUp!,
+      this.state,
+    );
+    const LastPointerUpHittingLinkIcon = isPointHittingLinkIcon(
+      this.hitLinkElement!,
+      this.state,
+      [lastPointerUpCoords.x, lastPointerUpCoords.y],
+    );
+    if (lastPointerDownHittingLinkIcon && LastPointerUpHittingLinkIcon) {
+      const url = this.hitLinkElement?.link;
+      if (url) {
+        if (this.props.handleLinkNavigation) {
+          try {
+            this.props.handleLinkNavigation(url);
+            return;
+          } catch (error: any) {
+            console.error(error);
+          }
+        }
+        const target = isLocalLink(url) ? "_self" : "_blank";
+        const newWindow = window.open(undefined, target);
+        // https://mathiasbynens.github.io/rel-noopener/
+        if (newWindow) {
+          newWindow.opener = null;
+          newWindow.location = normalizeLink(url);
+        }
+      }
+    }
+  };
+  private attachLinkListener = () => {
+    this.canvas?.addEventListener("click", this.redirectToLink);
+  };
+  private detachLinkListener = () => {
+    this.canvas?.removeEventListener("click", this.redirectToLink);
+  };
+
  private handleCanvasPointerMove = (
    event: React.PointerEvent<HTMLCanvasElement>,
  ) => {
@@ -2328,19 +2444,32 @@ class App extends React.Component<AppProps, AppState> {
      gesture.lastCenter = center;

      const distance = getDistance(Array.from(gesture.pointers.values()));
-      const scaleFactor = distance / gesture.initialDistance;
+      const scaleFactor =
+        this.state.elementType === "freedraw" && this.state.penMode
+          ? 1
+          : distance / gesture.initialDistance;

-      this.setState(({ zoom, scrollX, scrollY, offsetLeft, offsetTop }) => ({
-        scrollX: scrollX + deltaX / zoom.value,
-        scrollY: scrollY + deltaY / zoom.value,
-        zoom: getNewZoom(
-          getNormalizedZoom(initialScale * scaleFactor),
-          zoom,
-          { left: offsetLeft, top: offsetTop },
-          center,
-        ),
-        shouldCacheIgnoreZoom: true,
-      }));
+      const nextZoom = scaleFactor
+        ? getNormalizedZoom(initialScale * scaleFactor)
+        : this.state.zoom.value;
+
+      this.setState((state) => {
+        const zoomState = getStateForZoom(
+          {
+            viewportX: center.x,
+            viewportY: center.y,
+            nextZoom,
+          },
+          state,
+        );
+
+        return {
+          zoom: zoomState.zoom,
+          scrollX: zoomState.scrollX + deltaX / nextZoom,
+          scrollY: zoomState.scrollY + deltaY / nextZoom,
+          shouldCacheIgnoreZoom: true,
+        };
+      });
      this.resetShouldCacheIgnoreZoomDebounced();
    } else {
      gesture.lastCenter =
@@ -2522,42 +2651,68 @@ class App extends React.Component<AppProps, AppState> {
      scenePointer.x,
      scenePointer.y,
    );
-    if (this.state.elementType === "text") {
-      setCursor(
-        this.canvas,
-        isTextElement(hitElement) ? CURSOR_TYPE.TEXT : CURSOR_TYPE.CROSSHAIR,
-      );
-    } else if (this.state.viewModeEnabled) {
-      setCursor(this.canvas, CURSOR_TYPE.GRAB);
-    } else if (isOverScrollBar) {
-      setCursor(this.canvas, CURSOR_TYPE.AUTO);
-    } else if (this.state.editingLinearElement) {
-      const element = LinearElementEditor.getElement(
-        this.state.editingLinearElement.elementId,
-      );
+    this.hitLinkElement = this.getElementLinkAtPosition(
+      scenePointer,
+      hitElement,
+    );
+
+    if (
+      this.hitLinkElement &&
+      !this.state.selectedElementIds[this.hitLinkElement.id]
+    ) {
+      setCursor(this.canvas, CURSOR_TYPE.POINTER);
+      showHyperlinkTooltip(this.hitLinkElement, this.state);
+      this.attachLinkListener();
+    } else {
+      hideHyperlinkToolip();
+      this.detachLinkListener();
      if (
-        element &&
-        isHittingElementNotConsideringBoundingBox(element, this.state, [
-          scenePointer.x,
-          scenePointer.y,
-        ])
+        hitElement &&
+        hitElement.link &&
+        this.state.selectedElementIds[hitElement.id] &&
+        !this.contextMenuOpen &&
+        !this.state.showHyperlinkPopup
+      ) {
+        this.setState({ showHyperlinkPopup: "info" });
+      }
+      if (this.state.elementType === "text") {
+        setCursor(
+          this.canvas,
+          isTextElement(hitElement) ? CURSOR_TYPE.TEXT : CURSOR_TYPE.CROSSHAIR,
+        );
+      } else if (this.state.viewModeEnabled) {
+        setCursor(this.canvas, CURSOR_TYPE.GRAB);
+      } else if (isOverScrollBar) {
+        setCursor(this.canvas, CURSOR_TYPE.AUTO);
+      } else if (this.state.editingLinearElement) {
+        const element = LinearElementEditor.getElement(
+          this.state.editingLinearElement.elementId,
+        );
+
+        if (
+          element &&
+          isHittingElementNotConsideringBoundingBox(element, this.state, [
+            scenePointer.x,
+            scenePointer.y,
+          ])
+        ) {
+          setCursor(this.canvas, CURSOR_TYPE.MOVE);
+        } else {
+          setCursor(this.canvas, CURSOR_TYPE.AUTO);
+        }
+      } else if (
+        // if using cmd/ctrl, we're not dragging
+        !event[KEYS.CTRL_OR_CMD] &&
+        (hitElement ||
+          this.isHittingCommonBoundingBoxOfSelectedElements(
+            scenePointer,
+            selectedElements,
+          ))
      ) {
        setCursor(this.canvas, CURSOR_TYPE.MOVE);
      } else {
        setCursor(this.canvas, CURSOR_TYPE.AUTO);
      }
-    } else if (
-      // if using cmd/ctrl, we're not dragging
-      !event[KEYS.CTRL_OR_CMD] &&
-      (hitElement ||
-        this.isHittingCommonBoundingBoxOfSelectedElements(
-          scenePointer,
-          selectedElements,
-        ))
-    ) {
-      setCursor(this.canvas, CURSOR_TYPE.MOVE);
-    } else {
-      setCursor(this.canvas, CURSOR_TYPE.AUTO);
    }
  };

@@ -2576,14 +2731,24 @@ class App extends React.Component<AppProps, AppState> {
    if (selection?.anchorNode) {
      selection.removeAllRanges();
    }
-
    this.maybeOpenContextMenuAfterPointerDownOnTouchDevices(event);
    this.maybeCleanupAfterMissingPointerUp(event);

+    //fires only once, if pen is detected, penMode is enabled
+    //the user can disable this by toggling the penMode button
+    if (!this.state.penDetected && event.pointerType === "pen") {
+      this.setState((prevState) => {
+        return {
+          penMode: true,
+          penDetected: true,
+        };
+      });
+    }
+
    if (isPanning) {
      return;
    }
-
+    this.lastPointerDown = event;
    this.setState({
      lastPointerDownWith: event.pointerType,
      cursorButton: "down",
@@ -2617,6 +2782,8 @@ class App extends React.Component<AppProps, AppState> {
      return;
    }

+    // Since context menu closes on pointer down so setting to false
+    this.contextMenuOpen = false;
    this.clearSelectionIfNotUsingSelection();
    this.updateBindingEnabledOnPointerMove(event);

@@ -2624,6 +2791,17 @@ class App extends React.Component<AppProps, AppState> {
      return;
    }

+    const allowOnPointerDown =
+      !this.state.penMode ||
+      event.pointerType !== "touch" ||
+      this.state.elementType === "selection" ||
+      this.state.elementType === "text" ||
+      this.state.elementType === "image";
+
+    if (!allowOnPointerDown) {
+      return;
+    }
+
    if (this.state.elementType === "text") {
      this.handleTextOnPointerDown(event, pointerDownState);
      return;
@@ -3032,7 +3210,6 @@ class App extends React.Component<AppProps, AppState> {
            return true;
          }
        }
-
        // hitElement may already be set above, so check first
        pointerDownState.hit.element =
          pointerDownState.hit.element ??
@@ -3042,6 +3219,15 @@ class App extends React.Component<AppProps, AppState> {
          );

        if (pointerDownState.hit.element) {
+          // Early return if pointer is hitting link icon
+          if (
+            isPointHittingLinkIcon(pointerDownState.hit.element, this.state, [
+              pointerDownState.origin.x,
+              pointerDownState.origin.y,
+            ])
+          ) {
+            return false;
+          }
          pointerDownState.hit.hasHitElementInside =
            isHittingElementNotConsideringBoundingBox(
              pointerDownState.hit.element,
@@ -3123,6 +3309,7 @@ class App extends React.Component<AppProps, AppState> {
                      ...prevState.selectedElementIds,
                      [hitElement.id]: true,
                    },
+                    showHyperlinkPopup: hitElement.link ? "info" : false,
                  },
                  this.scene.getElements(),
                );
@@ -3779,6 +3966,11 @@ class App extends React.Component<AppProps, AppState> {
                      }
                    : null),
                },
+                showHyperlinkPopup:
+                  elementsWithinSelection.length === 1 &&
+                  elementsWithinSelection[0].link
+                    ? "info"
+                    : false,
              },
              this.scene.getElements(),
            ),
@@ -4930,6 +5122,10 @@ class App extends React.Component<AppProps, AppState> {
    },
    type: "canvas" | "element",
  ) => {
+    if (this.state.showHyperlinkPopup) {
+      this.setState({ showHyperlinkPopup: false });
+    }
+    this.contextMenuOpen = true;
    const maybeGroupAction = actionGroup.contextItemPredicate!(
      this.actionManager.getElementsIncludingDeleted(),
      this.actionManager.getAppState(),
@@ -4981,6 +5177,7 @@ class App extends React.Component<AppProps, AppState> {
          actionManager: this.actionManager,
          appState: this.state,
          container: this.excalidrawContainerRef.current!,
+          elements,
        });
      } else {
        ContextMenu.push({
@@ -5021,9 +5218,14 @@ class App extends React.Component<AppProps, AppState> {
          actionManager: this.actionManager,
          appState: this.state,
          container: this.excalidrawContainerRef.current!,
+          elements,
        });
      }
    } else if (type === "element") {
+      const elementsWithUnbindedText = getSelectedElements(
+        elements,
+        this.state,
+      ).some((element) => !hasBoundTextElement(element));
      if (this.state.viewModeEnabled) {
        ContextMenu.push({
          options: [navigator.clipboard && actionCopy, ...options],
@@ -5032,6 +5234,7 @@ class App extends React.Component<AppProps, AppState> {
          actionManager: this.actionManager,
          appState: this.state,
          container: this.excalidrawContainerRef.current!,
+          elements,
        });
      } else {
        ContextMenu.push({
@@ -5056,6 +5259,7 @@ class App extends React.Component<AppProps, AppState> {
            actionPasteStyles,
            separator,
            maybeGroupAction && actionGroup,
+            !elementsWithUnbindedText && actionUnbindText,
            maybeUngroupAction && actionUngroup,
            (maybeGroupAction || maybeUngroupAction) && separator,
            actionAddToLibrary,
@@ -5068,6 +5272,7 @@ class App extends React.Component<AppProps, AppState> {
            maybeFlipHorizontal && actionFlipHorizontal,
            maybeFlipVertical && actionFlipVertical,
            (maybeFlipHorizontal || maybeFlipVertical) && separator,
+            actionLink.contextItemPredicate(elements, this.state) && actionLink,
            actionDuplicateSelection,
            actionDeleteSelected,
          ],
@@ -5076,6 +5281,7 @@ class App extends React.Component<AppProps, AppState> {
          actionManager: this.actionManager,
          appState: this.state,
          container: this.excalidrawContainerRef.current!,
+          elements,
        });
      }
    }
@@ -5114,15 +5320,14 @@ class App extends React.Component<AppProps, AppState> {
      // round to nearest step
      newZoom = Math.round(newZoom * ZOOM_STEP * 100) / (ZOOM_STEP * 100);

-      this.setState(({ zoom, offsetLeft, offsetTop }) => ({
-        zoom: getNewZoom(
-          getNormalizedZoom(newZoom),
-          zoom,
-          { left: offsetLeft, top: offsetTop },
+      this.setState((state) => ({
+        ...getStateForZoom(
          {
-            x: cursorX,
-            y: cursorY,
+            viewportX: cursorX,
+            viewportY: cursorY,
+            nextZoom: getNormalizedZoom(newZoom),
          },
+          state,
        ),
        selectedElementIds: {},
        previousSelectedElementIds:
@@ -11,6 +11,7 @@ import {
 import { Action } from "../actions/types";
 import { ActionManager } from "../actions/manager";
 import { AppState } from "../types";
+import { NonDeletedExcalidrawElement } from "../element/types";

 export type ContextMenuOption = "separator" | Action;

@@ -21,6 +22,7 @@ type ContextMenuProps = {
  left: number;
  actionManager: ActionManager;
  appState: Readonly<AppState>;
+  elements: readonly NonDeletedExcalidrawElement[];
 };

 const ContextMenu = ({
@@ -30,6 +32,7 @@ const ContextMenu = ({
  left,
  actionManager,
  appState,
+  elements,
 }: ContextMenuProps) => {
  return (
    <Popover
@@ -37,6 +40,10 @@ const ContextMenu = ({
      top={top}
      left={left}
      fitInViewport={true}
+      offsetLeft={appState.offsetLeft}
+      offsetTop={appState.offsetTop}
+      viewportWidth={appState.width}
+      viewportHeight={appState.height}
    >
      <ul
        className="context-menu"
@@ -48,9 +55,14 @@ const ContextMenu = ({
          }

          const actionName = option.name;
-          const label = option.contextItemLabel
-            ? t(option.contextItemLabel)
-            : "";
+          let label = "";
+          if (option.contextItemLabel) {
+            if (typeof option.contextItemLabel === "function") {
+              label = t(option.contextItemLabel(elements, appState));
+            } else {
+              label = t(option.contextItemLabel);
+            }
+          }
          return (
            <li key={idx} data-testid={actionName} onClick={onCloseRequest}>
              <button
@@ -97,6 +109,7 @@ type ContextMenuParams = {
  actionManager: ContextMenuProps["actionManager"];
  appState: Readonly<AppState>;
  container: HTMLElement;
+  elements: readonly NonDeletedExcalidrawElement[];
 };

 const handleClose = (container: HTMLElement) => {
@@ -125,6 +138,7 @@ export default {
          onCloseRequest={() => handleClose(params.container)}
          actionManager={params.actionManager}
          appState={params.appState}
+          elements={params.elements}
        />,
        getContextMenuNode(params.container),
      );
@@ -205,6 +205,10 @@ export const HelpDialog = ({ onClose }: { onClose?: () => void }) => {
                  label={t("helpDialog.preventBinding")}
                  shortcuts={[getShortcutKey("CtrlOrCmd")]}
                />
+                <Shortcut
+                  label={t("toolBar.link")}
+                  shortcuts={[getShortcutKey("CtrlOrCmd+K")]}
+                />
              </ShortcutIsland>
              <ShortcutIsland caption={t("helpDialog.view")}>
                <Shortcut
@@ -36,6 +36,7 @@ import { LibraryMenu } from "./LibraryMenu";

 import "./LayerUI.scss";
 import "./Toolbar.scss";
+import { PenModeButton } from "./PenModeButton";

 interface LayerUIProps {
  actionManager: ActionManager;
@@ -46,6 +47,7 @@ interface LayerUIProps {
  elements: readonly NonDeletedExcalidrawElement[];
  onCollabButtonClick?: () => void;
  onLockToggle: () => void;
+  onPenModeToggle: () => void;
  onInsertElements: (elements: readonly NonDeletedExcalidrawElement[]) => void;
  zenModeEnabled: boolean;
  showExitZenModeBtn: boolean;
@@ -76,6 +78,7 @@ const LayerUI = ({
  elements,
  onCollabButtonClick,
  onLockToggle,
+  onPenModeToggle,
  onInsertElements,
  zenModeEnabled,
  showExitZenModeBtn,
@@ -313,6 +316,13 @@ const LayerUI = ({
                      "zen-mode": zenModeEnabled,
                    })}
                  >
+                    <PenModeButton
+                      zenModeEnabled={zenModeEnabled}
+                      checked={appState.penMode}
+                      onChange={onPenModeToggle}
+                      title={t("toolBar.penMode")}
+                      penDetected={appState.penDetected}
+                    />
                    <LockButton
                      zenModeEnabled={zenModeEnabled}
                      checked={appState.elementLocked}
@@ -498,6 +508,7 @@ const LayerUI = ({
        setAppState={setAppState}
        onCollabButtonClick={onCollabButtonClick}
        onLockToggle={onLockToggle}
+        onPenModeToggle={onPenModeToggle}
        canvas={canvas}
        isCollaborating={isCollaborating}
        renderCustomFooter={renderCustomFooter}
@@ -17,6 +17,7 @@ import { LockButton } from "./LockButton";
 import { UserList } from "./UserList";
 import { BackgroundPickerAndDarkModeToggle } from "./BackgroundPickerAndDarkModeToggle";
 import { LibraryButton } from "./LibraryButton";
+import { PenModeButton } from "./PenModeButton";

 type MobileMenuProps = {
  appState: AppState;
@@ -28,6 +29,7 @@ type MobileMenuProps = {
  libraryMenu: JSX.Element | null;
  onCollabButtonClick?: () => void;
  onLockToggle: () => void;
+  onPenModeToggle: () => void;
  canvas: HTMLCanvasElement | null;
  isCollaborating: boolean;
  renderCustomFooter?: (isMobile: boolean, appState: AppState) => JSX.Element;
@@ -50,6 +52,7 @@ export const MobileMenu = ({
  setAppState,
  onCollabButtonClick,
  onLockToggle,
+  onPenModeToggle,
  canvas,
  isCollaborating,
  renderCustomFooter,
@@ -92,6 +95,13 @@ export const MobileMenu = ({
                  setAppState={setAppState}
                  isMobile
                />
+                <PenModeButton
+                  checked={appState.penMode}
+                  onChange={onPenModeToggle}
+                  title={t("toolBar.penMode")}
+                  isMobile
+                  penDetected={appState.penDetected}
+                />
              </Stack.Row>
              {libraryMenu}
            </Stack.Col>
@@ -0,0 +1,91 @@
+import "./ToolIcon.scss";
+
+import clsx from "clsx";
+import { ToolButtonSize } from "./ToolButton";
+
+type PenModeIconProps = {
+  title?: string;
+  name?: string;
+  checked: boolean;
+  onChange?(): void;
+  zenModeEnabled?: boolean;
+  isMobile?: boolean;
+  penDetected: boolean;
+};
+
+const DEFAULT_SIZE: ToolButtonSize = "medium";
+
+const ICONS = {
+  CHECKED: (
+    <svg
+      width="205"
+      height="205"
+      viewBox="0 0 205 205"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path d="m35 195-25-29.17V50h50v115l-25 30" />
+      <path d="M10 40V10h50v30H10" />
+      <path d="M125 145h70v50h-70" />
+      <path d="M190 145v-30l-10-20h-40l-10 20v30h15v-30l5-5h20l5 5v30h15" />
+    </svg>
+  ),
+  UNCHECKED: (
+    <svg
+      width="205"
+      height="205"
+      viewBox="0 0 205 205"
+      xmlns="http://www.w3.org/2000/svg"
+      className="unlocked-icon rtl-mirror"
+    >
+      <path d="m35 195-25-29.17V50h50v115l-25 30" />
+      <path d="M10 40V10h50v30H10" />
+      <path d="M125 145h70v50h-70" />
+      <path d="M145 145v-30l-10-20H95l-10 20v30h15v-30l5-5h20l5 5v30h15" />
+    </svg>
+  ),
+};
+
+export const PenModeButton = (props: PenModeIconProps) => {
+  if (!props.penDetected) {
+    if (props.isMobile) {
+      return null;
+    }
+    return (
+      <label
+        className={clsx(
+          "ToolIcon ToolIcon__penMode ToolIcon_type_floating",
+          `ToolIcon_size_${DEFAULT_SIZE}`,
+          {
+            "is-mobile": props.isMobile,
+          },
+        )}
+      >
+        <div className="ToolIcon__icon ToolIcon__hidden" />
+      </label>
+    );
+  }
+  return (
+    <label
+      className={clsx(
+        "ToolIcon ToolIcon__penMode ToolIcon_type_floating",
+        `ToolIcon_size_${DEFAULT_SIZE}`,
+        {
+          "is-mobile": props.isMobile,
+        },
+      )}
+      title={`${props.title}`}
+    >
+      <input
+        className="ToolIcon_type_checkbox"
+        type="checkbox"
+        name={props.name}
+        onChange={props.onChange}
+        checked={props.checked}
+        aria-label={props.title}
+      />
+      <div className="ToolIcon__icon">
+        {props.checked ? ICONS.CHECKED : ICONS.UNCHECKED}
+      </div>
+    </label>
+  );
+};
@@ -8,6 +8,10 @@ type Props = {
  children?: React.ReactNode;
  onCloseRequest?(event: PointerEvent): void;
  fitInViewport?: boolean;
+  offsetLeft?: number;
+  offsetTop?: number;
+  viewportWidth?: number;
+  viewportHeight?: number;
 };

 export const Popover = ({
@@ -16,6 +20,10 @@ export const Popover = ({
  top,
  onCloseRequest,
  fitInViewport = false,
+  offsetLeft = 0,
+  offsetTop = 0,
+  viewportWidth = window.innerWidth,
+  viewportHeight = window.innerHeight,
 }: Props) => {
  const popoverRef = useRef<HTMLDivElement>(null);

@@ -24,17 +32,14 @@ export const Popover = ({
    if (fitInViewport && popoverRef.current) {
      const element = popoverRef.current;
      const { x, y, width, height } = element.getBoundingClientRect();
-
-      const viewportWidth = window.innerWidth;
-      if (x + width > viewportWidth) {
+      if (x + width - offsetLeft > viewportWidth) {
        element.style.left = `${viewportWidth - width}px`;
      }
-      const viewportHeight = window.innerHeight;
-      if (y + height > viewportHeight) {
+      if (y + height - offsetTop > viewportHeight) {
        element.style.top = `${viewportHeight - height}px`;
      }
    }
-  }, [fitInViewport]);
+  }, [fitInViewport, viewportWidth, viewportHeight, offsetLeft, offsetTop]);

  useEffect(() => {
    if (onCloseRequest) {
@@ -219,6 +219,10 @@
      margin-inline-end: 0;
      top: 60px;
    }
+    .ToolIcon.ToolIcon__penMode {
+      margin-inline-end: 0;
+      top: 140px;
+    }
  }

  .unlocked-icon {
@@ -46,6 +46,11 @@
      }
    }

+    .ToolIcon__hidden {
+      box-shadow: none !important;
+      background-color: transparent !important;
+    }
+
    .ToolIcon.ToolIcon__lock {
      margin-inline-end: var(--space-factor);
      &.ToolIcon_type_floating {
@@ -2,7 +2,7 @@ import "./Tooltip.scss";

 import React, { useEffect } from "react";

-const getTooltipDiv = () => {
+export const getTooltipDiv = () => {
  const existingDiv = document.querySelector<HTMLDivElement>(
    ".excalidraw-tooltip",
  );
@@ -15,6 +15,50 @@ const getTooltipDiv = () => {
  return div;
 };

+export const updateTooltipPosition = (
+  tooltip: HTMLDivElement,
+  item: {
+    left: number;
+    top: number;
+    width: number;
+    height: number;
+  },
+  position: "bottom" | "top" = "bottom",
+) => {
+  const tooltipRect = tooltip.getBoundingClientRect();
+
+  const viewportWidth = window.innerWidth;
+  const viewportHeight = window.innerHeight;
+
+  const margin = 5;
+
+  let left = item.left + item.width / 2 - tooltipRect.width / 2;
+  if (left < 0) {
+    left = margin;
+  } else if (left + tooltipRect.width >= viewportWidth) {
+    left = viewportWidth - tooltipRect.width - margin;
+  }
+
+  let top: number;
+
+  if (position === "bottom") {
+    top = item.top + item.height + margin;
+    if (top + tooltipRect.height >= viewportHeight) {
+      top = item.top - tooltipRect.height - margin;
+    }
+  } else {
+    top = item.top - tooltipRect.height - margin;
+    if (top < 0) {
+      top = item.top + item.height + margin;
+    }
+  }
+
+  Object.assign(tooltip.style, {
+    top: `${top}px`,
+    left: `${left}px`,
+  });
+};
+
 const updateTooltip = (
  item: HTMLDivElement,
  tooltip: HTMLDivElement,
@@ -27,35 +71,8 @@ const updateTooltip = (

  tooltip.textContent = label;

-  const {
-    x: itemX,
-    bottom: itemBottom,
-    top: itemTop,
-    width: itemWidth,
-  } = item.getBoundingClientRect();
-
-  const { width: labelWidth, height: labelHeight } =
-    tooltip.getBoundingClientRect();
-
-  const viewportWidth = window.innerWidth;
-  const viewportHeight = window.innerHeight;
-
-  const margin = 5;
-
-  const left = itemX + itemWidth / 2 - labelWidth / 2;
-  const offsetLeft =
-    left + labelWidth >= viewportWidth ? left + labelWidth - viewportWidth : 0;
-
-  const top = itemBottom + margin;
-  const offsetTop =
-    top + labelHeight >= viewportHeight
-      ? itemBottom - itemTop + labelHeight + margin * 2
-      : 0;
-
-  Object.assign(tooltip.style, {
-    top: `${top - offsetTop}px`,
-    left: `${left - offsetLeft}px`,
-  });
+  const itemRect = item.getBoundingClientRect();
+  updateTooltipPosition(tooltip, itemRect);
 };

 type TooltipProps = {
@@ -75,7 +92,6 @@ export const Tooltip = ({
    return () =>
      getTooltipDiv().classList.remove("excalidraw-tooltip--visible");
  }, []);
-
  return (
    <div
      className="excalidraw-tooltip-wrapper"
@@ -892,3 +892,11 @@ export const publishIcon = createIcon(
  />,
  { width: 640, height: 512 },
 );
+
+export const editIcon = createIcon(
+  <path
+    fill="currentColor"
+    d="M402.3 344.9l32-32c5-5 13.7-1.5 13.7 5.7V464c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V112c0-26.5 21.5-48 48-48h273.5c7.1 0 10.7 8.6 5.7 13.7l-32 32c-1.5 1.5-3.5 2.3-5.7 2.3H48v352h352V350.5c0-2.1.8-4.1 2.3-5.6zm156.6-201.8L296.3 405.7l-90.4 10c-26.2 2.9-48.5-19.2-45.6-45.6l10-90.4L432.9 17.1c22.9-22.9 59.9-22.9 82.7 0l43.2 43.2c22.9 22.9 22.9 60 .1 82.8zM460.1 174L402 115.9 216.2 301.8l-7.3 65.3 65.3-7.3L460.1 174zm64.8-79.7l-43.2-43.2c-4.1-4.1-10.8-4.1-14.8 0L436 82l58.1 58.1 30.9-30.9c4-4.2 4-10.8-.1-14.9z"
+  ></path>,
+  { width: 640, height: 512 },
+);
@@ -115,6 +115,7 @@ export const TOAST_TIMEOUT = 5000;
 export const VERSION_TIMEOUT = 30000;
 export const SCROLL_TIMEOUT = 100;
 export const ZOOM_STEP = 0.1;
+export const HYPERLINK_TOOLTIP_DELAY = 300;

 // Report a user inactive after IDLE_THRESHOLD milliseconds
 export const IDLE_THRESHOLD = 60_000;
@@ -105,6 +105,7 @@ const restoreElementWithProperties = <
      ? element.boundElementIds.map((id) => ({ type: "arrow", id }))
      : element.boundElements ?? [],
    updated: element.updated ?? getUpdatedTimestamp(),
+    link: element.link ?? null,
  };

  return {
@@ -261,7 +262,6 @@ export const restoreAppState = (
      typeof appState.zoom === "number"
        ? {
            value: appState.zoom as NormalizedZoomValue,
-            translation: defaultAppState.zoom.translation,
          }
        : appState.zoom || defaultAppState.zoom,
  };
@@ -0,0 +1,74 @@
+@import "../css/variables.module";
+
+.excalidraw-hyperlinkContainer {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  position: absolute;
+  box-shadow: 0px 2px 4px 0 rgb(0 0 0 / 30%);
+  z-index: 100;
+  background: var(--island-bg-color);
+  border-radius: var(--border-radius-md);
+  box-sizing: border-box;
+  // to account for LS due to rendering icons after new link created
+  min-height: 42px;
+
+  &-input,
+  button {
+    z-index: 100;
+  }
+
+  &-input,
+  &-link {
+    height: 24px;
+    padding: 0 8px;
+    line-height: 24px;
+    font-size: 0.9rem;
+    font-weight: 500;
+    font-family: var(--ui-font);
+  }
+
+  &-input {
+    width: 18rem;
+    border: none;
+    background-color: transparent;
+    color: var(--text-primary-color);
+
+    outline: none;
+    border: none;
+    box-shadow: none !important;
+  }
+
+  &-link {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    max-width: 15rem;
+  }
+
+  button {
+    color: $oc-blue-6;
+    background-color: transparent !important;
+    font-weight: 500;
+    &.excalidraw-hyperlinkContainer--remove {
+      color: $oc-red-9;
+    }
+  }
+
+  .d-none {
+    display: none;
+  }
+
+  &--remove .ToolIcon__icon svg {
+    color: $oc-red-6;
+  }
+
+  .ToolIcon__icon {
+    width: 2rem;
+    height: 2rem;
+  }
+
+  &__buttons {
+    flex: 0 0 auto;
+  }
+}
@@ -0,0 +1,429 @@
+import { AppState, Point } from "../types";
+import {
+  getShortcutKey,
+  sceneCoordsToViewportCoords,
+  viewportCoordsToSceneCoords,
+} from "../utils";
+import { mutateElement } from "./mutateElement";
+import { NonDeletedExcalidrawElement } from "./types";
+
+import { register } from "../actions/register";
+import { ToolButton } from "../components/ToolButton";
+import { editIcon, link, trash } from "../components/icons";
+import { t } from "../i18n";
+import {
+  useCallback,
+  useEffect,
+  useLayoutEffect,
+  useRef,
+  useState,
+} from "react";
+import clsx from "clsx";
+import { KEYS } from "../keys";
+import { DEFAULT_LINK_SIZE } from "../renderer/renderElement";
+import { rotate } from "../math";
+import { EVENT, HYPERLINK_TOOLTIP_DELAY, MIME_TYPES } from "../constants";
+import { Bounds } from "./bounds";
+import { getTooltipDiv, updateTooltipPosition } from "../components/Tooltip";
+import { getSelectedElements } from "../scene";
+import { isPointHittingElementBoundingBox } from "./collision";
+import { getElementAbsoluteCoords } from "./";
+
+import "./Hyperlink.scss";
+
+const CONTAINER_WIDTH = 320;
+const SPACE_BOTTOM = 85;
+const CONTAINER_PADDING = 5;
+const CONTAINER_HEIGHT = 42;
+const AUTO_HIDE_TIMEOUT = 500;
+
+export const EXTERNAL_LINK_IMG = document.createElement("img");
+EXTERNAL_LINK_IMG.src = `data:${MIME_TYPES.svg}, ${encodeURIComponent(
+  `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#1971c2" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-external-link"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" y1="14" x2="21" y2="3"></line></svg>`,
+)}`;
+
+let IS_HYPERLINK_TOOLTIP_VISIBLE = false;
+
+export const Hyperlink = ({
+  element,
+  appState,
+  setAppState,
+}: {
+  element: NonDeletedExcalidrawElement;
+  appState: AppState;
+  setAppState: React.Component<any, AppState>["setState"];
+}) => {
+  const linkVal = element.link || "";
+
+  const [inputVal, setInputVal] = useState(linkVal);
+  const inputRef = useRef<HTMLInputElement>(null);
+  const isEditing = appState.showHyperlinkPopup === "editor" || !linkVal;
+
+  const handleSubmit = useCallback(() => {
+    if (!inputRef.current) {
+      return;
+    }
+
+    const link = normalizeLink(inputRef.current.value);
+
+    mutateElement(element, { link });
+    setAppState({ showHyperlinkPopup: "info" });
+  }, [element, setAppState]);
+
+  useLayoutEffect(() => {
+    return () => {
+      handleSubmit();
+    };
+  }, [handleSubmit]);
+
+  useEffect(() => {
+    let timeoutId: number | null = null;
+    const handlePointerMove = (event: PointerEvent) => {
+      if (isEditing) {
+        return;
+      }
+      if (timeoutId) {
+        clearTimeout(timeoutId);
+      }
+      const shouldHide = shouldHideLinkPopup(element, appState, [
+        event.clientX,
+        event.clientY,
+      ]) as boolean;
+      if (shouldHide) {
+        timeoutId = window.setTimeout(() => {
+          setAppState({ showHyperlinkPopup: false });
+        }, AUTO_HIDE_TIMEOUT);
+      }
+    };
+    window.addEventListener(EVENT.POINTER_MOVE, handlePointerMove, false);
+    return () => {
+      window.removeEventListener(EVENT.POINTER_MOVE, handlePointerMove, false);
+      if (timeoutId) {
+        clearTimeout(timeoutId);
+      }
+    };
+  }, [appState, element, isEditing, setAppState]);
+
+  const handleRemove = useCallback(() => {
+    mutateElement(element, { link: null });
+    if (isEditing) {
+      inputRef.current!.value = "";
+    }
+    setAppState({ showHyperlinkPopup: false });
+  }, [setAppState, element, isEditing]);
+
+  const onEdit = () => {
+    setAppState({ showHyperlinkPopup: "editor" });
+  };
+  const { x, y } = getCoordsForPopover(element, appState);
+  if (
+    appState.draggingElement ||
+    appState.resizingElement ||
+    appState.isRotating
+  ) {
+    return null;
+  }
+  return (
+    <div
+      className="excalidraw-hyperlinkContainer"
+      style={{
+        top: `${y}px`,
+        left: `${x}px`,
+        width: CONTAINER_WIDTH,
+        padding: CONTAINER_PADDING,
+      }}
+    >
+      {isEditing ? (
+        <input
+          className={clsx("excalidraw-hyperlinkContainer-input")}
+          placeholder="Type or paste your link here"
+          ref={inputRef}
+          value={inputVal}
+          onChange={(event) => setInputVal(event.target.value)}
+          autoFocus
+          onKeyDown={(event) => {
+            event.stopPropagation();
+            // prevent cmd/ctrl+k shortcut when editing link
+            if (event[KEYS.CTRL_OR_CMD] && event.key === KEYS.K) {
+              event.preventDefault();
+            }
+            if (event.key === KEYS.ENTER || event.key === KEYS.ESCAPE) {
+              handleSubmit();
+            }
+          }}
+        />
+      ) : (
+        <a
+          href={element.link || ""}
+          className={clsx("excalidraw-hyperlinkContainer-link", {
+            "d-none": isEditing,
+          })}
+          target={isLocalLink(element.link) ? "_self" : "_blank"}
+          rel="noopener noreferrer"
+        >
+          {element.link}
+        </a>
+      )}
+      <div className="excalidraw-hyperlinkContainer__buttons">
+        {!isEditing && (
+          <ToolButton
+            type="button"
+            title={t("buttons.edit")}
+            aria-label={t("buttons.edit")}
+            label={t("buttons.edit")}
+            onClick={onEdit}
+            className="excalidraw-hyperlinkContainer--edit"
+            icon={editIcon}
+          />
+        )}
+
+        {linkVal && (
+          <ToolButton
+            type="button"
+            title={t("buttons.remove")}
+            aria-label={t("buttons.remove")}
+            label={t("buttons.remove")}
+            onClick={handleRemove}
+            className="excalidraw-hyperlinkContainer--remove"
+            icon={trash}
+          />
+        )}
+      </div>
+    </div>
+  );
+};
+
+const getCoordsForPopover = (
+  element: NonDeletedExcalidrawElement,
+  appState: AppState,
+) => {
+  const { x: viewportX, y: viewportY } = sceneCoordsToViewportCoords(
+    { sceneX: element.x + element.width / 2, sceneY: element.y },
+    appState,
+  );
+  const x = viewportX - appState.offsetLeft - CONTAINER_WIDTH / 2;
+  const y = viewportY - appState.offsetTop - SPACE_BOTTOM;
+  return { x, y };
+};
+
+export const normalizeLink = (link: string) => {
+  link = link.trim();
+  if (link) {
+    // prefix with protocol if not fully-qualified
+    if (!link.includes("://") && !/^[[\\/]/.test(link)) {
+      link = `https://${link}`;
+    }
+  }
+  return link;
+};
+
+export const isLocalLink = (link: string | null) => {
+  return !!(link?.includes(location.origin) || link?.startsWith("/"));
+};
+
+export const actionLink = register({
+  name: "link",
+  perform: (elements, appState) => {
+    if (appState.showHyperlinkPopup === "editor") {
+      return false;
+    }
+    return {
+      elements,
+      appState: {
+        ...appState,
+        showHyperlinkPopup: "editor",
+      },
+      commitToHistory: true,
+    };
+  },
+  keyTest: (event) => event[KEYS.CTRL_OR_CMD] && event.key === KEYS.K,
+  contextItemLabel: (elements, appState) =>
+    getContextMenuLabel(elements, appState),
+  contextItemPredicate: (elements, appState) => {
+    const selectedElements = getSelectedElements(elements, appState);
+    return selectedElements.length === 1;
+  },
+  PanelComponent: ({ elements, appState, updateData }) => {
+    const selectedElements = getSelectedElements(elements, appState);
+
+    return (
+      <ToolButton
+        type="button"
+        icon={link}
+        aria-label={t(getContextMenuLabel(elements, appState))}
+        title={`${t("labels.link.label")} - ${getShortcutKey("CtrlOrCmd+K")}`}
+        onClick={() => updateData(null)}
+        selected={selectedElements.length === 1 && !!selectedElements[0].link}
+      />
+    );
+  },
+});
+
+export const getContextMenuLabel = (
+  elements: readonly NonDeletedExcalidrawElement[],
+  appState: AppState,
+) => {
+  const selectedElements = getSelectedElements(elements, appState);
+  const label = selectedElements[0]!.link
+    ? "labels.link.edit"
+    : "labels.link.create";
+  return label;
+};
+export const getLinkHandleFromCoords = (
+  [x1, y1, x2, y2]: Bounds,
+  angle: number,
+  appState: AppState,
+): [x: number, y: number, width: number, height: number] => {
+  const size = DEFAULT_LINK_SIZE;
+  const linkWidth = size / appState.zoom.value;
+  const linkHeight = size / appState.zoom.value;
+  const linkMarginY = size / appState.zoom.value;
+  const centerX = (x1 + x2) / 2;
+  const centerY = (y1 + y2) / 2;
+  const centeringOffset = (size - 8) / (2 * appState.zoom.value);
+  const dashedLineMargin = 4 / appState.zoom.value;
+
+  // Same as `ne` resize handle
+  const x = x2 + dashedLineMargin - centeringOffset;
+  const y = y1 - dashedLineMargin - linkMarginY + centeringOffset;
+
+  const [rotatedX, rotatedY] = rotate(
+    x + linkWidth / 2,
+    y + linkHeight / 2,
+    centerX,
+    centerY,
+    angle,
+  );
+  return [
+    rotatedX - linkWidth / 2,
+    rotatedY - linkHeight / 2,
+    linkWidth,
+    linkHeight,
+  ];
+};
+
+export const isPointHittingLinkIcon = (
+  element: NonDeletedExcalidrawElement,
+  appState: AppState,
+  [x, y]: Point,
+) => {
+  const threshold = 4 / appState.zoom.value;
+
+  const [x1, y1, x2, y2] = getElementAbsoluteCoords(element);
+
+  const [linkX, linkY, linkWidth, linkHeight] = getLinkHandleFromCoords(
+    [x1, y1, x2, y2],
+    element.angle,
+    appState,
+  );
+  const hitLink =
+    x > linkX - threshold &&
+    x < linkX + threshold + linkWidth &&
+    y > linkY - threshold &&
+    y < linkY + linkHeight + threshold;
+
+  return hitLink;
+};
+
+let HYPERLINK_TOOLTIP_TIMEOUT_ID: number | null = null;
+export const showHyperlinkTooltip = (
+  element: NonDeletedExcalidrawElement,
+  appState: AppState,
+) => {
+  if (HYPERLINK_TOOLTIP_TIMEOUT_ID) {
+    clearTimeout(HYPERLINK_TOOLTIP_TIMEOUT_ID);
+  }
+  HYPERLINK_TOOLTIP_TIMEOUT_ID = window.setTimeout(
+    () => renderTooltip(element, appState),
+    HYPERLINK_TOOLTIP_DELAY,
+  );
+};
+
+const renderTooltip = (
+  element: NonDeletedExcalidrawElement,
+  appState: AppState,
+) => {
+  if (!element.link) {
+    return;
+  }
+
+  const tooltipDiv = getTooltipDiv();
+
+  tooltipDiv.classList.add("excalidraw-tooltip--visible");
+  tooltipDiv.style.maxWidth = "20rem";
+  tooltipDiv.textContent = element.link;
+
+  const [x1, y1, x2, y2] = getElementAbsoluteCoords(element);
+
+  const [linkX, linkY, linkWidth, linkHeight] = getLinkHandleFromCoords(
+    [x1, y1, x2, y2],
+    element.angle,
+    appState,
+  );
+
+  const linkViewportCoords = sceneCoordsToViewportCoords(
+    { sceneX: linkX, sceneY: linkY },
+    appState,
+  );
+
+  updateTooltipPosition(
+    tooltipDiv,
+    {
+      left: linkViewportCoords.x,
+      top: linkViewportCoords.y,
+      width: linkWidth,
+      height: linkHeight,
+    },
+    "top",
+  );
+
+  IS_HYPERLINK_TOOLTIP_VISIBLE = true;
+};
+export const hideHyperlinkToolip = () => {
+  if (HYPERLINK_TOOLTIP_TIMEOUT_ID) {
+    clearTimeout(HYPERLINK_TOOLTIP_TIMEOUT_ID);
+  }
+  if (IS_HYPERLINK_TOOLTIP_VISIBLE) {
+    IS_HYPERLINK_TOOLTIP_VISIBLE = false;
+    getTooltipDiv().classList.remove("excalidraw-tooltip--visible");
+  }
+};
+
+export const shouldHideLinkPopup = (
+  element: NonDeletedExcalidrawElement,
+  appState: AppState,
+  [clientX, clientY]: Point,
+): Boolean => {
+  const { x: sceneX, y: sceneY } = viewportCoordsToSceneCoords(
+    { clientX, clientY },
+    appState,
+  );
+
+  const threshold = 15 / appState.zoom.value;
+  // hitbox to prevent hiding when hovered in element bounding box
+  if (isPointHittingElementBoundingBox(element, [sceneX, sceneY], threshold)) {
+    return false;
+  }
+
+  // hit box to prevent hiding when hovered in the vertical area between element and popover
+  if (
+    sceneX >= element.x &&
+    sceneX <= element.x + element.width &&
+    sceneY <= element.y &&
+    sceneY >= element.y - SPACE_BOTTOM
+  ) {
+    return false;
+  }
+  // hit box to prevent hiding when hovered around popover within threshold
+  const { x: popoverX, y: popoverY } = getCoordsForPopover(element, appState);
+
+  if (
+    clientX >= popoverX - threshold &&
+    clientX <= popoverX + CONTAINER_WIDTH + CONTAINER_PADDING * 2 + threshold &&
+    clientY >= popoverY - threshold &&
+    clientY <= popoverY + threshold + CONTAINER_PADDING * 2 + CONTAINER_HEIGHT
+  ) {
+    return false;
+  }
+  return true;
+};
@@ -96,7 +96,6 @@ export const isHittingElementNotConsideringBoundingBox = (
    : isElementDraggableFromInside(element)
    ? isInsideCheck
    : isNearCheck;
-
  return hitTestPointAgainstElement({ element, point, threshold, check });
 };

@@ -105,7 +104,7 @@ const isElementSelected = (
  element: NonDeleted<ExcalidrawElement>,
 ) => appState.selectedElementIds[element.id];

-const isPointHittingElementBoundingBox = (
+export const isPointHittingElementBoundingBox = (
  element: NonDeleted<ExcalidrawElement>,
  [x, y]: Point,
  threshold: number,
@@ -21,7 +21,7 @@ import { AppState } from "../types";
 import { getElementAbsoluteCoords } from ".";
 import { adjustXYWithRotation } from "../math";
 import { getResizedElementAbsoluteCoords } from "./bounds";
-import { getContainerElement, measureText } from "./textElement";
+import { getContainerElement, measureText, wrapText } from "./textElement";
 import { isBoundToContainer } from "./typeChecks";
 import { BOUND_TEXT_PADDING } from "../constants";

@@ -35,6 +35,7 @@ type ElementConstructorOpts = MarkOptional<
  | "seed"
  | "version"
  | "versionNonce"
+  | "link"
 >;

 const _newElementBase = <T extends ExcalidrawElement>(
@@ -55,6 +56,7 @@ const _newElementBase = <T extends ExcalidrawElement>(
    groupIds = [],
    strokeSharpness,
    boundElements = null,
+    link = null,
    ...rest
  }: ElementConstructorOpts & Omit<Partial<ExcalidrawGenericElement>, "type">,
 ) => {
@@ -81,6 +83,7 @@ const _newElementBase = <T extends ExcalidrawElement>(
    isDeleted: false as false,
    boundElements,
    updated: getUpdatedTimestamp(),
+    link,
  };
  return element;
 };
@@ -247,17 +250,17 @@ export const updateTextElement = (
    text,
    isDeleted,
    originalText,
-  }: { text: string; isDeleted?: boolean; originalText: string },
-
-  isSubmit: boolean,
+  }: {
+    text: string;
+    isDeleted?: boolean;
+    originalText: string;
+  },
 ): ExcalidrawTextElement => {
-  const boundToContainer = isBoundToContainer(element);
-
-  // Don't update dimensions and text value for bounded text unless submitted
-  const dimensions =
-    boundToContainer && !isSubmit
-      ? undefined
-      : getAdjustedDimensions(element, text);
+  const container = getContainerElement(element);
+  if (container) {
+    text = wrapText(text, getFontString(element), container.width);
+  }
+  const dimensions = getAdjustedDimensions(element, text);
  return newElementWith(element, {
    text,
    originalText,
@@ -36,6 +36,7 @@ import { Point, PointerDownState } from "../types";
 import Scene from "../scene/Scene";
 import {
  getApproxMinLineWidth,
+  getBoundTextElement,
  getBoundTextElementId,
  handleBindTextResize,
  measureText,
@@ -588,15 +589,12 @@ export const resizeSingleElement = (
    });
  }
  let minWidth = 0;
-  if (boundTextElementId) {
-    const boundTextElement = Scene.getScene(element)!.getElement(
-      boundTextElementId,
-    ) as ExcalidrawTextElement;
+  const boundTextElement = getBoundTextElement(element);
+  if (boundTextElement) {
    minWidth = getApproxMinLineWidth(getFontString(boundTextElement));
  }
-
  if (
-    resizedElement.width > minWidth &&
+    resizedElement.width >= minWidth &&
    resizedElement.height !== 0 &&
    Number.isFinite(resizedElement.x) &&
    Number.isFinite(resizedElement.y)
@@ -175,7 +175,6 @@ export const measureText = (
  container.style.whiteSpace = "pre";
  container.style.font = font;
  container.style.minHeight = "1em";
-
  if (maxWidth) {
    const lineHeight = getApproxLineHeight(font);
    container.style.width = `${String(maxWidth)}px`;
@@ -205,8 +204,14 @@ export const measureText = (
 };

 const DUMMY_TEXT = "ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789".toLocaleUpperCase();
+const cacheApproxLineHeight: { [key: FontString]: number } = {};
+
 export const getApproxLineHeight = (font: FontString) => {
-  return measureText(DUMMY_TEXT, font, null).height;
+  if (cacheApproxLineHeight[font]) {
+    return cacheApproxLineHeight[font];
+  }
+  cacheApproxLineHeight[font] = measureText(DUMMY_TEXT, font, null).height;
+  return cacheApproxLineHeight[font];
 };

 let canvas: HTMLCanvasElement | undefined;
@@ -362,10 +367,14 @@ export const charWidth = (() => {
  };
 })();
 export const getApproxMinLineWidth = (font: FontString) => {
-  return (
-    measureText(DUMMY_TEXT.split("").join("\n"), font).width +
-    BOUND_TEXT_PADDING * 2
-  );
+  const minCharWidth = getMinCharWidth(font);
+  if (minCharWidth === 0) {
+    return (
+      measureText(DUMMY_TEXT.split("").join("\n"), font).width +
+      BOUND_TEXT_PADDING * 2
+    );
+  }
+  return minCharWidth + BOUND_TEXT_PADDING * 2;
 };

 export const getApproxMinLineHeight = (font: FontString) => {
@@ -1,11 +1,16 @@
 import ReactDOM from "react-dom";
 import ExcalidrawApp from "../excalidraw-app";
-import { render, screen } from "../tests/test-utils";
+import { GlobalTestState, render, screen } from "../tests/test-utils";
 import { Keyboard, Pointer, UI } from "../tests/helpers/ui";
-import { KEYS } from "../keys";
+import { CODES, KEYS } from "../keys";
 import { fireEvent } from "../tests/test-utils";
+import { queryByText } from "@testing-library/react";
+
 import { BOUND_TEXT_PADDING, FONT_FAMILY } from "../constants";
-import { ExcalidrawTextElementWithContainer } from "./types";
+import {
+  ExcalidrawTextElement,
+  ExcalidrawTextElementWithContainer,
+} from "./types";
 import * as textElementUtils from "./textElement";
 // Unmount ReactDOM from root
 ReactDOM.unmountComponentAtNode(document.getElementById("root")!);
@@ -15,13 +20,16 @@ const mouse = new Pointer("mouse");

 describe("textWysiwyg", () => {
  describe("Test unbounded text", () => {
+    const { h } = window;
+
    let textarea: HTMLTextAreaElement;
+    let textElement: ExcalidrawTextElement;
    beforeEach(async () => {
      await render(<ExcalidrawApp />);

-      const element = UI.createElement("text");
+      textElement = UI.createElement("text");

-      mouse.clickOn(element);
+      mouse.clickOn(textElement);
      textarea = document.querySelector(
        ".excalidraw-textEditorContainer > textarea",
      )!;
@@ -171,16 +179,65 @@ describe("textWysiwyg", () => {

      expect(textarea.value).toEqual(`Line#1\nLine#2`);
    });
+
+    it("should resize text via shortcuts while in wysiwyg", () => {
+      textarea.value = "abc def";
+      const origFontSize = textElement.fontSize;
+      textarea.dispatchEvent(
+        new KeyboardEvent("keydown", {
+          key: KEYS.CHEVRON_RIGHT,
+          ctrlKey: true,
+          shiftKey: true,
+        }),
+      );
+      expect(textElement.fontSize).toBe(origFontSize * 1.1);
+
+      textarea.dispatchEvent(
+        new KeyboardEvent("keydown", {
+          key: KEYS.CHEVRON_LEFT,
+          ctrlKey: true,
+          shiftKey: true,
+        }),
+      );
+      expect(textElement.fontSize).toBe(origFontSize);
+    });
+
+    it("zooming via keyboard should zoom canvas", () => {
+      expect(h.state.zoom.value).toBe(1);
+      textarea.dispatchEvent(
+        new KeyboardEvent("keydown", {
+          code: CODES.MINUS,
+          ctrlKey: true,
+        }),
+      );
+      expect(h.state.zoom.value).toBe(0.9);
+      textarea.dispatchEvent(
+        new KeyboardEvent("keydown", {
+          code: CODES.NUM_SUBTRACT,
+          ctrlKey: true,
+        }),
+      );
+      expect(h.state.zoom.value).toBe(0.8);
+      textarea.dispatchEvent(
+        new KeyboardEvent("keydown", {
+          code: CODES.NUM_ADD,
+          ctrlKey: true,
+        }),
+      );
+      expect(h.state.zoom.value).toBe(0.9);
+      textarea.dispatchEvent(
+        new KeyboardEvent("keydown", {
+          code: CODES.EQUAL,
+          ctrlKey: true,
+        }),
+      );
+      expect(h.state.zoom.value).toBe(1);
+    });
  });
+
  describe("Test bounded text", () => {
    let rectangle: any;
-    const {
-      h,
-    }: {
-      h: {
-        elements: any;
-      };
-    } = window;
+    const { h } = window;

    const DUMMY_HEIGHT = 240;
    const DUMMY_WIDTH = 160;
@@ -195,6 +252,7 @@ describe("textWysiwyg", () => {

    beforeEach(async () => {
      await render(<ExcalidrawApp />);
+      h.elements = [];

      rectangle = UI.createElement("rectangle", {
        x: 10,
@@ -222,9 +280,9 @@ describe("textWysiwyg", () => {
        ".excalidraw-textEditorContainer > textarea",
      ) as HTMLTextAreaElement;

-      await new Promise((r) => setTimeout(r, 0));
-
      fireEvent.change(editor, { target: { value: "Hello World!" } });
+
+      await new Promise((r) => setTimeout(r, 0));
      editor.blur();
      expect(rectangle.boundElements).toStrictEqual([
        { id: text.id, type: "text" },
@@ -258,6 +316,8 @@ describe("textWysiwyg", () => {
    });

    it("should update font family correctly on undo/redo by selecting bounded text when font family was updated", async () => {
+      expect(h.elements.length).toBe(1);
+
      mouse.doubleClickAt(
        rectangle.x + rectangle.width / 2,
        rectangle.y + rectangle.height / 2,
@@ -289,19 +349,25 @@ describe("textWysiwyg", () => {

      await new Promise((r) => setTimeout(r, 0));
      editor.blur();
-      expect(h.elements[1].fontFamily).toEqual(FONT_FAMILY.Cascadia);
+      expect(
+        (h.elements[1] as ExcalidrawTextElementWithContainer).fontFamily,
+      ).toEqual(FONT_FAMILY.Cascadia);

      //undo
      Keyboard.withModifierKeys({ ctrl: true }, () => {
        Keyboard.keyPress(KEYS.Z);
      });
-      expect(h.elements[1].fontFamily).toEqual(FONT_FAMILY.Virgil);
+      expect(
+        (h.elements[1] as ExcalidrawTextElementWithContainer).fontFamily,
+      ).toEqual(FONT_FAMILY.Virgil);

      //redo
      Keyboard.withModifierKeys({ ctrl: true, shift: true }, () => {
        Keyboard.keyPress(KEYS.Z);
      });
-      expect(h.elements[1].fontFamily).toEqual(FONT_FAMILY.Cascadia);
+      expect(
+        (h.elements[1] as ExcalidrawTextElementWithContainer).fontFamily,
+      ).toEqual(FONT_FAMILY.Cascadia);
    });

    it("should wrap text and vertcially center align once text submitted", async () => {
@@ -338,10 +404,9 @@ describe("textWysiwyg", () => {
          };
        });

-      Keyboard.withModifierKeys({}, () => {
-        Keyboard.keyPress(KEYS.ENTER);
-      });
+      expect(h.elements.length).toBe(1);

+      Keyboard.keyDown(KEYS.ENTER);
      let text = h.elements[1] as ExcalidrawTextElementWithContainer;
      let editor = document.querySelector(
        ".excalidraw-textEditorContainer > textarea",
@@ -409,5 +474,47 @@ describe("textWysiwyg", () => {
      expect(text.height).toBe(APPROX_LINE_HEIGHT);
      expect(text.width).toBe(rectangle.width - BOUND_TEXT_PADDING * 2);
    });
+
+    it("should unbind bound text when unbind action from context menu is triggred", async () => {
+      expect(h.elements.length).toBe(1);
+      expect(h.elements[0].id).toBe(rectangle.id);
+
+      Keyboard.withModifierKeys({}, () => {
+        Keyboard.keyPress(KEYS.ENTER);
+      });
+
+      expect(h.elements.length).toBe(2);
+
+      const text = h.elements[1] as ExcalidrawTextElementWithContainer;
+      expect(text.containerId).toBe(rectangle.id);
+
+      const editor = document.querySelector(
+        ".excalidraw-textEditorContainer > textarea",
+      ) as HTMLTextAreaElement;
+
+      await new Promise((r) => setTimeout(r, 0));
+
+      fireEvent.change(editor, { target: { value: "Hello World!" } });
+      editor.blur();
+      expect(rectangle.boundElements).toStrictEqual([
+        { id: text.id, type: "text" },
+      ]);
+      mouse.reset();
+      UI.clickTool("selection");
+      mouse.clickAt(10, 20);
+      mouse.down();
+      mouse.up();
+      fireEvent.contextMenu(GlobalTestState.canvas, {
+        button: 2,
+        clientX: 20,
+        clientY: 30,
+      });
+      const contextMenu = document.querySelector(".context-menu");
+      fireEvent.click(queryByText(contextMenu as HTMLElement, "Unbind text")!);
+      expect(h.elements[0].boundElements).toEqual([]);
+      expect((h.elements[1] as ExcalidrawTextElement).containerId).toEqual(
+        null,
+      );
+    });
  });
 });
@@ -8,7 +8,11 @@ import {
 import Scene from "../scene/Scene";
 import { isBoundToContainer, isTextElement } from "./typeChecks";
 import { CLASSES, BOUND_TEXT_PADDING } from "../constants";
-import { ExcalidrawElement, ExcalidrawTextElement } from "./types";
+import {
+  ExcalidrawElement,
+  ExcalidrawTextElement,
+  ExcalidrawLinearElement,
+} from "./types";
 import { AppState } from "../types";
 import { mutateElement } from "./mutateElement";
 import {
@@ -17,6 +21,12 @@ import {
  getContainerElement,
  wrapText,
 } from "./textElement";
+import {
+  actionDecreaseFontSize,
+  actionIncreaseFontSize,
+} from "../actions/actionProperties";
+import { actionZoomIn, actionZoomOut } from "../actions/actionCanvas";
+import App from "../components/App";

 const normalizeText = (text: string) => {
  return (
@@ -36,33 +46,30 @@ const getTransform = (
  maxWidth: number,
  maxHeight: number,
 ) => {
-  const { zoom, offsetTop, offsetLeft } = appState;
+  const { zoom } = appState;
  const degree = (180 * angle) / Math.PI;
-  // offsets must be multiplied by 2 to account for the division by 2 of
-  // the whole expression afterwards
-  let translateX = ((width - offsetLeft * 2) * (zoom.value - 1)) / 2;
-  let translateY = ((height - offsetTop * 2) * (zoom.value - 1)) / 2;
+  let translateX = (width * (zoom.value - 1)) / 2;
+  let translateY = (height * (zoom.value - 1)) / 2;
  if (width > maxWidth && zoom.value !== 1) {
-    translateX = (maxWidth / 2) * (zoom.value - 1);
+    translateX = (maxWidth * (zoom.value - 1)) / 2;
  }
  if (height > maxHeight && zoom.value !== 1) {
-    translateY = ((maxHeight - offsetTop * 2) * (zoom.value - 1)) / 2;
+    translateY = (maxHeight * (zoom.value - 1)) / 2;
  }
  return `translate(${translateX}px, ${translateY}px) scale(${zoom.value}) rotate(${degree}deg)`;
 };

 export const textWysiwyg = ({
  id,
-  appState,
  onChange,
  onSubmit,
  getViewportCoords,
  element,
  canvas,
  excalidrawContainer,
+  app,
 }: {
  id: ExcalidrawElement["id"];
-  appState: AppState;
  onChange?: (text: string) => void;
  onSubmit: (data: {
    text: string;
@@ -73,6 +80,7 @@ export const textWysiwyg = ({
  element: ExcalidrawTextElement;
  canvas: HTMLCanvasElement | null;
  excalidrawContainer: HTMLDivElement | null;
+  app: App;
 }) => {
  const textPropertiesUpdated = (
    updatedElement: ExcalidrawTextElement,
@@ -91,11 +99,13 @@ export const textWysiwyg = ({
    return false;
  };
  let originalContainerHeight: number;
-  let approxLineHeight = getApproxLineHeight(getFontString(element));

-  const initialText = element.originalText;
  const updateWysiwygStyle = () => {
-    const updatedElement = Scene.getScene(element)?.getElement(id);
+    const appState = app.state;
+    const updatedElement = Scene.getScene(element)?.getElement(
+      id,
+    ) as ExcalidrawTextElement;
+    const approxLineHeight = getApproxLineHeight(getFontString(updatedElement));
    if (updatedElement && isTextElement(updatedElement)) {
      let coordX = updatedElement.x;
      let coordY = updatedElement.y;
@@ -118,8 +128,6 @@ export const textWysiwyg = ({
          height = editorHeight;
        }
        if (propertiesUpdated) {
-          approxLineHeight = getApproxLineHeight(getFontString(updatedElement));
-
          originalContainerHeight = container.height;

          // update height of the editor after properties updated
@@ -163,29 +171,12 @@ export const textWysiwyg = ({
        ? approxLineHeight
        : updatedElement.height / lines.length;
      if (!container) {
-        maxWidth =
-          (appState.offsetLeft + appState.width - viewportX - 8) /
-            appState.zoom.value -
-          // margin-right of parent if any
-          Number(
-            getComputedStyle(
-              excalidrawContainer?.parentNode as Element,
-            ).marginRight.slice(0, -2),
-          );
+        maxWidth = (appState.width - 8 - viewportX) / appState.zoom.value;
      }

      // Make sure text editor height doesn't go beyond viewport
      const editorMaxHeight =
-        (appState.height -
-          viewportY -
-          // There is a ~14px difference which keeps on increasing
-          // with every zoom step when offset present hence I am subtracting it here
-          // However this is not the best fix and breaks in
-          // few scenarios
-          (appState.offsetTop
-            ? ((appState.zoom.value * 100 - 100) / 10) * 14
-            : 0)) /
-        appState.zoom.value;
+        (appState.height - viewportY) / appState.zoom.value;
      const angle = container ? container.angle : updatedElement.angle;
      Object.assign(editable.style, {
        font: getFontString(updatedElement),
@@ -215,6 +206,7 @@ export const textWysiwyg = ({
      if (isTestEnv()) {
        editable.style.fontFamily = getFontFamilyString(updatedElement);
      }
+      mutateElement(updatedElement, { x: coordX, y: coordY });
    }
  };

@@ -257,10 +249,14 @@ export const textWysiwyg = ({

  if (onChange) {
    editable.oninput = () => {
+      const updatedElement = Scene.getScene(element)?.getElement(
+        id,
+      ) as ExcalidrawTextElement;
+      const font = getFontString(updatedElement);
      // using scrollHeight here since we need to calculate
      // number of lines so cannot use editable.style.height
      // as that gets updated below
-      const lines = editable.scrollHeight / approxLineHeight;
+      const lines = editable.scrollHeight / getApproxLineHeight(font);
      // auto increase height only when lines  > 1 so its
      // measured correctly and vertically alignes for
      // first line as well as setting height to "auto"
@@ -272,7 +268,7 @@ export const textWysiwyg = ({
          const container = getContainerElement(element);
          const actualLineCount = wrapText(
            editable.value,
-            getFontString(element),
+            font,
            container!.width,
          ).split("\n").length;

@@ -293,16 +289,26 @@ export const textWysiwyg = ({
  }

  editable.onkeydown = (event) => {
-    if (!event[KEYS.CTRL_OR_CMD]) {
-      event.stopPropagation();
-    }
-    if (event.key === KEYS.ESCAPE) {
+    event.stopPropagation();
+
+    if (!event.shiftKey && actionZoomIn.keyTest(event)) {
+      event.preventDefault();
+      app.actionManager.executeAction(actionZoomIn);
+      updateWysiwygStyle();
+    } else if (!event.shiftKey && actionZoomOut.keyTest(event)) {
+      event.preventDefault();
+      app.actionManager.executeAction(actionZoomOut);
+      updateWysiwygStyle();
+    } else if (actionDecreaseFontSize.keyTest(event)) {
+      app.actionManager.executeAction(actionDecreaseFontSize);
+    } else if (actionIncreaseFontSize.keyTest(event)) {
+      app.actionManager.executeAction(actionIncreaseFontSize);
+    } else if (event.key === KEYS.ESCAPE) {
      event.preventDefault();
      submittedViaKeyboard = true;
      handleSubmit();
    } else if (event.key === KEYS.ENTER && event[KEYS.CTRL_OR_CMD]) {
      event.preventDefault();
-      event.stopPropagation();
      if (event.isComposing || event.keyCode === 229) {
        return;
      }
@@ -315,7 +321,6 @@ export const textWysiwyg = ({
          event.code === CODES.BRACKET_RIGHT))
    ) {
      event.preventDefault();
-      event.stopPropagation();
      if (event.shiftKey || event.code === CODES.BRACKET_LEFT) {
        outdent();
      } else {
@@ -434,61 +439,41 @@ export const textWysiwyg = ({
    // it'd get stuck in an infinite loop of blur→onSubmit after we re-focus the
    // wysiwyg on update
    cleanup();
-    const updateElement = Scene.getScene(element)?.getElement(element.id);
+    const updateElement = Scene.getScene(element)?.getElement(
+      element.id,
+    ) as ExcalidrawTextElement;
    if (!updateElement) {
      return;
    }
-    let wrappedText = "";
-    if (isTextElement(updateElement) && updateElement?.containerId) {
-      const container = getContainerElement(updateElement);
+    let text = editable.value;
+    const container = getContainerElement(updateElement);

-      if (container) {
-        wrappedText = wrapText(
-          editable.value,
-          getFontString(updateElement),
-          container.width,
-        );
-
-        if (updateElement.containerId) {
-          const editorHeight = Number(editable.style.height.slice(0, -2));
-          if (editable.value) {
-            // Don't mutate if text is not updated
-            if (initialText !== editable.value) {
-              mutateElement(updateElement, {
-                // vertically center align
-                y: container.y + container.height / 2 - editorHeight / 2,
-                height: editorHeight,
-                width: Number(editable.style.width.slice(0, -2)),
-                // preserve padding
-                x: container.x + BOUND_TEXT_PADDING,
-                angle: container.angle,
-              });
-            }
-
-            const boundTextElementId = getBoundTextElementId(container);
-            if (!boundTextElementId || boundTextElementId !== element.id) {
-              mutateElement(container, {
-                boundElements: (container.boundElements || []).concat({
-                  type: "text",
-                  id: element.id,
-                }),
-              });
-            }
-          } else {
-            mutateElement(container, {
-              boundElements: container.boundElements?.filter(
-                (ele) => ele.type !== "text",
-              ),
-            });
-          }
+    if (container) {
+      text = updateElement.text;
+      if (editable.value) {
+        const boundTextElementId = getBoundTextElementId(container);
+        if (!boundTextElementId || boundTextElementId !== element.id) {
+          mutateElement(container, {
+            boundElements: (container.boundElements || []).concat({
+              type: "text",
+              id: element.id,
+            }),
+          });
        }
+      } else {
+        mutateElement(container, {
+          boundElements: container.boundElements?.filter(
+            (ele) =>
+              !isTextElement(
+                ele as ExcalidrawTextElement | ExcalidrawLinearElement,
+              ),
+          ),
+        });
      }
-    } else {
-      wrappedText = editable.value;
    }

    onSubmit({
-      text: normalizeText(wrappedText),
+      text,
      viaKeyboard: submittedViaKeyboard,
      originalText: editable.value,
    });
@@ -52,6 +52,7 @@ type _ExcalidrawElementBase = Readonly<{
    | null;
  /** epoch (ms) timestamp of last element update */
  updated: number;
+  link: string | null;
 }>;

 export type ExcalidrawSelectionElement = _ExcalidrawElementBase & {
@@ -4,6 +4,7 @@ export const INITIAL_SCENE_UPDATE_TIMEOUT = 5000;
 export const FILE_UPLOAD_TIMEOUT = 300;
 export const LOAD_IMAGES_TIMEOUT = 500;
 export const SYNC_FULL_SCENE_INTERVAL_MS = 20000;
+export const SYNC_BROWSER_TABS_TIMEOUT = 50;

 export const FILE_UPLOAD_MAX_BYTES = 3 * 1024 * 1024; // 3 MiB
 // 1 year (https://stackoverflow.com/a/25201898/927631)
@@ -25,3 +26,13 @@ export const FIREBASE_STORAGE_PREFIXES = {
 };

 export const ROOM_ID_BYTES = 10;
+
+export const STORAGE_KEYS = {
+  LOCAL_STORAGE_ELEMENTS: "excalidraw",
+  LOCAL_STORAGE_APP_STATE: "excalidraw-state",
+  LOCAL_STORAGE_COLLAB: "excalidraw-collab",
+  LOCAL_STORAGE_KEY_COLLAB_FORCE_FLAG: "collabLinkForceLoadFlag",
+  LOCAL_STORAGE_LIBRARY: "excalidraw-library",
+  VERSION_DATA_STATE: "version-dataState",
+  VERSION_FILES: "version-files",
+} as const;
@@ -21,6 +21,7 @@ import {
  INITIAL_SCENE_UPDATE_TIMEOUT,
  LOAD_IMAGES_TIMEOUT,
  SCENE,
+  STORAGE_KEYS,
  SYNC_FULL_SCENE_INTERVAL_MS,
 } from "../app_constants";
 import {
@@ -39,7 +40,6 @@ import {
 import {
  importUsernameFromLocalStorage,
  saveUsernameToLocalStorage,
-  STORAGE_KEYS,
 } from "../data/localStorage";
 import Portal from "./Portal";
 import RoomDialog from "./RoomDialog";
@@ -65,6 +65,7 @@ import {
  reconcileElements as _reconcileElements,
 } from "./reconciliation";
 import { decryptData } from "../../data/encryption";
+import { resetBrowserStateVersions } from "../data/tabSync";

 interface CollabState {
  modalIsShown: boolean;
@@ -86,6 +87,7 @@ export interface CollabAPI {
  onCollabButtonClick: CollabInstance["onCollabButtonClick"];
  broadcastElements: CollabInstance["broadcastElements"];
  fetchImageFilesFromFirebase: CollabInstance["fetchImageFilesFromFirebase"];
+  setUsername: (username: string) => void;
 }

 interface Props {
@@ -246,6 +248,10 @@ class CollabWrapper extends PureComponent<Props, CollabState> {

    this.saveCollabRoomToFirebase();
    if (window.confirm(t("alerts.collabStopOverridePrompt"))) {
+      // hack to ensure that we prefer we disregard any new browser state
+      // that could have been saved in other tabs while we were collaborating
+      resetBrowserStateVersions();
+
      window.history.pushState({}, APP_NAME, window.location.origin);
      this.destroySocketClient();
      trackEvent("share", "room closed");
@@ -677,8 +683,12 @@ class CollabWrapper extends PureComponent<Props, CollabState> {
    this.setState({ modalIsShown: false });
  };

-  onUsernameChange = (username: string) => {
+  setUsername = (username: string) => {
    this.setState({ username });
+  };
+
+  onUsernameChange = (username: string) => {
+    this.setUsername(username);
    saveUsernameToLocalStorage(username);
  };

@@ -712,6 +722,7 @@ class CollabWrapper extends PureComponent<Props, CollabState> {
    this.contextValue.broadcastElements = this.broadcastElements;
    this.contextValue.fetchImageFilesFromFirebase =
      this.fetchImageFilesFromFirebase;
+    this.contextValue.setUsername = this.setUsername;
    return this.contextValue;
  };

@@ -5,14 +5,8 @@ import {
  getDefaultAppState,
 } from "../../appState";
 import { clearElementsForLocalStorage } from "../../element";
-
-export const STORAGE_KEYS = {
-  LOCAL_STORAGE_ELEMENTS: "excalidraw",
-  LOCAL_STORAGE_APP_STATE: "excalidraw-state",
-  LOCAL_STORAGE_COLLAB: "excalidraw-collab",
-  LOCAL_STORAGE_KEY_COLLAB_FORCE_FLAG: "collabLinkForceLoadFlag",
-  LOCAL_STORAGE_LIBRARY: "excalidraw-library",
-};
+import { updateBrowserStateVersion } from "./tabSync";
+import { STORAGE_KEYS } from "../app_constants";

 export const saveUsernameToLocalStorage = (username: string) => {
  try {
@@ -53,6 +47,7 @@ export const saveToLocalStorage = (
      STORAGE_KEYS.LOCAL_STORAGE_APP_STATE,
      JSON.stringify(clearAppStateForLocalStorage(appState)),
    );
+    updateBrowserStateVersion(STORAGE_KEYS.VERSION_DATA_STATE);
  } catch (error: any) {
    // Unable to access window.localStorage
    console.error(error);
@@ -125,3 +120,17 @@ export const getTotalStorageSize = () => {
    return 0;
  }
 };
+
+export const getLibraryItemsFromStorage = () => {
+  try {
+    const libraryItems =
+      JSON.parse(
+        localStorage.getItem(STORAGE_KEYS.LOCAL_STORAGE_LIBRARY) as string,
+      ) || [];
+
+    return libraryItems;
+  } catch (e) {
+    console.error(e);
+    return [];
+  }
+};
@@ -0,0 +1,29 @@
+import { STORAGE_KEYS } from "../app_constants";
+
+// in-memory state (this tab's current state) versions. Currently just
+// timestamps of the last time the state was saved to browser storage.
+const LOCAL_STATE_VERSIONS = {
+  [STORAGE_KEYS.VERSION_DATA_STATE]: -1,
+  [STORAGE_KEYS.VERSION_FILES]: -1,
+};
+
+type BrowserStateTypes = keyof typeof LOCAL_STATE_VERSIONS;
+
+export const isBrowserStorageStateNewer = (type: BrowserStateTypes) => {
+  const storageTimestamp = JSON.parse(localStorage.getItem(type) || "-1");
+  return storageTimestamp > LOCAL_STATE_VERSIONS[type];
+};
+
+export const updateBrowserStateVersion = (type: BrowserStateTypes) => {
+  const timestamp = Date.now();
+  localStorage.setItem(type, JSON.stringify(timestamp));
+  LOCAL_STATE_VERSIONS[type] = timestamp;
+};
+
+export const resetBrowserStateVersions = () => {
+  for (const key of Object.keys(LOCAL_STATE_VERSIONS) as BrowserStateTypes[]) {
+    const timestamp = -1;
+    localStorage.setItem(key, JSON.stringify(timestamp));
+    LOCAL_STATE_VERSIONS[key] = timestamp;
+  }
+};
@@ -34,6 +34,7 @@ import {
 import {
  debounce,
  getVersion,
+  isTestEnv,
  preventUnload,
  ResolvablePromise,
  resolvablePromise,
@@ -41,6 +42,8 @@ import {
 import {
  FIREBASE_STORAGE_PREFIXES,
  SAVE_TO_LOCAL_STORAGE_TIMEOUT,
+  STORAGE_KEYS,
+  SYNC_BROWSER_TABS_TIMEOUT,
 } from "./app_constants";
 import CollabWrapper, {
  CollabAPI,
@@ -50,9 +53,10 @@ import CollabWrapper, {
 import { LanguageList } from "./components/LanguageList";
 import { exportToBackend, getCollaborationLinkData, loadScene } from "./data";
 import {
+  getLibraryItemsFromStorage,
  importFromLocalStorage,
+  importUsernameFromLocalStorage,
  saveToLocalStorage,
-  STORAGE_KEYS,
 } from "./data/localStorage";
 import CustomStats from "./CustomStats";
 import { restoreAppState, RestoredDataState } from "../data/restore";
@@ -67,6 +71,10 @@ import { FileManager, updateStaleImageStatuses } from "./data/FileManager";
 import { newElementWith } from "../element/mutateElement";
 import { isInitializedImageElement } from "../element/typeChecks";
 import { loadFilesFromFirebase } from "./data/firebase";
+import {
+  isBrowserStorageStateNewer,
+  updateBrowserStateVersion,
+} from "./data/tabSync";

 const filesStore = createStore("files-db", "files-store");

@@ -104,6 +112,11 @@ const localFileStorage = new FileManager({
    const savedFiles = new Map<FileId, true>();
    const erroredFiles = new Map<FileId, true>();

+    // before we use `storage` event synchronization, let's update the flag
+    // optimistically. Hopefully nothing fails, and an IDB read executed
+    // before an IDB write finishes will read the latest value.
+    updateBrowserStateVersion(STORAGE_KEYS.VERSION_FILES);
+
    await Promise.all(
      [...addedFiles].map(async ([id, fileData]) => {
        try {
@@ -142,7 +155,6 @@ const saveDebounced = debounce(
      elements,
      files,
    });
-
    onFilesSaved();
  },
  SAVE_TO_LOCAL_STORAGE_TIMEOUT,
@@ -278,7 +290,6 @@ const ExcalidrawWrapper = () => {
    currentLangCode = currentLangCode[0];
  }
  const [langCode, setLangCode] = useState(currentLangCode);
-
  // initial state
  // ---------------------------------------------------------------------------

@@ -372,14 +383,7 @@ const ExcalidrawWrapper = () => {
        }
      }

-      try {
-        data.scene.libraryItems =
-          JSON.parse(
-            localStorage.getItem(STORAGE_KEYS.LOCAL_STORAGE_LIBRARY) as string,
-          ) || [];
-      } catch (error: any) {
-        console.error(error);
-      }
+      data.scene.libraryItems = getLibraryItemsFromStorage();
    };

    initializeScene({ collabAPI }).then((data) => {
@@ -415,13 +419,71 @@ const ExcalidrawWrapper = () => {
      () => (document.title = APP_NAME),
      TITLE_TIMEOUT,
    );
+
+    const syncData = debounce(() => {
+      if (isTestEnv()) {
+        return;
+      }
+      if (!document.hidden && !collabAPI.isCollaborating()) {
+        // don't sync if local state is newer or identical to browser state
+        if (isBrowserStorageStateNewer(STORAGE_KEYS.VERSION_DATA_STATE)) {
+          const localDataState = importFromLocalStorage();
+          const username = importUsernameFromLocalStorage();
+          let langCode = languageDetector.detect() || defaultLang.code;
+          if (Array.isArray(langCode)) {
+            langCode = langCode[0];
+          }
+          setLangCode(langCode);
+          excalidrawAPI.updateScene({
+            ...localDataState,
+            libraryItems: getLibraryItemsFromStorage(),
+          });
+          collabAPI.setUsername(username || "");
+        }
+
+        if (isBrowserStorageStateNewer(STORAGE_KEYS.VERSION_FILES)) {
+          const elements = excalidrawAPI.getSceneElementsIncludingDeleted();
+          const currFiles = excalidrawAPI.getFiles();
+          const fileIds =
+            elements?.reduce((acc, element) => {
+              if (
+                isInitializedImageElement(element) &&
+                // only load and update images that aren't already loaded
+                !currFiles[element.fileId]
+              ) {
+                return acc.concat(element.fileId);
+              }
+              return acc;
+            }, [] as FileId[]) || [];
+          if (fileIds.length) {
+            localFileStorage
+              .getFiles(fileIds)
+              .then(({ loadedFiles, erroredFiles }) => {
+                if (loadedFiles.length) {
+                  excalidrawAPI.addFiles(loadedFiles);
+                }
+                updateStaleImageStatuses({
+                  excalidrawAPI,
+                  erroredFiles,
+                  elements: excalidrawAPI.getSceneElementsIncludingDeleted(),
+                });
+              });
+          }
+        }
+      }
+    }, SYNC_BROWSER_TABS_TIMEOUT);
+
    window.addEventListener(EVENT.HASHCHANGE, onHashChange, false);
    window.addEventListener(EVENT.UNLOAD, onBlur, false);
    window.addEventListener(EVENT.BLUR, onBlur, false);
+    document.addEventListener(EVENT.VISIBILITY_CHANGE, syncData, false);
+    window.addEventListener(EVENT.FOCUS, syncData, false);
    return () => {
      window.removeEventListener(EVENT.HASHCHANGE, onHashChange, false);
      window.removeEventListener(EVENT.UNLOAD, onBlur, false);
      window.removeEventListener(EVENT.BLUR, onBlur, false);
+      window.removeEventListener(EVENT.FOCUS, syncData, false);
+      document.removeEventListener(EVENT.VISIBILITY_CHANGE, syncData, false);
      clearTimeout(titleTimeout);
    };
  }, [collabAPI, excalidrawAPI]);
@@ -16,9 +16,11 @@ const allLanguages: Language[] = [
  { code: "ar-SA", label: "العربية", rtl: true },
  { code: "bg-BG", label: "Български" },
  { code: "ca-ES", label: "Català" },
+  { code: "cs-CZ", label: "Česky" },
  { code: "de-DE", label: "Deutsch" },
  { code: "el-GR", label: "Ελληνικά" },
  { code: "es-ES", label: "Español" },
+  { code: "eu-ES", label: "Euskara" },
  { code: "fa-IR", label: "فارسی", rtl: true },
  { code: "fi-FI", label: "Suomi" },
  { code: "fr-FR", label: "Français" },
@@ -29,7 +31,10 @@ const allLanguages: Language[] = [
  { code: "it-IT", label: "Italiano" },
  { code: "ja-JP", label: "日本語" },
  { code: "kab-KAB", label: "Taqbaylit" },
+  { code: "kk-KZ", label: "Қазақ тілі" },
  { code: "ko-KR", label: "한국어" },
+  { code: "lt-LT", label: "Lietuvių" },
+  { code: "lv-LV", label: "Latviešu" },
  { code: "my-MM", label: "Burmese" },
  { code: "nb-NO", label: "Norsk bokmål" },
  { code: "nl-NL", label: "Nederlands" },
@@ -47,9 +52,6 @@ const allLanguages: Language[] = [
  { code: "uk-UA", label: "Українська" },
  { code: "zh-CN", label: "简体中文" },
  { code: "zh-TW", label: "繁體中文" },
-  { code: "lv-LV", label: "Latviešu" },
-  { code: "cs-CZ", label: "Česky" },
-  { code: "kk-KZ", label: "Қазақ тілі" },
 ].concat([defaultLang]);

 export const languages: Language[] = allLanguages
@@ -61,6 +61,7 @@ export const KEYS = {
  X: "x",
  Y: "y",
  Z: "z",
+  K: "k",
 } as const;

 export type Key = keyof typeof KEYS;
@@ -101,8 +101,10 @@
    "showStroke": "إظهار منتقي لون الخط",
    "showBackground": "إظهار منتقي لون الخلفية",
    "toggleTheme": "غير النمط",
-    "personalLib": "",
-    "excalidrawLib": ""
+    "personalLib": "المكتبة الشخصية",
+    "excalidrawLib": "مكتبتنا",
+    "decreaseFontSize": "",
+    "increaseFontSize": ""
  },
  "buttons": {
    "clearReset": "إعادة تعيين اللوحة",
@@ -138,10 +140,10 @@
    "exitZenMode": "إلغاء الوضع الليلى",
    "cancel": "إلغاء",
    "clear": "مسح",
-    "remove": "",
-    "publishLibrary": "",
-    "submit": "",
-    "confirm": ""
+    "remove": "إزالة",
+    "publishLibrary": "انشر",
+    "submit": "أرسل",
+    "confirm": "تأكيد"
  },
  "alerts": {
    "clearReset": "هذا سيُزيل كامل اللوحة. هل أنت متأكد؟",
@@ -204,10 +206,12 @@
    "resizeImage": "يمكنك تغيير الحجم بحرية بالضغط بأستمرار على SHIFT،\nاضغط بأستمرار على ALT أيضا لتغيير الحجم من المركز",
    "rotate": "يمكنك تقييد الزوايا من خلال الضغط على SHIFT أثناء الدوران",
    "lineEditor_info": "انقر نقراً مزدوجاً أو اضغط Enter لتعديل النقاط",
-    "lineEditor_pointSelected": "اضغط على حذف لإزالة النقطة، Ctrl Or Cmd+D للتكرار، أو اسحب للانتقال",
-    "lineEditor_nothingSelected": "حدد نقطة لتحريك أو إزالتها، أو اضغط Alt ثم انقر لإضافة نقاط جديدة",
+    "lineEditor_pointSelected": "",
+    "lineEditor_nothingSelected": "",
    "placeImage": "",
-    "publishLibrary": ""
+    "publishLibrary": "",
+    "bindTextToElement": "",
+    "deepBoxSelect": ""
  },
  "canvasError": {
    "cannotShowPreview": "تعذر عرض المعاينة",
@@ -254,6 +258,8 @@
  "helpDialog": {
    "blog": "اقرأ مدونتنا",
    "click": "انقر",
+    "deepSelect": "",
+    "deepBoxSelect": "",
    "curvedArrow": "سهم مائل",
    "curvedLine": "خط مائل",
    "documentation": "دليل الاستخدام",
@@ -317,13 +323,13 @@
    "atleastOneLibItem": ""
  },
  "publishSuccessDialog": {
-    "title": "",
-    "content": "",
-    "link": ""
+    "title": "تم إرسال المكتبة",
+    "content": "شكرا لك {{authorName}}. لقد تم إرسال مكتبتك للمراجعة. يمكنك تتبع الحالة",
+    "link": "هنا"
  },
  "confirmDialog": {
-    "resetLibrary": "",
-    "removeItemsFromLib": ""
+    "resetLibrary": "إعادة ضبط المكتبة",
+    "removeItemsFromLib": "إزالة العناصر المحددة من المكتبة"
  },
  "encrypted": {
    "tooltip": "رسوماتك مشفرة من النهاية إلى النهاية حتى أن خوادم Excalidraw لن تراها أبدا.",
@@ -345,7 +351,7 @@
    "width": "العرض"
  },
  "toast": {
-    "addedToLibrary": "",
+    "addedToLibrary": "تمت الاضافة الى المكتبة!",
    "copyStyles": "نسخت الانماط.",
    "copyToClipboard": "نسخ إلى الحافظة.",
    "copyToClipboardAsPng": "تم نسخ {{exportSelection}} إلى الحافظة بصيغة PNG\n({{exportColorScheme}})",
@@ -35,11 +35,11 @@
    "arrowhead_arrow": "Стрелка",
    "arrowhead_bar": "Връх на стрелката",
    "arrowhead_dot": "Точка",
-    "arrowhead_triangle": "",
+    "arrowhead_triangle": "Триъгълник",
    "fontSize": "Размер на шрифта",
    "fontFamily": "Семейство шрифтове",
    "onlySelected": "Само избраното",
-    "withBackground": "",
+    "withBackground": "Фон",
    "exportEmbedScene": "",
    "exportEmbedScene_details": "Данните от сцената ще бъдат екпортирани в PNG/SVG файл, за да може сцената да бъде възстановена от него.\nТова ще увеличи размера на файла.",
    "addWatermark": "Добави \"Направено с Excalidraw\"",
@@ -62,7 +62,7 @@
    "architect": "Архитект",
    "artist": "Художник",
    "cartoonist": "Карикатурист",
-    "fileTitle": "",
+    "fileTitle": "Име на файл",
    "colorPicker": "Избор на цвят",
    "canvasBackground": "Фон на платно",
    "drawingCanvas": "Платно за рисуване",
@@ -93,21 +93,23 @@
    "centerHorizontally": "Центрирай хоризонтално",
    "distributeHorizontally": "Разпредели хоризонтално",
    "distributeVertically": "Разпредели вертикално",
-    "flipHorizontal": "",
-    "flipVertical": "",
+    "flipHorizontal": "Хоризонтално обръщане",
+    "flipVertical": "Вертикално обръщане",
    "viewMode": "Изглед",
    "toggleExportColorScheme": "",
-    "share": "",
+    "share": "Сподели",
    "showStroke": "",
    "showBackground": "",
    "toggleTheme": "",
    "personalLib": "",
-    "excalidrawLib": ""
+    "excalidrawLib": "",
+    "decreaseFontSize": "",
+    "increaseFontSize": ""
  },
  "buttons": {
    "clearReset": "Нулиране на платно",
    "exportJSON": "",
-    "exportImage": "",
+    "exportImage": "Запиши като изображение",
    "export": "Експортиране",
    "exportToPng": "Изнасяне в PNG",
    "exportToSvg": "Изнасяне в SVG",
@@ -129,19 +131,19 @@
    "edit": "Редактиране",
    "undo": "Отмяна",
    "redo": "Повтори",
-    "resetLibrary": "",
+    "resetLibrary": "Нулиране на библиотеката",
    "createNewRoom": "Създай нова стая",
    "fullScreen": "На цял екран",
    "darkMode": "Тъмен режим",
    "lightMode": "Светъл режим",
    "zenMode": "Режим Zen",
    "exitZenMode": "Спиране на Zen режим",
-    "cancel": "",
-    "clear": "",
-    "remove": "",
-    "publishLibrary": "",
-    "submit": "",
-    "confirm": ""
+    "cancel": "Отмени",
+    "clear": "Изчисти",
+    "remove": "Премахване",
+    "publishLibrary": "Публикувай",
+    "submit": "Изпрати",
+    "confirm": "Потвърждаване"
  },
  "alerts": {
    "clearReset": "Това ще изчисти цялото платно. Сигурни ли сте?",
@@ -167,7 +169,7 @@
    "invalidEncryptionKey": ""
  },
  "errors": {
-    "unsupportedFileType": "",
+    "unsupportedFileType": "Този файлов формат не се поддържа.",
    "imageInsertError": "",
    "fileTooBig": "",
    "svgImageInsertError": "",
@@ -175,13 +177,13 @@
  },
  "toolBar": {
    "selection": "Селекция",
-    "image": "",
+    "image": "Вмъкване на изображение",
    "rectangle": "Правоъгълник",
    "diamond": "Диамант",
    "ellipse": "Елипс",
    "arrow": "Стрелка",
    "line": "Линия",
-    "freedraw": "",
+    "freedraw": "Рисуване",
    "text": "Текст",
    "library": "Библиотека",
    "lock": "Поддържайте избрания инструмент активен след рисуване"
@@ -204,10 +206,12 @@
    "resizeImage": "",
    "rotate": "Можете да ограничите ъглите, като държите SHIFT, докато се въртите",
    "lineEditor_info": "Кликнете два пъти или натиснете Enter за да промените точките",
-    "lineEditor_pointSelected": "Натиснете Delete за да изтриете точка, CtrlOrCmd+D за дуплициране, или извлачете за да преместите",
-    "lineEditor_nothingSelected": "Изберете точка за местене или изтриване, или пък задръжте Alt и натиснете за да добавите нови точки",
+    "lineEditor_pointSelected": "Натиснете Delete за да изтриете точка(и), CtrlOrCmd+D за дуплициране, или извлачете за да преместите",
+    "lineEditor_nothingSelected": "",
    "placeImage": "",
-    "publishLibrary": ""
+    "publishLibrary": "",
+    "bindTextToElement": "Натиснете Enter, за да добавите",
+    "deepBoxSelect": ""
  },
  "canvasError": {
    "cannotShowPreview": "Невъзможност за показване на preview",
@@ -254,6 +258,8 @@
  "helpDialog": {
    "blog": "Прочетете нашия блог",
    "click": "клик",
+    "deepSelect": "",
+    "deepBoxSelect": "",
    "curvedArrow": "Извита стрелка",
    "curvedLine": "Извита линия",
    "documentation": "Документация",
@@ -102,7 +102,9 @@
    "showBackground": "",
    "toggleTheme": "",
    "personalLib": "",
-    "excalidrawLib": ""
+    "excalidrawLib": "",
+    "decreaseFontSize": "",
+    "increaseFontSize": ""
  },
  "buttons": {
    "clearReset": "",
@@ -207,7 +209,9 @@
    "lineEditor_pointSelected": "",
    "lineEditor_nothingSelected": "",
    "placeImage": "",
-    "publishLibrary": ""
+    "publishLibrary": "",
+    "bindTextToElement": "",
+    "deepBoxSelect": ""
  },
  "canvasError": {
    "cannotShowPreview": "",
@@ -254,6 +258,8 @@
  "helpDialog": {
    "blog": "",
    "click": "",
+    "deepSelect": "",
+    "deepBoxSelect": "",
    "curvedArrow": "",
    "curvedLine": "",
    "documentation": "",
@@ -35,7 +35,7 @@
    "arrowhead_arrow": "Fletxa",
    "arrowhead_bar": "Barra",
    "arrowhead_dot": "Punt",
-    "arrowhead_triangle": "",
+    "arrowhead_triangle": "Triangle",
    "fontSize": "Mida de lletra",
    "fontFamily": "Tipus de lletra",
    "onlySelected": "Només seleccionats",
@@ -101,8 +101,10 @@
    "showStroke": "Mostra el selector de color del traç",
    "showBackground": "Mostra el selector de color de fons",
    "toggleTheme": "Activa o desactiva el tema",
-    "personalLib": "",
-    "excalidrawLib": ""
+    "personalLib": "Biblioteca personal",
+    "excalidrawLib": "Biblioteca d'Excalidraw",
+    "decreaseFontSize": "",
+    "increaseFontSize": ""
  },
  "buttons": {
    "clearReset": "Neteja el llenç",
@@ -136,12 +138,12 @@
    "lightMode": "Mode clar",
    "zenMode": "Mode zen",
    "exitZenMode": "Surt de mode zen",
-    "cancel": "",
-    "clear": "",
-    "remove": "",
-    "publishLibrary": "",
-    "submit": "",
-    "confirm": ""
+    "cancel": "Cancel·la",
+    "clear": "Neteja",
+    "remove": "Suprimeix",
+    "publishLibrary": "Publica",
+    "submit": "Envia",
+    "confirm": "Confirma"
  },
  "alerts": {
    "clearReset": "S'esborrarà tot el llenç. N'esteu segur?",
@@ -163,19 +165,19 @@
    "cannotRestoreFromImage": "L’escena no s’ha pogut restaurar des d’aquest fitxer d’imatge",
    "invalidSceneUrl": "No s'ha pogut importar l'escena des de l'adreça URL proporcionada. Està malformada o no conté dades Excalidraw JSON vàlides.",
    "resetLibrary": "Això buidarà la biblioteca. N'esteu segur?",
-    "removeItemsFromsLibrary": "",
-    "invalidEncryptionKey": ""
+    "removeItemsFromsLibrary": "Suprimir {{count}} element(s) de la biblioteca?",
+    "invalidEncryptionKey": "La clau d'encriptació ha de tenir 22 caràcters. La col·laboració en directe està desactivada."
  },
  "errors": {
-    "unsupportedFileType": "",
-    "imageInsertError": "",
-    "fileTooBig": "",
-    "svgImageInsertError": "",
-    "invalidSVGString": ""
+    "unsupportedFileType": "Tipus de fitxer no suportat.",
+    "imageInsertError": "No s'ha pogut insertar la imatge, torneu-ho a provar més tard...",
+    "fileTooBig": "El fitxer és massa gros. La mida màxima permesa és {{maxSize}}.",
+    "svgImageInsertError": "No ha estat possible inserir la imatge SVG. Les marques SVG semblen invàlides.",
+    "invalidSVGString": "SVG no vàlid."
  },
  "toolBar": {
    "selection": "Selecció",
-    "image": "",
+    "image": "Insereix imatge",
    "rectangle": "Rectangle",
    "diamond": "Rombe",
    "ellipse": "El·lipse",
@@ -192,7 +194,7 @@
    "shapes": "Formes"
  },
  "hints": {
-    "canvasPanning": "",
+    "canvasPanning": "Per a moure el llenç, mantingueu premuda la roda del ratolí o la tecla espai mentre l'arrossegueu",
    "linearElement": "Feu clic per a dibuixar múltiples punts; arrossegueu per a una sola línia",
    "freeDraw": "Feu clic i arrossegueu, deixeu anar per a finalitzar",
    "text": "Consell: també podeu afegir text fent doble clic en qualsevol lloc amb l'eina de selecció",
@@ -201,13 +203,15 @@
    "linearElementMulti": "Feu clic a l'ultim punt, o pitgeu Esc o Retorn per a finalitzar",
    "lockAngle": "Per restringir els angles, mantenir premut el majúscul (SHIFT)",
    "resize": "Per restringir les proporcions mentres es canvia la mida, mantenir premut el majúscul (SHIFT); per canviar la mida des del centre, mantenir premut ALT",
-    "resizeImage": "",
+    "resizeImage": "Podeu redimensionar lliurement prement MAJÚSCULA;\nper a redimensionar des del centre, premeu ALT",
    "rotate": "Per restringir els angles mentre gira, mantenir premut el majúscul (SHIFT)",
    "lineEditor_info": "Fes doble clic o premi Enter per editar punts",
-    "lineEditor_pointSelected": "Premeu Suprimir per a eliminar el punt, CtrlOrCmd+D per a duplicar-lo, o arrossegueu-lo per a moure'l",
-    "lineEditor_nothingSelected": "Selecciona un punt per moure o eliminar, o manté premut Alt i fes clic per afegir punts nous",
-    "placeImage": "",
-    "publishLibrary": ""
+    "lineEditor_pointSelected": "",
+    "lineEditor_nothingSelected": "",
+    "placeImage": "Feu clic per a col·locar la imatge o clic i arrossegar per a establir-ne la mida manualment",
+    "publishLibrary": "Publiqueu la vostra pròpia llibreria",
+    "bindTextToElement": "Premeu enter per a afegir-hi text",
+    "deepBoxSelect": ""
  },
  "canvasError": {
    "cannotShowPreview": "No es pot mostrar la previsualització",
@@ -254,6 +258,8 @@
  "helpDialog": {
    "blog": "Llegiu el nostre blog",
    "click": "clic",
+    "deepSelect": "",
+    "deepBoxSelect": "",
    "curvedArrow": "Fletxa corba",
    "curvedLine": "Línia corba",
    "documentation": "Documentació",
@@ -275,55 +281,55 @@
    "zoomToSelection": "Zoom per veure la selecció"
  },
  "clearCanvasDialog": {
-    "title": ""
+    "title": "Neteja el llenç"
  },
  "publishDialog": {
-    "title": "",
-    "itemName": "",
-    "authorName": "",
-    "githubUsername": "",
-    "twitterUsername": "",
-    "libraryName": "",
-    "libraryDesc": "",
-    "website": "",
+    "title": "Publica la biblioteca",
+    "itemName": "Nom de l'element",
+    "authorName": "Nom de l'autor/a",
+    "githubUsername": "Nom d'usuari de GitHub",
+    "twitterUsername": "Nom d'usuari de Twitter",
+    "libraryName": "Nom de la biblioteca",
+    "libraryDesc": "Descripció de la biblioteca",
+    "website": "Lloc web",
    "placeholder": {
-      "authorName": "",
-      "libraryName": "",
-      "libraryDesc": "",
+      "authorName": "Nom o usuari",
+      "libraryName": "Nom de la vostra biblioteca",
+      "libraryDesc": "Descripció de la biblioteca per a ajudar a la gent a entendre'n el funcionament",
      "githubHandle": "",
      "twitterHandle": "",
-      "website": ""
+      "website": "Enllaç al vostre lloc web personal o a qualsevol altre (opcional)"
    },
    "errors": {
-      "required": "",
-      "website": ""
+      "required": "Requerit",
+      "website": "Introduïu una URL vàlida"
    },
    "noteDescription": {
-      "pre": "",
-      "link": "",
-      "post": ""
+      "pre": "Envieu la vostra biblioteca perquè sigui inclosa al ",
+      "link": "repositori públic",
+      "post": "per tal que altres persones puguin fer-ne ús en els seus dibuixos."
    },
    "noteGuidelines": {
-      "pre": "",
-      "link": "",
-      "post": ""
+      "pre": "La biblioteca ha de ser aprovada manualment. Si us plau, llegiu les ",
+      "link": "directrius",
+      "post": " abans d'enviar-hi res. Necessitareu un compte de GitHub per a comunicar i fer-hi canvis si cal, però no és requisit imprescindible."
    },
    "noteLicense": {
-      "pre": "",
-      "link": "",
-      "post": ""
+      "pre": "Quan l'envieu, accepteu que la biblioteca sigui publicada sota la ",
+      "link": "llicència MIT, ",
+      "post": "que, en resum, vol dir que qualsevol persona pot fer-ne ús sense restriccions."
    },
-    "noteItems": "",
-    "atleastOneLibItem": ""
+    "noteItems": "Cada element de la biblioteca ha de tenir el seu propi nom per tal que sigui filtrable. S'hi inclouran els elements següents:",
+    "atleastOneLibItem": "Si us plau, seleccioneu si més no un element de la biblioteca per a començar"
  },
  "publishSuccessDialog": {
-    "title": "",
-    "content": "",
-    "link": ""
+    "title": "Biblioteca enviada",
+    "content": "Gràcies, {{authorName}}. La vostra biblioteca ha estat enviada per a ser revisada. Podeu comprovar-ne l'estat",
+    "link": "aquí"
  },
  "confirmDialog": {
-    "resetLibrary": "",
-    "removeItemsFromLib": ""
+    "resetLibrary": "Restableix la biblioteca",
+    "removeItemsFromLib": "Suprimeix els elements seleccionats de la llibreria"
  },
  "encrypted": {
    "tooltip": "Els vostres dibuixos estan xifrats de punta a punta de manera que els servidors d’Excalidraw no els veuran mai.",
@@ -345,7 +351,7 @@
    "width": "Amplada"
  },
  "toast": {
-    "addedToLibrary": "",
+    "addedToLibrary": "Afegit a la biblioteca",
    "copyStyles": "S'han copiat els estils.",
    "copyToClipboard": "S'ha copiat al porta-retalls.",
    "copyToClipboardAsPng": "S'ha copiat {{exportSelection}} al porta-retalls en format PNG\n({{exportColorScheme}})",
@@ -360,29 +366,29 @@
    "f1f3f5": "Gris 1",
    "fff5f5": "Vermell 0",
    "fff0f6": "Rosa 0",
-    "f8f0fc": "",
-    "f3f0ff": "",
-    "edf2ff": "",
+    "f8f0fc": "Malva 0",
+    "f3f0ff": "Violat 0",
+    "edf2ff": "Indi 0",
    "e7f5ff": "Blau 0",
-    "e3fafc": "",
-    "e6fcf5": "",
+    "e3fafc": "Cian 0",
+    "e6fcf5": "Xarxet 0",
    "ebfbee": "Verd 0",
-    "f4fce3": "",
+    "f4fce3": "Llima 0",
    "fff9db": "Groc 0",
-    "fff4e6": "",
+    "fff4e6": "Taronja 0",
    "transparent": "Transparent",
    "ced4da": "Gris 4",
    "868e96": "Gris 6",
    "fa5252": "Vermell 6",
    "e64980": "Rosa 6",
-    "be4bdb": "",
-    "7950f2": "",
-    "4c6ef5": "",
+    "be4bdb": "Malva 6",
+    "7950f2": "Violat 6",
+    "4c6ef5": "Indi 6",
    "228be6": "Blau 6",
-    "15aabf": "",
-    "12b886": "",
+    "15aabf": "Cian 6",
+    "12b886": "Xarxet 6",
    "40c057": "Verd 6",
-    "82c91e": "",
+    "82c91e": "Llima 6",
    "fab005": "Groc 6",
    "fd7e14": "Taronja 6",
    "000000": "Negre",
@@ -390,14 +396,14 @@
    "495057": "Gris 7",
    "c92a2a": "Vermell 9",
    "a61e4d": "Rosa 9",
-    "862e9c": "",
-    "5f3dc4": "",
-    "364fc7": "",
+    "862e9c": "Malva 9",
+    "5f3dc4": "Violat 9",
+    "364fc7": "Indi 9",
    "1864ab": "Blau 9",
-    "0b7285": "",
-    "087f5b": "",
+    "0b7285": "Cian 9",
+    "087f5b": "Xarxet 9",
    "2b8a3e": "Verd 9",
-    "5c940d": "",
+    "5c940d": "Llima 9",
    "e67700": "Groc 9",
    "d9480f": "Taronja 9"
  }
@@ -102,7 +102,9 @@
    "showBackground": "",
    "toggleTheme": "Přepnout tmavý řežim",
    "personalLib": "",
-    "excalidrawLib": ""
+    "excalidrawLib": "",
+    "decreaseFontSize": "",
+    "increaseFontSize": ""
  },
  "buttons": {
    "clearReset": "",
@@ -207,7 +209,9 @@
    "lineEditor_pointSelected": "",
    "lineEditor_nothingSelected": "",
    "placeImage": "",
-    "publishLibrary": ""
+    "publishLibrary": "",
+    "bindTextToElement": "",
+    "deepBoxSelect": ""
  },
  "canvasError": {
    "cannotShowPreview": "",
@@ -254,6 +258,8 @@
  "helpDialog": {
    "blog": "",
    "click": "kliknutí",
+    "deepSelect": "",
+    "deepBoxSelect": "",
    "curvedArrow": "",
    "curvedLine": "",
    "documentation": "",
@@ -102,7 +102,9 @@
    "showBackground": "",
    "toggleTheme": "",
    "personalLib": "",
-    "excalidrawLib": ""
+    "excalidrawLib": "",
+    "decreaseFontSize": "",
+    "increaseFontSize": ""
  },
  "buttons": {
    "clearReset": "",
@@ -207,7 +209,9 @@
    "lineEditor_pointSelected": "",
    "lineEditor_nothingSelected": "",
    "placeImage": "",
-    "publishLibrary": ""
+    "publishLibrary": "",
+    "bindTextToElement": "",
+    "deepBoxSelect": ""
  },
  "canvasError": {
    "cannotShowPreview": "",
@@ -254,6 +258,8 @@
  "helpDialog": {
    "blog": "Læs vores blog",
    "click": "",
+    "deepSelect": "",
+    "deepBoxSelect": "",
    "curvedArrow": "",
    "curvedLine": "",
    "documentation": "",
@@ -102,7 +102,9 @@
    "showBackground": "Hintergrundfarbe auswählen",
    "toggleTheme": "Design umschalten",
    "personalLib": "Persönliche Bibliothek",
-    "excalidrawLib": "Excalidraw-Bibliothek"
+    "excalidrawLib": "Excalidraw-Bibliothek",
+    "decreaseFontSize": "Schrift verkleinern",
+    "increaseFontSize": "Schrift vergrößern"
  },
  "buttons": {
    "clearReset": "Zeichenfläche löschen & Hintergrundfarbe zurücksetzen",
@@ -197,17 +199,19 @@
    "freeDraw": "Klicke und ziehe. Lass los, wenn du fertig bist",
    "text": "Tipp: Du kannst auch Text hinzufügen, indem du mit dem Auswahlwerkzeug auf eine beliebige Stelle doppelklickst",
    "text_selected": "Doppelklicken oder Eingabetaste drücken, um Text zu bearbeiten",
-    "text_editing": "Drücke Escape oder Strg/Cmd+Eingabetaste, um die Bearbeitung abzuschließen",
+    "text_editing": "Drücke Escape oder CtrlOrCmd+Eingabetaste, um die Bearbeitung abzuschließen",
    "linearElementMulti": "Zum Beenden auf den letzten Punkt klicken oder Escape oder Eingabe drücken",
    "lockAngle": "Du kannst Winkel einschränken, indem du SHIFT gedrückt hältst",
    "resize": "Du kannst die Proportionen einschränken, indem du SHIFT während der Größenänderung gedrückt hältst. Halte ALT gedrückt, um die Größe vom Zentrum aus zu ändern",
    "resizeImage": "Du kannst die Größe frei ändern, indem du SHIFT gedrückt hältst; halte ALT, um die Größe vom Zentrum aus zu ändern",
    "rotate": "Du kannst Winkel einschränken, indem du SHIFT während der Drehung gedrückt hältst",
    "lineEditor_info": "Doppelklicken oder Eingabetaste drücken, um Punkte zu bearbeiten",
-    "lineEditor_pointSelected": "Drücke Löschen, um Punkt zu entfernen, Strg+D oder Cmd+D zum Duplizieren oder ziehe zum Verschieben",
-    "lineEditor_nothingSelected": "Wähle einen Punkt zum Verschieben oder Löschen oder halte die Alt-Taste gedrückt und klicke, um neue Punkte hinzuzufügen",
+    "lineEditor_pointSelected": "Drücke Löschen, um Punkt(e) zu entfernen, CtrlOrCmd+D zum Duplizieren oder ziehe zum Verschieben",
+    "lineEditor_nothingSelected": "Wähle einen zu bearbeitenden Punkt (halte SHIFT gedrückt um mehrere Punkte auszuwählen),\noder halte Alt gedrückt und klicke um neue Punkte hinzuzufügen",
    "placeImage": "Klicken, um das Bild zu platzieren oder klicken und ziehen um seine Größe manuell zu setzen",
-    "publishLibrary": "Veröffentliche deine eigene Bibliothek"
+    "publishLibrary": "Veröffentliche deine eigene Bibliothek",
+    "bindTextToElement": "Zum Hinzufügen Eingabetaste drücken",
+    "deepBoxSelect": "Halte CtrlOrCmd gedrückt, um innerhalb der Gruppe auszuwählen, und um Ziehen zu vermeiden"
  },
  "canvasError": {
    "cannotShowPreview": "Vorschau kann nicht angezeigt werden",
@@ -254,6 +258,8 @@
  "helpDialog": {
    "blog": "Lies unseren Blog",
    "click": "klicken",
+    "deepSelect": "Auswahl innerhalb der Gruppe",
+    "deepBoxSelect": "Auswahl innerhalb der Gruppe, und Ziehen vermeiden",
    "curvedArrow": "Gebogener Pfeil",
    "curvedLine": "Gebogene Linie",
    "documentation": "Dokumentation",
@@ -101,8 +101,10 @@
    "showStroke": "Εμφάνιση επιλογέα χρωμάτων πινελιάς",
    "showBackground": "Εμφάνιση επιλογέα χρώματος φόντου",
    "toggleTheme": "Εναλλαγή θέματος",
-    "personalLib": "",
-    "excalidrawLib": ""
+    "personalLib": "Προσωπική Βιβλιοθήκη",
+    "excalidrawLib": "Βιβλιοθήκη Excalidraw",
+    "decreaseFontSize": "",
+    "increaseFontSize": ""
  },
  "buttons": {
    "clearReset": "Επαναφορά του καμβά",
@@ -204,10 +206,12 @@
    "resizeImage": "",
    "rotate": "Μπορείς να περιορίσεις τις γωνίες κρατώντας πατημένο το πλήκτρο SHIFT κατά την περιστροφή",
    "lineEditor_info": "Διπλό-κλικ ή πιέστε Enter για να επεξεργαστείτε τα σημεία",
-    "lineEditor_pointSelected": "Πιέστε Διαγραφή για να αφαιρέσετε το σημείου, CtrlOrCmd+D για να το αντιγράψετε ή σύρτε το για να το μετακινήσετε",
-    "lineEditor_nothingSelected": "Επιλέξτε ένα σημείο για μετακίνηση ή αφαίρεση, ή κρατήστε παρατεταμένα το Alt και κάντε κλικ για να προσθέσετε νέα σημεία",
+    "lineEditor_pointSelected": "",
+    "lineEditor_nothingSelected": "",
    "placeImage": "",
-    "publishLibrary": "Δημοσιεύστε τη δική σας βιβλιοθήκη"
+    "publishLibrary": "Δημοσιεύστε τη δική σας βιβλιοθήκη",
+    "bindTextToElement": "",
+    "deepBoxSelect": ""
  },
  "canvasError": {
    "cannotShowPreview": "Αδυναμία εμφάνισης προεπισκόπησης",
@@ -254,6 +258,8 @@
  "helpDialog": {
    "blog": "Διαβάστε το Blog μας",
    "click": "κλικ",
+    "deepSelect": "",
+    "deepBoxSelect": "",
    "curvedArrow": "Κυρτό βέλος",
    "curvedLine": "Κυρτή γραμμή",
    "documentation": "Εγχειρίδιο",
@@ -295,7 +301,7 @@
      "website": ""
    },
    "errors": {
-      "required": "",
+      "required": "Απαιτείται",
      "website": "Εισάγετε μια έγκυρη διεύθυνση URL"
    },
    "noteDescription": {
@@ -305,7 +311,7 @@
    },
    "noteGuidelines": {
      "pre": "",
-      "link": "",
+      "link": "οδηγίες",
      "post": ""
    },
    "noteLicense": {
@@ -319,11 +325,11 @@
  "publishSuccessDialog": {
    "title": "",
    "content": "",
-    "link": ""
+    "link": "εδώ"
  },
  "confirmDialog": {
-    "resetLibrary": "",
-    "removeItemsFromLib": ""
+    "resetLibrary": "Καθαρισμός βιβλιοθήκης",
+    "removeItemsFromLib": "Αφαίρεση επιλεγμένων αντικειμένων από τη βιβλιοθήκη"
  },
  "encrypted": {
    "tooltip": "Τα σχέδιά σου είναι κρυπτογραφημένα από άκρο σε άκρο, έτσι δεν θα είναι ποτέ ορατά μέσα από τους διακομιστές του Excalidraw.",
@@ -345,7 +351,7 @@
    "width": "Πλάτος"
  },
  "toast": {
-    "addedToLibrary": "",
+    "addedToLibrary": "Προστέθηκε στη βιβλιοθήκη",
    "copyStyles": "Αντιγράφηκαν στυλ.",
    "copyToClipboard": "Αντιγράφηκε στο πρόχειρο.",
    "copyToClipboardAsPng": "Αντιγράφηκε {{exportSelection}} στο πρόχειρο ως PNG\n({{exportColorScheme}})",
@@ -104,7 +104,13 @@
    "personalLib": "Personal Library",
    "excalidrawLib": "Excalidraw Library",
    "decreaseFontSize": "Decrease font size",
-    "increaseFontSize": "Increase font size"
+    "increaseFontSize": "Increase font size",
+    "unbindText": "Unbind text",
+    "link": {
+      "edit": "Edit link",
+      "create": "Create link",
+      "label": "Link"
+    }
  },
  "buttons": {
    "clearReset": "Reset the canvas",
@@ -186,7 +192,9 @@
    "freedraw": "Draw",
    "text": "Text",
    "library": "Library",
-    "lock": "Keep selected tool active after drawing"
+    "lock": "Keep selected tool active after drawing",
+    "penMode": "Prevent pinch-zoom and accept freedraw input only from pen",
+    "link": "Add/ Update link for a selected shape"
  },
  "headings": {
    "canvasActions": "Canvas actions",
@@ -102,7 +102,9 @@
    "showBackground": "Mostrar el selector de color de fondo",
    "toggleTheme": "Alternar tema",
    "personalLib": "",
-    "excalidrawLib": ""
+    "excalidrawLib": "",
+    "decreaseFontSize": "",
+    "increaseFontSize": ""
  },
  "buttons": {
    "clearReset": "Limpiar lienzo y reiniciar el color de fondo",
@@ -204,10 +206,12 @@
    "resizeImage": "Puede redimensionar libremente pulsando SHIFT,\npulse ALT para redimensionar desde el centro",
    "rotate": "Puedes restringir los ángulos manteniendo presionado SHIFT mientras giras",
    "lineEditor_info": "Doble clic o pulse Enter para editar puntos",
-    "lineEditor_pointSelected": "Presione Suprimir para eliminar el punto, CtrlOrCmd+D para duplicarlo, o arrástrelo para moverlo",
-    "lineEditor_nothingSelected": "Selecciona un punto sea para mover o eliminar, o mantén pulsado Alt y haz clic para añadir nuevos puntos",
+    "lineEditor_pointSelected": "",
+    "lineEditor_nothingSelected": "",
    "placeImage": "Haga clic para colocar la imagen o haga clic y arrastre para establecer su tamaño manualmente",
-    "publishLibrary": ""
+    "publishLibrary": "",
+    "bindTextToElement": "",
+    "deepBoxSelect": ""
  },
  "canvasError": {
    "cannotShowPreview": "No se puede mostrar la vista previa",
@@ -254,6 +258,8 @@
  "helpDialog": {
    "blog": "Lea nuestro blog",
    "click": "clic",
+    "deepSelect": "",
+    "deepBoxSelect": "",
    "curvedArrow": "Flecha curva",
    "curvedLine": "Línea curva",
    "documentation": "Documentación",
@@ -0,0 +1,410 @@
+{
+  "labels": {
+    "paste": "Itsatsi",
+    "pasteCharts": "Itsatsi grafikoak",
+    "selectAll": "Hautatu dena",
+    "multiSelect": "Gehitu elementua hautapenera",
+    "moveCanvas": "Mugitu oihala",
+    "cut": "Ebaki",
+    "copy": "Kopiatu",
+    "copyAsPng": "Kopiatu arbelera PNG gisa",
+    "copyAsSvg": "Kopiatu arbelera SVG gisa",
+    "bringForward": "Ekarri aurrerago",
+    "sendToBack": "Eraman atzera",
+    "bringToFront": "Ekarri aurrera",
+    "sendBackward": "Eraman atzerago",
+    "delete": "Ezabatu",
+    "copyStyles": "Kopiatu estiloak",
+    "pasteStyles": "Itsatsi estiloak",
+    "stroke": "Marra",
+    "background": "Atzeko planoa",
+    "fill": "Bete",
+    "strokeWidth": "Marraren zabalera",
+    "strokeStyle": "Marraren estiloa",
+    "strokeStyle_solid": "Solidoa",
+    "strokeStyle_dashed": "Marratua",
+    "strokeStyle_dotted": "Puntukatua",
+    "sloppiness": "Marraren trazoa",
+    "opacity": "Opakotasuna",
+    "textAlign": "Testuaren lerrokapena",
+    "edges": "Ertzak",
+    "sharp": "Ertz bizia",
+    "round": "Borobildua",
+    "arrowheads": "Gezi-puntak",
+    "arrowhead_none": "Bat ere ez",
+    "arrowhead_arrow": "Gezia",
+    "arrowhead_bar": "Barra",
+    "arrowhead_dot": "Puntua",
+    "arrowhead_triangle": "Hirukia",
+    "fontSize": "Letra-tamaina",
+    "fontFamily": "Letra-tipoa",
+    "onlySelected": "Hautapena soilik",
+    "withBackground": "Atzeko planoa",
+    "exportEmbedScene": "Txertatu eszena",
+    "exportEmbedScene_details": "Eszenaren datuak esportatutako PNG/SVG fitxategian gordeko dira, eszena bertatik berrezartzeko.\nEsportatutako fitxategien tamaina handituko da.",
+    "addWatermark": "Gehitu \"Excalidraw bidez egina\"",
+    "handDrawn": "Eskuz marraztua",
+    "normal": "Normala",
+    "code": "Kodea",
+    "small": "Txikia",
+    "medium": "Ertaina",
+    "large": "Handia",
+    "veryLarge": "Oso handia",
+    "solid": "Solidoa",
+    "hachure": "Itzalduna",
+    "crossHatch": "Marraduna",
+    "thin": "Mehea",
+    "bold": "Lodia",
+    "left": "Ezkerrean",
+    "center": "Erdian",
+    "right": "Eskuinean",
+    "extraBold": "Oso lodia",
+    "architect": "Arkitektoa",
+    "artist": "Artista",
+    "cartoonist": "Marrazkilaria",
+    "fileTitle": "Fitxategi izena",
+    "colorPicker": "Kolore-hautatzailea",
+    "canvasBackground": "Oihalaren atzeko planoa",
+    "drawingCanvas": "Marrazteko oihala",
+    "layers": "Geruzak",
+    "actions": "Ekintzak",
+    "language": "Hizkuntza",
+    "liveCollaboration": "Zuzeneko elkarlana",
+    "duplicateSelection": "Bikoiztu",
+    "untitled": "Izengabea",
+    "name": "Izena",
+    "yourName": "Zure izena",
+    "madeWithExcalidraw": "Excalidraw bidez egina",
+    "group": "Hautapena taldea bihurtu",
+    "ungroup": "Desegin hautapenaren taldea",
+    "collaborators": "Kolaboratzaileak",
+    "showGrid": "Erakutsi sareta",
+    "addToLibrary": "Gehitu liburutegira",
+    "removeFromLibrary": "Kendu liburutegitik",
+    "libraryLoadingMessage": "Liburutegia kargatzen…",
+    "libraries": "Arakatu liburutegiak",
+    "loadingScene": "Eszena kargatzen…",
+    "align": "Lerrokatu",
+    "alignTop": "Lerrokatu goian",
+    "alignBottom": "Lerrokatu behean",
+    "alignLeft": "Lerrokatu ezkerrean",
+    "alignRight": "Lerrokatu eskuinean",
+    "centerVertically": "Erdiratu bertikalki",
+    "centerHorizontally": "Erdiratu horizontalki",
+    "distributeHorizontally": "Banandu horizontalki",
+    "distributeVertically": "Banandu bertikalki",
+    "flipHorizontal": "Irauli horizontalki",
+    "flipVertical": "Irauli bertikalki",
+    "viewMode": "Ikuspegia",
+    "toggleExportColorScheme": "Aldatu esportatzeko kolorearen eszena",
+    "share": "Partekatu",
+    "showStroke": "Erakutsi marraren kolore-hautatzailea",
+    "showBackground": "Erakutsi atzeko planoaren kolore-hautatzailea",
+    "toggleTheme": "Aldatu gaia",
+    "personalLib": "Liburutegi pertsonala",
+    "excalidrawLib": "Excalidraw liburutegia",
+    "decreaseFontSize": "",
+    "increaseFontSize": ""
+  },
+  "buttons": {
+    "clearReset": "Garbitu oihala",
+    "exportJSON": "Esportatu fitxategira",
+    "exportImage": "Gorde irudi gisa",
+    "export": "Esportatu",
+    "exportToPng": "Esportatu PNG gisa",
+    "exportToSvg": "Esportatu SVG gisa",
+    "copyToClipboard": "Kopiatu arbelera",
+    "copyPngToClipboard": "Kopiatu PNG arbelera",
+    "scale": "Eskala",
+    "save": "Gorde uneko fitxategian",
+    "saveAs": "Gorde honela",
+    "load": "Kargatu",
+    "getShareableLink": "Lortu partekatzeko esteka",
+    "close": "Itxi",
+    "selectLanguage": "Hautatu hizkuntza",
+    "scrollBackToContent": "Joan atzera edukira",
+    "zoomIn": "Handiagotu",
+    "zoomOut": "Txikiagotu",
+    "resetZoom": "Leheneratu zooma",
+    "menu": "Menua",
+    "done": "Egina",
+    "edit": "Editatu",
+    "undo": "Desegin",
+    "redo": "Berregin",
+    "resetLibrary": "Leheneratu liburutegia",
+    "createNewRoom": "Sortu gela berria",
+    "fullScreen": "Pantaila osoa",
+    "darkMode": "Modu iluna",
+    "lightMode": "Modu argia",
+    "zenMode": "Zen modua",
+    "exitZenMode": "Irten Zen modutik",
+    "cancel": "Utzi",
+    "clear": "Garbitu",
+    "remove": "Kendu",
+    "publishLibrary": "Argitaratu",
+    "submit": "Bidali",
+    "confirm": "Baieztatu"
+  },
+  "alerts": {
+    "clearReset": "Honek oihal osoa garbituko du. Ziur zaude?",
+    "couldNotCreateShareableLink": "Ezin izan da partekatzeko estekarik sortu.",
+    "couldNotCreateShareableLinkTooBig": "Ezin izan da partekatzeko estekarik sortu: eszena handiegia da",
+    "couldNotLoadInvalidFile": "Ezin izan da kargatu, fitxategiak ez du balio",
+    "importBackendFailed": "Inportazioak huts egin du.",
+    "cannotExportEmptyCanvas": "Ezin izan da oihal hutsa esportatu.",
+    "couldNotCopyToClipboard": "Ezin izan da arbelean kopiatu.",
+    "decryptFailed": "Ezin izan da deszifratu.",
+    "uploadedSecurly": "Kargatzea muturretik muturrerako zifratze bidez ziurtatu da, hau da, Excalidraw zerbitzariak eta hirugarrenek ezin dutela edukia irakurri.",
+    "loadSceneOverridePrompt": "Kanpoko marrazkia kargatzeak lehendik duzun edukia ordezkatuko du. Jarraitu nahi duzu?",
+    "collabStopOverridePrompt": "",
+    "errorLoadingLibrary": "",
+    "errorAddingToLibrary": "",
+    "errorRemovingFromLibrary": "",
+    "confirmAddLibrary": "",
+    "imageDoesNotContainScene": "",
+    "cannotRestoreFromImage": "",
+    "invalidSceneUrl": "",
+    "resetLibrary": "",
+    "removeItemsFromsLibrary": "",
+    "invalidEncryptionKey": ""
+  },
+  "errors": {
+    "unsupportedFileType": "",
+    "imageInsertError": "",
+    "fileTooBig": "",
+    "svgImageInsertError": "",
+    "invalidSVGString": ""
+  },
+  "toolBar": {
+    "selection": "",
+    "image": "",
+    "rectangle": "",
+    "diamond": "",
+    "ellipse": "",
+    "arrow": "",
+    "line": "",
+    "freedraw": "",
+    "text": "",
+    "library": "",
+    "lock": ""
+  },
+  "headings": {
+    "canvasActions": "",
+    "selectedShapeActions": "",
+    "shapes": ""
+  },
+  "hints": {
+    "canvasPanning": "",
+    "linearElement": "",
+    "freeDraw": "",
+    "text": "",
+    "text_selected": "",
+    "text_editing": "",
+    "linearElementMulti": "",
+    "lockAngle": "",
+    "resize": "",
+    "resizeImage": "",
+    "rotate": "",
+    "lineEditor_info": "",
+    "lineEditor_pointSelected": "",
+    "lineEditor_nothingSelected": "",
+    "placeImage": "",
+    "publishLibrary": "",
+    "bindTextToElement": "",
+    "deepBoxSelect": ""
+  },
+  "canvasError": {
+    "cannotShowPreview": "",
+    "canvasTooBig": "",
+    "canvasTooBigTip": ""
+  },
+  "errorSplash": {
+    "headingMain_pre": "",
+    "headingMain_button": "orria birkargatzen.",
+    "clearCanvasMessage": "Birkargatzea ez bada burutzen, saiatu ",
+    "clearCanvasMessage_button": "oihala garbitzen.",
+    "clearCanvasCaveat": " Honen ondorioz lana galduko da ",
+    "trackedToSentry_pre": "Identifikatzailearen errorea ",
+    "trackedToSentry_post": " gure sistemak behatu du.",
+    "openIssueMessage_pre": "Oso kontuz ibili gara zure eszenaren informazioa errorean ez sartzeko. Zure eszena pribatua ez bada, kontuan hartu gure ",
+    "openIssueMessage_button": "erroreen jarraipena egitea.",
+    "openIssueMessage_post": " Sartu beheko informazioa kopiatu eta itsatsi bidez GitHub issue-n.",
+    "sceneContent": "Eszenaren edukia:"
+  },
+  "roomDialog": {
+    "desc_intro": "Jendea zure uneko eszenara gonbida dezakezu zurekin elkarlanean aritzeko.",
+    "desc_privacy": "Ez kezkatu, saioak muturretik muturrerako enkriptatzea erabiltzen du, beraz, marrazten duzuna pribatua izango da. Gure zerbitzariak ere ezingo du ikusi zer egiten duzun.",
+    "button_startSession": "Hasi saioa",
+    "button_stopSession": "Itxi saioa",
+    "desc_inProgressIntro": "Zuzeneko lankidetza saioa abian da.",
+    "desc_shareLink": "Partekatu esteka hau elkarlanean aritu nahi duzun edonorekin:",
+    "desc_exitSession": "Saioa ixteak aretotik deskonektatuko zaitu, baina eszenarekin lanean jarraitu ahal izango duzu lokalean. Kontuan izan honek ez diela beste pertsonei eragingo, eta euren bertsioan elkarlanean aritu ahal izango dira.",
+    "shareTitle": "Sartu Excalidraw-en zuzeneko lankidetza-saio batean"
+  },
+  "errorDialog": {
+    "title": "Errorea"
+  },
+  "exportDialog": {
+    "disk_title": "Gorde diskoan",
+    "disk_details": "Esportatu eszenaren datuak geroago inportatu ahal izango duzun fitxategi batan.",
+    "disk_button": "Gorde fitxategian",
+    "link_title": "Partekatzeko esteka",
+    "link_details": "Esportatu irakurtzeko soilik moduko esteka.",
+    "link_button": "Esportatu esteka",
+    "excalidrawplus_description": "Gorde eszena zure Excalidraw+ laneko areara.",
+    "excalidrawplus_button": "Esportatu",
+    "excalidrawplus_exportError": "Une honetan ezin izan da esportatu Excalidraw+era..."
+  },
+  "helpDialog": {
+    "blog": "Irakurri gure bloga",
+    "click": "sakatu",
+    "deepSelect": "",
+    "deepBoxSelect": "",
+    "curvedArrow": "Gezi kurbatua",
+    "curvedLine": "Lerro kurbatua",
+    "documentation": "Dokumentazioa",
+    "doubleClick": "klik bikoitza",
+    "drag": "arrastatu",
+    "editor": "Editorea",
+    "editSelectedShape": "Editatu hautatutako forma (testua/gezia/lerroa)",
+    "github": "Arazorik izan al duzu? Eman horren berri",
+    "howto": "Jarraitu gure gidak",
+    "or": "edo",
+    "preventBinding": "Saihestu gezien gainjartzea",
+    "shapes": "Formak",
+    "shortcuts": "Laster-teklak",
+    "textFinish": "Bukatu edizioa (testu editorea)",
+    "textNewLine": "Gehitu lerro berri bat (testu editorea)",
+    "title": "Laguntza",
+    "view": "Bistaratu",
+    "zoomToFit": "Egin zoom elementu guztiak ikusteko",
+    "zoomToSelection": "Zooma hautapenera"
+  },
+  "clearCanvasDialog": {
+    "title": "Garbitu oihala"
+  },
+  "publishDialog": {
+    "title": "Argitaratu liburutegia",
+    "itemName": "Elementuaren izena",
+    "authorName": "Egilearen izena",
+    "githubUsername": "GitHub-eko erabiltzaile-izena",
+    "twitterUsername": "Twitter-eko erabiltzaile-izena",
+    "libraryName": "Liburutegiaren izena",
+    "libraryDesc": "Liburutegiaren deskripzioa",
+    "website": "Webgunea",
+    "placeholder": {
+      "authorName": "Zure izena edo erabiltzaile-izena",
+      "libraryName": "Zure liburutegiaren izena",
+      "libraryDesc": "Zure liburutegiaren deskripzioa laguntzeko jendeari ulertzen haren erabilpena",
+      "githubHandle": "GitHub heldulekua (aukerakoa), liburutegia editatu ahal izateko berrikustera bidalitakoan",
+      "twitterHandle": "Twitter-eko erabiltzaile-izena (aukerakoa), badakigu nori kreditatu behar dugun Twitter bidez sustatzeko",
+      "website": "Estekatu zure webgunera edo nahi duzun tokira (aukerakoa)"
+    },
+    "errors": {
+      "required": "Beharrezkoa",
+      "website": "Sartu baliozko URL bat"
+    },
+    "noteDescription": {
+      "pre": "Bidali zure liburutegira sartu ahal izateko ",
+      "link": "zure liburutegiko biltegian",
+      "post": "beste jendeak bere marrazkietan erabili ahal izateko."
+    },
+    "noteGuidelines": {
+      "pre": "Liburutegia eskuz onartu behar da. Irakurri ",
+      "link": "gidalerroak",
+      "post": " bidali aurretik. GitHub kontu bat edukitzea komeni da komunikatzeko eta aldaketak egin ahal izateko, baina ez da guztiz beharrezkoa."
+    },
+    "noteLicense": {
+      "pre": "Bidaltzen baduzu, onartzen duzu liburutegia ",
+      "link": "MIT lizentziarekin argitaratuko dela, ",
+      "post": "zeinak, laburbilduz, esan nahi du edozeinek erabiltzen ahal duela murrizketarik gabe."
+    },
+    "noteItems": "Liburutegiko elementu bakoitzak bere izena eduki behar du iragazi ahal izateko. Liburutegiko hurrengo elementuak barne daude:",
+    "atleastOneLibItem": "Hautatu gutxienez liburutegiko elementu bat gutxienez hasi ahal izateko"
+  },
+  "publishSuccessDialog": {
+    "title": "Liburutegia bidali da",
+    "content": "Eskerrik asko {{authorName}}. Zure liburutegia bidali da berrikustera. Jarraitu dezakezu haren egoera",
+    "link": "hemen"
+  },
+  "confirmDialog": {
+    "resetLibrary": "Leheneratu liburutegia",
+    "removeItemsFromLib": "Kendu hautatutako elementuak liburutegitik"
+  },
+  "encrypted": {
+    "tooltip": "Zure marrazkiak muturretik muturrera enkriptatu dira, beraz Excalidraw-ren zerbitzariek ezingo dituzte ikusi.",
+    "link": "Excalidraw-ren muturretik muturrerako enkriptatzearen gaineko mezua blogean"
+  },
+  "stats": {
+    "angle": "Angelua",
+    "element": "Elementua",
+    "elements": "Elementuak",
+    "height": "Altuera",
+    "scene": "Eszena",
+    "selected": "Hautatua",
+    "storage": "Biltegia",
+    "title": "Datuak",
+    "total": "Guztira",
+    "version": "Bertsioa",
+    "versionCopy": "Klikatu kopiatzeko",
+    "versionNotAvailable": "Bertsio ez eskuragarria",
+    "width": "Zabalera"
+  },
+  "toast": {
+    "addedToLibrary": "Liburutegira gehitu da",
+    "copyStyles": "Estiloak kopiatu dira.",
+    "copyToClipboard": "Arbelean kopiatu da.",
+    "copyToClipboardAsPng": "{{exportSelection}} kopiatu da arbelean PNG gisa\n({{exportColorScheme}})",
+    "fileSaved": "Fitxategia gorde da.",
+    "fileSavedToFilename": "{filename}-n gorde da",
+    "canvas": "oihala",
+    "selection": "hautapena"
+  },
+  "colors": {
+    "ffffff": "Zuria",
+    "f8f9fa": "Grisa 0",
+    "f1f3f5": "Grisa 1",
+    "fff5f5": "Gorria 0",
+    "fff0f6": "Arrosa 0",
+    "f8f0fc": "Mahats kolorea 0",
+    "f3f0ff": "Bioleta 0",
+    "edf2ff": "Indigoa 0",
+    "e7f5ff": "Urdina 0",
+    "e3fafc": "Ziana 0",
+    "e6fcf5": "Berde urdinxka 0",
+    "ebfbee": "Berdea 0",
+    "f4fce3": "Lima 0",
+    "fff9db": "Horia 0",
+    "fff4e6": "Laranja 0",
+    "transparent": "Gardena",
+    "ced4da": "Grisa 4",
+    "868e96": "Grisa 6",
+    "fa5252": "Gorria 6",
+    "e64980": "Arrosa 6",
+    "be4bdb": "Mahats kolorea 6",
+    "7950f2": "Bioleta 6",
+    "4c6ef5": "Indigoa 6",
+    "228be6": "Urdina 6",
+    "15aabf": "Ziana 6",
+    "12b886": "Berde urdinxka 6",
+    "40c057": "Berdea 6",
+    "82c91e": "Lima 6",
+    "fab005": "Horia 6",
+    "fd7e14": "Laranja 6",
+    "000000": "Beltza",
+    "343a40": "Grisa 8",
+    "495057": "Grisa 7",
+    "c92a2a": "Gorria 9",
+    "a61e4d": "Arrosa 9",
+    "862e9c": "Mahats kolorea 9",
+    "5f3dc4": "Bioleta 9",
+    "364fc7": "Indigoa 9",
+    "1864ab": "Urdina 9",
+    "0b7285": "Ziana 9",
+    "087f5b": "Berde urdinxka 9",
+    "2b8a3e": "Berdea 9",
+    "5c940d": "Lima 9",
+    "e67700": "Horia 9",
+    "d9480f": "Laranja 9"
+  }
+}
@@ -102,7 +102,9 @@
    "showBackground": "نمایش انتخاب کننده رنگ پس زمینه",
    "toggleTheme": "تغییر تم",
    "personalLib": "",
-    "excalidrawLib": ""
+    "excalidrawLib": "",
+    "decreaseFontSize": "",
+    "increaseFontSize": ""
  },
  "buttons": {
    "clearReset": "پاکسازی بوم نقاشی",
@@ -204,10 +206,12 @@
    "resizeImage": "",
    "rotate": "با نگه داشتن SHIFT هنگام چرخش می توانید زاویه ها را محدود کنید",
    "lineEditor_info": "دوبار کلیک کنید یا Enter را فشار دهید تا نقاط را ویرایش کنید",
-    "lineEditor_pointSelected": "برای حذف نقطه Delete برای کپی زدن Ctrl یا Cmd+D را بزنید و یا برای جابجایی بکشید.",
-    "lineEditor_nothingSelected": "یک نقطه را برای جابجایی یا حذف انتخاب کنید یا کلید Alt بگیرید و کلیک کنید تا بتوانید یک نقطه جدید اضافه کنید",
+    "lineEditor_pointSelected": "",
+    "lineEditor_nothingSelected": "",
    "placeImage": "",
-    "publishLibrary": ""
+    "publishLibrary": "",
+    "bindTextToElement": "",
+    "deepBoxSelect": ""
  },
  "canvasError": {
    "cannotShowPreview": "پیش نمایش نشان داده نمی شود",
@@ -254,6 +258,8 @@
  "helpDialog": {
    "blog": "بلاگ ما را بخوانید",
    "click": "کلیک",
+    "deepSelect": "",
+    "deepBoxSelect": "",
    "curvedArrow": "فلش خمیده",
    "curvedLine": "منحنی",
    "documentation": "مستندات",
@@ -102,7 +102,9 @@
    "showBackground": "Näytä taustavärin valitsin",
    "toggleTheme": "Vaihda teema",
    "personalLib": "Oma kirjasto",
-    "excalidrawLib": "Excalidraw kirjasto"
+    "excalidrawLib": "Excalidraw kirjasto",
+    "decreaseFontSize": "",
+    "increaseFontSize": ""
  },
  "buttons": {
    "clearReset": "Tyhjennä piirtoalue",
@@ -204,10 +206,12 @@
    "resizeImage": "Voit muuttaa kokoa vapaasti pitämällä SHIFTiä pohjassa, pidä ALT pohjassa muuttaaksesi kokoa keskipisteen ympäri",
    "rotate": "Voit rajoittaa kulman pitämällä SHIFT pohjassa pyörittäessäsi",
    "lineEditor_info": "Kaksoisnapauta tai paina Enter muokataksesi pisteitä",
-    "lineEditor_pointSelected": "Paina Delete poistaaksesi pisteen, Ctrl tai Cmd+D monistaaksesi, tai raahaa liikuttaaksesi",
-    "lineEditor_nothingSelected": "Valitse liikutettava tai poistettava piste, tai pidä ALT-näppäintä alaspainettuna ja napsauta lisätäksesi uusia pisteitä",
+    "lineEditor_pointSelected": "",
+    "lineEditor_nothingSelected": "",
    "placeImage": "Klikkaa asettaaksesi kuvan, tai klikkaa ja raahaa asettaaksesi sen koon manuaalisesti",
-    "publishLibrary": "Julkaise oma kirjasto"
+    "publishLibrary": "Julkaise oma kirjasto",
+    "bindTextToElement": "",
+    "deepBoxSelect": ""
  },
  "canvasError": {
    "cannotShowPreview": "Esikatselua ei voitu näyttää",
@@ -254,6 +258,8 @@
  "helpDialog": {
    "blog": "Lue blogiamme",
    "click": "klikkaa",
+    "deepSelect": "",
+    "deepBoxSelect": "",
    "curvedArrow": "Kaareva nuoli",
    "curvedLine": "Kaareva viiva",
    "documentation": "Käyttöohjeet",
@@ -102,7 +102,9 @@
    "showBackground": "Afficher le sélecteur de couleur d'arrière-plan",
    "toggleTheme": "Changer le thème",
    "personalLib": "Bibliothèque personnelle",
-    "excalidrawLib": "Bibliothèque Excalidraw"
+    "excalidrawLib": "Bibliothèque Excalidraw",
+    "decreaseFontSize": "Réduire la taille de police",
+    "increaseFontSize": "Augmenter la taille de police"
  },
  "buttons": {
    "clearReset": "Réinitialiser le canevas",
@@ -204,10 +206,12 @@
    "resizeImage": "Vous pouvez redimensionner librement en maintenant SHIFT,\nmaintenez ALT pour redimensionner depuis le centre",
    "rotate": "Vous pouvez restreindre les angles en maintenant MAJ pendant la rotation",
    "lineEditor_info": "Double-cliquez ou appuyez sur Entrée pour éditer les points",
-    "lineEditor_pointSelected": "Appuyez sur Supprimer pour supprimer le point, Ctrl ou Cmd+D pour le dupliquer, ou faites-le glisser pour le déplacer",
-    "lineEditor_nothingSelected": "Sélectionnez un point à déplacer ou supprimer, ou maintenez Alt et cliquez pour ajouter de nouveaux points",
+    "lineEditor_pointSelected": "Appuyer sur Suppr. pour supprimer des points, Ctrl ou Cmd+D pour dupliquer, ou faire glisser pour déplacer",
+    "lineEditor_nothingSelected": "Sélectionner un point pour éditer (maintenir la touche MAJ pour en sélectionner plusieurs),\nou maintenir la touche Alt enfoncée et cliquer pour ajouter de nouveaux points",
    "placeImage": "Cliquez pour placer l'image, ou cliquez et faites glisser pour définir sa taille manuellement",
-    "publishLibrary": "Publier votre propre bibliothèque"
+    "publishLibrary": "Publier votre propre bibliothèque",
+    "bindTextToElement": "Appuyer sur Entrée pour ajouter du texte",
+    "deepBoxSelect": "Maintenir CtrlOuCmd pour sélectionner dans les groupes, et empêcher le déplacement"
  },
  "canvasError": {
    "cannotShowPreview": "Impossible d’afficher l’aperçu",
@@ -254,6 +258,8 @@
  "helpDialog": {
    "blog": "Lire notre blog",
    "click": "clic",
+    "deepSelect": "Sélection dans les groupes",
+    "deepBoxSelect": "Sélectionner dans les groupes, et empêcher le déplacement",
    "curvedArrow": "Flèche courbée",
    "curvedLine": "Ligne courbée",
    "documentation": "Documentation",
@@ -102,7 +102,9 @@
    "showBackground": "הצג צבעי רקע",
    "toggleTheme": "שינוי ערכת העיצוב",
    "personalLib": "",
-    "excalidrawLib": ""
+    "excalidrawLib": "",
+    "decreaseFontSize": "",
+    "increaseFontSize": ""
  },
  "buttons": {
    "clearReset": "אפס את הלוח",
@@ -204,10 +206,12 @@
    "resizeImage": "",
    "rotate": "ניתן להגביל זוויות על ידי לחיצה על SHIFT תוך כדי סיבוב",
    "lineEditor_info": "לחץ לחיצה כפולה או אנטר לעריכת הנקודות",
-    "lineEditor_pointSelected": "לחץ על Delete להסרת נקודה, CtrlOrCmd+D לשכפל, או גרור להזזה",
-    "lineEditor_nothingSelected": "בחר נקודה להזזה או הסרה, או החזק את כפתור Alt והקלק להוספת נקודות חדשות",
+    "lineEditor_pointSelected": "",
+    "lineEditor_nothingSelected": "",
    "placeImage": "",
-    "publishLibrary": ""
+    "publishLibrary": "",
+    "bindTextToElement": "",
+    "deepBoxSelect": ""
  },
  "canvasError": {
    "cannotShowPreview": "לא הצלחנו להציג את התצוגה המקדימה",
@@ -254,6 +258,8 @@
  "helpDialog": {
    "blog": "קרא את הבלוג שלנו",
    "click": "קליק",
+    "deepSelect": "",
+    "deepBoxSelect": "",
    "curvedArrow": "חץ מעוגל",
    "curvedLine": "קו מעוגל",
    "documentation": "תיעוד",
@@ -102,7 +102,9 @@
    "showBackground": "",
    "toggleTheme": "",
    "personalLib": "",
-    "excalidrawLib": ""
+    "excalidrawLib": "",
+    "decreaseFontSize": "",
+    "increaseFontSize": ""
  },
  "buttons": {
    "clearReset": "कैनवास रीसेट करें",
@@ -204,10 +206,12 @@
    "resizeImage": "",
    "rotate": "आप घूर्णन करते समय SHIFT पकड़कर कोणों को विवश कर सकते हैं",
    "lineEditor_info": "बिंदुओं को संपादित करने के लिए Enter पर डबल-क्लिक करें या दबाएँ",
-    "lineEditor_pointSelected": "बिंदु हटाने के लिए डिलीट दबाएं, प्रतिरूपित करने के लिए कण्ट्रोल या कमांड डी दबाएं या स्थानांतरित करने के लिए खींचे",
-    "lineEditor_nothingSelected": "स्थानांतरित करने या हटाने के लिए एक बिंदु का चयन करें, या Alt दबाए रखें और नए बिंदुओं को जोड़ने के लिए क्लिक करें",
+    "lineEditor_pointSelected": "",
+    "lineEditor_nothingSelected": "",
    "placeImage": "",
-    "publishLibrary": ""
+    "publishLibrary": "",
+    "bindTextToElement": "",
+    "deepBoxSelect": ""
  },
  "canvasError": {
    "cannotShowPreview": "पूर्वावलोकन नहीं दिखा सकते हैं",
@@ -254,6 +258,8 @@
  "helpDialog": {
    "blog": "हमारा ब्लॉग पढे",
    "click": "क्लिक करें",
+    "deepSelect": "",
+    "deepBoxSelect": "",
    "curvedArrow": "वक्र तीर",
    "curvedLine": "वक्र रेखा",
    "documentation": "",
@@ -102,7 +102,9 @@
    "showBackground": "",
    "toggleTheme": "",
    "personalLib": "",
-    "excalidrawLib": ""
+    "excalidrawLib": "",
+    "decreaseFontSize": "",
+    "increaseFontSize": ""
  },
  "buttons": {
    "clearReset": "Vászon törlése",
@@ -204,10 +206,12 @@
    "resizeImage": "",
    "rotate": "A SHIFT billentyű lenyomva tartásával korlátozhatja a szögek illesztését",
    "lineEditor_info": "Kattints duplán, vagy nyomj entert a pontok szerkesztéséhez",
-    "lineEditor_pointSelected": "Nyomd meg a delete gombot a pont eltávolításához, Ctrl vagy Cmd + D-t a duplikáláshoz, vagy húzva mozgasd",
-    "lineEditor_nothingSelected": "Válassz ki egy pontot a mozgatáshoz vagy törtléshez, vagy az Alt lenyomása mellett kattintva hozz létre új pontokat",
+    "lineEditor_pointSelected": "",
+    "lineEditor_nothingSelected": "",
    "placeImage": "",
-    "publishLibrary": ""
+    "publishLibrary": "",
+    "bindTextToElement": "",
+    "deepBoxSelect": ""
  },
  "canvasError": {
    "cannotShowPreview": "Előnézet nem jeleníthető meg",
@@ -254,6 +258,8 @@
  "helpDialog": {
    "blog": "",
    "click": "",
+    "deepSelect": "",
+    "deepBoxSelect": "",
    "curvedArrow": "",
    "curvedLine": "",
    "documentation": "",
@@ -102,7 +102,9 @@
    "showBackground": "Tampilkan latar pengambil warna",
    "toggleTheme": "Ubah tema",
    "personalLib": "Pustaka Pribadi",
-    "excalidrawLib": "Pustaka Excalidraw"
+    "excalidrawLib": "Pustaka Excalidraw",
+    "decreaseFontSize": "Kecilkan ukuran font",
+    "increaseFontSize": "Besarkan ukuran font"
  },
  "buttons": {
    "clearReset": "Setel Ulang Kanvas",
@@ -205,9 +207,11 @@
    "rotate": "Anda dapat menjaga sudut dengan menahan SHIFT sambil memutar",
    "lineEditor_info": "Klik ganda atau tekan Enter untuk mengedit titik",
    "lineEditor_pointSelected": "Tekan Delete untuk menghapus titik, Ctrl/Cmd + D untuk menduplikasi, atau seret untuk memindahkan",
-    "lineEditor_nothingSelected": "Pilih sebuah titik untuk memindah atau menghapus, atau tekan Alt dan klik untuk menambahkan titik baru",
+    "lineEditor_nothingSelected": "Pilih titik untuk mengedit (tekan SHIFT untuk pilih banyak), atau tekan Alt dan klik untuk tambahkan titik baru",
    "placeImage": "Klik untuk tempatkan gambar, atau klik dan jatuhkan untuk tetapkan ukuran secara manual",
-    "publishLibrary": "Terbitkan pustaka Anda"
+    "publishLibrary": "Terbitkan pustaka Anda",
+    "bindTextToElement": "Tekan enter untuk tambahkan teks",
+    "deepBoxSelect": "Tekan Ctrl atau Cmd untuk memilih yang di dalam, dan mencegah penggeseran"
  },
  "canvasError": {
    "cannotShowPreview": "Tidak dapat menampilkan pratinjau",
@@ -254,6 +258,8 @@
  "helpDialog": {
    "blog": "Baca blog kami",
    "click": "klik",
+    "deepSelect": "Pilih dalam",
+    "deepBoxSelect": "Pilih dalam kotak, dan cegah penggeseran",
    "curvedArrow": "Panah lengkung",
    "curvedLine": "Garis lengkung",
    "documentation": "Dokumentasi",
@@ -102,7 +102,9 @@
    "showBackground": "Mostra selettore colore di sfondo",
    "toggleTheme": "Cambia tema",
    "personalLib": "Libreria Personale",
-    "excalidrawLib": "Libreria di Excalidraw"
+    "excalidrawLib": "Libreria di Excalidraw",
+    "decreaseFontSize": "",
+    "increaseFontSize": ""
  },
  "buttons": {
    "clearReset": "Svuota la tela",
@@ -204,10 +206,12 @@
    "resizeImage": "Puoi ridimensionare liberamente tenendo premuto SHIFT,\ntieni premuto ALT per ridimensionare dal centro",
    "rotate": "Puoi mantenere gli angoli tenendo premuto SHIFT durante la rotazione",
    "lineEditor_info": "Fai doppio click o premi invio per modificare i punti",
-    "lineEditor_pointSelected": "Premere Elimina per rimuovere il punto, CtrlOrCmd+D per duplicare o trascinare per spostare",
-    "lineEditor_nothingSelected": "Seleziona un punto per spostare o rimuovere, oppure tieni premuto Alt e fai clic per aggiungere nuovi punti",
+    "lineEditor_pointSelected": "",
+    "lineEditor_nothingSelected": "",
    "placeImage": "Fai click per posizionare l'immagine, o click e trascina per impostarne la dimensione manualmente",
-    "publishLibrary": "Pubblica la tua libreria"
+    "publishLibrary": "Pubblica la tua libreria",
+    "bindTextToElement": "Premi invio per aggiungere il testo",
+    "deepBoxSelect": ""
  },
  "canvasError": {
    "cannotShowPreview": "Impossibile visualizzare l'anteprima",
@@ -254,6 +258,8 @@
  "helpDialog": {
    "blog": "Leggi il nostro blog",
    "click": "click",
+    "deepSelect": "",
+    "deepBoxSelect": "",
    "curvedArrow": "Freccia curva",
    "curvedLine": "Linea curva",
    "documentation": "Documentazione",
@@ -102,7 +102,9 @@
    "showBackground": "背景色ピッカーを表示",
    "toggleTheme": "テーマの切り替え",
    "personalLib": "個人ライブラリ",
-    "excalidrawLib": "Excalidrawライブラリ"
+    "excalidrawLib": "Excalidrawライブラリ",
+    "decreaseFontSize": "",
+    "increaseFontSize": ""
  },
  "buttons": {
    "clearReset": "キャンバスのリセット",
@@ -204,10 +206,12 @@
    "resizeImage": "SHIFTを長押しすると自由にサイズを変更できます。\n中央からサイズを変更するにはALTを長押しします",
    "rotate": "回転中にSHIFT キーを押すと角度を制限することができます",
    "lineEditor_info": "ポイントを編集するには、ダブルクリックまたはEnterキーを押します",
-    "lineEditor_pointSelected": "削除ボタンを押して点を削除します。Ctrl+D または Cmd+D で複製します。またはドラッグして移動します",
-    "lineEditor_nothingSelected": "移動または削除する点を選択するか、Altキーを押しながらクリックして新しい点を追加します",
+    "lineEditor_pointSelected": "Deleteキーを押すと点を削除、CtrlOrCmd+Dで複製、マウスドラッグで移動",
+    "lineEditor_nothingSelected": "編集する点を選択（SHIFTを押したままで複数選択）、\nAltキーを押しながらクリックすると新しい点を追加",
    "placeImage": "クリックして画像を配置するか、クリックしてドラッグしてサイズを手動で設定します",
-    "publishLibrary": "自分のライブラリを公開"
+    "publishLibrary": "自分のライブラリを公開",
+    "bindTextToElement": "Enterを押してテキストを追加",
+    "deepBoxSelect": ""
  },
  "canvasError": {
    "cannotShowPreview": "プレビューを表示できません",
@@ -254,6 +258,8 @@
  "helpDialog": {
    "blog": "公式ブログを読む",
    "click": "クリック",
+    "deepSelect": "",
+    "deepBoxSelect": "",
    "curvedArrow": "カーブした矢印",
    "curvedLine": "曲線",
    "documentation": "ドキュメント",
@@ -292,7 +298,7 @@
      "libraryDesc": "ライブラリの使い方を理解するための説明",
      "githubHandle": "GitHubハンドル(任意)。一度レビューのために送信されると、ライブラリを編集できます",
      "twitterHandle": "Twitterのユーザー名 (任意)。Twitterでプロモーションする際にクレジットする人を知っておくためのものです",
-      "website": "個人のウェブサイトまたは他のサイトへのリンク (オプション)"
+      "website": "個人のウェブサイトまたは他のサイトへのリンク (任意)"
    },
    "errors": {
      "required": "必須項目",
@@ -35,7 +35,7 @@
    "arrowhead_arrow": "Taneccabt",
    "arrowhead_bar": "Afeggag",
    "arrowhead_dot": "Tanqiḍt",
-    "arrowhead_triangle": "",
+    "arrowhead_triangle": "Akerdis",
    "fontSize": "Tiddi n tsefsit",
    "fontFamily": "Tawacult n tsefsiyin",
    "onlySelected": "Tafrayt kan",
@@ -101,8 +101,10 @@
    "showStroke": "Beqqeḍ amelqaḍ n yini n yizirig",
    "showBackground": "Beqqeḍ amelqaḍ n yini n ugilal",
    "toggleTheme": "Snifel asentel",
-    "personalLib": "",
-    "excalidrawLib": ""
+    "personalLib": "Tamkarḍit tudmawant",
+    "excalidrawLib": "Tamkarḍit n Excalidraw",
+    "decreaseFontSize": "Senqes tiddi n tsefsit",
+    "increaseFontSize": "Sali tiddi n tsefsit"
  },
  "buttons": {
    "clearReset": "Ales awennez n teɣzut n usuneɣ",
@@ -138,10 +140,10 @@
    "exitZenMode": "Ffeɣ seg uskar Zen",
    "cancel": "Sefsex",
    "clear": "Sfeḍ",
-    "remove": "",
-    "publishLibrary": "",
-    "submit": "",
-    "confirm": ""
+    "remove": "Kkes",
+    "publishLibrary": "Ẓreg",
+    "submit": "Azen",
+    "confirm": "Sentem"
  },
  "alerts": {
    "clearReset": "Ayagi ad isfeḍ akk taɣzut n usuneɣ. Tetḥeqqeḍ?",
@@ -163,7 +165,7 @@
    "cannotRestoreFromImage": "Asayes ulamek ara d-yettwarr seg ufaylu-agi n tugna",
    "invalidSceneUrl": "Ulamek taktert n usayes seg URL i d-ittunefken. Ahat mačči d tameɣtut neɣ ur tegbir ara isefka JSON n Excalidraw.",
    "resetLibrary": "Ayagi ad isfeḍ tamkarḍit-inek•m. Tetḥeqqeḍ?",
-    "removeItemsFromsLibrary": "",
+    "removeItemsFromsLibrary": "Ad tekkseḍ {{count}} n uferdis (en) si temkarḍit?",
    "invalidEncryptionKey": "Tasarut n uwgelhen isefk ad tesɛu 22 n yiekkilen. Amɛiwen srid yensa."
  },
  "errors": {
@@ -171,7 +173,7 @@
    "imageInsertError": "D awezɣi tugra n tugna. Eɛreḍ tikkelt-nniḍen ardeqqal...",
    "fileTooBig": "Afaylu meqqer aṭas. Tiddi tafellayt yurgen d {{maxSize}}.",
    "svgImageInsertError": "D awezɣi tugra n tugna SVG. Acraḍ SVG yettban-d d armeɣtu.",
-    "invalidSVGString": ""
+    "invalidSVGString": "SVG armeɣtu."
  },
  "toolBar": {
    "selection": "Tafrayt",
@@ -192,7 +194,7 @@
    "shapes": "Talɣiwin"
  },
  "hints": {
-    "canvasPanning": "",
+    "canvasPanning": "Akken ad tesmuttiḍ taɣzut n usuneɣ, ṭṭef ṛṛuda n umumed, neɣ afeggag n tallunt mi ara tzuɣreḍ",
    "linearElement": "Ssit akken ad tebduḍ aṭas n tenqiḍin, zuɣer i yiwen n yizirig",
    "freeDraw": "Ssit yerna zuɣer, serreḥ ticki tfukeḍ",
    "text": "Tixidest: tzemreḍ daɣen ad ternuḍ aḍris s usiti snat n tikkal anida tebɣiḍ s ufecku n tefrayt",
@@ -204,10 +206,12 @@
    "resizeImage": "Tzemreḍ ad talseḍ tiddi s tilelli s tuṭṭfa n SHIFT,\nṭṭef ALT akken ad talseḍ tiddi si tlemmast",
    "rotate": "Tzemreḍ ad tḥettemeḍ tiɣemmar s tuṭṭfa n SHIFT di tuzzya",
    "lineEditor_info": "Ssit snat n tikkal neɣ ssed taqeffalt Kcem akken ad tẓergeḍ tinqiḍin",
-    "lineEditor_pointSelected": "Ssed taqeffalt kkes akken ad tekkseḍ tanqiḍt, CtrlOrCmd+D akken ad tsiselgeḍ, neɣ zuɣer akken ad tesmuttiḍ",
-    "lineEditor_nothingSelected": "Fren tanqiḍt ara tesmuttiḍ neɣ ara tekkseḍ, neɣ ṭṭef taqeffalt Alt akken ad ternuḍ tinqiḍin timaynutin",
+    "lineEditor_pointSelected": "Ssed taqeffalt kkes akken ad tekkseḍ tanqiḍ (tinqiḍin),\nCtrlOrCmd+D akken ad tsiselgeḍ, neɣ zuɣer akken ad tesmuttiḍ",
+    "lineEditor_nothingSelected": "Fren tanqiḍt akken ad tẓergeḍ (ṭṭef SHIFT akken ad tferneḍ aṭas),\nneɣ ṭṭef Alt akken ad ternuḍ tinqiḍin timaynutin",
    "placeImage": "Ssit akken ad tserseḍ tugna, neɣ ssit u zuɣer akken ad tesbaduḍ tiddi-ines s ufus",
-    "publishLibrary": ""
+    "publishLibrary": "Siẓreg tamkarḍit-inek•inem",
+    "bindTextToElement": "Ssed ɣef kcem akken ad ternuḍ aḍris",
+    "deepBoxSelect": "Ṭṭef CtrlOrCmd akken ad tferneḍ s telqey, yerna ad trewleḍ i uzuɣer"
  },
  "canvasError": {
    "cannotShowPreview": "Ulamek abeqqeḍ n teskant",
@@ -254,6 +258,8 @@
  "helpDialog": {
    "blog": "Ɣeṛ ablug-nneɣ",
    "click": "ssit",
+    "deepSelect": "Afran s telqey",
+    "deepBoxSelect": "Afran s telqey s tnaka, yerna ad tyrewleḍ i uzuɣer",
    "curvedArrow": "Taneccabt izelgen",
    "curvedLine": "Izirig izelgen",
    "documentation": "Tasemlit",
@@ -275,55 +281,55 @@
    "zoomToSelection": "Simɣur ɣer tefrayt"
  },
  "clearCanvasDialog": {
-    "title": ""
+    "title": "Sfeḍ taɣzut n usuneɣ"
  },
  "publishDialog": {
-    "title": "",
-    "itemName": "",
-    "authorName": "",
-    "githubUsername": "",
-    "twitterUsername": "",
-    "libraryName": "",
-    "libraryDesc": "",
-    "website": "",
+    "title": "Suffeɣ-d tamkarḍit",
+    "itemName": "Isem n uferdis",
+    "authorName": "Isem n umeskar",
+    "githubUsername": "Isem n useqdac n GitHub",
+    "twitterUsername": "Isem n useqdac n Twitter",
+    "libraryName": "Isem n temkarḍit",
+    "libraryDesc": "Aglam n temkarḍit",
+    "website": "Asmel n web",
    "placeholder": {
-      "authorName": "",
-      "libraryName": "",
-      "libraryDesc": "",
-      "githubHandle": "",
-      "twitterHandle": "",
-      "website": ""
+      "authorName": "Isem neɣ isem n useqdac inek•inem",
+      "libraryName": "Isem n temkarḍit-inek•inem",
+      "libraryDesc": "Aglam n temkarḍit-inek•inem akken ad tɛiwneḍ medden ad fehmen aseqdec-inec",
+      "githubHandle": "Isem n useqdac n GitHub ( d anefrunan) akken ad tizmireḍ ad tisẓrigeḍ tamkarḍit ticki tuzneḍ-tt i uselken",
+      "twitterHandle": "Isem n useqdac n Twitter (d anefrunan) akken ad nẓer anwa ara nsenmer deg udellel di Twitter",
+      "website": "Aseɣwen ɣer usmel-inek•inem neɣ wayeḍ (d anefrunan)"
    },
    "errors": {
-      "required": "",
-      "website": ""
+      "required": "Yettwasra",
+      "website": "Sekcem URL ameɣtu"
    },
    "noteDescription": {
-      "pre": "",
-      "link": "",
-      "post": ""
+      "pre": "Azen tamkarḍit-inek•inem akken ad teddu di ",
+      "link": "akaram azayez n temkarḍit",
+      "post": "i yimdanen-nniḍen ara isqedcen deg wunuɣen-nnsen."
    },
    "noteGuidelines": {
-      "pre": "",
+      "pre": "Tamkarḍit teḥwaǧ ad tettwaqbel s ufus qbel. Ma ulac uɣilif ɣer ",
      "link": "",
-      "post": ""
+      "post": " send ad tazneḍ. Tesriḍ amiḍan n GitHub akken ad tmmeslayeḍ yerna ad tgeḍ ibeddilen ma yelaq, maca mačči d ayen yettwaḥetmen."
    },
    "noteLicense": {
-      "pre": "",
-      "link": "",
-      "post": ""
+      "pre": "Mi tuzneḍ ad tqebleḍ akken tamkarḍit ad d-teffeɣ s ",
+      "link": "Turagt MIT, ",
+      "post": "ayen yebɣan ad d-yini belli yal yiwen izmer ad ten-iseqdec war tilist."
    },
-    "noteItems": "",
-    "atleastOneLibItem": ""
+    "noteItems": "Yal aferdis n temkarḍit isefk ad isɛu isem-is i yiman-is akken ad yili wamek ara yettusizdeg. Iferdisen-agi n temkarḍit ad ddun:",
+    "atleastOneLibItem": "Ma ulac uɣilif fern ma drus yiwen n uferdis n temkarḍit akken ad tebduḍ"
  },
  "publishSuccessDialog": {
-    "title": "",
-    "content": "",
-    "link": ""
+    "title": "Tamkarḍit tettwazen",
+    "content": "Tanemmirt-ik•im {{authorName}}. Tamkarḍit-inek•inem tettwazen i weselken. Tzemreḍ ad tḍefreḍ aẓayer",
+    "link": "dagi"
  },
  "confirmDialog": {
-    "resetLibrary": "",
-    "removeItemsFromLib": ""
+    "resetLibrary": "Ales awennez n temkarḍit",
+    "removeItemsFromLib": "Kkes iferdisen yettafernen si temkarḍit"
  },
  "encrypted": {
    "tooltip": "Unuɣen-inek (m) ttuwgelhnen seg yixef s ixef dɣa iqeddacen n Excalidraw werǧin ad ten-walin. ",
@@ -345,7 +351,7 @@
    "width": "Tehri"
  },
  "toast": {
-    "addedToLibrary": "",
+    "addedToLibrary": "Yettwarna ɣer temkarḍit",
    "copyStyles": "Iɣunab yettwaneɣlen.",
    "copyToClipboard": "Yettwaɣel ɣer tecfawit.",
    "copyToClipboardAsPng": "{{exportSelection}} yettwanɣel ɣer tecfawit am PNG\n({{exportColorScheme}})",
@@ -360,14 +366,14 @@
    "f1f3f5": "Aɣiɣdi 1",
    "fff5f5": "Azeggaɣ",
    "fff0f6": "Axuxi 0",
-    "f8f0fc": "",
+    "f8f0fc": "Tiẓurin 0",
    "f3f0ff": "Amidadi 0",
    "edf2ff": "",
    "e7f5ff": "Anili 0",
    "e3fafc": "",
    "e6fcf5": "",
    "ebfbee": "Azegzaw 0",
-    "f4fce3": "",
+    "f4fce3": "Llim 0",
    "fff9db": "Awraɣ 0",
    "fff4e6": "Aččinawi 0",
    "transparent": "Afrawan",
@@ -382,7 +388,7 @@
    "15aabf": "",
    "12b886": "",
    "40c057": "Azegzaw 0",
-    "82c91e": "",
+    "82c91e": "Llim 6",
    "fab005": "Awraɣ 6",
    "fd7e14": "Aččinawi 6",
    "000000": "Aberkan",
@@ -390,14 +396,14 @@
    "495057": "Aɣiɣdi 7",
    "c92a2a": "Azeggaɣ 9",
    "a61e4d": "Axuxi 9",
-    "862e9c": "",
+    "862e9c": "Tiẓurin 9",
    "5f3dc4": "Amidadi 9",
    "364fc7": "",
    "1864ab": "Anili 9",
    "0b7285": "",
    "087f5b": "",
    "2b8a3e": "Azegzaw 9",
-    "5c940d": "",
+    "5c940d": "Llim 9",
    "e67700": "Awraɣ 9",
    "d9480f": "Aččinawi 9"
  }
@@ -102,7 +102,9 @@
    "showBackground": "",
    "toggleTheme": "",
    "personalLib": "",
-    "excalidrawLib": ""
+    "excalidrawLib": "",
+    "decreaseFontSize": "",
+    "increaseFontSize": ""
  },
  "buttons": {
    "clearReset": "",
@@ -207,7 +209,9 @@
    "lineEditor_pointSelected": "",
    "lineEditor_nothingSelected": "",
    "placeImage": "",
-    "publishLibrary": ""
+    "publishLibrary": "",
+    "bindTextToElement": "",
+    "deepBoxSelect": ""
  },
  "canvasError": {
    "cannotShowPreview": "",
@@ -254,6 +258,8 @@
  "helpDialog": {
    "blog": "Біздің блогты оқу",
    "click": "шерту",
+    "deepSelect": "",
+    "deepBoxSelect": "",
    "curvedArrow": "Майысқан нұсқар",
    "curvedLine": "Майысқан сызық",
    "documentation": "Құжаттама",
@@ -102,7 +102,9 @@
    "showBackground": "",
    "toggleTheme": "",
    "personalLib": "",
-    "excalidrawLib": ""
+    "excalidrawLib": "",
+    "decreaseFontSize": "",
+    "increaseFontSize": ""
  },
  "buttons": {
    "clearReset": "캔버스 초기화",
@@ -204,10 +206,12 @@
    "resizeImage": "",
    "rotate": "SHIFT 키를 누르면서 회전하면 각도를 제한할 수 있습니다.",
    "lineEditor_info": "지점을 수정하려면 두 번 클릭하거나 Enter 키를 누르세요.",
-    "lineEditor_pointSelected": "제거하려면 Delete 키, 복제하려면 CtrlOrCmd+D, 이동하려면 드래그하세요.",
-    "lineEditor_nothingSelected": "옮기거나 지울 지점을 선택하거나, Alt를 누른 상태로 클릭해 새 지점을 만드세요",
+    "lineEditor_pointSelected": "",
+    "lineEditor_nothingSelected": "",
    "placeImage": "",
-    "publishLibrary": ""
+    "publishLibrary": "",
+    "bindTextToElement": "",
+    "deepBoxSelect": ""
  },
  "canvasError": {
    "cannotShowPreview": "미리보기를 볼 수 없습니다",
@@ -254,6 +258,8 @@
  "helpDialog": {
    "blog": "블로그 읽어보기",
    "click": "클릭",
+    "deepSelect": "",
+    "deepBoxSelect": "",
    "curvedArrow": "곡선 화살표",
    "curvedLine": "곡선",
    "documentation": "설명서",
@@ -0,0 +1,410 @@
+{
+  "labels": {
+    "paste": "Įklijuoti",
+    "pasteCharts": "Įklijuoti diagramas",
+    "selectAll": "Pažymėti viską",
+    "multiSelect": "",
+    "moveCanvas": "",
+    "cut": "Iškirpti",
+    "copy": "Kopijuoti",
+    "copyAsPng": "",
+    "copyAsSvg": "",
+    "bringForward": "",
+    "sendToBack": "",
+    "bringToFront": "",
+    "sendBackward": "",
+    "delete": "Ištrinti",
+    "copyStyles": "Kopijuoti stilius",
+    "pasteStyles": "Įklijuoti stilius",
+    "stroke": "Linija",
+    "background": "Fonas",
+    "fill": "Užpildymas",
+    "strokeWidth": "Linijos storis",
+    "strokeStyle": "Linijos stilius",
+    "strokeStyle_solid": "",
+    "strokeStyle_dashed": "",
+    "strokeStyle_dotted": "",
+    "sloppiness": "",
+    "opacity": "",
+    "textAlign": "",
+    "edges": "Kraštai",
+    "sharp": "",
+    "round": "",
+    "arrowheads": "",
+    "arrowhead_none": "",
+    "arrowhead_arrow": "",
+    "arrowhead_bar": "",
+    "arrowhead_dot": "",
+    "arrowhead_triangle": "Trikampis",
+    "fontSize": "",
+    "fontFamily": "",
+    "onlySelected": "",
+    "withBackground": "",
+    "exportEmbedScene": "",
+    "exportEmbedScene_details": "",
+    "addWatermark": "Sukurta su Excalidraw",
+    "handDrawn": "",
+    "normal": "Normalus",
+    "code": "Kodas",
+    "small": "Mažas",
+    "medium": "Vidutinis",
+    "large": "Didelis",
+    "veryLarge": "",
+    "solid": "",
+    "hachure": "",
+    "crossHatch": "",
+    "thin": "",
+    "bold": "",
+    "left": "",
+    "center": "",
+    "right": "",
+    "extraBold": "",
+    "architect": "",
+    "artist": "",
+    "cartoonist": "",
+    "fileTitle": "Failo pavadinimas",
+    "colorPicker": "",
+    "canvasBackground": "",
+    "drawingCanvas": "",
+    "layers": "",
+    "actions": "",
+    "language": "",
+    "liveCollaboration": "",
+    "duplicateSelection": "",
+    "untitled": "",
+    "name": "",
+    "yourName": "Jūsų vardas",
+    "madeWithExcalidraw": "Sukurta su Excalidraw",
+    "group": "Grupuoti pasirinkimą",
+    "ungroup": "Išgrupuoti pasirinkimą",
+    "collaborators": "Bendradarbiautojai",
+    "showGrid": "Rodyti tinklelį",
+    "addToLibrary": "Pridėti į biblioteką",
+    "removeFromLibrary": "Pašalinti iš bibliotekos",
+    "libraryLoadingMessage": "",
+    "libraries": "Naršyti bibliotekas",
+    "loadingScene": "",
+    "align": "Lygiuoti",
+    "alignTop": "Lygiuoti viršuje",
+    "alignBottom": "Lygiuoti apačioje",
+    "alignLeft": "Lygiuoti kairėje",
+    "alignRight": "Lygiuoti dešinėje",
+    "centerVertically": "Centruoti vertikaliai",
+    "centerHorizontally": "Centruoti horizontaliai",
+    "distributeHorizontally": "",
+    "distributeVertically": "",
+    "flipHorizontal": "Apversti horizontaliai",
+    "flipVertical": "Apversti vertikaliai",
+    "viewMode": "",
+    "toggleExportColorScheme": "",
+    "share": "Dalintis",
+    "showStroke": "",
+    "showBackground": "",
+    "toggleTheme": "",
+    "personalLib": "Asmeninė biblioteka",
+    "excalidrawLib": "Exaclidraw biblioteka",
+    "decreaseFontSize": "",
+    "increaseFontSize": ""
+  },
+  "buttons": {
+    "clearReset": "",
+    "exportJSON": "Eksportuoti į failą",
+    "exportImage": "Išsaugoti kaip paveikslėlį",
+    "export": "Eksportuoti",
+    "exportToPng": "Eksportuoti į PNG",
+    "exportToSvg": "Eksportuoti į SVG",
+    "copyToClipboard": "Kopijuoti į iškarpinę",
+    "copyPngToClipboard": "Kopijuoti PNG į iškarpinę",
+    "scale": "",
+    "save": "",
+    "saveAs": "Išsaugoti kaip",
+    "load": "Įkelti",
+    "getShareableLink": "Gauti nuorodą dalinimuisi",
+    "close": "Uždaryti",
+    "selectLanguage": "Pasirinkite kalbą",
+    "scrollBackToContent": "",
+    "zoomIn": "Priartinti",
+    "zoomOut": "Nutolinti",
+    "resetZoom": "",
+    "menu": "Meniu",
+    "done": "",
+    "edit": "Redaguoti",
+    "undo": "Anuliuoti",
+    "redo": "",
+    "resetLibrary": "Atstatyti biblioteką",
+    "createNewRoom": "Sukurti naują kambarį",
+    "fullScreen": "Visas ekranas",
+    "darkMode": "Tamsus režimas",
+    "lightMode": "Šviesus režimas",
+    "zenMode": "„Zen“ režimas",
+    "exitZenMode": "Išeiti iš „Zen“ režimo",
+    "cancel": "Atšaukti",
+    "clear": "Išvalyti",
+    "remove": "Pašalinti",
+    "publishLibrary": "Paskelbti",
+    "submit": "Pateikti",
+    "confirm": "Patvirtinti"
+  },
+  "alerts": {
+    "clearReset": "",
+    "couldNotCreateShareableLink": "",
+    "couldNotCreateShareableLinkTooBig": "",
+    "couldNotLoadInvalidFile": "",
+    "importBackendFailed": "",
+    "cannotExportEmptyCanvas": "",
+    "couldNotCopyToClipboard": "",
+    "decryptFailed": "",
+    "uploadedSecurly": "",
+    "loadSceneOverridePrompt": "",
+    "collabStopOverridePrompt": "",
+    "errorLoadingLibrary": "",
+    "errorAddingToLibrary": "",
+    "errorRemovingFromLibrary": "",
+    "confirmAddLibrary": "",
+    "imageDoesNotContainScene": "",
+    "cannotRestoreFromImage": "",
+    "invalidSceneUrl": "",
+    "resetLibrary": "",
+    "removeItemsFromsLibrary": "",
+    "invalidEncryptionKey": ""
+  },
+  "errors": {
+    "unsupportedFileType": "",
+    "imageInsertError": "",
+    "fileTooBig": "",
+    "svgImageInsertError": "",
+    "invalidSVGString": ""
+  },
+  "toolBar": {
+    "selection": "",
+    "image": "",
+    "rectangle": "",
+    "diamond": "",
+    "ellipse": "",
+    "arrow": "",
+    "line": "",
+    "freedraw": "Piešti",
+    "text": "Tekstas",
+    "library": "Biblioteka",
+    "lock": ""
+  },
+  "headings": {
+    "canvasActions": "",
+    "selectedShapeActions": "",
+    "shapes": "Figūros"
+  },
+  "hints": {
+    "canvasPanning": "",
+    "linearElement": "",
+    "freeDraw": "",
+    "text": "",
+    "text_selected": "",
+    "text_editing": "",
+    "linearElementMulti": "",
+    "lockAngle": "",
+    "resize": "",
+    "resizeImage": "",
+    "rotate": "",
+    "lineEditor_info": "",
+    "lineEditor_pointSelected": "",
+    "lineEditor_nothingSelected": "",
+    "placeImage": "",
+    "publishLibrary": "",
+    "bindTextToElement": "",
+    "deepBoxSelect": ""
+  },
+  "canvasError": {
+    "cannotShowPreview": "",
+    "canvasTooBig": "",
+    "canvasTooBigTip": ""
+  },
+  "errorSplash": {
+    "headingMain_pre": "",
+    "headingMain_button": "",
+    "clearCanvasMessage": "",
+    "clearCanvasMessage_button": "",
+    "clearCanvasCaveat": "",
+    "trackedToSentry_pre": "",
+    "trackedToSentry_post": "",
+    "openIssueMessage_pre": "",
+    "openIssueMessage_button": "",
+    "openIssueMessage_post": "",
+    "sceneContent": ""
+  },
+  "roomDialog": {
+    "desc_intro": "",
+    "desc_privacy": "",
+    "button_startSession": "Pradėti seansą",
+    "button_stopSession": "Sustabdyti seansą",
+    "desc_inProgressIntro": "",
+    "desc_shareLink": "",
+    "desc_exitSession": "",
+    "shareTitle": ""
+  },
+  "errorDialog": {
+    "title": "Klaida"
+  },
+  "exportDialog": {
+    "disk_title": "Įrašyti į diską",
+    "disk_details": "",
+    "disk_button": "Įrašyti į failą",
+    "link_title": "Nuoroda dalinimuisi",
+    "link_details": "",
+    "link_button": "",
+    "excalidrawplus_description": "",
+    "excalidrawplus_button": "",
+    "excalidrawplus_exportError": ""
+  },
+  "helpDialog": {
+    "blog": "",
+    "click": "",
+    "deepSelect": "",
+    "deepBoxSelect": "",
+    "curvedArrow": "",
+    "curvedLine": "",
+    "documentation": "",
+    "doubleClick": "",
+    "drag": "vilkti",
+    "editor": "",
+    "editSelectedShape": "",
+    "github": "",
+    "howto": "",
+    "or": "",
+    "preventBinding": "",
+    "shapes": "Figūros",
+    "shortcuts": "",
+    "textFinish": "",
+    "textNewLine": "",
+    "title": "",
+    "view": "",
+    "zoomToFit": "",
+    "zoomToSelection": ""
+  },
+  "clearCanvasDialog": {
+    "title": ""
+  },
+  "publishDialog": {
+    "title": "",
+    "itemName": "",
+    "authorName": "",
+    "githubUsername": "",
+    "twitterUsername": "",
+    "libraryName": "",
+    "libraryDesc": "",
+    "website": "Tinklalapis",
+    "placeholder": {
+      "authorName": "",
+      "libraryName": "",
+      "libraryDesc": "",
+      "githubHandle": "",
+      "twitterHandle": "",
+      "website": ""
+    },
+    "errors": {
+      "required": "",
+      "website": ""
+    },
+    "noteDescription": {
+      "pre": "",
+      "link": "",
+      "post": ""
+    },
+    "noteGuidelines": {
+      "pre": "",
+      "link": "",
+      "post": ""
+    },
+    "noteLicense": {
+      "pre": "",
+      "link": "",
+      "post": ""
+    },
+    "noteItems": "",
+    "atleastOneLibItem": ""
+  },
+  "publishSuccessDialog": {
+    "title": "",
+    "content": "",
+    "link": "čia"
+  },
+  "confirmDialog": {
+    "resetLibrary": "",
+    "removeItemsFromLib": ""
+  },
+  "encrypted": {
+    "tooltip": "",
+    "link": ""
+  },
+  "stats": {
+    "angle": "",
+    "element": "",
+    "elements": "",
+    "height": "",
+    "scene": "",
+    "selected": "",
+    "storage": "",
+    "title": "",
+    "total": "",
+    "version": "",
+    "versionCopy": "",
+    "versionNotAvailable": "",
+    "width": ""
+  },
+  "toast": {
+    "addedToLibrary": "",
+    "copyStyles": "",
+    "copyToClipboard": "",
+    "copyToClipboardAsPng": "",
+    "fileSaved": "",
+    "fileSavedToFilename": "",
+    "canvas": "",
+    "selection": ""
+  },
+  "colors": {
+    "ffffff": "",
+    "f8f9fa": "",
+    "f1f3f5": "",
+    "fff5f5": "",
+    "fff0f6": "",
+    "f8f0fc": "",
+    "f3f0ff": "",
+    "edf2ff": "",
+    "e7f5ff": "",
+    "e3fafc": "",
+    "e6fcf5": "",
+    "ebfbee": "",
+    "f4fce3": "",
+    "fff9db": "",
+    "fff4e6": "",
+    "transparent": "",
+    "ced4da": "",
+    "868e96": "",
+    "fa5252": "",
+    "e64980": "",
+    "be4bdb": "",
+    "7950f2": "",
+    "4c6ef5": "",
+    "228be6": "",
+    "15aabf": "",
+    "12b886": "",
+    "40c057": "",
+    "82c91e": "",
+    "fab005": "",
+    "fd7e14": "",
+    "000000": "",
+    "343a40": "",
+    "495057": "",
+    "c92a2a": "",
+    "a61e4d": "",
+    "862e9c": "",
+    "5f3dc4": "",
+    "364fc7": "",
+    "1864ab": "",
+    "0b7285": "",
+    "087f5b": "",
+    "2b8a3e": "",
+    "5c940d": "",
+    "e67700": "",
+    "d9480f": ""
+  }
+}
@@ -16,8 +16,8 @@
    "delete": "Dzēst",
    "copyStyles": "Kopēt stilus",
    "pasteStyles": "Ielīmēt stilus",
-    "stroke": "Svītra",
-    "background": "Fons",
+    "stroke": "Svītras krāsa",
+    "background": "Fona krāsa",
    "fill": "Aizpildījums",
    "strokeWidth": "Svītras platums",
    "strokeStyle": "Svītras stils",
@@ -26,7 +26,7 @@
    "strokeStyle_dotted": "Punktota līnija",
    "sloppiness": "Precizitāte",
    "opacity": "Necaurspīdīgums",
-    "textAlign": "Teksta izkārtojums",
+    "textAlign": "Teksta līdzināšana",
    "edges": "Malas",
    "sharp": "Asas",
    "round": "Apaļas",
@@ -65,7 +65,7 @@
    "fileTitle": "Datnes nosaukums",
    "colorPicker": "Krāsu atlasītājs",
    "canvasBackground": "Ainas fons",
-    "drawingCanvas": "Zīmējuma laukums",
+    "drawingCanvas": "Tāfele",
    "layers": "Slāņi",
    "actions": "Darbības",
    "language": "Valoda",
@@ -102,7 +102,9 @@
    "showBackground": "Rādīt fona krāsas atlasītāju",
    "toggleTheme": "Pārslēgt krāsu tēmu",
    "personalLib": "Personīgā bibliotēka",
-    "excalidrawLib": "Excalidraw bibliotēka"
+    "excalidrawLib": "Excalidraw bibliotēka",
+    "decreaseFontSize": "Samazināt fonta izmēru",
+    "increaseFontSize": "Palielināt fonta izmēru"
  },
  "buttons": {
    "clearReset": "Atiestatīt tāfeli",
@@ -114,7 +116,7 @@
    "copyToClipboard": "Kopēt starpliktuvē",
    "copyPngToClipboard": "Kopēt PNG starpliktuvē",
    "scale": "Mērogs",
-    "save": "Saglabāt pašreizējo failu",
+    "save": "Saglabāt pašreizējo datni",
    "saveAs": "Saglabāt kā",
    "load": "Ielādēt",
    "getShareableLink": "Iegūt kopīgošanas saiti",
@@ -123,7 +125,7 @@
    "scrollBackToContent": "Atgriezties pie satura",
    "zoomIn": "Tuvināt",
    "zoomOut": "Tālināt",
-    "resetZoom": "Atiestatīt mērogu",
+    "resetZoom": "Atiestatīt tuvinājumu",
    "menu": "Izvēlne",
    "done": "Gatavs",
    "edit": "Rediģēt",
@@ -147,7 +149,7 @@
    "clearReset": "Šī funkcija notīrīs visu tāfeli. Vai turpināt?",
    "couldNotCreateShareableLink": "Nevarēja izveidot kopīgojamo saiti.",
    "couldNotCreateShareableLinkTooBig": "Nevarēja izveidot kopīgojamo saiti – aina ir par lielu",
-    "couldNotLoadInvalidFile": "Nevarēja ielādēt nederīgu failu",
+    "couldNotLoadInvalidFile": "Nevarēja ielādēt nederīgu datni",
    "importBackendFailed": "Ielāde no krātuves neizdevās.",
    "cannotExportEmptyCanvas": "Nevar eksportēt tukšu zīmējumu.",
    "couldNotCopyToClipboard": "Neizdevās kopēt starpliktuvē. Mēģiniet vēlreiz, izmantojot pārlūku Chrome.",
@@ -160,16 +162,16 @@
    "errorRemovingFromLibrary": "Nevarēja izņemt vienumu no bibliotēkas",
    "confirmAddLibrary": "Šī funkcija pievienos {{numShapes}} formu(-as) jūsu bibliotēkai. Vai turpināt?",
    "imageDoesNotContainScene": "Šķiet, ka attēls nesatur ainas datus. Vai iespējojāt ainas iegulšanu, kad eksportējāt?",
-    "cannotRestoreFromImage": "Ainu nevarēja atgūt no attēla faila",
+    "cannotRestoreFromImage": "Ainu nevarēja atgūt no attēla datnes",
    "invalidSceneUrl": "Nevarēja importēt ainu no norādītā URL. Vai nu tas ir nederīgs, vai nesatur derīgus Excalidraw JSON datus.",
    "resetLibrary": "Šī funkcija iztukšos bibliotēku. Vai turpināt?",
    "removeItemsFromsLibrary": "Vai izņemt {{count}} vienumu(s) no bibliotēkas?",
    "invalidEncryptionKey": "Šifrēšanas atslēgai jābūt 22 simbolus garai. Tiešsaistes sadarbība ir izslēgta."
  },
  "errors": {
-    "unsupportedFileType": "Neatbalstīts faila veids.",
+    "unsupportedFileType": "Neatbalstīts datnes veids.",
    "imageInsertError": "Nevarēja ievietot attēlu. Mēģiniet vēlāk...",
-    "fileTooBig": "Fails ir par lielu. Lielākais atļautais izmērs ir {{maxSize}}.",
+    "fileTooBig": "Datne ir par lielu. Lielākais atļautais izmērs ir {{maxSize}}.",
    "svgImageInsertError": "Nevarēja ievietot SVG attēlu. Šķiet, ka SVG marķējums nav derīgs.",
    "invalidSVGString": "Nederīgs SVG."
  },
@@ -177,7 +179,7 @@
    "selection": "Atlase",
    "image": "Ievietot attēlu",
    "rectangle": "Taisnstūris",
-    "diamond": "Dimants",
+    "diamond": "Rombs",
    "ellipse": "Elipse",
    "arrow": "Bulta",
    "line": "Līnija",
@@ -199,15 +201,17 @@
    "text_selected": "Dubultklikšķiniet vai spiediet ievades taustiņu, lai rediģētu tekstu",
    "text_editing": "Spiediet iziešanas taustiņu vai CtrlOrCmd+ENTER, lai beigtu rediģēt",
    "linearElementMulti": "Klikšķiniet uz pēdējā punkta vai spiediet izejas vai ievades taustiņu, lai pabeigtu",
-    "lockAngle": "Varat ierobežot leņķi turot nospiestu SHIFT",
-    "resize": "Kad maināt izmēru, varat ierobežot proporcijas turot nospiestu SHIFT,\nvai arī ALT, lai mainītu izmēru ap centru",
-    "resizeImage": "Varat brīvi mainīt izmēru turot nospiestu SHIFT;\nturiet nospiestu ALT, lai mainītu izmēru ap centru",
-    "rotate": "Rotējot varat ierobežot leņķi turot nospiestu SHIFT",
+    "lockAngle": "Varat ierobežot leņķi, turot nospiestu SHIFT",
+    "resize": "Kad maināt izmēru, varat ierobežot proporcijas, turot nospiestu SHIFT,\nvai arī ALT, lai mainītu izmēru ap centru",
+    "resizeImage": "Varat brīvi mainīt izmēru, turot nospiestu SHIFT;\nturiet nospiestu ALT, lai mainītu izmēru ap centru",
+    "rotate": "Rotējot varat ierobežot leņķi, turot nospiestu SHIFT",
    "lineEditor_info": "Dubultklikšķiniet vai spiediet ievades taustiņu, lai rediģētu punktus",
-    "lineEditor_pointSelected": "Spiediet dzēšanas taustiņu, lai noņemtu punktu, – CtrlOrCmd+D, lai to kopētu, vai velciet, lai pārvietotu",
-    "lineEditor_nothingSelected": "Atlasiet punktu, lai to pārvietotu vai noņemtu; lai pievienotu jaunus punktus, turiet nospiestu Alt taustiņu",
+    "lineEditor_pointSelected": "Spiediet dzēšanas taustiņu, lai noņemtu punktus, – CtrlOrCmd+D, lai to kopētu, vai velciet, lai pārvietotu",
+    "lineEditor_nothingSelected": "Atlasiet punktu, lai labotu (turiet nospiestu SHIFT, lai atlasītu vairākus),\nvai turiet Alt un clikšķiniet, lai pievienotu jaunus punktus",
    "placeImage": "Klikšķiniet, lai novietotu attēlu, vai spiediet un velciet, lai iestatītu tā izmēru",
-    "publishLibrary": "Publicēt savu bibliotēku"
+    "publishLibrary": "Publicēt savu bibliotēku",
+    "bindTextToElement": "Spiediet ievades taustiņu, lai pievienotu tekstu",
+    "deepBoxSelect": "Turient nospiestu Ctrl vai Cmd, lai atlasītu dziļumā un lai nepieļautu objektu pavilkšanu"
  },
  "canvasError": {
    "cannotShowPreview": "Nevar rādīt priekšskatījumu",
@@ -242,8 +246,8 @@
  },
  "exportDialog": {
    "disk_title": "Saglabāt diskā",
-    "disk_details": "Eksportēt ainas datus failā, ko vēlāk varēsiet importēt.",
-    "disk_button": "Saglabāt failā",
+    "disk_details": "Eksportēt ainas datus datnē, ko vēlāk varēsiet importēt.",
+    "disk_button": "Saglabāt datnē",
    "link_title": "Kopīgošanas saite",
    "link_details": "Eksportēt kā tikai lasāmu saiti.",
    "link_button": "Eksportēt kā saiti",
@@ -254,6 +258,8 @@
  "helpDialog": {
    "blog": "Lasīt mūsu blogu",
    "click": "klikšķis",
+    "deepSelect": "Atlasīt dziļumā",
+    "deepBoxSelect": "Atlasīt dziļumā kastes ietvaros, un nepieļaut pavilkšanu",
    "curvedArrow": "Liekta bulta",
    "curvedLine": "Liekta līnija",
    "documentation": "Dokumentācija",
@@ -349,7 +355,7 @@
    "copyStyles": "Nokopēja stilus.",
    "copyToClipboard": "Nokopēja starpliktuvē.",
    "copyToClipboardAsPng": "Nokopēja {{exportSelection}} starpliktuvē kā PNG ({{exportColorScheme}})",
-    "fileSaved": "Fails saglabāts.",
+    "fileSaved": "Datne saglabāta.",
    "fileSavedToFilename": "Saglabāts kā {filename}",
    "canvas": "tāfeli",
    "selection": "atlasi"
@@ -102,7 +102,9 @@
    "showBackground": "",
    "toggleTheme": "",
    "personalLib": "",
-    "excalidrawLib": ""
+    "excalidrawLib": "",
+    "decreaseFontSize": "",
+    "increaseFontSize": ""
  },
  "buttons": {
    "clearReset": "ကားချပ်ရှင်းလင်း",
@@ -204,10 +206,12 @@
    "resizeImage": "",
    "rotate": "Shift ကိုနှိပ်ထားခြင်းဖြင့် ထောင့်အလိုက်လှည့်နိုင်သည်",
    "lineEditor_info": "အမှတ်များပြင်ဆင်သတ်မှတ်ရင် ကလစ်နှစ်ချက် (သို့) Enter ကိုနှိပ်ပါ",
-    "lineEditor_pointSelected": "အမှတ်များအား ဖျက်ရန် Delete နှင့် ပွားရန် Ctrl/Cmd + D သုံးပါ၊ ရွှေ့လိုပါက တရွတ်ဆွဲပါ",
-    "lineEditor_nothingSelected": "ရွှေ့လို (သို့) ဖယ်ရှားလိုသောအမှတ်ကိုရွေးပါ၊ Alt နှင့် ကလစ်တွဲနှိပ်၍လည်းအမှတ်အသစ်ထပ်ထည့်နိုင်သည်",
+    "lineEditor_pointSelected": "",
+    "lineEditor_nothingSelected": "",
    "placeImage": "",
-    "publishLibrary": ""
+    "publishLibrary": "",
+    "bindTextToElement": "",
+    "deepBoxSelect": ""
  },
  "canvasError": {
    "cannotShowPreview": "နမူနာမပြသနိုင်ပါ",
@@ -254,6 +258,8 @@
  "helpDialog": {
    "blog": "",
    "click": "",
+    "deepSelect": "",
+    "deepBoxSelect": "",
    "curvedArrow": "",
    "curvedLine": "",
    "documentation": "",
@@ -102,7 +102,9 @@
    "showBackground": "Vis fargevelger for bakgrunnsfarge",
    "toggleTheme": "Veksle tema",
    "personalLib": "Personlig bibliotek",
-    "excalidrawLib": "Excalidraw-bibliotek"
+    "excalidrawLib": "Excalidraw-bibliotek",
+    "decreaseFontSize": "Reduser skriftstørrelse",
+    "increaseFontSize": "Øk skriftstørrelse"
  },
  "buttons": {
    "clearReset": "Tøm lerretet og tilbakestill bakgrunnsfargen",
@@ -205,9 +207,11 @@
    "rotate": "Du kan låse vinklene ved å holde SHIFT mens du roterer",
    "lineEditor_info": "Dobbeltklikk eller trykk Enter for å redigere punkter",
    "lineEditor_pointSelected": "Trykk på Slett for å fjerne punktet, Ctrl / Cmd+D for å duplisere, eller dra for å flytte",
-    "lineEditor_nothingSelected": "Velg et punkt å flytte eller fjerne, eller hold Alt og klikk for å legge til nye punkter",
+    "lineEditor_nothingSelected": "Velg et punkt å redigere (hold SHIFT for å velge flere),\neller hold Alt og klikk for å legge til nye punkter",
    "placeImage": "Klikk for å plassere bildet, eller klikk og dra for å angi størrelsen manuelt",
-    "publishLibrary": "Publiser ditt eget bibliotek"
+    "publishLibrary": "Publiser ditt eget bibliotek",
+    "bindTextToElement": "Trykk Enter for å legge til tekst",
+    "deepBoxSelect": "Hold CTRL/CMD for å markere dypt og forhindre flytting"
  },
  "canvasError": {
    "cannotShowPreview": "Kan ikke vise forhåndsvisning",
@@ -254,6 +258,8 @@
  "helpDialog": {
    "blog": "Les bloggen vår",
    "click": "klikk",
+    "deepSelect": "Marker dypt",
+    "deepBoxSelect": "Marker dypt innad i boks og forhindre flytting",
    "curvedArrow": "Buet pil",
    "curvedLine": "Buet linje",
    "documentation": "Dokumentasjon",
@@ -102,7 +102,9 @@
    "showBackground": "Toon achtergrondkleur kiezer",
    "toggleTheme": "Thema aan/uit",
    "personalLib": "Persoonlijke bibliotheek",
-    "excalidrawLib": "Excalidraw bibliotheek"
+    "excalidrawLib": "Excalidraw bibliotheek",
+    "decreaseFontSize": "",
+    "increaseFontSize": ""
  },
  "buttons": {
    "clearReset": "Canvas opnieuw instellen",
@@ -204,10 +206,12 @@
    "resizeImage": "",
    "rotate": "Je kan hoeken beperken door SHIFT ingedrukt te houden wanneer je draait",
    "lineEditor_info": "Dubbelklik of druk op Enter om punten te bewerken",
-    "lineEditor_pointSelected": "Druk op Delete om een punt te verwijderen, op CtrlOrCmd+D om te kopiëren, of sleeg om te verplaatsen",
-    "lineEditor_nothingSelected": "Selecteer een punt om te verplaatsen of te verwijderen, of houd Alt ingedrukt en klik om nieuwe punten toe te voegen",
+    "lineEditor_pointSelected": "",
+    "lineEditor_nothingSelected": "",
    "placeImage": "",
-    "publishLibrary": "Publiceer je eigen bibliotheek"
+    "publishLibrary": "Publiceer je eigen bibliotheek",
+    "bindTextToElement": "",
+    "deepBoxSelect": ""
  },
  "canvasError": {
    "cannotShowPreview": "Kan voorbeeld niet tonen",
@@ -254,6 +258,8 @@
  "helpDialog": {
    "blog": "Lees onze blog",
    "click": "klik",
+    "deepSelect": "",
+    "deepBoxSelect": "",
    "curvedArrow": "Gebogen pijl",
    "curvedLine": "Kromme lijn",
    "documentation": "Documentatie",
@@ -102,7 +102,9 @@
    "showBackground": "Vis fargeveljar for bakgrunn",
    "toggleTheme": "Veksle tema",
    "personalLib": "",
-    "excalidrawLib": ""
+    "excalidrawLib": "",
+    "decreaseFontSize": "",
+    "increaseFontSize": ""
  },
  "buttons": {
    "clearReset": "Tilbakestill lerretet",
@@ -204,10 +206,12 @@
    "resizeImage": "Du kan endre storleiken fritt ved å halde inne SHIFT,\nhald ALT for å endre storleik frå sentrum",
    "rotate": "Du kan låse vinklane ved å halde SHIFT medan du roterer",
    "lineEditor_info": "Dobbeltklikk eller trykk Enter for å redigere punkt",
-    "lineEditor_pointSelected": "Trykk på Slett for å fjerne punktet, CtrlOrCmd+D for å duplisere, eller dra for å flytte",
-    "lineEditor_nothingSelected": "Vel eit punkt å flytte eller fjerne, eller hald Alt og klikk for å legge til nye punkt",
+    "lineEditor_pointSelected": "",
+    "lineEditor_nothingSelected": "",
    "placeImage": "Klikk for å plassere biletet, eller klikk og drag for å velje storleik manuelt",
-    "publishLibrary": ""
+    "publishLibrary": "",
+    "bindTextToElement": "",
+    "deepBoxSelect": ""
  },
  "canvasError": {
    "cannotShowPreview": "Kan ikkje vise førehandsvising",
@@ -254,6 +258,8 @@
  "helpDialog": {
    "blog": "Les bloggen vår",
    "click": "klikk",
+    "deepSelect": "",
+    "deepBoxSelect": "",
    "curvedArrow": "Boga pil",
    "curvedLine": "Boga linje",
    "documentation": "Dokumentasjon",
@@ -102,7 +102,9 @@
    "showBackground": "Mostrar lo selector de color de fons",
    "toggleTheme": "Alternar tèma",
    "personalLib": "Bibliotèca personala",
-    "excalidrawLib": "Bibliotèca Excalidraw"
+    "excalidrawLib": "Bibliotèca Excalidraw",
+    "decreaseFontSize": "",
+    "increaseFontSize": ""
  },
  "buttons": {
    "clearReset": "Reïnicializar lo canabàs",
@@ -204,10 +206,12 @@
    "resizeImage": "Podètz retalhar liurament en quichant CTRL,\nquichatz ALT per retalhar a partir del centre",
    "rotate": "Podètz restrénger los angles en mantenent MAJ pendent la rotacion",
    "lineEditor_info": "Doble-clicatz o quichatz Entrada per modificar los punts",
-    "lineEditor_pointSelected": "Quichatz Suprimir per suprimir lo punt, Ctrl o Cmd+D per lo duplicar, o fasètz lisar per lo desplaçar",
-    "lineEditor_nothingSelected": "Seleccionatz un punt de desplaçar o suprimir, o mantenètz Alt e clicatz per apondre punts novèls",
+    "lineEditor_pointSelected": "Quichar Suprimir per tirar lo(s) punt(s),\nCtrlOCmd+D per duplicar, o lisatz per desplaçar",
+    "lineEditor_nothingSelected": "Seleccionar un punt d’editar (manténer Maj. per ne seleccionar mantun),\no manténer Alt e clicar per n’apondre de novèls",
    "placeImage": "Clicatz per plaçar l’imatge, o clicatz e lisatz per definir sa talha manualament",
-    "publishLibrary": "Publicar vòstra pròpria bibliotèca"
+    "publishLibrary": "Publicar vòstra pròpria bibliotèca",
+    "bindTextToElement": "",
+    "deepBoxSelect": ""
  },
  "canvasError": {
    "cannotShowPreview": "Afichatge impossible de l’apercebut",
@@ -254,6 +258,8 @@
  "helpDialog": {
    "blog": "Legir nòstre blog",
    "click": "clic",
+    "deepSelect": "",
+    "deepBoxSelect": "",
    "curvedArrow": "Sageta corba",
    "curvedLine": "Linha corba",
    "documentation": "Documentacion",
@@ -35,7 +35,7 @@
    "arrowhead_arrow": "ਤੀਰ",
    "arrowhead_bar": "ਡੰਡੀ",
    "arrowhead_dot": "ਬਿੰਦੀ",
-    "arrowhead_triangle": "",
+    "arrowhead_triangle": "ਤਿਕੋਣ",
    "fontSize": "ਫੌਂਟ ਅਕਾਰ",
    "fontFamily": "ਫੌਂਟ ਪਰਿਵਾਰ",
    "onlySelected": "ਸਿਰਫ ਚੁਣੇ ਹੋਏ ਹੀ",
@@ -101,8 +101,10 @@
    "showStroke": "ਰੇਖਾ ਦਾ ਰੰਗ ਚੋਣਕਾਰ ਦਿਖਾਓ",
    "showBackground": "ਬੈਕਗਰਾਉਂਡ ਦਾ ਰੰਗ ਚੋਣਕਾਰ ਦਿਖਾਓ",
    "toggleTheme": "ਥੀਮ ਬਦਲੋ",
-    "personalLib": "",
-    "excalidrawLib": ""
+    "personalLib": "ਨਿੱਜੀ ਲਾਇਬ੍ਰੇਰੀ",
+    "excalidrawLib": "ਐਕਸਕਲੀਡਰਾਅ ਲਾਇਬ੍ਰੇਰੀ",
+    "decreaseFontSize": "",
+    "increaseFontSize": ""
  },
  "buttons": {
    "clearReset": "ਕੈਨਵਸ ਰੀਸੈੱਟ ਕਰੋ",
@@ -136,12 +138,12 @@
    "lightMode": "ਲਾਇਟ ਮੋਡ",
    "zenMode": "ਜ਼ੈੱਨ ਮੋਡ",
    "exitZenMode": "ਜ਼ੈੱਨ ਮੋਡ 'ਚੋਂ ਬਾਹਰ ਨਿਕਲੋ",
-    "cancel": "",
-    "clear": "",
-    "remove": "",
-    "publishLibrary": "",
-    "submit": "",
-    "confirm": ""
+    "cancel": "ਰੱਦ ਕਰੋ",
+    "clear": "ਸਾਫ਼ ਕਰੋ",
+    "remove": "ਹਟਾਓ",
+    "publishLibrary": "ਪ੍ਰਕਾਸ਼ਤ ਕਰੋ",
+    "submit": "ਜਮ੍ਹਾ ਕਰਵਾਓ",
+    "confirm": "ਪੁਸ਼ਟੀ ਕਰੋ"
  },
  "alerts": {
    "clearReset": "ਇਹ ਸਾਰਾ ਕੈਨਵਸ ਸਾਫ ਕਰ ਦੇਵੇਗਾ। ਕੀ ਤੁਸੀਂ ਪੱਕਾ ਇੰਝ ਕਰਨਾ ਚਾਹੁੰਦੇ ਹੋ?",
@@ -171,11 +173,11 @@
    "imageInsertError": "",
    "fileTooBig": "",
    "svgImageInsertError": "",
-    "invalidSVGString": ""
+    "invalidSVGString": "SVG ਨਜਾਇਜ਼ ਹੈ।"
  },
  "toolBar": {
    "selection": "ਚੋਣਕਾਰ",
-    "image": "",
+    "image": "ਤਸਵੀਰ ਸ਼ਾਮਲ ਕਰੋ",
    "rectangle": "ਆਇਤ",
    "diamond": "ਹੀਰਾ",
    "ellipse": "ਅੰਡਾਕਾਰ",
@@ -204,10 +206,12 @@
    "resizeImage": "",
    "rotate": "ਤੁਸੀਂ ਘੁਮਾਉਂਦੇ ਹੋਏ SHIFT ਦਬਾਈ ਰੱਖ ਕੇ ਕੋਣਾਂ ਨੂੰ ਕਾਬੂ ਕਰ ਸਕਦੇ ਹੋ",
    "lineEditor_info": "ਬਿੰਦੂਆਂ ਨੂੰ ਸੋਧਣ ਲਈ ਡਬਲ-ਕਲਿੱਕ ਜਾਂ ਐਂਟਰ ਦਬਾਓ",
-    "lineEditor_pointSelected": "ਬਿੰਦੀ ਹਟਾਉਣ ਲਈ ਡਲੀਟ ਦਬਾਓ, ਡੁਪਲੀਕੇਟ ਬਣਾਉਣ ਲਈ CtrlOrCmd+D, ਜਾਂ ਹਿਲਾਉਣ ਲਈ ਘਸੀਟੋ",
-    "lineEditor_nothingSelected": "ਹਿਲਾਉਣ ਜਾਂ ਹਟਾਉਣ ਲਈ ਬਿੰਦੂ ਚੁਣੋ, ਜਾਂ ਨਵਾਂ ਬਿੰਦੂ ਜੋੜਨ ਲਈ Alt ਦਬਾਕੇ ਕਲਿੱਕ ਕਰੋ",
+    "lineEditor_pointSelected": "",
+    "lineEditor_nothingSelected": "",
    "placeImage": "",
-    "publishLibrary": ""
+    "publishLibrary": "",
+    "bindTextToElement": "",
+    "deepBoxSelect": ""
  },
  "canvasError": {
    "cannotShowPreview": "ਝਲਕ ਨਹੀਂ ਦਿਖਾ ਸਕਦੇ",
@@ -254,6 +258,8 @@
  "helpDialog": {
    "blog": "ਸਾਡਾ ਬਲੌਗ ਪੜ੍ਹੋ",
    "click": "ਕਲਿੱਕ",
+    "deepSelect": "",
+    "deepBoxSelect": "",
    "curvedArrow": "ਵਿੰਗਾ ਤੀਰ",
    "curvedLine": "ਵਿੰਗੀ ਲਕੀਰ",
    "documentation": "ਕਾਗਜ਼ਾਤ",
@@ -275,13 +281,13 @@
    "zoomToSelection": "ਚੋਣ ਤੱਕ ਜ਼ੂਮ ਕਰੋ"
  },
  "clearCanvasDialog": {
-    "title": ""
+    "title": "ਕੈਨਵਸ ਨੂੰ ਸਾਫ਼ ਕਰੋ"
  },
  "publishDialog": {
-    "title": "",
+    "title": "ਲਾਇਬ੍ਰੇਰੀ ਨੂੰ ਪ੍ਰਕਾਸ਼ਤ ਕਰੋ",
    "itemName": "",
-    "authorName": "",
-    "githubUsername": "",
+    "authorName": "ਲੇਖਕ ਦਾ ਨਾਂ",
+    "githubUsername": "ਗਿੱਟਹੱਬ ਵਰਤੋਂਕਾਰ ਨਾਂ",
    "twitterUsername": "",
    "libraryName": "",
    "libraryDesc": "",
@@ -295,8 +301,8 @@
      "website": ""
    },
    "errors": {
-      "required": "",
-      "website": ""
+      "required": "ਲੋੜੀਂਦਾ",
+      "website": "ਜਾਇਜ਼ URL ਭਰੋ"
    },
    "noteDescription": {
      "pre": "",
@@ -305,12 +311,12 @@
    },
    "noteGuidelines": {
      "pre": "",
-      "link": "",
+      "link": "ਦਿਸ਼ਾ ਨਿਰਦੇਸ਼",
      "post": ""
    },
    "noteLicense": {
      "pre": "",
-      "link": "",
+      "link": "MIT ਲਾਇਸੈਂਸ, ",
      "post": ""
    },
    "noteItems": "",
@@ -319,11 +325,11 @@
  "publishSuccessDialog": {
    "title": "",
    "content": "",
-    "link": ""
+    "link": "ਇੱਥੇ"
  },
  "confirmDialog": {
-    "resetLibrary": "",
-    "removeItemsFromLib": ""
+    "resetLibrary": "ਲਾਇਬ੍ਰੇਰੀ ਰੀਸੈੱਟ ਕਰੋ",
+    "removeItemsFromLib": "ਲਾਇਬ੍ਰੇਰੀ ਵਿੱਚੋਂ ਚੁਣੀਆਂ ਹੋਈਆਂ ਆਈਟਮਾਂ ਹਟਾਓ"
  },
  "encrypted": {
    "tooltip": "ਤੁਹਾਡੀ ਡਰਾਇੰਗਾਂ ਸਿਰੇ-ਤੋਂ-ਸਿਰੇ ਤੱਕ ਇਨਕਰਿਪਟ ਕੀਤੀਆਂ ਹੋਈਆਂ ਹਨ, ਇਸ ਲਈ Excalidraw ਦੇ ਸਰਵਰ ਉਹਨਾਂ ਨੂੰ ਕਦੇ ਵੀ ਨਹੀਂ ਦੇਖਣਗੇ।",
@@ -345,7 +351,7 @@
    "width": "ਚੌੜਾਈ"
  },
  "toast": {
-    "addedToLibrary": "",
+    "addedToLibrary": "ਲਾਇਬ੍ਰੇਰੀ ਵਿੱਚ ਜੋੜਿਆ",
    "copyStyles": "ਕਾਪੀ ਕੀਤੇ ਸਟਾਇਲ।",
    "copyToClipboard": "ਕਲਿੱਪਬੋਰਡ 'ਤੇ ਕਾਪੀ ਕੀਤਾ।",
    "copyToClipboardAsPng": "{{exportSelection}} ਨੂੰ ਕਲਿੱਪਬੋਰਡ 'ਤੇ PNG ਵਜੋਂ ਕਾਪੀ ਕੀਤਾ ({{exportColorScheme}})",
@@ -1,45 +1,47 @@
 {
-  "ar-SA": 86,
-  "bg-BG": 59,
+  "ar-SA": 88,
+  "bg-BG": 62,
  "bn-BD": 0,
-  "ca-ES": 78,
-  "cs-CZ": 25,
+  "ca-ES": 97,
+  "cs-CZ": 24,
  "da-DK": 17,
  "de-DE": 100,
  "el-GR": 88,
  "en": 100,
-  "es-ES": 88,
-  "fa-IR": 66,
-  "fi-FI": 100,
+  "es-ES": 86,
+  "eu-ES": 84,
+  "fa-IR": 64,
+  "fi-FI": 97,
  "fr-FR": 100,
-  "he-IL": 84,
-  "hi-IN": 58,
-  "hu-HU": 52,
+  "he-IL": 82,
+  "hi-IN": 56,
+  "hu-HU": 50,
  "id-ID": 100,
-  "it-IT": 100,
-  "ja-JP": 99,
-  "kab-KAB": 82,
-  "kk-KZ": 24,
-  "ko-KR": 58,
+  "it-IT": 98,
+  "ja-JP": 98,
+  "kab-KAB": 96,
+  "kk-KZ": 23,
+  "ko-KR": 57,
+  "lt-LT": 24,
  "lv-LV": 100,
-  "my-MM": 49,
+  "my-MM": 47,
  "nb-NO": 100,
-  "nl-NL": 93,
-  "nn-NO": 87,
-  "oc-FR": 99,
-  "pa-IN": 84,
-  "pl-PL": 97,
-  "pt-BR": 99,
-  "pt-PT": 87,
+  "nl-NL": 91,
+  "nn-NO": 85,
+  "oc-FR": 98,
+  "pa-IN": 88,
+  "pl-PL": 95,
+  "pt-BR": 100,
+  "pt-PT": 85,
  "ro-RO": 100,
-  "ru-RU": 86,
+  "ru-RU": 100,
  "si-LK": 9,
  "sk-SK": 99,
  "sv-SE": 99,
-  "ta-IN": 98,
-  "tr-TR": 78,
-  "uk-UA": 85,
-  "zh-CN": 92,
+  "ta-IN": 97,
+  "tr-TR": 86,
+  "uk-UA": 83,
+  "zh-CN": 100,
  "zh-HK": 29,
  "zh-TW": 100
 }
@@ -102,7 +102,9 @@
    "showBackground": "Pokaż próbnik koloru tła",
    "toggleTheme": "Przełącz motyw",
    "personalLib": "Biblioteka prywatna",
-    "excalidrawLib": "Biblioteka Excalidraw"
+    "excalidrawLib": "Biblioteka Excalidraw",
+    "decreaseFontSize": "",
+    "increaseFontSize": ""
  },
  "buttons": {
    "clearReset": "Wyczyść dokument i zresetuj kolor dokumentu",
@@ -204,10 +206,12 @@
    "resizeImage": "Możesz zmienić rozmiar swobodnie trzymając SHIFT,\nprzytrzymaj ALT, aby przeskalować względem środka obiektu",
    "rotate": "Możesz obracać element w równych odstępach trzymając wciśnięty SHIFT",
    "lineEditor_info": "Kliknij dwukrotnie lub naciśnij Enter, aby edytować punkty",
-    "lineEditor_pointSelected": "Naciśnij przycisk Usuń, aby usunąć punkt, Ctrl/Cmd+D, aby zduplikować, lub przeciągnij, aby przenieść",
-    "lineEditor_nothingSelected": "Naciśnij w punkt by go edytować, przytrzymaj Alt i naciśnij by dodać nowy punkt",
+    "lineEditor_pointSelected": "",
+    "lineEditor_nothingSelected": "",
    "placeImage": "Kliknij, aby umieścić obraz, lub kliknij i przeciągnij, aby ustawić jego rozmiar ręcznie",
-    "publishLibrary": "Opublikuj własną bibliotekę"
+    "publishLibrary": "Opublikuj własną bibliotekę",
+    "bindTextToElement": "",
+    "deepBoxSelect": ""
  },
  "canvasError": {
    "cannotShowPreview": "Nie można wyświetlić podglądu",
@@ -254,6 +258,8 @@
  "helpDialog": {
    "blog": "Przeczytaj na naszym blogu",
    "click": "kliknięcie",
+    "deepSelect": "",
+    "deepBoxSelect": "",
    "curvedArrow": "Zakrzywiona strzałka",
    "curvedLine": "Zakrzywiona linia",
    "documentation": "Dokumentacja",
@@ -102,7 +102,9 @@
    "showBackground": "Exibir seletor de cores do fundo",
    "toggleTheme": "Alternar tema",
    "personalLib": "Biblioteca Pessoal",
-    "excalidrawLib": "Biblioteca do Excalidraw"
+    "excalidrawLib": "Biblioteca do Excalidraw",
+    "decreaseFontSize": "Diminuir o tamanho da fonte",
+    "increaseFontSize": "Aumentar o tamanho da fonte"
  },
  "buttons": {
    "clearReset": "Limpar o canvas e redefinir a cor de fundo",
@@ -204,10 +206,12 @@
    "resizeImage": "Você pode redimensionar livremente segurando SHIFT,\nsegure ALT para redimensionar a partir do centro",
    "rotate": "Você pode restringir os ângulos segurando SHIFT enquanto gira",
    "lineEditor_info": "Clique duas vezes ou pressione Enter para editar os pontos",
-    "lineEditor_pointSelected": "Pressione Deletar para remover o ponto, CtrlOuCmd+D para duplicar ou arraste para mover",
-    "lineEditor_nothingSelected": "Selecione um ponto para mover ou remover, ou segure Alt e clique para adicionar novos pontos",
+    "lineEditor_pointSelected": "Pressione Delete para remover o(s) ponto(s),\nCtrl/Cmd+D para duplicar ou arraste para mover",
+    "lineEditor_nothingSelected": "Selecione um ponto para editar (segure SHIFT para selecionar vários) ou segure Alt e clique para adicionar novos pontos",
    "placeImage": "Clique para colocar a imagem, ou clique e arraste para definir manualmente o seu tamanho",
-    "publishLibrary": "Publicar sua própria biblioteca"
+    "publishLibrary": "Publicar sua própria biblioteca",
+    "bindTextToElement": "Pressione Enter para adicionar o texto",
+    "deepBoxSelect": "Segure Ctrl/Cmd para seleção profunda e para evitar arrastar"
  },
  "canvasError": {
    "cannotShowPreview": "Não é possível mostrar pré-visualização",
@@ -254,6 +258,8 @@
  "helpDialog": {
    "blog": "Leia o nosso blog",
    "click": "clicar",
+    "deepSelect": "Seleção profunda",
+    "deepBoxSelect": "Use a seleção profunda dentro da caixa para previnir arrastar",
    "curvedArrow": "Seta curva",
    "curvedLine": "Linha curva",
    "documentation": "Documentação",
@@ -290,13 +296,13 @@
      "authorName": "Seu nome ou nome de usuário",
      "libraryName": "Nome da sua biblioteca",
      "libraryDesc": "Descrição para ajudar as pessoas a entenderem o uso da sua da sua biblioteca",
-      "githubHandle": "",
+      "githubHandle": "Identificador do GitHub (opcional), para que você possa editar a biblioteca depois de enviar para revisão",
      "twitterHandle": "Nome de usuário do Twitter (opcional), para que saibamos quem deve ser creditado se promovermos no Twitter",
      "website": "Link para o seu site pessoal ou outro lugar (opcional)"
    },
    "errors": {
      "required": "Obrigatório",
-      "website": ""
+      "website": "Informe uma URL válida"
    },
    "noteDescription": {
      "pre": "Envie sua biblioteca para ser incluída no ",
@@ -102,7 +102,9 @@
    "showBackground": "Mostrar seletor de cores do fundo",
    "toggleTheme": "Alternar tema",
    "personalLib": "",
-    "excalidrawLib": ""
+    "excalidrawLib": "",
+    "decreaseFontSize": "",
+    "increaseFontSize": ""
  },
  "buttons": {
    "clearReset": "Limpar a área de desenho e redefinir a cor de fundo",
@@ -204,10 +206,12 @@
    "resizeImage": "Pode redimensionar livremente mantendo pressionada a tecla SHIFT,\nmantenha pressionada a tecla ALT para redimensionar do centro",
    "rotate": "Pode restringir os ângulos mantendo a tecla SHIFT premida enquanto roda",
    "lineEditor_info": "Clique duas vezes ou pressione a tecla Enter para editar os pontos",
-    "lineEditor_pointSelected": "Pressione a tecla Delete para remover o ponto, CtrlOuCmd+D para duplicar ou arraste para mover",
-    "lineEditor_nothingSelected": "Selecione um ponto para mover ou remover, ou mantenha premida a tecla Alt e clique para adicionar novos pontos",
+    "lineEditor_pointSelected": "",
+    "lineEditor_nothingSelected": "",
    "placeImage": "Clique para colocar a imagem ou clique e arraste para definir o seu tamanho manualmente",
-    "publishLibrary": ""
+    "publishLibrary": "",
+    "bindTextToElement": "",
+    "deepBoxSelect": ""
  },
  "canvasError": {
    "cannotShowPreview": "Não é possível mostrar uma pré-visualização",
@@ -254,6 +258,8 @@
  "helpDialog": {
    "blog": "Leia o nosso blogue",
    "click": "clicar",
+    "deepSelect": "",
+    "deepBoxSelect": "",
    "curvedArrow": "Seta curva",
    "curvedLine": "Linha curva",
    "documentation": "Documentação",
@@ -102,7 +102,9 @@
    "showBackground": "Afișare selector culoare fundal",
    "toggleTheme": "Comutare temă",
    "personalLib": "Biblioteca personală",
-    "excalidrawLib": "Biblioteca Excalidraw"
+    "excalidrawLib": "Biblioteca Excalidraw",
+    "decreaseFontSize": "Micșorează dimensiunea fontului",
+    "increaseFontSize": "Mărește dimensiunea fontului"
  },
  "buttons": {
    "clearReset": "Resetare pânză",
@@ -204,10 +206,12 @@
    "resizeImage": "Poți redimensiona liber ținând apăsată tasta SHIFT,\nține apăsată tasta ALT pentru a redimensiona din centru",
    "rotate": "Poți constrânge unghiurile, ținând apăsată tasta SHIFT în timp ce rotești",
    "lineEditor_info": "Dă dublu clic sau apasă tasta Enter pentru a edita punctele",
-    "lineEditor_pointSelected": "Apasă tasta Delete pentru a elimina punctul, combinația de taste Ctrl sau Cmd + D pentru a-l duplica sau glisează-l pentru a-i schimba poziția",
-    "lineEditor_nothingSelected": "Selectează un punct pentru a-l muta sau elimina sau ține apăsată tasta Alt și dă clic pentru a adăuga puncte noi",
+    "lineEditor_pointSelected": "Apasă tasta Delete pentru a elimina punctele,\ncombinația de taste Ctrl sau Cmd + D pentru a le duplica sau glisează-le pentru a le schimba poziția",
+    "lineEditor_nothingSelected": "Selectează un punct pentru a-l edita (ține apăsată tasta SHIFT pentru a selecta mai multe),\nsau ține apăsată tasta Alt și dă clic pentru a adăuga puncte noi",
    "placeImage": "Dă clic pentru a poziționa imaginea sau dă clic și glisează pentru a seta manual dimensiunea imaginii",
-    "publishLibrary": "Publică propria bibliotecă"
+    "publishLibrary": "Publică propria bibliotecă",
+    "bindTextToElement": "Apasă tasta Enter pentru a adăuga text",
+    "deepBoxSelect": "Ține apăsată tasta Ctrl sau Cmd pentru a efectua selectarea de adâncime și pentru a preveni glisarea"
  },
  "canvasError": {
    "cannotShowPreview": "Nu se poate afișa previzualizarea",
@@ -254,6 +258,8 @@
  "helpDialog": {
    "blog": "Citește blogul nostru",
    "click": "clic",
+    "deepSelect": "Selectare de adâncime",
+    "deepBoxSelect": "Selectare de adâncime în casetă și prevenire glisare",
    "curvedArrow": "Săgeată curbată",
    "curvedLine": "Linie curbată",
    "documentation": "Documentație",
@@ -2,7 +2,7 @@
  "labels": {
    "paste": "Вставить",
    "pasteCharts": "Вставить диаграммы",
-    "selectAll": "Выбрать все",
+    "selectAll": "Выбрать всё",
    "multiSelect": "Добавить элемент в выделенный фрагмент",
    "moveCanvas": "Переместить холст",
    "cut": "Вырезать",
@@ -101,8 +101,10 @@
    "showStroke": "Показать выбор цвета обводки",
    "showBackground": "Показать выбор цвета фона",
    "toggleTheme": "Переключить тему",
-    "personalLib": "",
-    "excalidrawLib": ""
+    "personalLib": "Личная библиотека",
+    "excalidrawLib": "Библиотека Excalidraw",
+    "decreaseFontSize": "Уменьшить шрифт",
+    "increaseFontSize": "Увеличить шрифт"
  },
  "buttons": {
    "clearReset": "Очистить холст и сбросить цвет фона",
@@ -138,9 +140,9 @@
    "exitZenMode": "Выключить режим концентрации внимания",
    "cancel": "Отменить",
    "clear": "Очистить",
-    "remove": "",
-    "publishLibrary": "",
-    "submit": "",
+    "remove": "Удалить",
+    "publishLibrary": "Опубликовать",
+    "submit": "Отправить",
    "confirm": "Подтвердить"
  },
  "alerts": {
@@ -156,22 +158,22 @@
    "loadSceneOverridePrompt": "Загрузка рисунка приведёт к замене имеющегося содержимого. Вы хотите продолжить?",
    "collabStopOverridePrompt": "Остановка сессии перезапишет ваш предыдущий, локально сохранённый рисунок. Вы уверены? \n\n(Если вы хотите оставить ваш локальный рисунок, просто закройте вкладку браузера)",
    "errorLoadingLibrary": "Произошла ошибка при загрузке сторонней библиотеки.",
-    "errorAddingToLibrary": "Не удалось добавить элемент в библиотеку",
-    "errorRemovingFromLibrary": "Не удалось удалить элемент из библиотеки",
+    "errorAddingToLibrary": "Не удалось добавить объект в библиотеку",
+    "errorRemovingFromLibrary": "Не удалось удалить объект из библиотеки",
    "confirmAddLibrary": "Будет добавлено {{numShapes}} фигур в вашу библиотеку. Продолжить?",
-    "imageDoesNotContainScene": "",
+    "imageDoesNotContainScene": "Это изображение не содержит данных сцены. Вы включили встраивание сцены во время экспорта?",
    "cannotRestoreFromImage": "Сцена не может быть восстановлена из этого изображения",
    "invalidSceneUrl": "Невозможно импортировать сцену с предоставленного URL. Неверный формат, или не содержит верных Excalidraw JSON данных.",
    "resetLibrary": "Это очистит вашу библиотеку. Вы уверены?",
-    "removeItemsFromsLibrary": "",
-    "invalidEncryptionKey": ""
+    "removeItemsFromsLibrary": "Удалить {{count}} объект(ов) из библиотеки?",
+    "invalidEncryptionKey": "Ключ шифрования должен состоять из 22 символов. Одновременное редактирование отключено."
  },
  "errors": {
    "unsupportedFileType": "Неподдерживаемый тип файла.",
-    "imageInsertError": "",
+    "imageInsertError": "Не удалось вставить изображение. Попробуйте позже...",
    "fileTooBig": "Очень большой файл. Максимально разрешенный размер {{maxSize}}.",
    "svgImageInsertError": "Не удалось вставить изображение SVG. Разметка SVG выглядит недействительной.",
-    "invalidSVGString": ""
+    "invalidSVGString": "Некорректный SVG."
  },
  "toolBar": {
    "selection": "Выделение области",
@@ -192,7 +194,7 @@
    "shapes": "Фигуры"
  },
  "hints": {
-    "canvasPanning": "",
+    "canvasPanning": "Чтобы перемещать холст, удерживайте колесо мыши или пробел во время перетаскивания",
    "linearElement": "Нажмите, чтобы начать несколько точек, перетащите для одной линии",
    "freeDraw": "Нажмите и перетаскивайте, отпустите по завершении",
    "text": "Совет: при выбранном инструменте выделения дважды щёлкните в любом месте, чтобы добавить текст",
@@ -201,13 +203,15 @@
    "linearElementMulti": "Кликните на последней точке или нажмите Escape или Enter чтобы закончить",
    "lockAngle": "Вы можете ограничить угол удерживая SHIFT",
    "resize": "Вы можете ограничить пропорции, удерживая SHIFT во время изменения размеров,\nудерживайте ALT чтобы изменить размер из центра",
-    "resizeImage": "",
+    "resizeImage": "Вы можете свободно изменять размеры, удерживая кнопку SHIFT,\nудерживайте кнопку ALT, чтобы изменять размер относительно центра",
    "rotate": "Вы можете ограничить углы, удерживая SHIFT во время вращения",
    "lineEditor_info": "Дважды кликните или нажмите Enter, чтобы редактировать точки",
-    "lineEditor_pointSelected": "Нажмите Delete для удаления точки, Ctrl или Cmd + D для дублирования, перетащите для перемещения",
-    "lineEditor_nothingSelected": "Выберите точку для перемещения или удаления. Alt + клик чтобы добавить новые точки",
-    "placeImage": "",
-    "publishLibrary": ""
+    "lineEditor_pointSelected": "Нажмите Delete для удаления точки (точек),\nCtrl+D или Cmd+D для дублирования, перетащите для перемещения",
+    "lineEditor_nothingSelected": "Выберите точку для редактирования (удерживайте SHIFT выбора нескольких точек),\nили удерживайте Alt и кликните для добавления новых точек",
+    "placeImage": "Щелкните, чтобы разместить изображение, или нажмите и перетащите, чтобы установить его размер вручную",
+    "publishLibrary": "Опубликовать свою собственную библиотеку",
+    "bindTextToElement": "Нажмите Enter для добавления текста",
+    "deepBoxSelect": "Удерживайте Ctrl или Cmd для глубокого выделения, чтобы предотвратить перетаскивание"
  },
  "canvasError": {
    "cannotShowPreview": "Не удается отобразить предпросмотр",
@@ -254,6 +258,8 @@
  "helpDialog": {
    "blog": "Прочитайте наш блог",
    "click": "нажать",
+    "deepSelect": "Глубокое выделение",
+    "deepBoxSelect": "Глубокое выделение рамкой, и предотвращение перетаскивания",
    "curvedArrow": "Изогнутая стрелка",
    "curvedLine": "Изогнутая линия",
    "documentation": "Документация",
@@ -275,55 +281,55 @@
    "zoomToSelection": "Увеличить до выделенного"
  },
  "clearCanvasDialog": {
-    "title": ""
+    "title": "Очистить холст"
  },
  "publishDialog": {
-    "title": "",
-    "itemName": "",
-    "authorName": "",
-    "githubUsername": "",
-    "twitterUsername": "",
-    "libraryName": "",
-    "libraryDesc": "",
-    "website": "",
+    "title": "Опубликовать библиотеку",
+    "itemName": "Название объекта",
+    "authorName": "Имя автора",
+    "githubUsername": "Имя пользователя GitHub",
+    "twitterUsername": "Имя пользователя в Twitter",
+    "libraryName": "Название библиотеки",
+    "libraryDesc": "Описание библиотеки",
+    "website": "Веб-сайт",
    "placeholder": {
-      "authorName": "",
-      "libraryName": "",
-      "libraryDesc": "",
-      "githubHandle": "",
-      "twitterHandle": "",
-      "website": ""
+      "authorName": "Ваше имя или имя пользователя",
+      "libraryName": "Название вашей библиотеки",
+      "libraryDesc": "Описание вашей библиотеки, которое поможет людям понять её назначение",
+      "githubHandle": "Имя пользователя GitHub (необязательно), чтобы вы смогли редактировать библиотеку после её отправки на проверку",
+      "twitterHandle": "Имя пользователя в Twitter (необязательно), чтобы мы знали, кого упомянуть при продвижении в Twitter",
+      "website": "Ссылка на ваш личный или какой-то другой сайт (необязательно)"
    },
    "errors": {
-      "required": "",
-      "website": ""
+      "required": "Обязательно",
+      "website": "Введите допустимый URL-адрес"
    },
    "noteDescription": {
-      "pre": "",
-      "link": "",
-      "post": ""
+      "pre": "Отправить вашу библиотеку для включения в ",
+      "link": "хранилище публичных библиотек",
+      "post": ", чтобы другие люди могли использовать объекты из вашей библиотеки в своих рисунках."
    },
    "noteGuidelines": {
-      "pre": "",
-      "link": "",
-      "post": ""
+      "pre": "Библиотека должна быть подтверждена вручную. Пожалуйста, прочтите ",
+      "link": "рекомендации",
+      "post": " перед отправкой. Вам понадобится учетная запись GitHub, чтобы общаться и вносить изменения при необходимости, но это не обязательно."
    },
    "noteLicense": {
-      "pre": "",
-      "link": "",
-      "post": ""
+      "pre": "Выполняя отправку, вы соглашаетесь с тем, что библиотека будет опубликована под ",
+      "link": "лицензией MIT, ",
+      "post": ", что, вкратце, означает, что каждый может использовать её без ограничений."
    },
-    "noteItems": "",
-    "atleastOneLibItem": ""
+    "noteItems": "Каждый объект в библиотеке должен иметь свое собственное имя, чтобы по нему можно было фильтровать. Следующие объекты библиотеки будут включены:",
+    "atleastOneLibItem": "Пожалуйста, выберите хотя бы один объект в библиотеке, чтобы начать"
  },
  "publishSuccessDialog": {
-    "title": "",
-    "content": "",
-    "link": ""
+    "title": "Библиотека отправлена",
+    "content": "Благодарим вас, {{authorName}}. Ваша библиотека была отправлена на проверку. Вы можете отслеживать статус",
+    "link": "здесь"
  },
  "confirmDialog": {
-    "resetLibrary": "",
-    "removeItemsFromLib": ""
+    "resetLibrary": "Сброс библиотеки",
+    "removeItemsFromLib": "Удалить выбранные объекты из библиотеки"
  },
  "encrypted": {
    "tooltip": "Ваши данные защищены сквозным (End-to-end) шифрованием. Серверы Excalidraw никогда не получат доступ к ним.",
@@ -345,7 +351,7 @@
    "width": "Ширина"
  },
  "toast": {
-    "addedToLibrary": "",
+    "addedToLibrary": "Добавлено в библиотеку",
    "copyStyles": "Скопированы стили.",
    "copyToClipboard": "Скопировано в буфер обмена.",
    "copyToClipboardAsPng": "{{exportSelection}} скопировано как PNG ({{exportColorScheme}})",
@@ -102,7 +102,9 @@
    "showBackground": "",
    "toggleTheme": "",
    "personalLib": "",
-    "excalidrawLib": ""
+    "excalidrawLib": "",
+    "decreaseFontSize": "",
+    "increaseFontSize": ""
  },
  "buttons": {
    "clearReset": "",
@@ -207,7 +209,9 @@
    "lineEditor_pointSelected": "",
    "lineEditor_nothingSelected": "",
    "placeImage": "",
-    "publishLibrary": ""
+    "publishLibrary": "",
+    "bindTextToElement": "",
+    "deepBoxSelect": ""
  },
  "canvasError": {
    "cannotShowPreview": "",
@@ -254,6 +258,8 @@
  "helpDialog": {
    "blog": "",
    "click": "",
+    "deepSelect": "",
+    "deepBoxSelect": "",
    "curvedArrow": "",
    "curvedLine": "",
    "documentation": "",
@@ -102,7 +102,9 @@
    "showBackground": "Zobraziť výber farby pre pozadie",
    "toggleTheme": "Prepnúť tému",
    "personalLib": "Moja knižnica",
-    "excalidrawLib": "Excalidraw knižnica"
+    "excalidrawLib": "Excalidraw knižnica",
+    "decreaseFontSize": "",
+    "increaseFontSize": ""
  },
  "buttons": {
    "clearReset": "Obnoviť plátno",
@@ -192,7 +194,7 @@
    "shapes": "Tvary"
  },
  "hints": {
-    "canvasPanning": "Pre pohyb plátna podržte koliesko myši ale medzerník počas ťahania",
+    "canvasPanning": "Pre pohyb plátna podržte koliesko myši alebo medzerník počas ťahania",
    "linearElement": "Kliknite na vloženie viacerých bodov, potiahnite na vytvorenie jednej priamky",
    "freeDraw": "Kliknite a ťahajte, pustite na ukončenie",
    "text": "Tip: text môžete pridať aj dvojklikom kdekoľvek, ak je zvolený nástroj výber",
@@ -204,10 +206,12 @@
    "resizeImage": "Podržte SHIFT pre voľnú zmenu veľkosti, podržte ALT pre zmenu veľkosti od stredu",
    "rotate": "Počas rotácie obmedzíte uhol podržaním SHIFT",
    "lineEditor_info": "Použite dvojklik alebo stlačte Enter na editáciu bodov",
-    "lineEditor_pointSelected": "Stačte Delete na vymazanie bodu, CtrlOrCmd+D na jeho duplikovanie, alebo potiahnite na jeho presunutie",
-    "lineEditor_nothingSelected": "Zvoľte bod na jeho presunutie alebo vymazanie, alebo podržte Alt a kliknite na pridanie nového bodu",
+    "lineEditor_pointSelected": "Stačte Delete na vymazanie bodu (bodov), CtrlOrCmd+D na duplikovanie, alebo potiahnite na presunutie",
+    "lineEditor_nothingSelected": "Zvoľte bod na upravovanie (podržte SHIFT pre zvolenie viacerých bodov) alebo podržte Alt a kliknite na pridanie nového bodu",
    "placeImage": "Kliknite pre umiestnenie obrázka alebo kliknite a ťahajte pre zmenu jeho veľkosti",
-    "publishLibrary": "Uverejniť vašu knižnicu"
+    "publishLibrary": "Uverejniť vašu knižnicu",
+    "bindTextToElement": "Stlačte enter na pridanie textu",
+    "deepBoxSelect": "Podržte CtrlOrCmd na výber v skupine alebo zamedzeniu poťiahnutia"
  },
  "canvasError": {
    "cannotShowPreview": "Nie je možné zobraziť náhľad plátna",
@@ -254,6 +258,8 @@
  "helpDialog": {
    "blog": "Prečítajte si náš blog",
    "click": "kliknutie",
+    "deepSelect": "Výber v skupine",
+    "deepBoxSelect": "Výber v skupine alebo zamedzenie poťiahnutia",
    "curvedArrow": "Zakrivená šípka",
    "curvedLine": "Zakrivená čiara",
    "documentation": "Dokumentácia",
@@ -102,7 +102,9 @@
    "showBackground": "Visa färgväljare för bakgrundsfärg",
    "toggleTheme": "Växla tema",
    "personalLib": "Personligt bibliotek",
-    "excalidrawLib": "Excalidraw bibliotek"
+    "excalidrawLib": "Excalidraw bibliotek",
+    "decreaseFontSize": "",
+    "increaseFontSize": ""
  },
  "buttons": {
    "clearReset": "Återställ canvasen",
@@ -204,10 +206,12 @@
    "resizeImage": "Du kan ändra storlek fritt genom att hålla SHIFT,\nhåll ALT för att ändra storlek från mitten",
    "rotate": "Du kan begränsa vinklar genom att hålla SHIFT medan du roterar",
    "lineEditor_info": "Dubbelklicka eller tryck på Enter för att redigera punkter",
-    "lineEditor_pointSelected": "Tryck på Ta bort för att ta bort punkt, Ctrl + D eller Cmd + D för att duplicera, eller dra för att flytta",
-    "lineEditor_nothingSelected": "Välj en punkt att flytta eller ta bort, eller håll ned ALT och klicka för att lägga till nya punkter",
+    "lineEditor_pointSelected": "Tryck på Ta bort för att ta bort punkt(er), Ctrl + D eller Cmd + D för att duplicera, eller dra för att flytta",
+    "lineEditor_nothingSelected": "Välj en punkt att redigera (håll SHIFT för att välja flera),\neller håll ned Alt och klicka för att lägga till nya punkter",
    "placeImage": "Klicka för att placera bilden, eller klicka och dra för att ställa in dess storlek manuellt",
-    "publishLibrary": "Publicera ditt eget bibliotek"
+    "publishLibrary": "Publicera ditt eget bibliotek",
+    "bindTextToElement": "Tryck på Enter för att lägga till text",
+    "deepBoxSelect": "Håll Ctrl eller Cmd för att djupvälja, och för att förhindra att dra"
  },
  "canvasError": {
    "cannotShowPreview": "Kan inte visa förhandsgranskning",
@@ -254,6 +258,8 @@
  "helpDialog": {
    "blog": "Läs vår blogg",
    "click": "klicka",
+    "deepSelect": "Djupval",
+    "deepBoxSelect": "Djupval inom boxen, och förhindra att dra",
    "curvedArrow": "Böjd pil",
    "curvedLine": "Böjd linje",
    "documentation": "Dokumentation",
@@ -296,7 +302,7 @@
    },
    "errors": {
      "required": "Obligatoriskt",
-      "website": ""
+      "website": "Ange en giltig URL"
    },
    "noteDescription": {
      "pre": "Skicka ditt bibliotek för att inkluderas i ",
@@ -102,7 +102,9 @@
    "showBackground": "பின்னணி நிற எடுப்பானைக் காட்டு",
    "toggleTheme": "தோற்றத்தை நிலைமாற்று",
    "personalLib": "தனக்குரிய நூலகம்",
-    "excalidrawLib": "எக்ஸ்கேலிட்ரா நூலகம்"
+    "excalidrawLib": "எக்ஸ்கேலிட்ரா நூலகம்",
+    "decreaseFontSize": "",
+    "increaseFontSize": ""
  },
  "buttons": {
    "clearReset": "கித்தானை அகரமாக்கு",
@@ -204,15 +206,17 @@
    "resizeImage": "SHIFTஐ நீண்டழுத்தி கட்டற்று அளவுமாற்றலாம்,\nமையத்திலிருந்து அளவுமாற்ற ALTஐ நீண்டழுத்துக",
    "rotate": "",
    "lineEditor_info": "புள்ளிகளைத் திருத்த இரு-சொடுக்கு அ Enterஐ அழுத்து",
-    "lineEditor_pointSelected": "புள்ளியை நீக்க Deleteஐ அழுத்து, நகலாக்க CtrlOrCmd+D, அ நகர்த்த பிடித்திழு",
-    "lineEditor_nothingSelected": "நகர்த்தவோ நீக்கவோ புள்ளியைத் தேர், அ புதிய புள்ளிகளைச் சேர்க்க Altஐ அழுத்திப்பிடித்துச் சொடுக்கு",
+    "lineEditor_pointSelected": "புள்ளி(கள்)ஐ நீக்க Deleteஐ அழுத்து,\nநகலாக்க CtrlOrCmd+D, அ நகர்த்த பிடித்திழு",
+    "lineEditor_nothingSelected": "திருத்த புள்ளியைத் தேர்ந்தெடு (பலவற்றை தேர SHIFTஐ அழுத்திப்பிடி),\nஅ புதிய புள்ளிகளைச் சேர்க்க Altஐ அழுத்திப்பிடித்துச் சொடுக்கு",
    "placeImage": "படத்தை வைக்கச் சொடுக்கு, அ கைமுறையாக அளவு அமைக்க சொடுக்கி பிடித்திழு",
-    "publishLibrary": "உம் சொந்த நூலகத்தைப் பிரசுரி"
+    "publishLibrary": "உம் சொந்த நூலகத்தைப் பிரசுரி",
+    "bindTextToElement": "உரையைச் சேர்க்க enterஐ அழுத்து",
+    "deepBoxSelect": ""
  },
  "canvasError": {
    "cannotShowPreview": "முன்னோட்டம் காட்ட இயலவில்லை",
    "canvasTooBig": "கித்தான் மிகப்பெரிதாக இருக்கலாம்.",
-    "canvasTooBigTip": ""
+    "canvasTooBigTip": "துணுக்குதவி: தூரத்திலுள்ள உறுப்புகளைப் நெருக்கமாக நகர்த்தப்பார்."
  },
  "errorSplash": {
    "headingMain_pre": "பிழையைச் சந்தித்தீரா. முயலவும் ",
@@ -254,6 +258,8 @@
  "helpDialog": {
    "blog": "எமது வலைப்பூவை வாசி",
    "click": "சொடுக்கு",
+    "deepSelect": "ஆழ்ந்துத் தேர்",
+    "deepBoxSelect": "பெட்டியினுள் ஆழ்ந்துத் தேர், மற்றும் பிடித்திழுத்தலைத் தவிர்",
    "curvedArrow": "வளைந்த அம்பு",
    "curvedLine": "வளைந்த வரி",
    "documentation": "ஆவணமாக்கல்",
@@ -98,11 +98,13 @@
    "viewMode": "Görünüm modu",
    "toggleExportColorScheme": "Renk şemasını dışa aktar/aktarma",
    "share": "Paylaş",
-    "showStroke": "",
-    "showBackground": "",
+    "showStroke": "Kontur için renk seçiciyi göster",
+    "showBackground": "Arkaplan için renk seçiciyi göster",
    "toggleTheme": "Temayı etkinleştir/devre dışı bırak",
-    "personalLib": "",
-    "excalidrawLib": ""
+    "personalLib": "Kişisel Kitaplık",
+    "excalidrawLib": "Excalidraw Kitaplığı",
+    "decreaseFontSize": "",
+    "increaseFontSize": ""
  },
  "buttons": {
    "clearReset": "Tuvali sıfırla",
@@ -138,10 +140,10 @@
    "exitZenMode": "Zen modundan çık",
    "cancel": "İptal",
    "clear": "Temizle",
-    "remove": "",
-    "publishLibrary": "",
-    "submit": "",
-    "confirm": ""
+    "remove": "Kaldır",
+    "publishLibrary": "Yayınla",
+    "submit": "Gönder",
+    "confirm": "Onayla"
  },
  "alerts": {
    "clearReset": "Tuvalin tamamı temizlenecek. Emin misiniz?",
@@ -159,18 +161,18 @@
    "errorAddingToLibrary": "Öğe kütüphaneye eklenemedi",
    "errorRemovingFromLibrary": "Öğe kütüphaneden silinemedi",
    "confirmAddLibrary": "Bu, kitaplığınıza {{numShapes}} tane şekil ekleyecek. Emin misiniz?",
-    "imageDoesNotContainScene": "",
+    "imageDoesNotContainScene": "Bu görüntü herhangi bir sahne verisi içermiyor gibi görünüyor. Dışa aktarma sırasında sahne yerleştirmeyi etkinleştirdiniz mi?",
    "cannotRestoreFromImage": "Sahne bu dosyadan oluşturulamıyor",
    "invalidSceneUrl": "Verilen URL'den çalışma alanı yüklenemedi. Dosya bozuk olabilir veya geçerli bir Excalidraw JSON verisi bulundurmuyor olabilir.",
    "resetLibrary": "Bu işlem kütüphanenizi sıfırlayacak. Emin misiniz?",
-    "removeItemsFromsLibrary": "",
+    "removeItemsFromsLibrary": "{{count}} öğe(ler) kitaplıktan kaldırılsın mı?",
    "invalidEncryptionKey": "Şifreleme anahtarı 22 karakter olmalı. Canlı işbirliği devre dışı bırakıldı."
  },
  "errors": {
    "unsupportedFileType": "Desteklenmeyen dosya türü.",
    "imageInsertError": "Görsel eklenemedi. Daha sonra tekrar deneyin...",
-    "fileTooBig": "",
-    "svgImageInsertError": "",
+    "fileTooBig": "Dosya çok büyük. İzin verilen maksimum boyut {{maxSize}}.",
+    "svgImageInsertError": "SVG resmi eklenemedi. SVG işaretlemesi geçersiz görünüyor.",
    "invalidSVGString": "Geçersiz SVG."
  },
  "toolBar": {
@@ -196,18 +198,20 @@
    "linearElement": "Birden fazla nokta için tıklayın, tek çizgi için sürükleyin",
    "freeDraw": "Tıkla ve sürükle, bitirdiğinde serbest bırak",
    "text": "İpucu: seçme aracıyla herhangi bir yere çift tıklayarak da yazı ekleyebilirsin",
-    "text_selected": "",
-    "text_editing": "",
+    "text_selected": "Metni düzenlemek için çift tıklayın veya ENTER'a basın",
+    "text_editing": "Düzenlemeyi bitirmek için ESC veya Ctrl/Cmd+ENTER tuşlarına basın",
    "linearElementMulti": "Tamamlamak için son noktayı seçin veya Escape ve Enter'dan birine basın",
    "lockAngle": "SHIFT tuşuna basılı tutarak açıyı koruyabilirsiniz",
    "resize": "Yeniden boyutlandırırken SHIFT'e basılı tutarak oranları kısıtlayabilirsiniz, merkezden yeniden boyutlandırmak için ALT'a basılı tutun",
-    "resizeImage": "",
+    "resizeImage": "SHIFT'e basılı tutarak serbestçe yeniden boyutlandırabilirsiniz, merkezden yeniden boyutlandırmak için ALT tuşunu basılı tutun",
    "rotate": "Döndürürken SHIFT tuşuna basılı tutarak açıları koruyabilirsiniz",
    "lineEditor_info": "Noktaları düzenlemek için çift-tıklayın veya Enter'a basın",
-    "lineEditor_pointSelected": "Noktayı silmek için Delete'e, kopyalamak için CtrlVeyaCmd+D'ye, veya hareket ettirmek için sürükleyin",
-    "lineEditor_nothingSelected": "Kaldırmak veya oynatmak için bir nokta seç, veya yeni noktalar eklemek için Alt'a basılı tut",
-    "placeImage": "",
-    "publishLibrary": ""
+    "lineEditor_pointSelected": "",
+    "lineEditor_nothingSelected": "",
+    "placeImage": "Resmi yerleştirmek için tıklayın ya da boyutunu manuel olarak ayarlamak için tıklayıp sürükleyin",
+    "publishLibrary": "Kendi kitaplığınızı yayınlayın",
+    "bindTextToElement": "",
+    "deepBoxSelect": ""
  },
  "canvasError": {
    "cannotShowPreview": "Önizleme gösterilemiyor",
@@ -242,33 +246,35 @@
  },
  "exportDialog": {
    "disk_title": "Belleğe kaydet",
-    "disk_details": "",
+    "disk_details": "Sahne verilerini daha sonra içe aktarabileceğiniz bir dosyaya aktarın.",
    "disk_button": "Dosyaya kaydet",
    "link_title": "Paylaşılabilir bağlantı",
-    "link_details": "",
+    "link_details": "Salt okunur bir bağlantı olarak dışa aktarın.",
    "link_button": "Bağlantı olarak dışa aktar",
-    "excalidrawplus_description": "",
+    "excalidrawplus_description": "Sahneyi Excalidraw+ çalışma alanınıza kaydedin.",
    "excalidrawplus_button": "Dışa aktar",
-    "excalidrawplus_exportError": ""
+    "excalidrawplus_exportError": "Şu anda Excalidraw+'a aktarılamadı..."
  },
  "helpDialog": {
    "blog": "Blog'umuzu okuyun",
    "click": "tıkla",
+    "deepSelect": "",
+    "deepBoxSelect": "",
    "curvedArrow": "Eğri ok",
    "curvedLine": "Eğri çizgi",
    "documentation": "Dokümantasyon",
-    "doubleClick": "",
+    "doubleClick": "çift-tıklama",
    "drag": "sürükle",
    "editor": "Düzenleyici",
-    "editSelectedShape": "",
+    "editSelectedShape": "Seçili şekli düzenle (metin/ok/çizgi)",
    "github": "Bir hata mı buldun? Bildir",
    "howto": "Rehberlerimizi takip edin",
    "or": "veya",
    "preventBinding": "Ok bağlamayı önleyin",
    "shapes": "Şekiller",
    "shortcuts": "Klavye kısayolları",
-    "textFinish": "",
-    "textNewLine": "",
+    "textFinish": "Düzenlemeyi bitir (metin düzenleyici)",
+    "textNewLine": "Yeni satır ekle (metin düzenleyici)",
    "title": "Yardım",
    "view": "Görünüm",
    "zoomToFit": "Tüm öğeleri sığdırmak için yakınlaştır",
@@ -278,18 +284,18 @@
    "title": "Tuvali temizle"
  },
  "publishDialog": {
-    "title": "",
-    "itemName": "",
-    "authorName": "",
-    "githubUsername": "",
-    "twitterUsername": "",
-    "libraryName": "",
-    "libraryDesc": "",
-    "website": "",
+    "title": "Kitaplığı yayınla",
+    "itemName": "Öğe adı",
+    "authorName": "Yazar adı",
+    "githubUsername": "GıtHub kullanıcı adı",
+    "twitterUsername": "Twitter kullanıcı adı",
+    "libraryName": "Kitaplık adı",
+    "libraryDesc": "Kitaplık açıklaması",
+    "website": "Web sitesi",
    "placeholder": {
-      "authorName": "",
-      "libraryName": "",
-      "libraryDesc": "",
+      "authorName": "Adınız ya da kullanıcı adınız",
+      "libraryName": "Kitaplığınızın adı",
+      "libraryDesc": "İnsanların kullanımını anlamasına yardımcı olmak için kitaplığınızın açıklaması",
      "githubHandle": "",
      "twitterHandle": "",
      "website": ""
@@ -102,7 +102,9 @@
    "showBackground": "Показати палітру для фону",
    "toggleTheme": "Перемкнути тему",
    "personalLib": "",
-    "excalidrawLib": ""
+    "excalidrawLib": "",
+    "decreaseFontSize": "",
+    "increaseFontSize": ""
  },
  "buttons": {
    "clearReset": "Очистити полотно",
@@ -204,10 +206,12 @@
    "resizeImage": "",
    "rotate": "Ви можете обмежити кути, утримуючи SHIFT під час обертання",
    "lineEditor_info": "Двічі клацніть або натисніть Enter щоб редагувати точки",
-    "lineEditor_pointSelected": "Натисніть Видалити, щоб видалити точку, CtrlOrCmd+D для дублювання, або перетягніть, щоб переміститися",
-    "lineEditor_nothingSelected": "Виберіть точку для переміщення чи видалення, або утримуйте Alt і натисніть, щоб додати нові точки",
+    "lineEditor_pointSelected": "",
+    "lineEditor_nothingSelected": "",
    "placeImage": "",
-    "publishLibrary": ""
+    "publishLibrary": "",
+    "bindTextToElement": "",
+    "deepBoxSelect": ""
  },
  "canvasError": {
    "cannotShowPreview": "Не вдається показати попередній перегляд",
@@ -254,6 +258,8 @@
  "helpDialog": {
    "blog": "Наш блог",
    "click": "натиснути",
+    "deepSelect": "",
+    "deepBoxSelect": "",
    "curvedArrow": "Крива стрілка",
    "curvedLine": "Крива лінія",
    "documentation": "Документація",
@@ -20,7 +20,7 @@
    "background": "背景",
    "fill": "填充",
    "strokeWidth": "描边宽度",
-    "strokeStyle": "描边样式",
+    "strokeStyle": "边框样式",
    "strokeStyle_solid": "实线",
    "strokeStyle_dashed": "虚线",
    "strokeStyle_dotted": "点虚线",
@@ -32,7 +32,7 @@
    "round": "圆润",
    "arrowheads": "端点",
    "arrowhead_none": "无",
-    "arrowhead_arrow": "线条箭头",
+    "arrowhead_arrow": "箭头",
    "arrowhead_bar": "条",
    "arrowhead_dot": "圆点",
    "arrowhead_triangle": "三角箭头",
@@ -79,10 +79,10 @@
    "ungroup": "取消组选",
    "collaborators": "协作者",
    "showGrid": "显示网格",
-    "addToLibrary": "添加到库中",
-    "removeFromLibrary": "从库中移除",
-    "libraryLoadingMessage": "正在加载库…",
-    "libraries": "浏览库",
+    "addToLibrary": "添加到素材库中",
+    "removeFromLibrary": "从素材库中移除",
+    "libraryLoadingMessage": "正在加载素材库…",
+    "libraries": "浏览素材库",
    "loadingScene": "正在加载绘图…",
    "align": "对齐",
    "alignTop": "顶部对齐",
@@ -101,8 +101,10 @@
    "showStroke": "显示描边颜色选择器",
    "showBackground": "显示背景颜色选择器",
    "toggleTheme": "切换主题",
-    "personalLib": "",
-    "excalidrawLib": ""
+    "personalLib": "个人素材库",
+    "excalidrawLib": "Excalidraw 素材库",
+    "decreaseFontSize": "缩小字体大小",
+    "increaseFontSize": "放大字体大小"
  },
  "buttons": {
    "clearReset": "重置画布",
@@ -129,7 +131,7 @@
    "edit": "编辑",
    "undo": "撤销",
    "redo": "重做",
-    "resetLibrary": "重置资源库",
+    "resetLibrary": "重置素材库",
    "createNewRoom": "新建会议室",
    "fullScreen": "全屏",
    "darkMode": "深色模式",
@@ -138,7 +140,7 @@
    "exitZenMode": "退出禅模式",
    "cancel": "取消",
    "clear": "清除",
-    "remove": "",
+    "remove": "删除",
    "publishLibrary": "发布",
    "submit": "提交",
    "confirm": "确定"
@@ -155,15 +157,15 @@
    "uploadedSecurly": "上传已被端到端加密保护，这意味着 Excalidraw 的服务器和第三方都无法读取内容。",
    "loadSceneOverridePrompt": "加载外部绘图将取代您现有的内容。您想要继续吗？",
    "collabStopOverridePrompt": "停止会话将覆盖您先前本地存储的绘图。 您确定吗？\n\n(如果您想保持本地绘图，只需关闭浏览器选项卡。)",
-    "errorLoadingLibrary": "加载第三方库时出错。",
-    "errorAddingToLibrary": "无法将项目添加到库中",
-    "errorRemovingFromLibrary": "无法从库中移除项目",
-    "confirmAddLibrary": "这将添加 {{numShapes}} 个形状到您的库。您确定吗？",
+    "errorLoadingLibrary": "加载第三方素材库时出错。",
+    "errorAddingToLibrary": "无法将项目添加到素材库中",
+    "errorRemovingFromLibrary": "无法从素材库中移除项目",
+    "confirmAddLibrary": "这将添加 {{numShapes}} 个形状到您的素材库中。您确定吗？",
    "imageDoesNotContainScene": "此图像似乎不包含任何画布数据。您是否在导出时启用了画布嵌入功能？",
    "cannotRestoreFromImage": "无法从此图像文件恢复画布",
    "invalidSceneUrl": "无法从提供的 URL 导入场景。它或者格式不正确，或者不包含有效的 Excalidraw JSON 数据。",
-    "resetLibrary": "这将会清除你的资源库。你确定这么做吗？",
-    "removeItemsFromsLibrary": "要从库中删除 {{count}} 个项目吗？",
+    "resetLibrary": "这将会清除你的素材库。你确定要这么做吗？",
+    "removeItemsFromsLibrary": "确定要从素材库中删除 {{count}} 个项目吗？",
    "invalidEncryptionKey": "密钥必须包含22个字符。实时协作已被禁用。"
  },
  "errors": {
@@ -183,7 +185,7 @@
    "line": "线条",
    "freedraw": "自由书写",
    "text": "文字",
-    "library": "库",
+    "library": "素材库",
    "lock": "绘制后保持所选的工具栏状态"
  },
  "headings": {
@@ -204,10 +206,12 @@
    "resizeImage": "按住SHIFT可以自由缩放，\n按住ALT可以从中间缩放",
    "rotate": "旋转时可以按住 Shift 来约束角度",
    "lineEditor_info": "双击或按回车键编辑",
-    "lineEditor_pointSelected": "按下 Delete 移除点，Ctrl 或 Cmd+D 以复制，或拖动以移动",
-    "lineEditor_nothingSelected": "选中要移动或移除的点，或按住 Alt 并点击添加新点",
+    "lineEditor_pointSelected": "按下 Delete 移除点，Ctrl 或 Cmd+D 以复制，拖动以移动",
+    "lineEditor_nothingSelected": "选择要编辑的点 (按住 SHIFT 选择多个)，\n或按住 Alt 并点击以添加新点",
    "placeImage": "点击放置图像，或者点击并拖动以手动设置图像大小",
-    "publishLibrary": ""
+    "publishLibrary": "发布您自己的素材库",
+    "bindTextToElement": "按下 Enter 以添加文本",
+    "deepBoxSelect": "按住 CtrlOrCmd 以深度选择，并避免拖拽"
  },
  "canvasError": {
    "cannotShowPreview": "无法显示预览",
@@ -254,6 +258,8 @@
  "helpDialog": {
    "blog": "浏览我们的博客",
    "click": "单击",
+    "deepSelect": "深度选择",
+    "deepBoxSelect": "在方框内深度选择并避免拖拽",
    "curvedArrow": "曲线箭头",
    "curvedLine": "曲线",
    "documentation": "文档",
@@ -278,52 +284,52 @@
    "title": "清除画布"
  },
  "publishDialog": {
-    "title": "",
+    "title": "发布素材库",
    "itemName": "项目名称",
    "authorName": "作者名",
    "githubUsername": "GitHub 用户名",
-    "twitterUsername": "",
+    "twitterUsername": "Twitter 用户名",
    "libraryName": "名称",
    "libraryDesc": "简介",
    "website": "网址",
    "placeholder": {
      "authorName": "您的名字或用户名",
-      "libraryName": "库的名称",
-      "libraryDesc": "介绍您的库，让人们了解其用途",
-      "githubHandle": "",
-      "twitterHandle": "",
+      "libraryName": "素材库名称",
+      "libraryDesc": "介绍您的素材库，让人们了解其用途",
+      "githubHandle": "GitHub 用户名（可选），填写后，您可以编辑已提交待审的素材库",
+      "twitterHandle": "Twitter 用户名（可选），填写后，当我们在Twitter发布推广信息时便可提及您",
      "website": "您个人网站的或任意的链接（可选）"
    },
    "errors": {
-      "required": "",
-      "website": ""
+      "required": "必填",
+      "website": "输入一个有效的URL"
    },
    "noteDescription": {
-      "pre": "",
-      "link": "",
-      "post": ""
+      "pre": "提交后，您的素材库将被包含在 ",
+      "link": "公共素材库广场",
+      "post": "以供其他人在绘图中使用。"
    },
    "noteGuidelines": {
-      "pre": "",
-      "link": "",
-      "post": ""
+      "pre": "提交的素材库需先经人工审核。在提交之前，请先阅读 ",
+      "link": "指南",
+      "post": " 后续沟通和对库的修改需要 GitHub 帐号，但这不是必须的。"
    },
    "noteLicense": {
-      "pre": "",
-      "link": "",
-      "post": ""
+      "pre": "提交即表明您已同意素材库将遵循 ",
+      "link": "MIT 许可证， ",
+      "post": "简而言之，任何人都可以不受限制地使用它们。"
    },
-    "noteItems": "",
-    "atleastOneLibItem": ""
+    "noteItems": "素材库中每个项目都有各自的名称以供筛选。以下项目将被包含：",
+    "atleastOneLibItem": "请选择至少一个素材库以开始"
  },
  "publishSuccessDialog": {
-    "title": "",
-    "content": "",
-    "link": ""
+    "title": "素材库已提交",
+    "content": "谢谢你 {{authorName}}。您的素材库已被提交审核。跟进此次提交的状态请点击",
+    "link": "此处"
  },
  "confirmDialog": {
-    "resetLibrary": "",
-    "removeItemsFromLib": "从库中删除选中的项目"
+    "resetLibrary": "重置素材库",
+    "removeItemsFromLib": "从素材库中删除选中的项目"
  },
  "encrypted": {
    "tooltip": "您的绘图采用的端到端加密，其内容对于Excalidraw服务器是不可见的。",
@@ -345,7 +351,7 @@
    "width": "宽度"
  },
  "toast": {
-    "addedToLibrary": "",
+    "addedToLibrary": "添加到素材库中",
    "copyStyles": "复制样式",
    "copyToClipboard": "已复制到剪切板。",
    "copyToClipboardAsPng": "已将 {{exportSelection}} 作为 PNG 复制到剪贴板\n({{exportColorScheme}})",
@@ -102,7 +102,9 @@
    "showBackground": "",
    "toggleTheme": "",
    "personalLib": "",
-    "excalidrawLib": ""
+    "excalidrawLib": "",
+    "decreaseFontSize": "",
+    "increaseFontSize": ""
  },
  "buttons": {
    "clearReset": "清空畫布",
@@ -207,7 +209,9 @@
    "lineEditor_pointSelected": "",
    "lineEditor_nothingSelected": "",
    "placeImage": "",
-    "publishLibrary": ""
+    "publishLibrary": "",
+    "bindTextToElement": "",
+    "deepBoxSelect": ""
  },
  "canvasError": {
    "cannotShowPreview": "無法顯示預覽",
@@ -254,6 +258,8 @@
  "helpDialog": {
    "blog": "",
    "click": "",
+    "deepSelect": "",
+    "deepBoxSelect": "",
    "curvedArrow": "",
    "curvedLine": "",
    "documentation": "",
@@ -102,7 +102,9 @@
    "showBackground": "顯示背景檢色器",
    "toggleTheme": "切換主題",
    "personalLib": "個人資料庫",
-    "excalidrawLib": "Excalidraw 資料庫"
+    "excalidrawLib": "Excalidraw 資料庫",
+    "decreaseFontSize": "縮小文字",
+    "increaseFontSize": "放大文字"
  },
  "buttons": {
    "clearReset": "重置 canvas",
@@ -205,9 +207,11 @@
    "rotate": "旋轉時按住 Shift 可限制旋轉角度",
    "lineEditor_info": "雙擊滑鼠左鍵或按 Enter 來編輯控制點",
    "lineEditor_pointSelected": "按下 Delete 可移除錨點；Ctrl 或 Cmd + D 可複製；或可拖曳來移動",
-    "lineEditor_nothingSelected": "點選想移動或刪除的控制點；或按住 Alt 再點擊以增加新控制點",
+    "lineEditor_nothingSelected": "選擇要編輯的錨點（按住 SHIFT 可多選），\n或按住 Alt 並點擊以增加新錨點。",
    "placeImage": "點擊以放置圖片，或點擊並拖曳以手動調整其尺寸。",
-    "publishLibrary": "發布個人資料庫"
+    "publishLibrary": "發布個人資料庫",
+    "bindTextToElement": "按下 Enter 以加入文字。",
+    "deepBoxSelect": "按住 Ctrl 或 Cmd 以深度選取並避免拖曳"
  },
  "canvasError": {
    "cannotShowPreview": "無法顯示預覽",
@@ -254,6 +258,8 @@
  "helpDialog": {
    "blog": "閱讀部落格",
    "click": "點擊",
+    "deepSelect": "深度選取",
+    "deepBoxSelect": "在容器內深度選取並避免拖曳",
    "curvedArrow": "曲箭頭",
    "curvedLine": "曲線",
    "documentation": "文件",
@@ -17,6 +17,10 @@ Please add the latest change on the top under the correct section.

 - [`exportToBlob`](https://github.com/excalidraw/excalidraw/blob/master/src/packages/excalidraw/README.md#exportToBlob) now automatically sets `appState.exportBackground` to `true` if exporting to `image/jpeg` MIME type (to ensure that alpha channel is not compressed to black color).

+## Excalidraw App Props
+
+- `handleLinkNavigation (url: string) => void`. If provided Excalidraw will call this function to open element hyperlinks.
+
 ### Features

 - Support updating library using [`updateScene`](https://github.com/excalidraw/excalidraw/blob/master/src/packages/excalidraw/README.md#updateScene) API [#4546](https://github.com/excalidraw/excalidraw/pull/4546).
@@ -68,6 +72,7 @@ Please add the latest change on the top under the correct section.

 ### Fixes

+- Reset `unmounted` state on the component once component mounts to fix the mounting/unmounting repeatedly when used with `useEffect` [#4682](https://github.com/excalidraw/excalidraw/pull/4682).
 - Panning the canvas using `mousewheel-drag` and `space-drag` now prevents the browser from scrolling the container/page [#4489](https://github.com/excalidraw/excalidraw/pull/4489).
 - Scope drag and drop events to Excalidraw container to prevent overriding host application drag and drop events.

@@ -405,6 +405,7 @@ For a complete list of variables, check [theme.scss](https://github.com/excalidr
 | [`onLibraryChange`](#onLibraryChange) | <pre>(items: <a href="https://github.com/excalidraw/excalidraw/blob/master/src/types.ts#L200">LibraryItems</a>) => void &#124; Promise&lt;any&gt; </pre> |  | The callback if supplied is triggered when the library is updated and receives the library items. |
 | [`autoFocus`](#autoFocus) | boolean | false | Implies whether to focus the Excalidraw component on page load |
 | [`generateIdForFile`](#generateIdForFile) | `(file: File) => string | Promise<string>` | Allows you to override `id` generation for files added on canvas |
+| [`handleLinkNavigation`](#handleLinkNavigation) | `(url: string) => void` | If provided Excalidraw will call this function to open element hyperlinks |

 ### Dimensions of Excalidraw

@@ -17,7 +17,7 @@ const Excalidraw = (props: ExcalidrawProps) => {
    initialData,
    excalidrawRef,
    onCollabButtonClick,
-    isCollaborating,
+    isCollaborating = false,
    onPointerUpdate,
    renderTopRightUI,
    renderFooter,
@@ -35,6 +35,7 @@ const Excalidraw = (props: ExcalidrawProps) => {
    onLibraryChange,
    autoFocus = false,
    generateIdForFile,
+    handleLinkNavigation,
  } = props;

  const canvasActions = props.UIOptions?.canvasActions;
@@ -96,6 +97,7 @@ const Excalidraw = (props: ExcalidrawProps) => {
        onLibraryChange={onLibraryChange}
        autoFocus={autoFocus}
        generateIdForFile={generateIdForFile}
+        handleLinkNavigation={handleLinkNavigation}
      />
    </InitializeApp>
  );
@@ -47,7 +47,7 @@
    "@babel/core": "7.16.7",
    "@babel/plugin-transform-arrow-functions": "7.16.7",
    "@babel/plugin-transform-async-to-generator": "7.16.0",
-    "@babel/plugin-transform-runtime": "7.16.4",
+    "@babel/plugin-transform-runtime": "7.16.8",
    "@babel/plugin-transform-typescript": "7.16.1",
    "@babel/preset-env": "7.16.7",
    "@babel/preset-react": "7.16.7",
@@ -66,7 +66,7 @@
    "webpack": "5.65.0",
    "webpack-bundle-analyzer": "4.5.0",
    "webpack-cli": "4.9.1",
-    "webpack-dev-server": "4.7.2",
+    "webpack-dev-server": "4.7.3",
    "webpack-merge": "5.8.0"
  },
  "bugs": "https://github.com/excalidraw/excalidraw/issues",
@@ -190,14 +190,7 @@
  dependencies:
    "@babel/types" "^7.16.7"

-"@babel/helper-module-imports@^7.12.13", "@babel/helper-module-imports@^7.16.0":
-  version "7.16.0"
-  resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.16.0.tgz#90538e60b672ecf1b448f5f4f5433d37e79a3ec3"
-  integrity sha512-kkH7sWzKPq0xt3H1n+ghb4xEMP8k0U7XV3kkB+ZGy69kDk2ySFW1qPi06sjKzFY3t1j6XbJSqr4mF9L7CYVyhg==
-  dependencies:
-    "@babel/types" "^7.16.0"
-
-"@babel/helper-module-imports@^7.16.7":
+"@babel/helper-module-imports@^7.12.13", "@babel/helper-module-imports@^7.16.0", "@babel/helper-module-imports@^7.16.7":
  version "7.16.7"
  resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.16.7.tgz#25612a8091a999704461c8a222d0efec5d091437"
  integrity sha512-LVtS6TqjJHFc+nYeITRo6VLXve70xmq7wPhWTqDJusJEgGmkAACWwMiTNrvfoQo6hEhFwAIixNkvB0jPXDL8Wg==
@@ -861,15 +854,15 @@
  dependencies:
    "@babel/helper-plugin-utils" "^7.16.7"

-"@babel/plugin-transform-runtime@7.16.4":
-  version "7.16.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.16.4.tgz#f9ba3c7034d429c581e1bd41b4952f3db3c2c7e8"
-  integrity sha512-pru6+yHANMTukMtEZGC4fs7XPwg35v8sj5CIEmE+gEkFljFiVJxEWxx/7ZDkTK+iZRYo1bFXBtfIN95+K3cJ5A==
+"@babel/plugin-transform-runtime@7.16.8":
+  version "7.16.8"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.16.8.tgz#3339368701103edae708f0fba9e4bfb70a3e5872"
+  integrity sha512-6Kg2XHPFnIarNweZxmzbgYnnWsXxkx9WQUVk2sksBRL80lBC1RAQV3wQagWxdCHiYHqPN+oenwNIuttlYgIbQQ==
  dependencies:
-    "@babel/helper-module-imports" "^7.16.0"
-    "@babel/helper-plugin-utils" "^7.14.5"
+    "@babel/helper-module-imports" "^7.16.7"
+    "@babel/helper-plugin-utils" "^7.16.7"
    babel-plugin-polyfill-corejs2 "^0.3.0"
-    babel-plugin-polyfill-corejs3 "^0.4.0"
+    babel-plugin-polyfill-corejs3 "^0.5.0"
    babel-plugin-polyfill-regenerator "^0.3.0"
    semver "^6.3.0"

@@ -1639,6 +1632,14 @@ babel-plugin-polyfill-corejs3@^0.4.0:
    "@babel/helper-define-polyfill-provider" "^0.3.0"
    core-js-compat "^3.18.0"

+babel-plugin-polyfill-corejs3@^0.5.0:
+  version "0.5.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.5.0.tgz#f81371be3fe499d39e074e272a1ef86533f3d268"
+  integrity sha512-Hcrgnmkf+4JTj73GbK3bBhlVPiLL47owUAnoJIf69Hakl3q+KfodbDXiZWGMM7iqCZTxCG3Z2VRfPNYES4rXqQ==
+  dependencies:
+    "@babel/helper-define-polyfill-provider" "^0.3.0"
+    core-js-compat "^3.20.0"
+
 babel-plugin-polyfill-regenerator@^0.3.0:
  version "0.3.0"
  resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.3.0.tgz#9ebbcd7186e1a33e21c5e20cae4e7983949533be"
@@ -2002,6 +2003,14 @@ core-js-compat@^3.18.0, core-js-compat@^3.19.1:
    browserslist "^4.17.6"
    semver "7.0.0"

+core-js-compat@^3.20.0:
+  version "3.20.2"
+  resolved "https://registry.yarnpkg.com/core-js-compat/-/core-js-compat-3.20.2.tgz#d1ff6936c7330959b46b2e08b122a8b14e26140b"
+  integrity sha512-qZEzVQ+5Qh6cROaTPFLNS4lkvQ6mBzE3R6A6EEpssj7Zr2egMHgsy4XapdifqJDGC9CBiNv7s+ejI96rLNQFdg==
+  dependencies:
+    browserslist "^4.19.1"
+    semver "7.0.0"
+
 core-js@^2.4.0:
  version "2.6.12"
  resolved "https://registry.yarnpkg.com/core-js/-/core-js-2.6.12.tgz#d9333dfa7b065e347cc5682219d6f690859cc2ec"
@@ -2410,9 +2419,9 @@ find-up@^4.0.0:
    path-exists "^4.0.0"

 follow-redirects@^1.0.0:
-  version "1.14.6"
-  resolved "https://registry.yarnpkg.com/follow-redirects/-/follow-redirects-1.14.6.tgz#8cfb281bbc035b3c067d6cd975b0f6ade6e855cd"
-  integrity sha512-fhUl5EwSJbbl8AR+uYL2KQDxLkdSjZGR36xy46AO7cOMTrCMON6Sa28FmAnC2tRTDbd/Uuzz3aJBv7EBN7JH8A==
+  version "1.14.7"
+  resolved "https://registry.yarnpkg.com/follow-redirects/-/follow-redirects-1.14.7.tgz#2004c02eb9436eee9a21446a6477debf17e81685"
+  integrity sha512-+hbxoLbFMbRKDwohX8GkTataGqO6Jb7jGwpAlwgy2bIz25XtRm7KEzJM76R1WiNT5SwZkX4Y75SwBolkpmE7iQ==

 forwarded@0.2.0:
  version "0.2.0"
@@ -3121,9 +3130,9 @@ multicast-dns@^6.0.1:
    thunky "^1.0.2"

 nanoid@^3.1.23:
-  version "3.1.23"
-  resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.1.23.tgz#f744086ce7c2bc47ee0a8472574d5c78e4183a81"
-  integrity sha512-FiB0kzdP0FFVGDKlRLEQ1BgDzU87dy5NnzjeW9YZNt+/c3+q82EQDUwniSAUxp/F0gFNI1ZhKU1FqYsMuqZVnw==
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.2.0.tgz#62667522da6673971cca916a6d3eff3f415ff80c"
+  integrity sha512-fmsZYa9lpn69Ad5eDn7FMcnnSR+8R34W9qJEijxYhTbfOWzr22n1QxCMzXLK+ODyW2973V3Fux959iQoUxzUIA==

 negotiator@0.6.2:
  version "0.6.2"
@@ -3135,10 +3144,10 @@ neo-async@^2.6.2:
  resolved "https://registry.yarnpkg.com/neo-async/-/neo-async-2.6.2.tgz#b4aafb93e3aeb2d8174ca53cf163ab7d7308305f"
  integrity sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==

-node-forge@^0.10.0:
-  version "0.10.0"
-  resolved "https://registry.yarnpkg.com/node-forge/-/node-forge-0.10.0.tgz#32dea2afb3e9926f02ee5ce8794902691a676bf3"
-  integrity sha512-PPmu8eEeG9saEUvI97fm4OYxXVB6bFvyNTyiUOBichBpFG8A1Ljw3bY62+5oOjDEMHRnd0Y7HQ+x7uzxOzC6JA==
+node-forge@^1.2.0:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/node-forge/-/node-forge-1.2.1.tgz#82794919071ef2eb5c509293325cec8afd0fd53c"
+  integrity sha512-Fcvtbb+zBcZXbTTVwqGA5W+MKBj56UjVRevvchv5XrcyXbmNdesfZL37nlcWOfpgHhgmxApw3tQbTr4CqNmX4w==

 node-releases@^2.0.1:
  version "2.0.1"
@@ -3670,12 +3679,12 @@ select-hose@^2.0.0:
  resolved "https://registry.yarnpkg.com/select-hose/-/select-hose-2.0.0.tgz#625d8658f865af43ec962bfc376a37359a4994ca"
  integrity sha1-Yl2GWPhlr0Psliv8N2o3NZpJlMo=

-selfsigned@^1.10.11:
-  version "1.10.11"
-  resolved "https://registry.yarnpkg.com/selfsigned/-/selfsigned-1.10.11.tgz#24929cd906fe0f44b6d01fb23999a739537acbe9"
-  integrity sha512-aVmbPOfViZqOZPgRBT0+3u4yZFHpmnIghLMlAcb5/xhp5ZtB/RVnKhz5vl2M32CLXAqR4kha9zfhNg0Lf/sxKA==
+selfsigned@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/selfsigned/-/selfsigned-2.0.0.tgz#e927cd5377cbb0a1075302cff8df1042cc2bce5b"
+  integrity sha512-cUdFiCbKoa1mZ6osuJs2uDHrs0k0oprsKveFiiaBKCNq3SYyb5gs2HxhQyDNLCmL51ZZThqi4YNDpCK6GOP1iQ==
  dependencies:
-    node-forge "^0.10.0"
+    node-forge "^1.2.0"

 semver@7.0.0:
  version "7.0.0"
@@ -4119,10 +4128,10 @@ webpack-dev-middleware@^5.3.0:
    range-parser "^1.2.1"
    schema-utils "^4.0.0"

-webpack-dev-server@4.7.2:
-  version "4.7.2"
-  resolved "https://registry.yarnpkg.com/webpack-dev-server/-/webpack-dev-server-4.7.2.tgz#324b79046491f2cf0b9d9e275381198c8246b380"
-  integrity sha512-s6yEOSfPpB6g1T2+C5ZOUt5cQOMhjI98IVmmvMNb5cdiqHoxSUfACISHqU/wZy+q4ar/A9jW0pbNj7sa50XRVA==
+webpack-dev-server@4.7.3:
+  version "4.7.3"
+  resolved "https://registry.yarnpkg.com/webpack-dev-server/-/webpack-dev-server-4.7.3.tgz#4e995b141ff51fa499906eebc7906f6925d0beaa"
+  integrity sha512-mlxq2AsIw2ag016nixkzUkdyOE8ST2GTy34uKSABp1c4nhjZvH90D5ZRR+UOLSsG4Z3TFahAi72a3ymRtfRm+Q==
  dependencies:
    "@types/bonjour" "^3.5.9"
    "@types/connect-history-api-fallback" "^1.3.5"
@@ -4146,7 +4155,7 @@ webpack-dev-server@4.7.2:
    p-retry "^4.5.0"
    portfinder "^1.0.28"
    schema-utils "^4.0.0"
-    selfsigned "^1.10.11"
+    selfsigned "^2.0.0"
    serve-index "^1.9.1"
    sockjs "^0.3.21"
    spdy "^4.0.2"
@@ -48,7 +48,7 @@
    "file-loader": "6.2.0",
    "sass-loader": "12.4.0",
    "ts-loader": "9.2.6",
-    "webpack": "5.65.0",
+    "webpack": "5.66.0",
    "webpack-bundle-analyzer": "4.5.0",
    "webpack-cli": "4.9.1"
  },
@@ -1760,10 +1760,10 @@ globals@^9.18.0:
  resolved "https://registry.yarnpkg.com/globals/-/globals-9.18.0.tgz#aa3896b3e69b487f17e31ed2143d69a8e30c2d8a"
  integrity sha512-S0nG3CLEQiY/ILxqtztTWH/3iRRdyBLw6KMDxnKMchrtbj2OFmehVh0WUCfW3DUrIgx/qFrJPICrq4Z4sTR9UQ==

-graceful-fs@^4.1.2, graceful-fs@^4.2.4:
-  version "4.2.6"
-  resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.6.tgz#ff040b2b0853b23c3d31027523706f1885d76bee"
-  integrity sha512-nTnJ528pbqxYanhpDYsi4Rd8MAeaBA67+RZ10CM1m3bTAVFEDcd5AuA4a6W5YkGZ1iNXHzZz8T6TBKLeBuNriQ==
+graceful-fs@^4.1.2, graceful-fs@^4.2.4, graceful-fs@^4.2.9:
+  version "4.2.9"
+  resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.9.tgz#041b05df45755e587a24942279b9d113146e1c96"
+  integrity sha512-NtNxqUcXgpW2iMrfqSfR73Glt39K+BLwWsPs94yR63v45T0Wbej7eRmL5cWfwEgqXnmjQp3zaJTshdRW/qC2ZQ==

 gzip-size@^6.0.0:
  version "6.0.0"
@@ -2045,9 +2045,9 @@ ms@2.1.2:
  integrity sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==

 nanoid@^3.1.23:
-  version "3.1.23"
-  resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.1.23.tgz#f744086ce7c2bc47ee0a8472574d5c78e4183a81"
-  integrity sha512-FiB0kzdP0FFVGDKlRLEQ1BgDzU87dy5NnzjeW9YZNt+/c3+q82EQDUwniSAUxp/F0gFNI1ZhKU1FqYsMuqZVnw==
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.2.0.tgz#62667522da6673971cca916a6d3eff3f415ff80c"
+  integrity sha512-fmsZYa9lpn69Ad5eDn7FMcnnSR+8R34W9qJEijxYhTbfOWzr22n1QxCMzXLK+ODyW2973V3Fux959iQoUxzUIA==

 neo-async@^2.6.2:
  version "2.6.2"
@@ -2611,10 +2611,10 @@ webpack-sources@^3.2.2:
  resolved "https://registry.yarnpkg.com/webpack-sources/-/webpack-sources-3.2.2.tgz#d88e3741833efec57c4c789b6010db9977545260"
  integrity sha512-cp5qdmHnu5T8wRg2G3vZZHoJPN14aqQ89SyQ11NpGH5zEMDCclt49rzo+MaRazk7/UeILhAI+/sEtcM+7Fr0nw==

-webpack@5.65.0:
-  version "5.65.0"
-  resolved "https://registry.yarnpkg.com/webpack/-/webpack-5.65.0.tgz#ed2891d9145ba1f0d318e4ea4f89c3fa18e6f9be"
-  integrity sha512-Q5or2o6EKs7+oKmJo7LaqZaMOlDWQse9Tm5l1WAfU/ujLGN5Pb0SqGeVkN/4bpPmEqEP5RnVhiqsOtWtUVwGRw==
+webpack@5.66.0:
+  version "5.66.0"
+  resolved "https://registry.yarnpkg.com/webpack/-/webpack-5.66.0.tgz#789bf36287f407fc92b3e2d6f978ddff1bfc2dbb"
+  integrity sha512-NJNtGT7IKpGzdW7Iwpn/09OXz9inIkeIQ/ibY6B+MdV1x6+uReqz/5z1L89ezWnpPDWpXF0TY5PCYKQdWVn8Vg==
  dependencies:
    "@types/eslint-scope" "^3.7.0"
    "@types/estree" "^0.0.50"
@@ -2630,7 +2630,7 @@ webpack@5.65.0:
    eslint-scope "5.1.1"
    events "^3.2.0"
    glob-to-regexp "^0.4.1"
-    graceful-fs "^4.2.4"
+    graceful-fs "^4.2.9"
    json-parse-better-errors "^1.0.2"
    loader-runner "^4.2.0"
    mime-types "^2.1.27"
@@ -145,6 +145,8 @@ const generateElementCanvas = (
  };
 };

+export const DEFAULT_LINK_SIZE = 14;
+
 const IMAGE_PLACEHOLDER_IMG = document.createElement("img");
 IMAGE_PLACEHOLDER_IMG.src = `data:${MIME_TYPES.svg},${encodeURIComponent(
  `<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="image" class="svg-inline--fa fa-image fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#888" d="M464 448H48c-26.51 0-48-21.49-48-48V112c0-26.51 21.49-48 48-48h416c26.51 0 48 21.49 48 48v288c0 26.51-21.49 48-48 48zM112 120c-30.928 0-56 25.072-56 56s25.072 56 56 56 56-25.072 56-56-25.072-56-56-56zM64 384h384V272l-87.515-87.515c-4.686-4.686-12.284-4.686-16.971 0L208 320l-55.515-55.515c-4.686-4.686-12.284-4.686-16.971 0L64 336v48z"></path></svg>`,
@@ -410,23 +412,23 @@ const generateElementShape = (
              topY + (rightY - topY) * 0.25
            } L ${rightX - (rightX - topX) * 0.25} ${
              rightY - (rightY - topY) * 0.25
-            } 
+            }
            C ${rightX} ${rightY}, ${rightX} ${rightY}, ${
              rightX - (rightX - bottomX) * 0.25
-            } ${rightY + (bottomY - rightY) * 0.25} 
+            } ${rightY + (bottomY - rightY) * 0.25}
            L ${bottomX + (rightX - bottomX) * 0.25} ${
              bottomY - (bottomY - rightY) * 0.25
-            }  
+            }
            C ${bottomX} ${bottomY}, ${bottomX} ${bottomY}, ${
              bottomX - (bottomX - leftX) * 0.25
-            } ${bottomY - (bottomY - leftY) * 0.25} 
+            } ${bottomY - (bottomY - leftY) * 0.25}
            L ${leftX + (bottomX - leftX) * 0.25} ${
              leftY + (bottomY - leftY) * 0.25
-            } 
+            }
            C ${leftX} ${leftY}, ${leftX} ${leftY}, ${
              leftX + (topX - leftX) * 0.25
-            } ${leftY - (leftY - topY) * 0.25} 
-            L ${topX - (topX - leftX) * 0.25} ${topY + (leftY - topY) * 0.25} 
+            } ${leftY - (leftY - topY) * 0.25}
+            L ${topX - (topX - leftX) * 0.25} ${topY + (leftY - topY) * 0.25}
            C ${topX} ${topY}, ${topX} ${topY}, ${
              topX + (rightX - topX) * 0.25
            } ${topY + (rightY - topY) * 0.25}`,
@@ -50,6 +50,10 @@ import {
 import { viewportCoordsToSceneCoords, supportsEmoji } from "../utils";
 import { UserIdleState } from "../types";
 import { THEME_FILTER } from "../constants";
+import {
+  EXTERNAL_LINK_IMG,
+  getLinkHandleFromCoords,
+} from "../element/Hyperlink";

 const hasEmojiSupport = supportsEmoji();

@@ -227,10 +231,7 @@ export const renderScene = (
  }

  // Apply zoom
-  const zoomTranslationX = renderConfig.zoom.translation.x;
-  const zoomTranslationY = renderConfig.zoom.translation.y;
  context.save();
-  context.translate(zoomTranslationX, zoomTranslationY);
  context.scale(renderConfig.zoom.value, renderConfig.zoom.value);

  // Grid
@@ -238,14 +239,10 @@ export const renderScene = (
    strokeGrid(
      context,
      appState.gridSize,
-      -Math.ceil(
-        zoomTranslationX / renderConfig.zoom.value / appState.gridSize,
-      ) *
+      -Math.ceil(renderConfig.zoom.value / appState.gridSize) *
        appState.gridSize +
        (renderConfig.scrollX % appState.gridSize),
-      -Math.ceil(
-        zoomTranslationY / renderConfig.zoom.value / appState.gridSize,
-      ) *
+      -Math.ceil(renderConfig.zoom.value / appState.gridSize) *
        appState.gridSize +
        (renderConfig.scrollY % appState.gridSize),
      normalizedCanvasWidth / renderConfig.zoom.value,
@@ -267,6 +264,9 @@ export const renderScene = (
  visibleElements.forEach((element) => {
    try {
      renderElement(element, rc, context, renderConfig);
+      if (!isExporting) {
+        renderLinkIcon(element, context, appState);
+      }
    } catch (error: any) {
      console.error(error);
    }
@@ -747,6 +747,61 @@ const renderBindingHighlightForSuggestedPointBinding = (
  });
 };

+let linkCanvasCache: any;
+const renderLinkIcon = (
+  element: NonDeletedExcalidrawElement,
+  context: CanvasRenderingContext2D,
+  appState: AppState,
+) => {
+  if (element.link && !appState.selectedElementIds[element.id]) {
+    const [x1, y1, x2, y2] = getElementAbsoluteCoords(element);
+    const [x, y, width, height] = getLinkHandleFromCoords(
+      [x1, y1, x2, y2],
+      element.angle,
+      appState,
+    );
+    const centerX = x + width / 2;
+    const centerY = y + height / 2;
+    context.save();
+    context.translate(appState.scrollX + centerX, appState.scrollY + centerY);
+    context.rotate(element.angle);
+
+    if (!linkCanvasCache || linkCanvasCache.zoom !== appState.zoom.value) {
+      linkCanvasCache = document.createElement("canvas");
+      linkCanvasCache.zoom = appState.zoom.value;
+      linkCanvasCache.width =
+        width * window.devicePixelRatio * appState.zoom.value;
+      linkCanvasCache.height =
+        height * window.devicePixelRatio * appState.zoom.value;
+      const linkCanvasCacheContext = linkCanvasCache.getContext("2d")!;
+      linkCanvasCacheContext.scale(
+        window.devicePixelRatio * appState.zoom.value,
+        window.devicePixelRatio * appState.zoom.value,
+      );
+      linkCanvasCacheContext.fillStyle = "#fff";
+      linkCanvasCacheContext.fillRect(0, 0, width, height);
+      linkCanvasCacheContext.drawImage(EXTERNAL_LINK_IMG, 0, 0, width, height);
+      linkCanvasCacheContext.restore();
+      context.drawImage(
+        linkCanvasCache,
+        x - centerX,
+        y - centerY,
+        width,
+        height,
+      );
+    } else {
+      context.drawImage(
+        linkCanvasCache,
+        x - centerX,
+        y - centerY,
+        width,
+        height,
+      );
+    }
+    context.restore();
+  }
+};
+
 const isVisibleElement = (
  element: ExcalidrawElement,
  canvasWidth: number,
@@ -18,4 +18,4 @@ export {
  hasText,
  getElementsAtPosition,
 } from "./comparisons";
-export { getNormalizedZoom, getNewZoom } from "./zoom";
+export { getNormalizedZoom } from "./zoom";
@@ -41,14 +41,8 @@ export const centerScrollOn = ({
  zoom: Zoom;
 }) => {
  return {
-    scrollX:
-      (viewportDimensions.width / 2) * (1 / zoom.value) -
-      scenePoint.x -
-      zoom.translation.x * (1 / zoom.value),
-    scrollY:
-      (viewportDimensions.height / 2) * (1 / zoom.value) -
-      scenePoint.y -
-      zoom.translation.y * (1 / zoom.value),
+    scrollX: (viewportDimensions.width / 2) * (1 / zoom.value) - scenePoint.x,
+    scrollY: (viewportDimensions.height / 2) * (1 / zoom.value) - scenePoint.y,
  };
 };

@@ -1,30 +1,41 @@
-import { NormalizedZoomValue, PointerCoords, Zoom } from "../types";
-
-export const getNewZoom = (
-  newZoomValue: NormalizedZoomValue,
-  prevZoom: Zoom,
-  canvasOffset: { left: number; top: number },
-  zoomOnViewportPoint: PointerCoords = { x: 0, y: 0 },
-): Zoom => {
-  return {
-    value: newZoomValue,
-    translation: {
-      x:
-        zoomOnViewportPoint.x -
-        canvasOffset.left -
-        (zoomOnViewportPoint.x - canvasOffset.left - prevZoom.translation.x) *
-          (newZoomValue / prevZoom.value),
-      y:
-        zoomOnViewportPoint.y -
-        canvasOffset.top -
-        (zoomOnViewportPoint.y - canvasOffset.top - prevZoom.translation.y) *
-          (newZoomValue / prevZoom.value),
-    },
-  };
-};
+import { AppState, NormalizedZoomValue } from "../types";

 export const getNormalizedZoom = (zoom: number): NormalizedZoomValue => {
  const normalizedZoom = parseFloat(zoom.toFixed(2));
  const clampedZoom = Math.max(0.1, Math.min(normalizedZoom, 30));
  return clampedZoom as NormalizedZoomValue;
 };
+
+export const getStateForZoom = (
+  {
+    viewportX,
+    viewportY,
+    nextZoom,
+  }: {
+    viewportX: number;
+    viewportY: number;
+    nextZoom: NormalizedZoomValue;
+  },
+  appState: AppState,
+) => {
+  const appLayerX = viewportX - appState.offsetLeft;
+  const appLayerY = viewportY - appState.offsetTop;
+
+  const currentZoom = appState.zoom.value;
+
+  // get original scroll position without zoom
+  const baseScrollX = appState.scrollX + (appLayerX - appLayerX / currentZoom);
+  const baseScrollY = appState.scrollY + (appLayerY - appLayerY / currentZoom);
+
+  // get scroll offsets for target zoom level
+  const zoomOffsetScrollX = -(appLayerX - appLayerX / nextZoom);
+  const zoomOffsetScrollY = -(appLayerY - appLayerY / nextZoom);
+
+  return {
+    scrollX: baseScrollX + zoomOffsetScrollX,
+    scrollY: baseScrollY + zoomOffsetScrollY,
+    zoom: {
+      value: nextZoom,
+    },
+  };
+};
@@ -15,6 +15,7 @@ Object {
  "id": "id0",
  "isDeleted": false,
  "lastCommittedPoint": null,
+  "link": null,
  "opacity": 100,
  "points": Array [
    Array [
@@ -56,6 +57,7 @@ Object {
  "height": 50,
  "id": "id0",
  "isDeleted": false,
+  "link": null,
  "opacity": 100,
  "roughness": 1,
  "seed": 337897,
@@ -85,6 +87,7 @@ Object {
  "height": 50,
  "id": "id0",
  "isDeleted": false,
+  "link": null,
  "opacity": 100,
  "roughness": 1,
  "seed": 337897,
@@ -115,6 +118,7 @@ Object {
  "id": "id0",
  "isDeleted": false,
  "lastCommittedPoint": null,
+  "link": null,
  "opacity": 100,
  "points": Array [
    Array [
@@ -156,6 +160,7 @@ Object {
  "height": 50,
  "id": "id0",
  "isDeleted": false,
+  "link": null,
  "opacity": 100,
  "roughness": 1,
  "seed": 337897,
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
Zsolt Viczian	e4b17e77f8	publish handleLinkNavigation to app props	2022-02-03 19:18:09 +01:00
David Luzar	de6371aac4	fix: link popup position not accounting for offsets (#4695 )	2022-02-03 17:00:00 +01:00
Aakansha Doshi	f47ddb988f	feat: Support hyperlinks 🔥 (#4620 ) * feat: Support hypelinks * dont show edit when link not present * auto submit on blur * Add link button in sidebar and do it react way * add key to hyperlink to remount when element selection changes * autofocus input * remove click handler and use pointerup/down to show /hide popup * add keydown and support enter/escape to submit * show extrrnal link icon when element has link * use icons and open link in new tab * dnt submit unless link updated * renamed ffiles * remove unnecessary changes * update snap * hide link popup once user starts interacting with element and show again only if clicked outside and clicked on element again * render link icon outside the element * fix hit testing * rewrite implementation to render hyperlinks outside elements and hide when element selected * remove * remove * tweak icon position and size * rotate link icon when element rotated, handle zooming and render exactly where ne resize handle is rendered * no need to create a new reference anymore for element when link added/updated * rotate the link image as well when rotating element * calculate hitbox of link icon and show pointer when hovering over link icon * open link when clicked on link icon * show tooltip when hovering over link icon * show link action only when single element selected * support other protocols * add shortcut cmd/ctrl+k to edit/update link * don't hide popup after submit * renderes decreased woo * Add context mneu label to add/edit link * fix tests * remove tick and show trash when in edit mode * show edit view when element contains link * fix snap * horizontally center the hyperlink container with respect to elemnt * fix padding * remove checkcircle * show popup on hover of selected element and dismiss when outside hitbox * check if element has link before setting popup state * move logic of auto hide to hyperlink and dnt hide when editing * hide popover when drag/resize/rotate * unmount during autohide * autohide after 500ms * fix regression * prevent cmd/ctrl+k when inside link editor * submit when input not updated * allow custom urls * fix centering of popup when zoomed * fix hitbox during zoom * fix * tweak link normalization * touch hyperlink tooltip DOM only if needed * consider 0 if no offsetY * reduce hitbox of link icon and make sure link icon doesn't show on top of higher z-index elements * show link tooltip only if element has higher z-index * dnt show hyperlink popup when selection changes from element with link to element with no link and also hide popover when element type changes from selection to something else * lint: EOL * fix link icon tooltip positioning * open the link only when last pointer down and last pointer up hit the link hitbox * render tooltip after 300ms delay * ensure link popup and editor input have same height * wip: cache the link icon canvas * fix the image quality after caching using device pixel ratio yay * some cleanup * remove unused selectedElementIds from renderConfig * Update src/renderer/renderElement.ts * fix `opener` vulnerability * tweak styling * decrease padding * open local links in the same tab * fix caching * code style refactor * remove unnecessary save & restore * show link shortcut in help dialog * submit on cmd/ctrl+k * merge state props * Add title for link * update editview if prop changes * tweak link action logic * make `Hyperlink` compo editor state fully controlled * dont show popup when context menu open * show in contextMenu only for single selection & change pos * set button `selected` state * set contextMenuOpen on pointerdown * set contextMenyOpen to false when action triggered * don't render link icons on export * fix tests * fix buttons wrap * move focus states to input top-level rule * fix elements sharing `Hyperlink` state * fix hitbox for link icon in case of rect * Early return if hitting link icon Co-authored-by: dwelle <luzar.david@gmail.com>	2022-02-03 20:34:59 +05:30
zsviczian	59cbf5fde5	fix: penMode darkmode style (#4692 )	2022-02-03 00:09:59 +01:00
zsviczian	4486fbc2c6	feat: Added penMode for palm rejection (#4657 ) Co-authored-by: dwelle <luzar.david@gmail.com>	2022-02-02 14:31:38 +01:00
Aakansha Doshi	edfbac9d7d	feat: support unbinding bound text (#4686 ) * feat: support unbinding text * fix unbound text * move the unbind option next to group action * use boundTextElement.id when unbinding * update original text so it takes same bounding box when unbind * Add spec * recompute measurements when unbinding	2022-02-01 20:11:24 +05:30
rulikrulit	719ae7b72f	fix: reset unmounted state for the component (#4682 ) * Reset unmounted state for the component * update changelog Co-authored-by: ad1992 <aakansha1216@gmail.com>	2022-02-01 16:32:22 +05:30
David Luzar	631a228ca1	fix: typing `_+` in wysiwyg not working (#4681 )	2022-01-31 14:29:42 +01:00
David Luzar	4b5270ab12	fix: keyboard-zooming in wysiwyg should zoom canvas (#4676 )	2022-01-31 10:43:03 +01:00
dwelle	dcee594b66	remove forgotten debug statements	2022-01-29 22:07:09 +01:00
David Luzar	79d323fab1	refactor: simplify zoom by removing `zoom.translation` (#4477 )	2022-01-29 21:12:44 +01:00
zsviczian	e4edda4555	fix: sceneCoordsToViewportCoords, jumping text when there is an offset (#4413 ) (#4630 ) Co-authored-by: Aakansha Doshi <aakansha1216@gmail.com> Co-authored-by: David Luzar <luzar.david@gmail.com> Co-authored-by: thxnder <tswwe@qq.com>	2022-01-29 14:27:03 +01:00
Aakansha Doshi	ca89d47d4c	feat: Sync local storage state across tabs when out of sync (#4545 ) Co-authored-by: dwelle <luzar.david@gmail.com>	2022-01-27 13:21:55 +01:00
Aakansha Doshi	18c526d877	feat: support contextMenuLabel to be of function type to support dynmaic labels (#4654 )	2022-01-27 17:47:23 +05:30
dependabot[bot]	cbc6bd1ad8	chore(deps): bump nanoid in /src/packages/excalidraw (#4628 ) Bumps [nanoid](https://github.com/ai/nanoid) from 3.1.23 to 3.2.0. - [Release notes](https://github.com/ai/nanoid/releases) - [Changelog](https://github.com/ai/nanoid/blob/main/CHANGELOG.md) - [Commits](https://github.com/ai/nanoid/compare/3.1.23...3.2.0) --- updated-dependencies: - dependency-name: nanoid dependency-type: indirect ... Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>	2022-01-26 14:46:28 +05:30
dependabot[bot]	83d9282dbf	chore(deps): bump nanoid from 3.1.23 to 3.2.0 in /src/packages/utils (#4629 ) Bumps [nanoid](https://github.com/ai/nanoid) from 3.1.23 to 3.2.0. - [Release notes](https://github.com/ai/nanoid/releases) - [Changelog](https://github.com/ai/nanoid/blob/main/CHANGELOG.md) - [Commits](https://github.com/ai/nanoid/compare/3.1.23...3.2.0) --- updated-dependencies: - dependency-name: nanoid dependency-type: indirect ... Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>	2022-01-26 14:46:03 +05:30
Aakansha Doshi	abff780983	perf: cache approx line height in textwysiwg (#4651 )	2022-01-25 17:01:12 +05:30
zsviczian	c009e03c8e	fix: Right-click object menu displays partially off-screen (#4572 ) (#4631 )	2022-01-23 17:28:38 +01:00
Aakansha Doshi	24bf4cb5fb	fix: support collaboration in bound text (#4573 ) * fix: support collaboration in bounded text * align implementation irrespective of collab/submit * don't wrap when submitted * fix * tests: exit editor via ESCAPE instead to remove async hacks * simplify and remove dead comment * remove mutating coords in submit since its taken care in updateWysiwygStyle Co-authored-by: dwelle <luzar.david@gmail.com>	2022-01-17 17:35:35 +05:30
dependabot[bot]	0850ab0dd0	chore(deps-dev): bump @babel/plugin-transform-runtime (#4577 ) Bumps [@babel/plugin-transform-runtime](https://github.com/babel/babel/tree/HEAD/packages/babel-plugin-transform-runtime) from 7.16.4 to 7.16.8. - [Release notes](https://github.com/babel/babel/releases) - [Changelog](https://github.com/babel/babel/blob/main/CHANGELOG.md) - [Commits](https://github.com/babel/babel/commits/v7.16.8/packages/babel-plugin-transform-runtime) --- updated-dependencies: - dependency-name: "@babel/plugin-transform-runtime" dependency-type: direct:development update-type: version-update:semver-patch ... Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>	2022-01-17 12:36:53 +05:30
dependabot[bot]	a7473169ba	chore(deps-dev): bump webpack-dev-server in /src/packages/excalidraw (#4595 ) Bumps [webpack-dev-server](https://github.com/webpack/webpack-dev-server) from 4.7.2 to 4.7.3. - [Release notes](https://github.com/webpack/webpack-dev-server/releases) - [Changelog](https://github.com/webpack/webpack-dev-server/blob/master/CHANGELOG.md) - [Commits](https://github.com/webpack/webpack-dev-server/compare/v4.7.2...v4.7.3) --- updated-dependencies: - dependency-name: webpack-dev-server dependency-type: direct:development update-type: version-update:semver-patch ... Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>	2022-01-17 12:36:40 +05:30
dependabot[bot]	f6325b1e5e	chore(deps-dev): bump webpack in /src/packages/utils (#4602 ) Bumps [webpack](https://github.com/webpack/webpack) from 5.65.0 to 5.66.0. - [Release notes](https://github.com/webpack/webpack/releases) - [Commits](https://github.com/webpack/webpack/compare/v5.65.0...v5.66.0) --- updated-dependencies: - dependency-name: webpack dependency-type: direct:development update-type: version-update:semver-minor ... Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>	2022-01-17 12:36:26 +05:30
dependabot[bot]	466220a3a8	chore(deps): bump nanoid from 3.1.30 to 3.1.32 (#4607 ) Bumps [nanoid](https://github.com/ai/nanoid) from 3.1.30 to 3.1.32. - [Release notes](https://github.com/ai/nanoid/releases) - [Changelog](https://github.com/ai/nanoid/blob/main/CHANGELOG.md) - [Commits](https://github.com/ai/nanoid/compare/3.1.30...3.1.32) --- updated-dependencies: - dependency-name: nanoid dependency-type: direct:production update-type: version-update:semver-patch ... Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>	2022-01-17 12:36:07 +05:30
dependabot[bot]	d9cc7d1033	chore(deps): bump follow-redirects from 1.14.6 to 1.14.7 in /src/packages/excalidraw (#4609 ) Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>	2022-01-16 10:31:04 +01:00
dependabot[bot]	c037e9854c	chore(deps): bump follow-redirects from 1.13.3 to 1.14.7 (#4593 ) Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>	2022-01-16 10:30:24 +01:00
Excalidraw Bot	9373961857	chore: Update translations from Crowdin (#4322 ) Co-authored-by: Panayiotis Lipiridis <lipiridis@gmail.com> Co-authored-by: dwelle <luzar.david@gmail.com>	2022-01-13 19:06:48 +00:00
David Luzar	1fd2fe56ee	fix: cmd/ctrl native browser behavior blocked in inputs (#4589 ) * fix: cmd/ctrl native browser behavior blocked in inputs * add basic test for fontSize increase/decrease via keyboard * add tests for fontSize resizing via keyboard outside wysiwyg * Update src/element/textWysiwyg.test.tsx Co-authored-by: Aakansha Doshi <aakansha1216@gmail.com> * Update src/tests/resize.test.tsx Co-authored-by: Aakansha Doshi <aakansha1216@gmail.com> * Update src/tests/resize.test.tsx Co-authored-by: Aakansha Doshi <aakansha1216@gmail.com> Co-authored-by: Aakansha Doshi <aakansha1216@gmail.com>	2022-01-13 19:53:22 +01:00
Aakansha Doshi	dba71e358d	fix: use cached width when calculating min width during resize (#4585 )	2022-01-13 21:35:38 +05:30