@excalidraw/excalidraw 0.14.2-dd4c333 → 0.14.2-f640ddc

package/types/actions/actionProperties.d.ts

@@ -20,7 +20,7 @@ export declare const actionChangeBackgroundColor: {
 export declare const actionChangeFillStyle: {
     name: "changeFillStyle";
     trackEvent: false;
-    perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, value: any) => {
+    perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, value: any, app: import("../../src/types").AppClassProperties) => {
         elements: ExcalidrawElement[];
         appState: {
             currentItemFillStyle: any;
@@ -31,7 +31,7 @@ export declare const actionChangeFillStyle: {
             } | null;
             showWelcomeScreen: boolean;
             isLoading: boolean;
-            errorMessage: string | null;
+            errorMessage: import("react").ReactNode;
             draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
             resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
             multiElement: import("../element/types").NonDeleted<ExcalidrawLinearElement> | null;
@@ -145,7 +145,7 @@ export declare const actionChangeStrokeWidth: {
             } | null;
             showWelcomeScreen: boolean;
             isLoading: boolean;
-            errorMessage: string | null;
+            errorMessage: import("react").ReactNode;
             draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
             resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
             multiElement: import("../element/types").NonDeleted<ExcalidrawLinearElement> | null;
@@ -259,7 +259,7 @@ export declare const actionChangeSloppiness: {
             } | null;
             showWelcomeScreen: boolean;
             isLoading: boolean;
-            errorMessage: string | null;
+            errorMessage: import("react").ReactNode;
             draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
             resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
             multiElement: import("../element/types").NonDeleted<ExcalidrawLinearElement> | null;
@@ -373,7 +373,7 @@ export declare const actionChangeStrokeStyle: {
             } | null;
             showWelcomeScreen: boolean;
             isLoading: boolean;
-            errorMessage: string | null;
+            errorMessage: import("react").ReactNode;
             draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
             resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
             multiElement: import("../element/types").NonDeleted<ExcalidrawLinearElement> | null;
@@ -487,7 +487,7 @@ export declare const actionChangeOpacity: {
             } | null;
             showWelcomeScreen: boolean;
             isLoading: boolean;
-            errorMessage: string | null;
+            errorMessage: import("react").ReactNode;
             draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
             resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
             multiElement: import("../element/types").NonDeleted<ExcalidrawLinearElement> | null;
@@ -601,7 +601,7 @@ export declare const actionChangeFontSize: {
             } | null;
             showWelcomeScreen: boolean;
             isLoading: boolean;
-            errorMessage: string | null;
+            errorMessage: import("react").ReactNode;
             draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
             resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
             multiElement: import("../element/types").NonDeleted<ExcalidrawLinearElement> | null;
@@ -715,7 +715,7 @@ export declare const actionDecreaseFontSize: {
             } | null;
             showWelcomeScreen: boolean;
             isLoading: boolean;
-            errorMessage: string | null;
+            errorMessage: import("react").ReactNode;
             draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
             resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
             multiElement: import("../element/types").NonDeleted<ExcalidrawLinearElement> | null;
@@ -829,7 +829,7 @@ export declare const actionIncreaseFontSize: {
             } | null;
             showWelcomeScreen: boolean;
             isLoading: boolean;
-            errorMessage: string | null;
+            errorMessage: import("react").ReactNode;
             draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
             resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
             multiElement: import("../element/types").NonDeleted<ExcalidrawLinearElement> | null;
@@ -943,7 +943,7 @@ export declare const actionChangeFontFamily: {
             } | null;
             showWelcomeScreen: boolean;
             isLoading: boolean;
-            errorMessage: string | null;
+            errorMessage: import("react").ReactNode;
             draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
             resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
             multiElement: import("../element/types").NonDeleted<ExcalidrawLinearElement> | null;
@@ -1057,7 +1057,7 @@ export declare const actionChangeTextAlign: {
             } | null;
             showWelcomeScreen: boolean;
             isLoading: boolean;
-            errorMessage: string | null;
+            errorMessage: import("react").ReactNode;
             draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
             resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
             multiElement: import("../element/types").NonDeleted<ExcalidrawLinearElement> | null;
@@ -1172,7 +1172,7 @@ export declare const actionChangeVerticalAlign: {
             } | null;
             showWelcomeScreen: boolean;
             isLoading: boolean;
-            errorMessage: string | null;
+            errorMessage: import("react").ReactNode;
             draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
             resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
             multiElement: import("../element/types").NonDeleted<ExcalidrawLinearElement> | null;
@@ -1287,7 +1287,7 @@ export declare const actionChangeRoundness: {
             } | null;
             showWelcomeScreen: boolean;
             isLoading: boolean;
-            errorMessage: string | null;
+            errorMessage: import("react").ReactNode;
             draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
             resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
             multiElement: import("../element/types").NonDeleted<ExcalidrawLinearElement> | null;
@@ -1403,7 +1403,7 @@ export declare const actionChangeArrowhead: {
             } | null;
             showWelcomeScreen: boolean;
             isLoading: boolean;
-            errorMessage: string | null;
+            errorMessage: import("react").ReactNode;
             draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
             resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
             multiElement: import("../element/types").NonDeleted<ExcalidrawLinearElement> | null;

package/types/actions/actionStyles.d.ts

@@ -17,7 +17,7 @@ export declare const actionCopyStyles: {
             } | null;
             showWelcomeScreen: boolean;
             isLoading: boolean;
-            errorMessage: string | null;
+            errorMessage: import("react").ReactNode;
             draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
             resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
             multiElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawLinearElement> | null;

package/types/actions/actionToggleGridMode.d.ts

@@ -17,7 +17,7 @@ export declare const actionToggleGridMode: {
             } | null;
             showWelcomeScreen: boolean;
             isLoading: boolean;
-            errorMessage: string | null;
+            errorMessage: import("react").ReactNode;
             draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
             resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
             multiElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawLinearElement> | null;

package/types/actions/actionToggleLock.d.ts

@@ -16,7 +16,7 @@ export declare const actionToggleLock: {
             } | null;
             showWelcomeScreen: boolean;
             isLoading: boolean;
-            errorMessage: string | null;
+            errorMessage: import("react").ReactNode;
             draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
             resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
             multiElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawLinearElement> | null;

package/types/actions/actionToggleStats.d.ts

@@ -15,7 +15,7 @@ export declare const actionToggleStats: {
             } | null;
             showWelcomeScreen: boolean;
             isLoading: boolean;
-            errorMessage: string | null;
+            errorMessage: import("react").ReactNode;
             draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
             resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
             multiElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawLinearElement> | null;

package/types/actions/actionToggleViewMode.d.ts

@@ -16,7 +16,7 @@ export declare const actionToggleViewMode: {
             } | null;
             showWelcomeScreen: boolean;
             isLoading: boolean;
-            errorMessage: string | null;
+            errorMessage: import("react").ReactNode;
             draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
             resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
             multiElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawLinearElement> | null;

package/types/actions/actionToggleZenMode.d.ts

@@ -16,7 +16,7 @@ export declare const actionToggleZenMode: {
             } | null;
             showWelcomeScreen: boolean;
             isLoading: boolean;
-            errorMessage: string | null;
+            errorMessage: import("react").ReactNode;
             draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
             resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
             multiElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawLinearElement> | null;

package/types/components/App.d.ts

@@ -93,7 +93,18 @@ declare class App extends React.Component<AppProps, AppState> {
     toggleLock: (source?: "keyboard" | "ui") => void;
     togglePenMode: () => void;
     onHandToolToggle: () => void;
-    scrollToContent: (target?: ExcalidrawElement | readonly ExcalidrawElement[]) => void;
+    /**
+     * Zooms on canvas viewport center
+     */
+    zoomCanvas: (value: number) => void;
+    private cancelInProgresAnimation;
+    scrollToContent: (target?: ExcalidrawElement | readonly ExcalidrawElement[], opts?: {
+        fitToContent?: boolean;
+        animate?: boolean;
+        duration?: number;
+    }) => void;
+    /** use when changing scrollX/scrollY/zoom based on user interaction */
+    private translateCanvas;
     setToast: (toast: {
         message: string;
         closable?: boolean;

package/types/components/BraveMeasureTextError.d.ts

@@ -0,0 +1,2 @@
+declare const BraveMeasureTextError: () => JSX.Element;
+export default BraveMeasureTextError;

package/types/components/ButtonIconSelect.d.ts

@@ -1,11 +1,19 @@
-export declare const ButtonIconSelect: <T extends Object>({ options, value, onChange, group, }: {
+export declare const ButtonIconSelect: <T extends Object>(props: {
     options: {
         value: T;
         text: string;
         icon: JSX.Element;
         testId?: string | undefined;
+        /** if not supplied, defaults to value identity check */
+        active?: boolean | undefined;
     }[];
     value: T | null;
-    onChange: (value: T) => void;
+    type?: "button" | "radio" | undefined;
+} & ({
+    type?: "radio" | undefined;
     group: string;
-}) => JSX.Element;
+    onChange: (value: T) => void;
+} | {
+    type: "button";
+    onClick: (value: T, event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+})) => JSX.Element;

package/types/components/ErrorDialog.d.ts

@@ -1,4 +1,5 @@
-export declare const ErrorDialog: ({ message, onClose, }: {
-    message: string;
+import React from "react";
+export declare const ErrorDialog: ({ children, onClose, }: {
+    children?: React.ReactNode;
     onClose?: (() => void) | undefined;
 }) => JSX.Element;

package/types/components/icons.d.ts

@@ -87,6 +87,7 @@ export declare const GroupIcon: React.MemoExoticComponent<({ theme }: {
 export declare const UngroupIcon: React.MemoExoticComponent<({ theme }: {
     theme: Theme;
 }) => JSX.Element>;
+export declare const FillZigZagIcon: JSX.Element;
 export declare const FillHachureIcon: JSX.Element;
 export declare const FillCrossHatchIcon: JSX.Element;
 export declare const FillSolidIcon: JSX.Element;

package/types/constants.d.ts

@@ -6,6 +6,7 @@ export declare const isAndroid: boolean;
 export declare const isFirefox: boolean;
 export declare const isChrome: boolean;
 export declare const isSafari: boolean;
+export declare const isBrave: () => boolean;
 export declare const APP_NAME = "Excalidraw";
 export declare const DRAGGING_THRESHOLD = 10;
 export declare const LINE_CONFIRM_THRESHOLD = 8;

package/types/element/Hyperlink.d.ts

@@ -25,7 +25,7 @@ export declare const actionLink: {
             } | null;
             showWelcomeScreen: boolean;
             isLoading: boolean;
-            errorMessage: string | null;
+            errorMessage: import("react").ReactNode;
             draggingElement: NonDeletedExcalidrawElement | null;
             resizingElement: NonDeletedExcalidrawElement | null;
             multiElement: import("./types").NonDeleted<import("./types").ExcalidrawLinearElement> | null;

package/types/element/linearElementEditor.d.ts

@@ -130,7 +130,7 @@ export declare class LinearElementEditor {
             } | null;
             showWelcomeScreen: boolean;
             isLoading: boolean;
-            errorMessage: string | null;
+            errorMessage: import("react").ReactNode;
             draggingElement: import("./types").NonDeletedExcalidrawElement | null;
             resizingElement: import("./types").NonDeletedExcalidrawElement | null;
             multiElement: NonDeleted<ExcalidrawLinearElement> | null;

package/types/element/newElement.d.ts

@@ -12,14 +12,16 @@ export declare const newTextElement: (opts: {
     textAlign: TextAlign;
     verticalAlign: VerticalAlign;
     containerId?: ExcalidrawTextContainer["id"];
+    lineHeight?: ExcalidrawTextElement["lineHeight"];
 } & ElementConstructorOpts) => NonDeleted<ExcalidrawTextElement>;
 export declare const refreshTextDimensions: (textElement: ExcalidrawTextElement, text?: string) => {
     x: number;
     y: number;
     width: number;
     height: number;
+    baseline: number;
     text: string;
-};
+} | undefined;
 export declare const updateTextElement: (textElement: ExcalidrawTextElement, { text, isDeleted, originalText, }: {
     text: string;
     isDeleted?: boolean | undefined;
@@ -42,7 +44,16 @@ export declare const newImageElement: (opts: {
     fileId?: ExcalidrawImageElement["fileId"];
     scale?: ExcalidrawImageElement["scale"];
 } & ElementConstructorOpts) => NonDeleted<ExcalidrawImageElement>;
-export declare const deepCopyElement: (val: any, depth?: number) => any;
+/**
+ * Clones ExcalidrawElement data structure. Does not regenerate id, nonce, or
+ * any value. The purpose is to to break object references for immutability
+ * reasons, whenever we want to keep the original element, but ensure it's not
+ * mutated.
+ *
+ * Only clones plain objects and arrays. Doesn't clone Date, RegExp, Map, Set,
+ * Typed arrays and other non-null objects.
+ */
+export declare const deepCopyElement: <T extends ExcalidrawElement>(val: T) => Mutable<T>;
 /**
  * Duplicate an element, often used in the alt-drag operation.
  * Note that this method has gotten a bit complicated since the
@@ -57,5 +68,14 @@ export declare const deepCopyElement: (val: any, depth?: number) => any;
  * @param element Element to duplicate
  * @param overrides Any element properties to override
  */
-export declare const duplicateElement: <TElement extends Mutable<ExcalidrawElement>>(editingGroupId: AppState["editingGroupId"], groupIdMapForOperation: Map<GroupId, GroupId>, element: TElement, overrides?: Partial<TElement> | undefined) => TElement;
+export declare const duplicateElement: <TElement extends ExcalidrawElement>(editingGroupId: AppState["editingGroupId"], groupIdMapForOperation: Map<GroupId, GroupId>, element: TElement, overrides?: Partial<TElement> | undefined) => Readonly<TElement>;
+/**
+ * Clones elements, regenerating their ids (including bindings) and group ids.
+ *
+ * If bindings don't exist in the elements array, they are removed. Therefore,
+ * it's advised to supply the whole elements array, or sets of elements that
+ * are encapsulated (such as library items), if the purpose is to retain
+ * bindings to the cloned elements intact.
+ */
+export declare const duplicateElements: (elements: readonly ExcalidrawElement[]) => ExcalidrawElement[];
 export {};

package/types/element/textElement.d.ts

@@ -1,25 +1,43 @@
-import { ExcalidrawElement, ExcalidrawTextContainer, ExcalidrawTextElement, ExcalidrawTextElementWithContainer, FontString, NonDeletedExcalidrawElement } from "./types";
+import { ExcalidrawElement, ExcalidrawTextContainer, ExcalidrawTextElement, ExcalidrawTextElementWithContainer, FontFamilyValues, FontString, NonDeletedExcalidrawElement } from "./types";
 import { MaybeTransformHandleType } from "./transformHandles";
 import { AppState } from "../types";
 import { ExtractSetType } from "../utility-types";
 export declare const normalizeText: (text: string) => string;
+export declare const splitIntoLines: (text: string) => string[];
 export declare const redrawTextBoundingBox: (textElement: ExcalidrawTextElement, container: ExcalidrawElement | null) => void;
 export declare const bindTextToShapeAfterDuplication: (sceneElements: ExcalidrawElement[], oldElements: ExcalidrawElement[], oldIdToDuplicatedId: Map<ExcalidrawElement["id"], ExcalidrawElement["id"]>) => void;
 export declare const handleBindTextResize: (container: NonDeletedExcalidrawElement, transformHandleType: MaybeTransformHandleType) => void;
-export declare const measureText: (text: string, font: FontString) => {
+export declare const computeBoundTextPosition: (container: ExcalidrawElement, boundTextElement: ExcalidrawTextElementWithContainer) => {
+    x: number;
+    y: number;
+};
+export declare const measureText: (text: string, font: FontString, lineHeight: ExcalidrawTextElement["lineHeight"]) => {
     width: number;
     height: number;
+    baseline: number;
 };
-export declare const getApproxLineHeight: (font: FontString) => number;
+export declare const measureBaseline: (text: string, font: FontString, lineHeight: ExcalidrawTextElement["lineHeight"], wrapInContainer?: boolean) => number;
+/**
+ * To get unitless line-height (if unknown) we can calculate it by dividing
+ * height-per-line by fontSize.
+ */
+export declare const detectLineHeight: (textElement: ExcalidrawTextElement) => number & {
+    _brand: "unitlessLineHeight";
+};
+/**
+ * We calculate the line height from the font size and the unitless line height,
+ * aligning with the W3C spec.
+ */
+export declare const getLineHeightInPx: (fontSize: ExcalidrawTextElement["fontSize"], lineHeight: ExcalidrawTextElement["lineHeight"]) => number;
+export declare const getApproxMinLineHeight: (fontSize: ExcalidrawTextElement["fontSize"], lineHeight: ExcalidrawTextElement["lineHeight"]) => number;
 export declare const getTextWidth: (text: string, font: FontString) => number;
-export declare const getTextHeight: (text: string, font: FontString) => number;
+export declare const getTextHeight: (text: string, fontSize: number, lineHeight: ExcalidrawTextElement["lineHeight"]) => number;
 export declare const wrapText: (text: string, font: FontString, maxWidth: number) => string;
 export declare const charWidth: {
     calculate: (char: string, font: FontString) => number;
     getCache: (font: FontString) => number[];
 };
-export declare const getApproxMinLineWidth: (font: FontString) => number;
-export declare const getApproxMinLineHeight: (font: FontString) => number;
+export declare const getApproxMinLineWidth: (font: FontString, lineHeight: ExcalidrawTextElement["lineHeight"]) => number;
 export declare const getMinCharWidth: (font: FontString) => number;
 export declare const getMaxCharWidth: (font: FontString) => number;
 export declare const getApproxCharsToFitInWidth: (font: FontString, width: number) => number;
@@ -47,10 +65,15 @@ export declare const getBoundTextElementPosition: (container: ExcalidrawElement,
     y: number;
 } | undefined;
 export declare const shouldAllowVerticalAlign: (selectedElements: NonDeletedExcalidrawElement[]) => boolean;
+export declare const suppportsHorizontalAlign: (selectedElements: NonDeletedExcalidrawElement[]) => boolean;
 export declare const getTextBindableContainerAtPosition: (elements: readonly ExcalidrawElement[], appState: AppState, x: number, y: number) => ExcalidrawTextContainer | null;
 declare const VALID_CONTAINER_TYPES: Set<string>;
 export declare const isValidTextContainer: (element: ExcalidrawElement) => boolean;
 export declare const computeContainerDimensionForBoundText: (dimension: number, containerType: ExtractSetType<typeof VALID_CONTAINER_TYPES>) => number;
 export declare const getMaxContainerWidth: (container: ExcalidrawElement) => number;
 export declare const getMaxContainerHeight: (container: ExcalidrawElement) => number;
+export declare const isMeasureTextSupported: () => boolean;
+export declare const getDefaultLineHeight: (fontFamily: FontFamilyValues) => number & {
+    _brand: "unitlessLineHeight";
+};
 export {};

package/types/element/types.d.ts

@@ -2,7 +2,7 @@ import { Point } from "../types";
 import { FONT_FAMILY, ROUNDNESS, TEXT_ALIGN, THEME, VERTICAL_ALIGN } from "../constants";
 import { MarkNonNullable, ValueOf } from "../utility-types";
 export declare type ChartType = "bar" | "line";
-export declare type FillStyle = "hachure" | "cross-hatch" | "solid";
+export declare type FillStyle = "hachure" | "cross-hatch" | "solid" | "zigzag";
 export declare type FontFamilyKeys = keyof typeof FONT_FAMILY;
 export declare type FontFamilyValues = typeof FONT_FAMILY[FontFamilyKeys];
 export declare type Theme = typeof THEME[keyof typeof THEME];
@@ -100,10 +100,18 @@ export declare type ExcalidrawTextElement = _ExcalidrawElementBase & Readonly<{
     fontSize: number;
     fontFamily: FontFamilyValues;
     text: string;
+    baseline: number;
     textAlign: TextAlign;
     verticalAlign: VerticalAlign;
     containerId: ExcalidrawGenericElement["id"] | null;
     originalText: string;
+    /**
+     * Unitless line height (aligned to W3C). To get line height in px, multiply
+     *  with font size (using `getLineHeightInPx` helper).
+     */
+    lineHeight: number & {
+        _brand: "unitlessLineHeight";
+    };
 }>;
 export declare type ExcalidrawBindableElement = ExcalidrawRectangleElement | ExcalidrawDiamondElement | ExcalidrawEllipseElement | ExcalidrawTextElement | ExcalidrawImageElement;
 export declare type ExcalidrawTextContainer = ExcalidrawRectangleElement | ExcalidrawDiamondElement | ExcalidrawEllipseElement | ExcalidrawImageElement | ExcalidrawArrowElement;

package/types/packages/excalidraw/dist/excalidraw-assets-dev/locales/zh-TW-json-5c0415fa2e3076904544.d.ts

@@ -0,0 +1,2 @@
+declare const _exports: any;
+export = _exports;

package/types/renderer/renderElement.d.ts

@@ -3,12 +3,12 @@ import { RoughCanvas } from "roughjs/bin/canvas";
 import { Drawable, Options } from "roughjs/bin/core";
 import { RoughSVG } from "roughjs/bin/svg";
 import { RenderConfig } from "../scene/types";
-import { AppState, BinaryFiles, Zoom } from "../types";
+import { AppState, BinaryFiles } from "../types";
 export interface ExcalidrawElementWithCanvas {
     element: ExcalidrawElement | ExcalidrawTextElement;
     canvas: HTMLCanvasElement;
     theme: RenderConfig["theme"];
-    canvasZoom: Zoom["value"];
+    scale: number;
     canvasOffsetX: number;
     canvasOffsetY: number;
     boundTextElementVersion: number | null;

package/types/scene/export.d.ts

@@ -1,5 +1,6 @@
 import { NonDeletedExcalidrawElement } from "../element/types";
 import { AppState, BinaryFiles } from "../types";
+import { serializeAsJSON } from "../data/json";
 export declare const SVG_EXPORT_TAG = "<!-- svg-source:excalidraw -->";
 export declare const exportToCanvas: (elements: readonly NonDeletedExcalidrawElement[], appState: AppState, files: BinaryFiles, { exportBackground, exportPadding, viewBackgroundColor, }: {
     exportBackground: boolean;
@@ -16,5 +17,7 @@ export declare const exportToSvg: (elements: readonly NonDeletedExcalidrawElemen
     viewBackgroundColor: string;
     exportWithDarkMode?: boolean;
     exportEmbedScene?: boolean;
-}, files: BinaryFiles | null) => Promise<SVGSVGElement>;
+}, files: BinaryFiles | null, opts?: {
+    serializeAsJSON?: () => string;
+}) => Promise<SVGSVGElement>;
 export declare const getExportSize: (elements: readonly NonDeletedExcalidrawElement[], exportPadding: number, scale: number) => [number, number];

package/types/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PointerType, ExcalidrawLinearElement, NonDeletedExcalidrawElement, NonDeleted, TextAlign, ExcalidrawElement, GroupId, ExcalidrawBindableElement, Arrowhead, ChartType, FontFamilyValues, FileId, ExcalidrawImageElement, Theme, StrokeRoundness } from "./element/types";
 import { SHAPES } from "./shapes";
 import { Point as RoughPoint } from "roughjs/bin/geometry";
@@ -17,6 +16,7 @@ import type { FileSystemHandle } from "./data/filesystem";
 import type { ALLOWED_IMAGE_MIME_TYPES, MIME_TYPES } from "./constants";
 import { ContextMenuItems } from "./components/ContextMenu";
 import { Merge, ForwardRef } from "./utility-types";
+import React from "react";
 export declare type Point = Readonly<RoughPoint>;
 export declare type Collaborator = {
     pointer?: {
@@ -71,7 +71,7 @@ export declare type AppState = {
     } | null;
     showWelcomeScreen: boolean;
     isLoading: boolean;
-    errorMessage: string | null;
+    errorMessage: React.ReactNode;
     draggingElement: NonDeletedExcalidrawElement | null;
     resizingElement: NonDeletedExcalidrawElement | null;
     multiElement: NonDeleted<ExcalidrawLinearElement> | null;

package/types/utils.d.ts

@@ -28,6 +28,26 @@ export declare const throttleRAF: <T extends any[]>(fn: (...args: T) => void, op
     flush(): void;
     cancel(): void;
 };
+/**
+ * Compute new values based on the same ease function and trigger the
+ * callback through a requestAnimationFrame call
+ *
+ * use `opts` to define a duration and/or an easeFn
+ *
+ * for example:
+ * ```ts
+ * easeToValuesRAF([10, 20, 10], [0, 0, 0], (a, b, c) => setState(a,b, c))
+ * ```
+ *
+ * @param fromValues The initial values, must be numeric
+ * @param toValues The destination values, must also be numeric
+ * @param callback The callback receiving the values
+ * @param opts default to 250ms duration and the easeOut function
+ */
+export declare const easeToValuesRAF: (fromValues: number[], toValues: number[], callback: (...values: number[]) => void, opts?: {
+    duration?: number | undefined;
+    easeFn?: ((value: number) => number) | undefined;
+} | undefined) => () => void;
 export declare const chunk: <T extends unknown>(array: readonly T[], size: number) => T[][];
 export declare const selectNode: (node: Element) => void;
 export declare const removeSelection: () => void;
@@ -128,7 +148,6 @@ export declare const arrayToMapWithIndex: <T extends {
     id: string;
 }>(elements: readonly T[]) => Map<string, [element: T, index: number]>;
 export declare const isTestEnv: () => boolean;
-export declare const isProdEnv: () => boolean;
 export declare const wrapEvent: <T extends Event>(name: EVENT, nativeEvent: T) => CustomEvent<{
     nativeEvent: T;
 }>;

package/dist/excalidraw-assets/locales/ar-SA-json-6c06adbd0d9d02eac2b2.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunkExcalidrawLib=self.webpackChunkExcalidrawLib||[]).push([[2091],{7822:function(e){e.exports=JSON.parse('{"labels":{"paste":"لصق","pasteAsPlaintext":"اللصق كنص عادي","pasteCharts":"لصق الرسوم البيانية","selectAll":"تحديد الكل","multiSelect":"إضافة عنصر للتحديد","moveCanvas":"نقل لوح الرسم","cut":"قص","copy":"نسخ","copyAsPng":"نسخ إلى الحافظة بصيغة PNG","copyAsSvg":"نسخ إلى الحافظة بصيغة SVG","copyText":"نسخ إلى الحافظة كنص","bringForward":"جلب للأمام","sendToBack":"أرسل للخلف","bringToFront":"أحضر للأمام","sendBackward":"أرسل للخلف","delete":"حذف","copyStyles":"نسخ الأنماط","pasteStyles":"لصق الأنماط","stroke":"الخط","background":"الخلفية","fill":"التعبئة","strokeWidth":"سُمك الخط","strokeStyle":"نمط الخط","strokeStyle_solid":"متصل","strokeStyle_dashed":"متقطع","strokeStyle_dotted":"منقط","sloppiness":"الإمالة","opacity":"الشفافية","textAlign":"محاذاة النص","edges":"الحواف","sharp":"حادة","round":"دائرية","arrowheads":"رؤوس الأسهم","arrowhead_none":"لا شيء","arrowhead_arrow":"سهم","arrowhead_bar":"شريط","arrowhead_dot":"نقطة","arrowhead_triangle":"مثلث","fontSize":"حجم الخط","fontFamily":"نوع الخط","onlySelected":"المحدد فقط","withBackground":"الخلفية","exportEmbedScene":"تضمين المشهد","exportEmbedScene_details":"سيتم حفظ بيانات المشهد في ملف PNG/SVG المصدّر بحيث يمكن استعادة المشهد منه.\\nسيزيد حجم الملف المصدر.","addWatermark":"إضافة \\"مصنوعة بواسطة Excalidraw\\"","handDrawn":"رسم باليد","normal":"عادي","code":"رمز","small":"صغير","medium":"متوسط","large":"كبير","veryLarge":"كبير جدا","solid":"كامل","hachure":"خطوط","crossHatch":"خطوط متقطعة","thin":"نحيف","bold":"داكن","left":"الـيسار","center":"وسط","right":"يمين","extraBold":"عريض","architect":"معماري","artist":"رسام","cartoonist":"كرتوني","fileTitle":"إسم الملف","colorPicker":"منتقي اللون","canvasColors":"تستخدم على القماش","canvasBackground":"خلفية اللوحة","drawingCanvas":"لوحة الرسم","layers":"الطبقات","actions":"الإجراءات","language":"اللغة","liveCollaboration":"التعاون المباشر...","duplicateSelection":"تكرار","untitled":"غير معنون","name":"الاسم","yourName":"اسمك","madeWithExcalidraw":"مصنوعة بواسطة Excalidraw","group":"تحديد مجموعة","ungroup":"إلغاء تحديد مجموعة","collaborators":"المتعاونون","showGrid":"إظهار الشبكة","addToLibrary":"أضف إلى المكتبة","removeFromLibrary":"حذف من المكتبة","libraryLoadingMessage":"جارٍ تحميل المكتبة…","libraries":"تصفح المكتبات","loadingScene":"جاري تحميل المشهد…","align":"محاذاة","alignTop":"محاذاة إلى اﻷعلى","alignBottom":"محاذاة إلى اﻷسفل","alignLeft":"محاذاة إلى اليسار","alignRight":"محاذاة إلى اليمين","centerVertically":"توسيط عمودي","centerHorizontally":"توسيط أفقي","distributeHorizontally":"التوزيع الأفقي","distributeVertically":"التوزيع عمودياً","flipHorizontal":"قلب عامودي","flipVertical":"قلب أفقي","viewMode":"نمط العرض","toggleExportColorScheme":"تبديل نظام ألوان الصادرات","share":"مشاركة","showStroke":"إظهار منتقي لون الخط","showBackground":"إظهار منتقي لون الخلفية","toggleTheme":"غير النمط","personalLib":"المكتبة الشخصية","excalidrawLib":"مكتبتنا","decreaseFontSize":"تصغير حجم الخط","increaseFontSize":"تكبير حجم الخط","unbindText":"فك ربط النص","bindText":"ربط النص بالحاوية","link":{"edit":"تعديل الرابط","create":"إنشاء رابط","label":"رابط"},"lineEditor":{"edit":"تحرير السطر","exit":"الخروج من المُحرر"},"elementLock":{"lock":"قفل","unlock":"فتح","lockAll":"قفل الكل","unlockAll":"فتح الكل"},"statusPublished":"نُشر","sidebarLock":"إبقاء الشريط الجانبي مفتوح"},"library":{"noItems":"لا توجد عناصر أضيفت بعد...","hint_emptyLibrary":"حدد عنصر على القماش لإضافته هنا، أو تثبيت مكتبة من المستودع العام أدناه.","hint_emptyPrivateLibrary":"حدد عنصر على القماش لإضافته هنا."},"buttons":{"clearReset":"إعادة تعيين اللوحة","exportJSON":"صدر الملف","exportImage":"تصدير الصورة...","export":"حفظ إلى...","exportToPng":"تصدير بصيغة PNG","exportToSvg":"تصدير بصيغة SVG","copyToClipboard":"نسخ إلى الحافظة","copyPngToClipboard":"نسخ الـ PNG إلى الحافظة","scale":"مقاس","save":"احفظ للملف الحالي","saveAs":"حفظ كـ","load":"فتح","getShareableLink":"احصل على رابط المشاركة","close":"غلق","selectLanguage":"اختر اللغة","scrollBackToContent":"الرجوع إلى المحتوى","zoomIn":"تكبير","zoomOut":"تصغير","resetZoom":"إعادة تعيين الشاشة","menu":"القائمة","done":"تم","edit":"تعديل","undo":"تراجع","redo":"إعادة تنفيذ","resetLibrary":"إعادة ضبط المكتبة","createNewRoom":"إنشاء غرفة جديدة","fullScreen":"شاشة كاملة","darkMode":"الوضع المظلم","lightMode":"الوضع المضيء","zenMode":"وضع التأمل","exitZenMode":"إلغاء الوضع الليلى","cancel":"إلغاء","clear":"مسح","remove":"إزالة","publishLibrary":"انشر","submit":"أرسل","confirm":"تأكيد"},"alerts":{"clearReset":"هذا سيُزيل كامل اللوحة. هل أنت متأكد؟","couldNotCreateShareableLink":"تعذر إنشاء رابطة المشاركة.","couldNotCreateShareableLinkTooBig":"تعذر إنشاء رابط قابل للمشاركة: المشهد كبير جدًا","couldNotLoadInvalidFile":"تعذر التحميل، الملف غير صالح","importBackendFailed":"فشل الاستيراد من الخادوم.","cannotExportEmptyCanvas":"لا يمكن تصدير لوحة فارغة.","couldNotCopyToClipboard":"تعذر النسخ إلى الحافظة.","decryptFailed":"تعذر فك تشفير البيانات.","uploadedSecurly":"تم تأمين التحميل بتشفير النهاية إلى النهاية، مما يعني أن خادوم Excalidraw والأطراف الثالثة لا يمكنها قراءة المحتوى.","loadSceneOverridePrompt":"تحميل الرسم الخارجي سيحل محل المحتوى الموجود لديك. هل ترغب في المتابعة؟","collabStopOverridePrompt":"إيقاف الجلسة سيؤدي إلى الكتابة فوق رسومك السابقة المخزنة داخليا. هل أنت متأكد؟\\n\\n(إذا كنت ترغب في الاحتفاظ برسمك المخزن داخليا، ببساطة أغلق علامة تبويب المتصفح بدلاً من ذلك.)","errorAddingToLibrary":"تعذر إضافة العنصر للمكتبة","errorRemovingFromLibrary":"تعذر إزالة العنصر من المكتبة","confirmAddLibrary":"هذا سيضيف {{numShapes}} شكل إلى مكتبتك. هل أنت متأكد؟","imageDoesNotContainScene":"يبدو أن هذه الصورة لا تحتوي على أي بيانات مشهد. هل قمت بتمكين تضمين المشهد أثناء التصدير؟","cannotRestoreFromImage":"تعذر استعادة المشهد من ملف الصورة","invalidSceneUrl":"تعذر استيراد المشهد من عنوان URL المتوفر. إما أنها مشوهة، أو لا تحتوي على بيانات Excalidraw JSON صالحة.","resetLibrary":"هذا سوف يمسح مكتبتك. هل أنت متأكد؟","removeItemsFromsLibrary":"حذف {{count}} عنصر (عناصر) من المكتبة؟","invalidEncryptionKey":"مفتاح التشفير يجب أن يكون من 22 حرفاً. التعاون المباشر معطل.","collabOfflineWarning":""},"errors":{"unsupportedFileType":"نوع الملف غير مدعوم.","imageInsertError":"تعذر إدراج الصورة. حاول مرة أخرى لاحقاً...","fileTooBig":"الملف كبير جداً. الحد الأقصى المسموح به للحجم هو {{maxSize}}.","svgImageInsertError":"تعذر إدراج صورة SVG. يبدو أن ترميز SVG غير صحيح.","invalidSVGString":"SVG غير صالح.","cannotResolveCollabServer":"تعذر الاتصال بخادم التعاون. الرجاء إعادة تحميل الصفحة والمحاولة مرة أخرى.","importLibraryError":"تعذر تحميل المكتبة","collabSaveFailed":"تعذر الحفظ في قاعدة البيانات. إذا استمرت المشاكل، يفضل أن تحفظ ملفك محليا كي لا تفقد عملك.","collabSaveFailed_sizeExceeded":"تعذر الحفظ في قاعدة البيانات، يبدو أن القماش كبير للغاية، يفضّل حفظ الملف محليا كي لا تفقد عملك."},"toolBar":{"selection":"تحديد","image":"إدراج صورة","rectangle":"مستطيل","diamond":"مضلع","ellipse":"دائرة","arrow":"سهم","line":"خط","freedraw":"رسم","text":"نص","library":"مكتبة","lock":"الحفاظ على أداة التحديد نشطة بعد الرسم","penMode":"وضع القلم - امنع اللمس","link":"إضافة/تحديث الرابط للشكل المحدد","eraser":"ممحاة","hand":""},"headings":{"canvasActions":"إجراءات اللوحة","selectedShapeActions":"إجراءات الشكل المحدد","shapes":"الأشكال"},"hints":{"canvasPanning":"لتحريك القماش، اضغط على عجلة الفأرة أو مفتاح المسافة أثناء السحب، أو استخدم أداة اليد","linearElement":"انقر لبدء نقاط متعددة، اسحب لخط واحد","freeDraw":"انقر واسحب، افرج عند الانتهاء","text":"نصيحة: يمكنك أيضًا إضافة نص بالنقر المزدوج في أي مكان بأداة الاختيار","text_selected":"انقر نقراً مزدوجاً أو اضغط ادخال لتعديل النص","text_editing":"اضغط على Esc أو (Ctrl أو Cmd) + Enter لإنهاء التعديل","linearElementMulti":"انقر فوق النقطة الأخيرة أو اضغط على Esc أو Enter للإنهاء","lockAngle":"يمكنك تقييد الزاوية بالضغط على SHIFT","resize":"يمكنك تقييد النسب بالضغط على SHIFT أثناء تغيير الحجم،\\nاضغط على ALT لتغيير الحجم من المركز","resizeImage":"يمكنك تغيير الحجم بحرية بالضغط بأستمرار على SHIFT،\\nاضغط بأستمرار على ALT أيضا لتغيير الحجم من المركز","rotate":"يمكنك تقييد الزوايا من خلال الضغط على SHIFT أثناء الدوران","lineEditor_info":"اضغط على مفتاح (Ctrl أو Cmd) و انقر بشكل مزدوج، أو اضغط على مفتاحي (Ctrl أو Cmd) و (Enter) لتعديل النقاط","lineEditor_pointSelected":"","lineEditor_nothingSelected":"","placeImage":"","publishLibrary":"نشر مكتبتك","bindTextToElement":"","deepBoxSelect":"","eraserRevert":"","firefox_clipboard_write":""},"canvasError":{"cannotShowPreview":"تعذر عرض المعاينة","canvasTooBig":"قد تكون اللوحة كبيرة جداً.","canvasTooBigTip":"نصيحة: حاول تحريك العناصر البعيدة بشكل أقرب قليلاً."},"errorSplash":{"headingMain_pre":"حدث خطأ، حاول مرة أخرى ","headingMain_button":"إعادة تحميل الصفحة.","clearCanvasMessage":"إذا لم تعمل إعادة التحميل، حاول مرة أخرى ","clearCanvasMessage_button":"مسح اللوحة.","clearCanvasCaveat":" هذا سيؤدي إلى فقدان العمل ","trackedToSentry_pre":"الخطأ ","trackedToSentry_post":" تم تعقبه على نظامنا.","openIssueMessage_pre":"كنا حذرين جدا لعدم تضمين معلومات المشهد الخاصة بك في الخطأ. إذا لم يكن المشهد خاصًا ، يرجى النظر في متابعة هذا الأمر ","openIssueMessage_button":"متعقّب الخلل.","openIssueMessage_post":" يرجى تضمين المعلومات أدناة عن طريق نسخ ولصق المشكلة في GitHub.","sceneContent":"محتوى المشهد:"},"roomDialog":{"desc_intro":"يمكنك دعوة الآخرين لمشاركتك نفس الجلسة التي تعمل عليها.","desc_privacy":"لا تقلق، الجلسة تستخدم التشفير من النهاية إلى النهاية، لذلك فإن أي شيء ترسمه سيبقى خاصاً. لن يتمكن حتى الخادوم الخاص بنا من رؤية ما توصلت إليه.","button_startSession":"بدء الجلسة","button_stopSession":"إيقاف الجلسة","desc_inProgressIntro":"تجري الآن المشاركة الحية.","desc_shareLink":"شارك هذا الرابط مع أي شخص تريده أن يشاركك الجلسة:","desc_exitSession":"إيقاف الجلسة سيؤدي إلى قطع الاتصال الخاص بك من الغرفة، ولكن ستتمكن من مواصلة العمل مع المشهد، محليا. لاحظ أن هذا لن يؤثر على الأشخاص الآخرين، و سيظلون قادرين على التعاون في إصدارهم.","shareTitle":"الانضمام إلى جلسة تعاون حية على Excalidraw"},"errorDialog":{"title":"خطأ"},"exportDialog":{"disk_title":"حفظ الملف للجهاز","disk_details":"تصدير بيانات المشهد إلى ملف يمكنك الاستيراد منه لاحقاً.","disk_button":"إحفظ لملف","link_title":"رابط قابل للمشاركة","link_details":"صدر الملف للمشاهدة فقط.","link_button":"التصدير كرابط","excalidrawplus_description":"حفظ المشهد إلى مساحة العمل +Excalidraw الخاصة بك.","excalidrawplus_button":"تصدير","excalidrawplus_exportError":"تعذر التصدير إلى +Excalidraw في الوقت الحالي..."},"helpDialog":{"blog":"اقرأ مدونتنا","click":"انقر","deepSelect":"","deepBoxSelect":"","curvedArrow":"سهم مائل","curvedLine":"خط مائل","documentation":"دليل الاستخدام","doubleClick":"انقر مرتين","drag":"اسحب","editor":"المحرر","editSelectedShape":"تعديل الشكل المحدد (النص/السهم/الخط)","github":"عثرت على مشكلة؟ إرسال","howto":"اتبع التعليمات","or":"أو","preventBinding":"منع ارتبط السهم","tools":"الأدوات","shortcuts":"اختصارات لوحة المفاتيح","textFinish":"إنهاء التعديل (محرر النص)","textNewLine":"أضف سطر جديد (محرر نص)","title":"المساعدة","view":"عرض","zoomToFit":"تكبير للملائمة","zoomToSelection":"تكبير للعنصر المحدد","toggleElementLock":"","movePageUpDown":"","movePageLeftRight":""},"clearCanvasDialog":{"title":"مسح اللوحة"},"publishDialog":{"title":"نشر المكتبة","itemName":"إسم العنصر","authorName":"إسم المؤلف","githubUsername":"اسم المستخدم في جيت هب","twitterUsername":"اسم المستخدم في تويتر","libraryName":"اسم المكتبة","libraryDesc":"وصف المكتبة","website":"الموقع","placeholder":{"authorName":"اسمك أو اسم المستخدم","libraryName":"اسم مكتبتك","libraryDesc":"وصف مكتبتك لمساعدة الناس على فهم استخدامها","githubHandle":"","twitterHandle":"","website":""},"errors":{"required":"مطلوب","website":"أدخل عنوان URL صالح"},"noteDescription":{"pre":"","link":"مستودع المكتبة العامة","post":"ليستخدمها الآخرون في رسوماتهم."},"noteGuidelines":{"pre":"يجب الموافقة على المكتبة يدويًا أولاً. يرجى قراءة ","link":"الإرشادات","post":""},"noteLicense":{"pre":"","link":"رخصة إم أي تي ","post":"وهو ما يعني باختصار أنه يمكن لأي شخص استخدامها دون قيود."},"noteItems":"يجب أن يكون لكل عنصر مكتبة اسمه الخاص حتى يكون قابلاً للتصفية. سيتم تضمين عناصر المكتبة التالية:","atleastOneLibItem":"يرجى تحديد عنصر مكتبة واحد على الأقل للبدء","republishWarning":""},"publishSuccessDialog":{"title":"تم إرسال المكتبة","content":"شكرا لك {{authorName}}. لقد تم إرسال مكتبتك للمراجعة. يمكنك تتبع الحالة","link":"هنا"},"confirmDialog":{"resetLibrary":"إعادة ضبط المكتبة","removeItemsFromLib":"إزالة العناصر المحددة من المكتبة"},"encrypted":{"tooltip":"رسوماتك مشفرة من النهاية إلى النهاية حتى أن خوادم Excalidraw لن تراها أبدا.","link":"مشاركة المدونة في التشفير من النهاية إلى النهاية في Excalidraw"},"stats":{"angle":"الزاوية","element":"عنصر","elements":"العناصر","height":"الارتفاع","scene":"المشهد","selected":"المحدد","storage":"التخزين","title":"إحصائيات للمهووسين","total":"المجموع","version":"الإصدار","versionCopy":"انقر للنسخ","versionNotAvailable":"الإصدار غير متوفر","width":"العرض"},"toast":{"addedToLibrary":"تمت الاضافة الى المكتبة!","copyStyles":"نسخت الانماط.","copyToClipboard":"نسخ إلى الحافظة.","copyToClipboardAsPng":"تم نسخ {{exportSelection}} إلى الحافظة بصيغة PNG\\n({{exportColorScheme}})","fileSaved":"تم حفظ الملف.","fileSavedToFilename":"حفظ باسم {filename}","canvas":"لوحة الرسم","selection":"العنصر المحدد","pasteAsSingleElement":""},"colors":{"495057":"رمادي 7","ffffff":"أبيض","f8f9fa":"رمادي 0","f1f3f5":"رمادي 1","fff5f5":"أحمر 0","fff0f6":"وردي 0","f8f0fc":"عنبي 0","f3f0ff":"بنفسجي 0","edf2ff":"نيلي 0","e7f5ff":"أزرق 0","e3fafc":"سماوي 0","e6fcf5":"تركواز 0","ebfbee":"أخضر 0","f4fce3":"ليموني 0","fff9db":"أصفر 0","fff4e6":"برتقالي 0","transparent":"شفاف","ced4da":"رمادي 4","868e96":"رمادي 6","fa5252":"أحمر 6","e64980":"وردي 6","be4bdb":"عنبي 6","7950f2":"بنفسجي 6","4c6ef5":"نيلي 6","228be6":"أزرق 6","15aabf":"سماوي 6","12b886":"تركواز 6","40c057":"أخضر 6","82c91e":"ليموني 6","fab005":"أصفر 6","fd7e14":"برتقالي 6","000000":"أسود","343a40":"رمادي 8","c92a2a":"أحمر 9","a61e4d":"وردي 9","862e9c":"عنبي 9","5f3dc4":"بنفسجي 9","364fc7":"نيلي 9","1864ab":"أزرق 9","0b7285":"سماوي 9","087f5b":"تركواز 9","2b8a3e":"أخضر 9","5c940d":"ليموني 9","e67700":"أصفر 9","d9480f":"برتقالي 9"},"welcomeScreen":{"app":{"center_heading":"","center_heading_plus":"","menuHint":""},"defaults":{"menuHint":"","center_heading":"","toolbarHint":"","helpHint":""}}}')}}]);