polotno 2.36.10 → 2.37.1

package/model/table-model.d.ts

@@ -0,0 +1,481 @@
+import { Instance } from 'mobx-state-tree';
+export type BorderSideName = 'top' | 'right' | 'bottom' | 'left';
+export type BorderAttrs = {
+    color?: string;
+    width?: number;
+    style?: string;
+};
+export declare const TableCell: import("mobx-state-tree").IModelType<{
+    id: import("mobx-state-tree").ISimpleType<string>;
+    type: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<"tablecell">, [undefined]>;
+    text: import("mobx-state-tree").IType<string | undefined, string, string>;
+    _fontSize: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<number>>;
+    _fontFamily: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+    _fontWeight: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+    _fontStyle: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+    _textDecoration: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+    _textTransform: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+    _fill: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+    _align: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+    _verticalAlign: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+    _lineHeight: import("mobx-state-tree").IMaybe<import("mobx-state-tree/dist/internal").IUnionType<[import("mobx-state-tree").ISimpleType<number>, import("mobx-state-tree").ISimpleType<string>]>>;
+    _letterSpacing: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<number>>;
+    _strokeWidth: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<number>>;
+    _stroke: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+    _cellBackground: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+    _cellPadding: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<number>>;
+    opacity: import("mobx-state-tree").IType<number | undefined, number, number>;
+    rowSpan: import("mobx-state-tree").IType<number | undefined, number, number>;
+    colSpan: import("mobx-state-tree").IType<number | undefined, number, number>;
+    mergedInto: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+    borders: import("mobx-state-tree").IMaybe<import("mobx-state-tree").IModelType<{
+        top: import("mobx-state-tree").IMaybe<import("mobx-state-tree").IModelType<{
+            color: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+            width: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<number>>;
+            style: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<"none" | "solid" | "dashed" | "dotted">>;
+        }, {}, import("mobx-state-tree")._NotCustomized, any>>;
+        right: import("mobx-state-tree").IMaybe<import("mobx-state-tree").IModelType<{
+            color: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+            width: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<number>>;
+            style: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<"none" | "solid" | "dashed" | "dotted">>;
+        }, {}, import("mobx-state-tree")._NotCustomized, any>>;
+        bottom: import("mobx-state-tree").IMaybe<import("mobx-state-tree").IModelType<{
+            color: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+            width: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<number>>;
+            style: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<"none" | "solid" | "dashed" | "dotted">>;
+        }, {}, import("mobx-state-tree")._NotCustomized, any>>;
+        left: import("mobx-state-tree").IMaybe<import("mobx-state-tree").IModelType<{
+            color: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+            width: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<number>>;
+            style: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<"none" | "solid" | "dashed" | "dotted">>;
+        }, {}, import("mobx-state-tree")._NotCustomized, any>>;
+    }, {}, import("mobx-state-tree")._NotCustomized, any>>;
+    name: import("mobx-state-tree").IType<string | undefined, string, string>;
+    custom: import("mobx-state-tree").IType<any, any, any>;
+}, {
+    _editModeEnabled: boolean;
+    filters: import("mobx").ObservableMap<string, number>;
+} & {
+    readonly row: number;
+    readonly col: number;
+    readonly store: any;
+    readonly page: any;
+    readonly fontSize: number;
+    readonly fontFamily: string;
+    readonly fontWeight: string;
+    readonly fontStyle: string;
+    readonly textDecoration: string;
+    readonly textTransform: string;
+    readonly fill: string;
+    readonly align: string;
+    readonly verticalAlign: string;
+    readonly lineHeight: number | string;
+    readonly letterSpacing: number;
+    readonly strokeWidth: number;
+    readonly stroke: string;
+    readonly cellBackground: string;
+    readonly cellPadding: number;
+    readonly width: number;
+    readonly height: number;
+    readonly a: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+        rotation: number;
+        opacity: number;
+        fontSize: number;
+    };
+    getEffectiveBorder(side: BorderSideName): {
+        color: string;
+        width: number;
+        style: string;
+    };
+    readonly x: number;
+    readonly y: number;
+    readonly rotation: number;
+    readonly draggable: boolean;
+    readonly resizable: boolean;
+    readonly selectable: boolean;
+    readonly removable: boolean;
+    readonly contentEditable: boolean;
+    readonly visible: boolean;
+    readonly showInExport: boolean;
+    readonly alwaysOnTop: boolean;
+    readonly placeholder: string;
+    readonly backgroundEnabled: boolean;
+    readonly backgroundOpacity: number;
+    readonly backgroundColor: string;
+    readonly backgroundCornerRadius: number;
+    readonly backgroundPadding: number;
+    readonly curveEnabled: boolean;
+    readonly curvePower: number;
+    readonly shadowEnabled: boolean;
+    readonly shadowBlur: number;
+    readonly shadowOffsetX: number;
+    readonly shadowOffsetY: number;
+    readonly shadowColor: string;
+    readonly shadowOpacity: number;
+    readonly blurEnabled: boolean;
+    readonly blurRadius: number;
+    readonly brightnessEnabled: boolean;
+    readonly brightness: number;
+    readonly sepiaEnabled: boolean;
+    readonly grayscaleEnabled: boolean;
+    readonly animations: readonly never[];
+} & {
+    toJSON(): any;
+    set(attrs: any): void;
+    setBorder(side: BorderSideName, attrs: BorderAttrs): void;
+    toggleEditMode(editing?: boolean): void;
+}, any, any>;
+export type TableCellType = Instance<typeof TableCell>;
+export declare const TableElement: import("mobx-state-tree").IModelType<{
+    id: import("mobx-state-tree").ISimpleType<string>;
+    type: import("mobx-state-tree").IType<string | undefined, string, string>;
+    name: import("mobx-state-tree").IType<string | undefined, string, string>;
+    opacity: import("mobx-state-tree").IType<number | undefined, number, number>;
+    custom: import("mobx-state-tree").IType<any, any, any>;
+    visible: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    selectable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    removable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    alwaysOnTop: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    showInExport: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+} & {
+    x: import("mobx-state-tree").IType<number | undefined, number, number>;
+    y: import("mobx-state-tree").IType<number | undefined, number, number>;
+    width: import("mobx-state-tree").IType<number | undefined, number, number>;
+    height: import("mobx-state-tree").IType<number | undefined, number, number>;
+    rotation: import("mobx-state-tree").IType<number | undefined, number, number>;
+    opacity: import("mobx-state-tree").IType<number | undefined, number, number>;
+    animations: import("mobx-state-tree").IArrayType<import("mobx-state-tree").IModelType<{
+        delay: import("mobx-state-tree").IType<number | undefined, number, number>;
+        duration: import("mobx-state-tree").IType<number | undefined, number, number>;
+        enabled: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+        type: import("mobx-state-tree").ISimpleType<string>;
+        name: import("mobx-state-tree").IType<string | undefined, string, string>;
+        data: import("mobx-state-tree").IType<{} | null | undefined, {}, {}>;
+    }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
+    blurEnabled: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    blurRadius: import("mobx-state-tree").IType<number | undefined, number, number>;
+    brightnessEnabled: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    brightness: import("mobx-state-tree").IType<number | undefined, number, number>;
+    sepiaEnabled: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    grayscaleEnabled: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    filters: import("mobx-state-tree").IMapType<import("mobx-state-tree").IModelType<{
+        intensity: import("mobx-state-tree").IType<number | undefined, number, number>;
+    }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
+    shadowEnabled: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    shadowBlur: import("mobx-state-tree").IType<number | undefined, number, number>;
+    shadowOffsetX: import("mobx-state-tree").IType<number | undefined, number, number>;
+    shadowOffsetY: import("mobx-state-tree").IType<number | undefined, number, number>;
+    shadowColor: import("mobx-state-tree").IType<string | undefined, string, string>;
+    shadowOpacity: import("mobx-state-tree").IType<number | undefined, number, number>;
+    visible: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    draggable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    resizable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    selectable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    contentEditable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    styleEditable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    alwaysOnTop: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    showInExport: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+} & {
+    type: import("mobx-state-tree").IType<string | undefined, string, string>;
+    width: import("mobx-state-tree").IType<number | undefined, number, number>;
+    height: import("mobx-state-tree").IType<number | undefined, number, number>;
+    rows: import("mobx-state-tree").IType<number | undefined, number, number>;
+    cols: import("mobx-state-tree").IType<number | undefined, number, number>;
+    colWidths: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<number>>;
+    rowHeights: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<number>>;
+    cells: import("mobx-state-tree").IArrayType<import("mobx-state-tree").IModelType<{
+        id: import("mobx-state-tree").ISimpleType<string>;
+        type: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<"tablecell">, [undefined]>;
+        text: import("mobx-state-tree").IType<string | undefined, string, string>;
+        _fontSize: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<number>>;
+        _fontFamily: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+        _fontWeight: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+        _fontStyle: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+        _textDecoration: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+        _textTransform: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+        _fill: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+        _align: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+        _verticalAlign: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+        _lineHeight: import("mobx-state-tree").IMaybe<import("mobx-state-tree/dist/internal").IUnionType<[import("mobx-state-tree").ISimpleType<number>, import("mobx-state-tree").ISimpleType<string>]>>;
+        _letterSpacing: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<number>>;
+        _strokeWidth: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<number>>;
+        _stroke: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+        _cellBackground: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+        _cellPadding: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<number>>;
+        opacity: import("mobx-state-tree").IType<number | undefined, number, number>;
+        rowSpan: import("mobx-state-tree").IType<number | undefined, number, number>;
+        colSpan: import("mobx-state-tree").IType<number | undefined, number, number>;
+        mergedInto: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+        borders: import("mobx-state-tree").IMaybe<import("mobx-state-tree").IModelType<{
+            top: import("mobx-state-tree").IMaybe<import("mobx-state-tree").IModelType<{
+                color: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+                width: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<number>>;
+                style: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<"none" | "solid" | "dashed" | "dotted">>;
+            }, {}, import("mobx-state-tree")._NotCustomized, any>>;
+            right: import("mobx-state-tree").IMaybe<import("mobx-state-tree").IModelType<{
+                color: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+                width: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<number>>;
+                style: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<"none" | "solid" | "dashed" | "dotted">>;
+            }, {}, import("mobx-state-tree")._NotCustomized, any>>;
+            bottom: import("mobx-state-tree").IMaybe<import("mobx-state-tree").IModelType<{
+                color: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+                width: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<number>>;
+                style: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<"none" | "solid" | "dashed" | "dotted">>;
+            }, {}, import("mobx-state-tree")._NotCustomized, any>>;
+            left: import("mobx-state-tree").IMaybe<import("mobx-state-tree").IModelType<{
+                color: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+                width: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<number>>;
+                style: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<"none" | "solid" | "dashed" | "dotted">>;
+            }, {}, import("mobx-state-tree")._NotCustomized, any>>;
+        }, {}, import("mobx-state-tree")._NotCustomized, any>>;
+        name: import("mobx-state-tree").IType<string | undefined, string, string>;
+        custom: import("mobx-state-tree").IType<any, any, any>;
+    }, {
+        _editModeEnabled: boolean;
+        filters: import("mobx").ObservableMap<string, number>;
+    } & {
+        readonly row: number;
+        readonly col: number;
+        readonly store: any;
+        readonly page: any;
+        readonly fontSize: number;
+        readonly fontFamily: string;
+        readonly fontWeight: string;
+        readonly fontStyle: string;
+        readonly textDecoration: string;
+        readonly textTransform: string;
+        readonly fill: string;
+        readonly align: string;
+        readonly verticalAlign: string;
+        readonly lineHeight: number | string;
+        readonly letterSpacing: number;
+        readonly strokeWidth: number;
+        readonly stroke: string;
+        readonly cellBackground: string;
+        readonly cellPadding: number;
+        readonly width: number;
+        readonly height: number;
+        readonly a: {
+            x: number;
+            y: number;
+            width: number;
+            height: number;
+            rotation: number;
+            opacity: number;
+            fontSize: number;
+        };
+        getEffectiveBorder(side: BorderSideName): {
+            color: string;
+            width: number;
+            style: string;
+        };
+        readonly x: number;
+        readonly y: number;
+        readonly rotation: number;
+        readonly draggable: boolean;
+        readonly resizable: boolean;
+        readonly selectable: boolean;
+        readonly removable: boolean;
+        readonly contentEditable: boolean;
+        readonly visible: boolean;
+        readonly showInExport: boolean;
+        readonly alwaysOnTop: boolean;
+        readonly placeholder: string;
+        readonly backgroundEnabled: boolean;
+        readonly backgroundOpacity: number;
+        readonly backgroundColor: string;
+        readonly backgroundCornerRadius: number;
+        readonly backgroundPadding: number;
+        readonly curveEnabled: boolean;
+        readonly curvePower: number;
+        readonly shadowEnabled: boolean;
+        readonly shadowBlur: number;
+        readonly shadowOffsetX: number;
+        readonly shadowOffsetY: number;
+        readonly shadowColor: string;
+        readonly shadowOpacity: number;
+        readonly blurEnabled: boolean;
+        readonly blurRadius: number;
+        readonly brightnessEnabled: boolean;
+        readonly brightness: number;
+        readonly sepiaEnabled: boolean;
+        readonly grayscaleEnabled: boolean;
+        readonly animations: readonly never[];
+    } & {
+        toJSON(): any;
+        set(attrs: any): void;
+        setBorder(side: BorderSideName, attrs: BorderAttrs): void;
+        toggleEditMode(editing?: boolean): void;
+    }, any, any>>;
+    borderColor: import("mobx-state-tree").IType<string | undefined, string, string>;
+    borderWidth: import("mobx-state-tree").IType<number | undefined, number, number>;
+    borderStyle: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+    fontSize: import("mobx-state-tree").IType<number | undefined, number, number>;
+    fontFamily: import("mobx-state-tree").IType<string | undefined, string, string>;
+    fontWeight: import("mobx-state-tree").IType<string | undefined, string, string>;
+    fontStyle: import("mobx-state-tree").IType<string | undefined, string, string>;
+    textDecoration: import("mobx-state-tree").IType<string | undefined, string, string>;
+    textTransform: import("mobx-state-tree").IType<string | undefined, string, string>;
+    fill: import("mobx-state-tree").IType<string | undefined, string, string>;
+    align: import("mobx-state-tree").IType<string | undefined, string, string>;
+    verticalAlign: import("mobx-state-tree").IType<string | undefined, string, string>;
+    lineHeight: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree/dist/internal").IUnionType<[import("mobx-state-tree").ISimpleType<number>, import("mobx-state-tree").ISimpleType<string>]>, [undefined]>;
+    letterSpacing: import("mobx-state-tree").IType<number | undefined, number, number>;
+    strokeWidth: import("mobx-state-tree").IType<number | undefined, number, number>;
+    stroke: import("mobx-state-tree").IType<string | undefined, string, string>;
+    cellBackground: import("mobx-state-tree").IType<string | undefined, string, string>;
+    cellPadding: import("mobx-state-tree").IType<number | undefined, number, number>;
+}, {
+    readonly page: any;
+    readonly store: any;
+    readonly top: import("mobx-state-tree").ModelInstanceTypeProps<{
+        id: import("mobx-state-tree").ISimpleType<string>;
+        type: import("mobx-state-tree").IType<string | undefined, string, string>;
+        name: import("mobx-state-tree").IType<string | undefined, string, string>;
+        opacity: import("mobx-state-tree").IType<number | undefined, number, number>;
+        custom: import("mobx-state-tree").IType<any, any, any>;
+        visible: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+        selectable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+        removable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+        alwaysOnTop: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+        showInExport: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    }> & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
+        id: import("mobx-state-tree").ISimpleType<string>;
+        type: import("mobx-state-tree").IType<string | undefined, string, string>;
+        name: import("mobx-state-tree").IType<string | undefined, string, string>;
+        opacity: import("mobx-state-tree").IType<number | undefined, number, number>;
+        custom: import("mobx-state-tree").IType<any, any, any>;
+        visible: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+        selectable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+        removable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+        alwaysOnTop: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+        showInExport: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    }, {}, import("mobx-state-tree").ModelCreationType<{
+        id: string;
+        type: string | undefined;
+        name: string | undefined;
+        opacity: number | undefined;
+        custom: any;
+        visible: boolean | undefined;
+        selectable: boolean | undefined;
+        removable: boolean | undefined;
+        alwaysOnTop: boolean | undefined;
+        showInExport: boolean | undefined;
+    }>, import("mobx-state-tree").ModelSnapshotType<{
+        id: import("mobx-state-tree").ISimpleType<string>;
+        type: import("mobx-state-tree").IType<string | undefined, string, string>;
+        name: import("mobx-state-tree").IType<string | undefined, string, string>;
+        opacity: import("mobx-state-tree").IType<number | undefined, number, number>;
+        custom: import("mobx-state-tree").IType<any, any, any>;
+        visible: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+        selectable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+        removable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+        alwaysOnTop: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+        showInExport: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    }>>>;
+    readonly parent: any;
+    readonly zIndex: any;
+} & {
+    toJSON(): {
+        id: string;
+        type: string;
+        name: string;
+        opacity: number;
+        custom: any;
+        visible: boolean;
+        selectable: boolean;
+        removable: boolean;
+        alwaysOnTop: boolean;
+        showInExport: boolean;
+    };
+} & {
+    clone(attrs?: any, { skipSelect }?: {
+        skipSelect?: boolean | undefined;
+    }): import("./node-model.js").NodeType;
+    set(attrs: any): void;
+    moveUp(): void;
+    moveTop(): void;
+    moveDown(): void;
+    moveBottom(): void;
+    setZIndex(zIndex: number): void;
+    beforeDestroy(): void;
+} & {
+    readonly locked: boolean;
+    readonly a: import("./shape-model.js").AnimatedAttrs;
+    animated(attr: any): any;
+} & {
+    setAnimation(type: any, attrs: any): void;
+    setFilter(type: any, value: any): void;
+} & {
+    _focusedCellIds: string[];
+    _editingCellId: string | undefined;
+    _anchorCellId: string | undefined;
+    _cellContentHeights: import("mobx").ObservableMap<string, number>;
+    _baseRowHeights: number[] | null;
+    _baseHeight: number | null;
+    _isResizingRows: boolean;
+    _isTransforming: boolean;
+} & {
+    afterCreate(): void;
+} & {
+    readonly _cellMap: Map<string, TableCellType>;
+    getActualRowHeight(rowIndex: number): number;
+} & {
+    getCell(row: number, col: number): TableCellType | undefined;
+    readonly minWidth: number;
+    readonly minHeight: number;
+    readonly actualHeight: number;
+    getCellRect(row: number, col: number, rowSpan?: number, colSpan?: number): {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    };
+    readonly visibleCells: TableCellType[];
+    readonly focusedCells: TableCellType[];
+    readonly editingCell: TableCellType | undefined;
+    readonly _fitRowsToContent: {
+        rowHeights: number[];
+        height: number;
+    } | null;
+} & {
+    setCellContentHeight(cellId: string, height: number): void;
+    _applyFitRowsToContent(): void;
+    focusCell(cellId: string, addToSelection?: boolean): void;
+    focusCellRange(targetRow: number, targetCol: number): void;
+    clearCellFocus(): void;
+    enterCellEdit(cellId: string): void;
+    exitCellEdit(): void;
+    _resetBaseRowHeights(): void;
+    _setIsResizingRows(value: boolean): void;
+    _setIsTransforming(value: boolean): void;
+    addRow(index: number): void;
+    removeRow(index: number): void;
+    addColumn(index: number): void;
+    removeColumn(index: number): void;
+    distributeRowsEvenly(): void;
+    distributeColumnsEvenly(): void;
+    resizeColumn(index: number, delta: number): void;
+    resizeRow(index: number, delta: number): void;
+    setCellBorders(cellIds: string[], sides: BorderSideName[], attrs: BorderAttrs): void;
+} & {
+    clone(attrs?: any, { skipSelect }?: {
+        skipSelect?: boolean | undefined;
+    }): any;
+}, import("mobx-state-tree").ModelCreationType<{
+    id: string;
+    type: string | undefined;
+    name: string | undefined;
+    opacity: number | undefined;
+    custom: any;
+    visible: boolean | undefined;
+    selectable: boolean | undefined;
+    removable: boolean | undefined;
+    alwaysOnTop: boolean | undefined;
+    showInExport: boolean | undefined;
+}>, any>;
+export type TableElementType = Instance<typeof TableElement>;

package/model/table-model.js

@@ -0,0 +1 @@
+import{types as e,getParent as t,getSnapshot as l,isAlive as o,getRoot as r,cast as n}from"mobx-state-tree";import{observable as s}from"mobx";import{nanoid as i}from"nanoid";import{Shape as d}from"./shape-model.js";const c=.05,a=e.enumeration(["solid","dashed","dotted","none"]);function g(e){return t(e,2)}function u(e,t,l){const r=e[`_${t}`];return null!=r?r:o(e)?g(e)[t]:l}function h(e){return t(e,1)}const f=e.model("BorderSide",{color:e.maybe(e.string),width:e.maybe(e.number),style:e.maybe(a)}).postProcessSnapshot(e=>{const t={};for(const[l,o]of Object.entries(e)){null!=o&&(t[l]=o)}return t}),b=e.model("CellBorders",{top:e.maybe(f),right:e.maybe(f),bottom:e.maybe(f),left:e.maybe(f)}).postProcessSnapshot(e=>{const t={};for(const[l,o]of Object.entries(e)){null!=o&&"object"==typeof o&&Object.keys(o).length>0&&(t[l]=o)}return t}),w=["fontSize","fontFamily","fontWeight","fontStyle","textDecoration","textTransform","fill","align","verticalAlign","lineHeight","letterSpacing","strokeWidth","stroke","cellBackground","cellPadding"],p=new Set(w),m=["blurEnabled","blurRadius","brightnessEnabled","brightness","sepiaEnabled","grayscaleEnabled","filters","shadowEnabled","shadowBlur","shadowOffsetX","shadowOffsetY","shadowColor","shadowOpacity"],_=["id","type","text","opacity","rowSpan","colSpan","mergedInto","name","custom","borders"],y=new Set(["row","col","x","y","width","height","rotation","draggable","resizable","selectable","removable","contentEditable","visible","showInExport","alwaysOnTop","backgroundEnabled","backgroundOpacity","backgroundColor","backgroundCornerRadius","backgroundPadding","curveEnabled","curvePower","shadowEnabled","shadowBlur","shadowOffsetX","shadowOffsetY","shadowColor","shadowOpacity","blurEnabled","blurRadius","brightnessEnabled","brightness","sepiaEnabled","grayscaleEnabled","placeholder","animations","filters"]),C={opacity:1,rowSpan:1,colSpan:1,name:""},v=[];export const TableCell=e.model("TableCell",{id:e.identifier,type:e.optional(e.literal("tablecell"),"tablecell"),text:"",_fontSize:e.maybe(e.number),_fontFamily:e.maybe(e.string),_fontWeight:e.maybe(e.string),_fontStyle:e.maybe(e.string),_textDecoration:e.maybe(e.string),_textTransform:e.maybe(e.string),_fill:e.maybe(e.string),_align:e.maybe(e.string),_verticalAlign:e.maybe(e.string),_lineHeight:e.maybe(e.union(e.number,e.string)),_letterSpacing:e.maybe(e.number),_strokeWidth:e.maybe(e.number),_stroke:e.maybe(e.string),_cellBackground:e.maybe(e.string),_cellPadding:e.maybe(e.number),opacity:1,rowSpan:1,colSpan:1,mergedInto:e.maybe(e.string),borders:e.maybe(b),name:"",custom:e.frozen()}).volatile(()=>({_editModeEnabled:!1,filters:s.map()})).preProcessSnapshot(e=>{if(!e){return e}for(const l in e){null===e[l]&&(e[l]=void 0)}const t={};for(const l of _){l in e&&(t[l]=e[l])}for(const l of w){void 0!==e[l]&&(t[`_${l}`]=e[l])}return t}).postProcessSnapshot(e=>{const t={};for(const[l,o]of Object.entries(e)){if(l.startsWith("_")){null!=o&&(t[l.slice(1)]=o)}else if("borders"===l){null!=o&&"object"==typeof o&&Object.keys(o).length>0&&(t.borders=o)}else{if(l in C&&o===C[l]){continue}t[l]=o}}return t}).views(e=>{const t={get row(){if(!o(e)){return 0}const t=g(e),l=h(e).indexOf(e);return-1===l?0:Math.floor(l/t.cols)},get col(){if(!o(e)){return 0}const t=g(e),l=h(e).indexOf(e);return-1===l?0:l%t.cols},get store(){return o(e)?r(e):null},get page(){if(!o(e)){return null}try{return g(e).page}catch(t){return null}},get fontSize(){return u(e,"fontSize",30)},get fontFamily(){return u(e,"fontFamily","Roboto")},get fontWeight(){return u(e,"fontWeight","normal")},get fontStyle(){return u(e,"fontStyle","normal")},get textDecoration(){return u(e,"textDecoration","")},get textTransform(){return u(e,"textTransform","none")},get fill(){return u(e,"fill","black")},get align(){return u(e,"align","left")},get verticalAlign(){return u(e,"verticalAlign","top")},get lineHeight(){return u(e,"lineHeight",1.2)},get letterSpacing(){return u(e,"letterSpacing",0)},get strokeWidth(){return u(e,"strokeWidth",0)},get stroke(){return u(e,"stroke","black")},get cellBackground(){return u(e,"cellBackground","transparent")},get cellPadding(){return u(e,"cellPadding",4)},get width(){if(!o(e)){return 100}try{return g(e).getCellRect(t.row,t.col,e.rowSpan,e.colSpan).width}catch(l){return 100}},get height(){if(!o(e)){return 100}try{return g(e).getCellRect(t.row,t.col,e.rowSpan,e.colSpan).height}catch(l){return 100}},get a(){var l;if(!o(e)){return{x:0,y:0,width:100,height:100,rotation:0,opacity:1,fontSize:16}}const r=g(e).getCellRect(t.row,t.col,e.rowSpan,e.colSpan),n=t.cellPadding;return{x:r.x+n,y:r.y+n,width:r.width-2*n,height:r.height-2*n,rotation:0,opacity:null!==(l=e.opacity)&&void 0!==l?l:1,fontSize:t.fontSize}},getEffectiveBorder(t){var l,r,n,s,i,d,c;const a=o(e)?g(e):null,u=null===(l=e.borders)||void 0===l?void 0:l[t];return{color:null!==(n=null!==(r=null==u?void 0:u.color)&&void 0!==r?r:null==a?void 0:a.borderColor)&&void 0!==n?n:"#000000",width:null!==(i=null!==(s=null==u?void 0:u.width)&&void 0!==s?s:null==a?void 0:a.borderWidth)&&void 0!==i?i:1,style:null!==(c=null!==(d=null==u?void 0:u.style)&&void 0!==d?d:null==a?void 0:a.borderStyle)&&void 0!==c?c:"solid"}},get x(){return 0},get y(){return 0},get rotation(){return 0},get draggable(){return!1},get resizable(){return!1},get selectable(){return!1},get removable(){return!1},get contentEditable(){return!0},get visible(){return!0},get showInExport(){return!0},get alwaysOnTop(){return!1},get placeholder(){return""},get backgroundEnabled(){return!1},get backgroundOpacity(){return 1},get backgroundColor(){return"transparent"},get backgroundCornerRadius(){return 0},get backgroundPadding(){return 0},get curveEnabled(){return!1},get curvePower(){return 0},get shadowEnabled(){return!1},get shadowBlur(){return 0},get shadowOffsetX(){return 0},get shadowOffsetY(){return 0},get shadowColor(){return"black"},get shadowOpacity(){return 1},get blurEnabled(){return!1},get blurRadius(){return 0},get brightnessEnabled(){return!1},get brightness(){return 0},get sepiaEnabled(){return!1},get grayscaleEnabled(){return!1},get animations(){return v}};return t}).actions(e=>({toJSON:()=>Object.assign({},l(e)),set(t){const l={};for(const[e,o]of Object.entries(t)){p.has(e)?l[`_${e}`]=o:"borders"===e?l.borders=o?JSON.parse(JSON.stringify(o)):o:y.has(e)||(l[e]=o)}Object.assign(e,l)},setBorder(t,o){const r=e.borders?Object.assign({},l(e.borders)):{},s=r[t]||{},i=Object.assign({},s);void 0!==o.color&&(i.color=o.color),void 0!==o.width&&(i.width=o.width),void 0!==o.style&&(i.style=o.style),r[t]=i,e.borders=n(r)},toggleEditMode(t){const l=null!=t?t:!e._editModeEnabled;l!==e._editModeEnabled&&(e._editModeEnabled=l,e._editModeEnabled?e.store.history.startTransaction():e.store.history.endTransaction())}}));function H(e){return Array.from({length:e},()=>1/e)}function S(e){const t=e.reduce((e,t)=>e+t,0);return 0===t?H(e.length):e.map(e=>e/t)}export const TableElement=d.named("Table").props({type:"table",width:300,height:200,rows:3,cols:3,colWidths:e.array(e.number),rowHeights:e.array(e.number),cells:e.array(TableCell),borderColor:"#000000",borderWidth:1,borderStyle:e.optional(e.enumeration(["solid","dashed","dotted","none"]),"solid"),fontSize:30,fontFamily:"Roboto",fontWeight:"normal",fontStyle:"normal",textDecoration:"",textTransform:"none",fill:"black",align:"left",verticalAlign:"top",lineHeight:e.optional(e.union(e.number,e.string),1.2),letterSpacing:0,strokeWidth:0,stroke:"black",cellBackground:"transparent",cellPadding:4}).postProcessSnapshot(e=>{e.cells&&((e=Object.assign({},e)).cells=e.cells.map(t=>{const l={};for(const[o,r]of Object.entries(t)){p.has(o)&&r===e[o]||(l[o]=r)}return l}));for(const t of m){delete e[t]}return e}).volatile(()=>({_focusedCellIds:[],_editingCellId:void 0,_anchorCellId:void 0,_cellContentHeights:s.map(),_baseRowHeights:null,_baseHeight:null,_isResizingRows:!1,_isTransforming:!1})).actions(e=>({afterCreate(){const t=e.rows*e.cols;if(0===e.cells.length){e.cells.replace(n(function(e,t){const l=[];for(let o=0;o<e*t;o++){l.push({id:i(10),text:""})}return l}(e.rows,e.cols)))}else if(e.cells.length<t){for(;e.cells.length<t;){e.cells.push(n({id:i(10),text:""}))}}else{e.cells.length>t&&e.cells.splice(t)}0===e.colWidths.length&&e.colWidths.replace(H(e.cols)),0===e.rowHeights.length&&e.rowHeights.replace(H(e.rows))}})).views(e=>({get _cellMap(){const t=new Map,l=e.cols;return e.cells.forEach((e,o)=>{t.set(`${Math.floor(o/l)}:${o%l}`,e)}),t},getActualRowHeight:t=>e.rowHeights[t]*e.height})).views(e=>{const t={getCell:(t,l)=>e._cellMap.get(`${t}:${l}`),get minWidth(){return 20*e.cols},get minHeight(){return 20*e.rows},get actualHeight(){let t=0;for(let l=0;l<e.rows;l++){t+=e.getActualRowHeight(l)}return t},getCellRect(t,l,o=1,r=1){let n=0;for(let c=0;c<l;c++){n+=e.colWidths[c]*e.width}let s=0;for(let c=0;c<t;c++){s+=e.getActualRowHeight(c)}let i=0;for(let c=l;c<l+r;c++){i+=(e.colWidths[c]||0)*e.width}let d=0;for(let c=t;c<t+o;c++){d+=e.getActualRowHeight(c)}return{x:n,y:s,width:i,height:d}},get visibleCells(){return e.cells.filter(e=>!e.mergedInto)},get focusedCells(){return e.cells.filter(t=>e._focusedCellIds.includes(t.id))},get editingCell(){if(e._editingCellId){return e.cells.find(t=>t.id===e._editingCellId)}},get _fitRowsToContent(){var l,o;if(e._isResizingRows){return null}if(e._isTransforming){return null}if(0===e._cellContentHeights.size){return null}const r=null!==(l=e._baseHeight)&&void 0!==l?l:e.height,n=null!==(o=e._baseRowHeights)&&void 0!==o?o:[...e.rowHeights];let s=!1;const i=[];for(let c=0;c<e.rows;c++){const l=e.rowHeights[c]*e.height,o=n[c]*r;let d=0;for(let r=0;r<e.cols;r++){const l=t.getCell(c,r);if(!l){continue}const o=e._cellContentHeights.get(l.id);if(void 0!==o){const e=o+2*l.cellPadding;d=Math.max(d,e)}}const a=Math.max(d,o);Math.abs(a-l)>1?(i.push(a),s=!0):i.push(l)}if(!s){return null}const d=i.reduce((e,t)=>e+t,0);return{rowHeights:i.map(e=>e/d),height:d}}};return t}).actions(e=>{const t={setCellContentHeight(t,l){e._cellContentHeights.set(t,l)},_applyFitRowsToContent(){null===e._baseRowHeights&&(e._baseRowHeights=[...e.rowHeights],e._baseHeight=e.height);const t=e._fitRowsToContent;t&&(e.height=t.height,e.rowHeights.replace(t.rowHeights))},focusCell(t,l=!1){l?e._focusedCellIds.includes(t)||(e._focusedCellIds=[...e._focusedCellIds,t]):(e._focusedCellIds=[t],e._anchorCellId=t)},focusCellRange(t,l){const o=e.cells.find(t=>t.id===e._anchorCellId);if(!o){return}const r=Math.min(o.row,t),n=Math.max(o.row,t),s=Math.min(o.col,l),i=Math.max(o.col,l),d=[];for(const c of e.cells){c.row>=r&&c.row<=n&&c.col>=s&&c.col<=i&&d.push(c.id)}e._focusedCellIds=d},clearCellFocus(){if(o(e)){if(e._editingCellId){const t=e.cells.find(t=>t.id===e._editingCellId);t&&t.toggleEditMode(!1)}e._focusedCellIds=[],e._editingCellId=void 0,e._anchorCellId=void 0}},enterCellEdit(t){e._editingCellId=t,e._focusedCellIds.includes(t)||(e._focusedCellIds=[t]);const l=e.cells.find(e=>e.id===t);l&&l.toggleEditMode(!0)},exitCellEdit(){if(e._editingCellId){const t=e.cells.find(t=>t.id===e._editingCellId);t&&t.toggleEditMode(!1)}e._editingCellId=void 0},_resetBaseRowHeights(){e._baseRowHeights=null,e._baseHeight=null},_setIsResizingRows(t){e._isResizingRows=t},_setIsTransforming(t){e._isTransforming=t},addRow(l){t._resetBaseRowHeights();const o=l>0?l-1:0,r=(e.rowHeights[o]||1/(e.rows+1))*e.height,s=e.height+r,d=[];for(let t=0;t<e.rows;t++){d.push(e.rowHeights[t]*e.height/s)}d.splice(l,0,r/s);const c=l*e.cols,a=Array.from({length:e.cols},()=>({id:i(10),text:""}));e.cells.splice(c,0,...n(a)),e.rows+=1,e.height=s,e.rowHeights.replace(S(d))},removeRow(l){if(e.rows<=1){return}t._resetBaseRowHeights();const o=l*e.cols,r=[];for(let t=o;t<o+e.cols;t++){r.push(e.cells[t].id)}if(e._editingCellId&&r.includes(e._editingCellId)){const t=e.cells.find(t=>t.id===e._editingCellId);t&&t.toggleEditMode(!1),e._editingCellId=void 0}e._focusedCellIds=e._focusedCellIds.filter(e=>!r.includes(e)),r.forEach(t=>e._cellContentHeights.delete(t)),e.cells.splice(o,e.cols);const n=[...e.rowHeights];n.splice(l,1),e.rows-=1,e.rowHeights.replace(S(n))},addColumn(t){const l=t>0?t-1:0,o=(e.colWidths[l]||1/(e.cols+1))*e.width,r=e.width+o,s=[];for(let n=0;n<e.cols;n++){s.push(e.colWidths[n]*e.width/r)}s.splice(t,0,o/r);const d=e.cols;for(let c=e.rows-1;c>=0;c--){e.cells.splice(c*d+t,0,n({id:i(10),text:""}))}e.cols+=1,e.width=r,e.colWidths.replace(S(s))},removeColumn(t){if(e.cols<=1){return}const l=e.cols,o=[];for(let n=0;n<e.rows;n++){o.push(e.cells[n*l+t].id)}if(e._editingCellId&&o.includes(e._editingCellId)){const t=e.cells.find(t=>t.id===e._editingCellId);t&&t.toggleEditMode(!1),e._editingCellId=void 0}e._focusedCellIds=e._focusedCellIds.filter(e=>!o.includes(e)),o.forEach(t=>e._cellContentHeights.delete(t));for(let n=e.rows-1;n>=0;n--){e.cells.splice(n*l+t,1)}const r=[...e.colWidths];r.splice(t,1),e.cols-=1,e.colWidths.replace(S(r))},distributeRowsEvenly(){t._resetBaseRowHeights(),e.rowHeights.replace(H(e.rows))},distributeColumnsEvenly(){e.colWidths.replace(H(e.cols))},resizeColumn(t,l){if(t>=e.cols-1){return}const o=[...e.colWidths],r=o[t]+o[t+1],n=o[t]+l,s=o[t+1]-l;n<c?(o[t]=c,o[t+1]=r-c):s<c?(o[t+1]=c,o[t]=r-c):(o[t]=n,o[t+1]=s),e.colWidths.replace(o)},resizeRow(t,l){if(t>=e.rows-1){return}const o=[...e.rowHeights],r=o[t]+o[t+1],n=o[t]+l,s=o[t+1]-l;n<c?(o[t]=c,o[t+1]=r-c):s<c?(o[t+1]=c,o[t]=r-c):(o[t]=n,o[t+1]=s),e.rowHeights.replace(o)},setCellBorders(t,l,o){const r={top:{side:"bottom",dr:-1,dc:0},bottom:{side:"top",dr:1,dc:0},left:{side:"right",dr:0,dc:-1},right:{side:"left",dr:0,dc:1}};for(const n of t){const t=e.cells.find(e=>e.id===n);if(t){for(const n of l){t.setBorder(n,o);const l=r[n],s=t.row+l.dr,i=t.col+l.dc,d=e.getCell(s,i);d&&d.setBorder(l.side,o)}}}}};return t}).actions(e=>({clone(t={},{skipSelect:l=!1}={}){const o=JSON.parse(JSON.stringify(e.toJSON()));if(t.id=t.id||i(10),o.cells){const e=new Map;o.cells.forEach(t=>{const l=t.id,o=i(10);e.set(l,o),t.id=o}),o.cells.forEach(t=>{t.mergedInto&&e.has(t.mergedInto)&&(t.mergedInto=e.get(t.mergedInto))})}return Object.assign(o,t),e.page.addElement(o,{skipSelect:l})}}));

package/model/text-model.js

@@ -1 +1 @@
-import{types as e}from"mobx-state-tree";import{Shape as t}from"./shape-model.js";export const TextElement=t.named("Text").props({type:"text",text:"",placeholder:"",fontSize:14,fontFamily:"Roboto",fontStyle:"normal",fontWeight:"normal",textDecoration:"",textTransform:"none",fill:"black",align:"center",width:100,height:0,verticalAlign:"top",strokeWidth:0,stroke:"black",lineHeight:e.optional(e.union(e.number,e.string),1.2),letterSpacing:0,_editModeEnabled:!1,backgroundEnabled:!1,backgroundColor:"#7ED321",backgroundOpacity:1,backgroundCornerRadius:.5,backgroundPadding:.5,curveEnabled:!1,curvePower:.5}).preProcessSnapshot(e=>Object.assign({},e)).actions(e=>({afterCreate(){if(!e.height){const t=e.lineHeight,o="number"==typeof t?t:parseFloat(t)||1.2;e.height=Math.round(e.fontSize*o)}},toggleEditMode(t){e._editModeEnabled=null!=t?t:!e._editModeEnabled,e._editModeEnabled?e.store.history.startTransaction():e.store.history.endTransaction()}}));
+import{types as e}from"mobx-state-tree";import{Shape as t}from"./shape-model.js";export const TextElement=t.named("Text").props({type:"text",text:"",placeholder:"",fontSize:14,fontFamily:"Roboto",fontStyle:"normal",fontWeight:"normal",textDecoration:"",textTransform:"none",fill:"black",align:"center",width:100,height:0,verticalAlign:"top",strokeWidth:0,stroke:"black",lineHeight:e.optional(e.union(e.number,e.string),1.2),letterSpacing:0,_editModeEnabled:!1,backgroundEnabled:!1,backgroundColor:"#7ED321",backgroundOpacity:1,backgroundCornerRadius:.5,backgroundPadding:.5,curveEnabled:!1,curvePower:.5}).preProcessSnapshot(e=>Object.assign({},e)).actions(e=>({afterCreate(){if(!e.height){const t=e.lineHeight,o="number"==typeof t?t:parseFloat(t)||1.2;e.height=Math.round(e.fontSize*o)}},toggleEditMode(t){const o=null!=t?t:!e._editModeEnabled;o!==e._editModeEnabled&&(e._editModeEnabled=o,e._editModeEnabled?e.store.history.startTransaction():e.store.history.endTransaction())}}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "polotno",
-  "version": "2.36.10",
+  "version": "2.37.1",
   "description": "Design Editor Framework",
   "author": "Anton Lavrenov",
   "keywords": [
@@ -158,7 +158,8 @@
     "clean": "rm -rf ./lib && rm -rf ./.parcel-cache",
     "tsc": "tsc --outDir ./lib --removeComments --sourceMap false || echo \"tsc faild for some file(s).\"",
     "minify": "node minify.cjs",
-    "build": "npm run clean && npm run tsc && npm run add_version && node rename-imports.js  && npm run minify && npm run build:bundle && node blueprint-scope.js && cp ./package.json ./lib && cp ./README.md ./lib && cp ./LICENSE.md ./lib && npm run remove-test-from-lib",
+    "build:schema": "node scripts/generate-schema.cjs",
+    "build": "npm run clean && npm run tsc && npm run add_version && node rename-imports.js  && npm run minify && npm run build:bundle && node blueprint-scope.js && cp ./package.json ./lib && cp ./README.md ./lib && cp ./LICENSE.md ./lib && npm run remove-test-from-lib && npm run build:schema",
     "remove-test-from-lib": "find . -name \"*.test.js\" -type f -exec rm -f {} \\;",
     "add_version": "sed -i.bak 's/SDK_VERSION/'$npm_package_version'/' ./lib/utils/validate-key.js && rm -f ./lib/utils/validate-key.js.bak",
     "build:bundle": "parcel build && find ./lib -name '*.js.map' -type f -delete",