@contrail/documents 1.0.107 → 1.0.109

package/lib/document-element-factory.js

@@ -1,77 +1,171 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DocumentElementFactory = void 0;
-const nanoid_1 = require("nanoid");
-const components_1 = require("./components/components");
-const document_element_property_binding_handler_1 = require("./document-element-property-binding-handler");
-class DocumentElementFactory {
-    static initNewElement(type) {
-        const element = {
-            id: (0, nanoid_1.nanoid)(16),
-            position: { x: 300, y: 300 },
-            type,
-        };
-        return element;
-    }
-    static createTextElement(text, options = {}) {
-        let element = this.initNewElement('text');
-        element.text = text;
-        element.size = { width: 65, height: 20 };
-        element.style = {
-            color: '#000000',
-        };
-        element = Object.assign(element, options);
-        return element;
-    }
-    static createShapeElement(type, options = {}) {
-        let element = this.initNewElement(type);
-        element = Object.assign(element, options);
-        return element;
-    }
-    static createElement(type, options = {}) {
-        var _a;
-        let element = this.initNewElement(type);
-        element = Object.assign(element, options);
-        if (((_a = element === null || element === void 0 ? void 0 : element.elements) === null || _a === void 0 ? void 0 : _a.length) > 0) {
-            element.elements = element.elements.map((e) => {
-                e.id = (0, nanoid_1.nanoid)(16);
-                return e;
-            });
-        }
-        return element;
-    }
-    static createImageElement(options) {
-        let element = this.initNewElement('image');
-        element = Object.assign(element, options);
-        return element;
-    }
-    static createFrameElement(options) {
-        let element = this.initNewElement('frame');
-        element = Object.assign(element, options);
-        return element;
-    }
-    static createComponent(componentType, model, modelBindings, options) {
-        const componentDefinition = components_1.ComponentRegistry.getComponentDefinition(componentType);
-        return this.createComponentFromComponentDefinition(componentDefinition, model, modelBindings, options);
-    }
-    static createComponentFromComponentDefinition(componentDefinition, model, modelBindings, options) {
-        var _a;
-        let element = this.initNewElement('component');
-        if (options) {
-            element = Object.assign(element, options);
-        }
-        const elements = JSON.parse(JSON.stringify(componentDefinition.defaultTemplate.elements));
-        document_element_property_binding_handler_1.DocumentElementPropertyBindingHandler.bindPropertiesToElement(element, model);
-        document_element_property_binding_handler_1.DocumentElementPropertyBindingHandler.bindPropertiesToElements(elements, model);
-        element.elements = elements;
-        element.modelBindings = modelBindings;
-        if (((_a = element === null || element === void 0 ? void 0 : element.elements) === null || _a === void 0 ? void 0 : _a.length) > 0) {
-            element.elements = element.elements.map((e) => {
-                e.id = (0, nanoid_1.nanoid)(16);
-                return e;
-            });
-        }
-        return element;
-    }
-}
-exports.DocumentElementFactory = DocumentElementFactory;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DocumentElementFactory = void 0;
+const util_1 = require("@contrail/util");
+const nanoid_1 = require("nanoid");
+const components_1 = require("./components/components");
+const document_element_property_binding_handler_1 = require("./document-element-property-binding-handler");
+const document_table_1 = require("@contrail/document-table");
+class DocumentElementFactory {
+    static initNewElement(type) {
+        const element = {
+            id: (0, nanoid_1.nanoid)(16),
+            position: { x: 300, y: 300 },
+            type,
+        };
+        return element;
+    }
+    static createTextElement(text, options = {}) {
+        let element = this.initNewElement('text');
+        element.text = text;
+        element.size = { width: 65, height: 20 };
+        element.style = {
+            color: '#000000',
+        };
+        element = Object.assign(element, options);
+        return element;
+    }
+    static createShapeElement(type, options = {}) {
+        let element = this.initNewElement(type);
+        element = Object.assign(element, options);
+        return element;
+    }
+    static createElement(type, options = {}) {
+        var _a;
+        let element = this.initNewElement(type);
+        element = Object.assign(element, options);
+        if (((_a = element === null || element === void 0 ? void 0 : element.elements) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+            element.elements = element.elements.map(e => {
+                e.id = (0, nanoid_1.nanoid)(16);
+                return e;
+            });
+        }
+        return element;
+    }
+    static createImageElement(options) {
+        let element = this.initNewElement('image');
+        element = Object.assign(element, options);
+        return element;
+    }
+    static createFrameElement(options) {
+        let element = this.initNewElement('frame');
+        element = Object.assign(element, options);
+        return element;
+    }
+    static createComponent(componentType, model, modelBindings, options) {
+        const componentDefinition = components_1.ComponentRegistry.getComponentDefinition(componentType);
+        return this.createComponentFromComponentDefinition(componentDefinition, model, modelBindings, options);
+    }
+    static createComponentFromComponentDefinition(componentDefinition, model, modelBindings, options) {
+        var _a;
+        let element = this.initNewElement('component');
+        if (options) {
+            element = Object.assign(element, options);
+        }
+        const elements = JSON.parse(JSON.stringify(componentDefinition.defaultTemplate.elements));
+        document_element_property_binding_handler_1.DocumentElementPropertyBindingHandler.bindPropertiesToElement(element, model);
+        document_element_property_binding_handler_1.DocumentElementPropertyBindingHandler.bindPropertiesToElements(elements, model);
+        element.elements = elements;
+        element.modelBindings = modelBindings;
+        if (((_a = element === null || element === void 0 ? void 0 : element.elements) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+            element.elements = element.elements.map(e => {
+                e.id = (0, nanoid_1.nanoid)(16);
+                return e;
+            });
+        }
+        return element;
+    }
+    static copyElements(elements, commonOptions = {}, documentId, positionOffset, lastFrameNumber) {
+        var _a;
+        const oldIdToNewId = new Map();
+        const newElements = [];
+        const groupElements = [];
+        const maskElements = [];
+        let frameNumber = lastFrameNumber;
+        for (const element of elements) {
+            if (['row', 'column', 'cell'].indexOf(element.type) !== -1)
+                continue;
+            let newElement = util_1.ObjectUtil.mergeDeep({}, element, commonOptions);
+            if (frameNumber != undefined && newElement.type === 'frame') {
+                newElement.name = `Frame ${frameNumber}`;
+                frameNumber = frameNumber + 1;
+            }
+            delete newElement.id;
+            delete newElement.specifiedId;
+            if (((_a = newElement === null || newElement === void 0 ? void 0 : newElement.elements) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+                for (const e of newElement.elements) {
+                    delete e.id;
+                    delete e.specifiedId;
+                }
+            }
+            let newId = (0, nanoid_1.nanoid)(16);
+            if (newElement.type === 'table') {
+                const oldChildElements = elements.filter(e => e.tableId === element.id && ['cell', 'column', 'row'].indexOf(e.type) !== -1);
+                const [newTableElement, ...newChildElements] = document_table_1.TableCopyService.copy(newElement, oldChildElements);
+                if (oldChildElements.length !== newChildElements.length) {
+                    console.log(`Invalid table element to copy`, newElement, oldChildElements, newChildElements);
+                    continue;
+                }
+                newElement = newTableElement;
+                newId = newTableElement.id;
+                newChildElements.forEach(newChildElement => {
+                    var _a;
+                    let oldChildId;
+                    if (newChildElement.type === 'row') {
+                        oldChildId = element.rowIds[newTableElement.rowIds.indexOf(newChildElement.id)];
+                    }
+                    else if (newChildElement.type === 'column') {
+                        oldChildId = element.columnIds[newTableElement.columnIds.indexOf(newChildElement.id)];
+                    }
+                    else if (newChildElement.type === 'cell') {
+                        const oldRowId = element.rowIds[newTableElement.rowIds.indexOf(newChildElement.rowId)];
+                        const oldColumnId = element.columnIds[newTableElement.columnIds.indexOf(newChildElement.columnId)];
+                        oldChildId = (_a = elements.find(e => e.type === 'cell' && e.rowId === oldRowId && e.columnId === oldColumnId)) === null || _a === void 0 ? void 0 : _a.id;
+                    }
+                    if (oldChildId) {
+                        oldIdToNewId[oldChildId] = newChildElement.id;
+                        newElements.push(newChildElement);
+                    }
+                });
+            }
+            if (positionOffset) {
+                if (newElement.lineDefinition) {
+                    newElement.lineDefinition.x1 = newElement.lineDefinition.x1 + positionOffset.x;
+                    newElement.lineDefinition.y1 = newElement.lineDefinition.y1 + positionOffset.y;
+                    newElement.lineDefinition.x2 = newElement.lineDefinition.x2 + positionOffset.x;
+                    newElement.lineDefinition.y2 = newElement.lineDefinition.y2 + positionOffset.y;
+                }
+                else if (newElement.position) {
+                    newElement.position.x = newElement.position.x + positionOffset.x;
+                    newElement.position.y = newElement.position.y + positionOffset.y;
+                }
+            }
+            newElement.documentId = documentId;
+            newElement.specifiedId = newId;
+            oldIdToNewId[element.id] = newId;
+            newElement = DocumentElementFactory.createElement(element.type, newElement);
+            newElements.push(newElement);
+            if (newElement.type === 'group')
+                groupElements.push(newElement);
+            if (DocumentElementFactory.isMask(newElement))
+                maskElements.push(newElement);
+        }
+        groupElements.forEach(groupElement => {
+            groupElement.elementIds = groupElement.elementIds
+                .map(oldElementId => oldIdToNewId.get(oldElementId))
+                .filter(id => !!id);
+        });
+        maskElements.forEach(maskElement => {
+            const newElementIds = maskElement.elementIds
+                .map(oldElementId => oldIdToNewId.get(oldElementId))
+                .filter(id => !!id);
+            maskElement.elementIds = (newElementIds === null || newElementIds === void 0 ? void 0 : newElementIds.length) > 0 ? newElementIds : null;
+        });
+        return { oldIdToNewId, newElements };
+    }
+    static isMask(element) {
+        var _a;
+        return ['rectangle', 'circle'].indexOf(element === null || element === void 0 ? void 0 : element.type) !== -1 && ((_a = element === null || element === void 0 ? void 0 : element.elementIds) === null || _a === void 0 ? void 0 : _a.length) > 0;
+    }
+}
+exports.DocumentElementFactory = DocumentElementFactory;

package/lib/document-element-property-binding-handler.d.ts

@@ -1,6 +1,6 @@
-import { DocumentElement } from './types/document-element';
-export declare class DocumentElementPropertyBindingHandler {
-    static bindPropertiesToElements(elements: Array<DocumentElement>, model: any): void;
-    static bindPropertiesToElement(element: DocumentElement, model: any): void;
-    static isContentTypeWebViewable(contentType: string): boolean;
-}
+import { DocumentElement } from './types/document-element';
+export declare class DocumentElementPropertyBindingHandler {
+    static bindPropertiesToElements(elements: Array<DocumentElement>, model: any): void;
+    static bindPropertiesToElement(element: DocumentElement, model: any): void;
+    static isContentTypeWebViewable(contentType: string): boolean;
+}

package/lib/document-element-property-binding-handler.js

@@ -1,71 +1,71 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DocumentElementPropertyBindingHandler = void 0;
-const util_1 = require("@contrail/util");
-class DocumentElementPropertyBindingHandler {
-    static bindPropertiesToElements(elements, model) {
-        elements.map((el) => {
-            this.bindPropertiesToElement(el, model);
-        });
-    }
-    static bindPropertiesToElement(element, model) {
-        var _a, _b, _c, _d, _e, _f, _g;
-        const localModel = Object.assign({}, model);
-        if (!element.propertyBindings) {
-            return;
-        }
-        if (element.modelBindings) {
-        }
-        for (const propertyKey of Object.keys(element.propertyBindings)) {
-            const modelIndex = element.propertyBindings[propertyKey];
-            let propertyValue = util_1.ObjectUtil.getByPath(localModel, modelIndex);
-            if (propertyValue === null || propertyValue === undefined) {
-                propertyValue = '';
-            }
-            util_1.ObjectUtil.setByPath(element, propertyKey, propertyValue);
-        }
-        const isImage = ['image', 'svg'].includes(element.type);
-        if (((_b = (_a = element.propertyBindings) === null || _a === void 0 ? void 0 : _a.url) === null || _b === void 0 ? void 0 : _b.indexOf('viewable')) !== -1 && isImage) {
-            element.alternateUrls = {};
-            let highResUrl = ((_c = model === null || model === void 0 ? void 0 : model.viewable) === null || _c === void 0 ? void 0 : _c.largeViewableDownloadUrl) || ((_d = model === null || model === void 0 ? void 0 : model.viewable) === null || _d === void 0 ? void 0 : _d.largeViewableUrl);
-            let originalFile;
-            let viewableObject;
-            const content = (_e = model === null || model === void 0 ? void 0 : model.viewable) === null || _e === void 0 ? void 0 : _e.content;
-            if ((content === null || content === void 0 ? void 0 : content.length) > 0) {
-                const primaryContent = content.find((c) => { var _a; return (c === null || c === void 0 ? void 0 : c.id) === ((_a = model === null || model === void 0 ? void 0 : model.viewable) === null || _a === void 0 ? void 0 : _a.primaryViewableId); });
-                viewableObject = primaryContent;
-            }
-            else {
-                viewableObject = model === null || model === void 0 ? void 0 : model.viewable;
-            }
-            const contentType = viewableObject === null || viewableObject === void 0 ? void 0 : viewableObject.contentType;
-            const primaryFileUrl = viewableObject === null || viewableObject === void 0 ? void 0 : viewableObject.primaryFileUrl;
-            if (contentType === 'image/svg+xml') {
-                highResUrl = primaryFileUrl;
-            }
-            if (this.isContentTypeWebViewable(contentType)) {
-                originalFile = primaryFileUrl;
-            }
-            if (highResUrl) {
-                element.alternateUrls.highResolution = highResUrl;
-            }
-            if (originalFile) {
-                element.alternateUrls.originalFile = originalFile;
-            }
-            let lowResUrl = ((_f = model === null || model === void 0 ? void 0 : model.viewable) === null || _f === void 0 ? void 0 : _f.smallViewableDownloadUrl) || ((_g = model === null || model === void 0 ? void 0 : model.viewable) === null || _g === void 0 ? void 0 : _g.smallViewableUrl);
-            if (lowResUrl) {
-                element.alternateUrls.lowResolution = lowResUrl;
-            }
-        }
-        if (element.elements) {
-            this.bindPropertiesToElements(element.elements, localModel);
-        }
-    }
-    static isContentTypeWebViewable(contentType) {
-        if (!contentType) {
-            return false;
-        }
-        return (contentType === null || contentType === void 0 ? void 0 : contentType.indexOf('image')) > -1 && (contentType === null || contentType === void 0 ? void 0 : contentType.toLowerCase().indexOf('tiff')) < 0;
-    }
-}
-exports.DocumentElementPropertyBindingHandler = DocumentElementPropertyBindingHandler;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DocumentElementPropertyBindingHandler = void 0;
+const util_1 = require("@contrail/util");
+class DocumentElementPropertyBindingHandler {
+    static bindPropertiesToElements(elements, model) {
+        elements.map((el) => {
+            this.bindPropertiesToElement(el, model);
+        });
+    }
+    static bindPropertiesToElement(element, model) {
+        var _a, _b, _c, _d, _e, _f, _g;
+        const localModel = Object.assign({}, model);
+        if (!element.propertyBindings) {
+            return;
+        }
+        if (element.modelBindings) {
+        }
+        for (const propertyKey of Object.keys(element.propertyBindings)) {
+            const modelIndex = element.propertyBindings[propertyKey];
+            let propertyValue = util_1.ObjectUtil.getByPath(localModel, modelIndex);
+            if (propertyValue === null || propertyValue === undefined) {
+                propertyValue = '';
+            }
+            util_1.ObjectUtil.setByPath(element, propertyKey, propertyValue);
+        }
+        const isImage = ['image', 'svg'].includes(element.type);
+        if (((_b = (_a = element.propertyBindings) === null || _a === void 0 ? void 0 : _a.url) === null || _b === void 0 ? void 0 : _b.indexOf('viewable')) !== -1 && isImage) {
+            element.alternateUrls = {};
+            let highResUrl = ((_c = model === null || model === void 0 ? void 0 : model.viewable) === null || _c === void 0 ? void 0 : _c.largeViewableDownloadUrl) || ((_d = model === null || model === void 0 ? void 0 : model.viewable) === null || _d === void 0 ? void 0 : _d.largeViewableUrl);
+            let originalFile;
+            let viewableObject;
+            const content = (_e = model === null || model === void 0 ? void 0 : model.viewable) === null || _e === void 0 ? void 0 : _e.content;
+            if ((content === null || content === void 0 ? void 0 : content.length) > 0) {
+                const primaryContent = content.find((c) => { var _a; return (c === null || c === void 0 ? void 0 : c.id) === ((_a = model === null || model === void 0 ? void 0 : model.viewable) === null || _a === void 0 ? void 0 : _a.primaryViewableId); });
+                viewableObject = primaryContent;
+            }
+            else {
+                viewableObject = model === null || model === void 0 ? void 0 : model.viewable;
+            }
+            const contentType = viewableObject === null || viewableObject === void 0 ? void 0 : viewableObject.contentType;
+            const primaryFileUrl = viewableObject === null || viewableObject === void 0 ? void 0 : viewableObject.primaryFileUrl;
+            if (contentType === 'image/svg+xml') {
+                highResUrl = primaryFileUrl;
+            }
+            if (this.isContentTypeWebViewable(contentType)) {
+                originalFile = primaryFileUrl;
+            }
+            if (highResUrl) {
+                element.alternateUrls.highResolution = highResUrl;
+            }
+            if (originalFile) {
+                element.alternateUrls.originalFile = originalFile;
+            }
+            let lowResUrl = ((_f = model === null || model === void 0 ? void 0 : model.viewable) === null || _f === void 0 ? void 0 : _f.smallViewableDownloadUrl) || ((_g = model === null || model === void 0 ? void 0 : model.viewable) === null || _g === void 0 ? void 0 : _g.smallViewableUrl);
+            if (lowResUrl) {
+                element.alternateUrls.lowResolution = lowResUrl;
+            }
+        }
+        if (element.elements) {
+            this.bindPropertiesToElements(element.elements, localModel);
+        }
+    }
+    static isContentTypeWebViewable(contentType) {
+        if (!contentType) {
+            return false;
+        }
+        return (contentType === null || contentType === void 0 ? void 0 : contentType.indexOf('image')) > -1 && (contentType === null || contentType === void 0 ? void 0 : contentType.toLowerCase().indexOf('tiff')) < 0;
+    }
+}
+exports.DocumentElementPropertyBindingHandler = DocumentElementPropertyBindingHandler;

package/lib/index.d.ts

@@ -1,8 +1,8 @@
-export * from './types';
-export * from './components';
-export * from './document-element-factory';
-export * from './document-element-property-binding-handler';
-export * from './document-element-component-size-handler';
-export * from './document-action';
-export * from './util/measure-text/measure-text';
-export * from './util/dynamic-text/dynamic-text-util';
+export * from './types';
+export * from './components';
+export * from './document-element-factory';
+export * from './document-element-property-binding-handler';
+export * from './document-element-component-size-handler';
+export * from './document-action';
+export * from './util/measure-text/measure-text';
+export * from './util/dynamic-text/dynamic-text-util';

package/lib/index.js

@@ -1,24 +1,24 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./types"), exports);
-__exportStar(require("./components"), exports);
-__exportStar(require("./document-element-factory"), exports);
-__exportStar(require("./document-element-property-binding-handler"), exports);
-__exportStar(require("./document-element-component-size-handler"), exports);
-__exportStar(require("./document-action"), exports);
-__exportStar(require("./util/measure-text/measure-text"), exports);
-__exportStar(require("./util/dynamic-text/dynamic-text-util"), exports);
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./types"), exports);
+__exportStar(require("./components"), exports);
+__exportStar(require("./document-element-factory"), exports);
+__exportStar(require("./document-element-property-binding-handler"), exports);
+__exportStar(require("./document-element-component-size-handler"), exports);
+__exportStar(require("./document-action"), exports);
+__exportStar(require("./util/measure-text/measure-text"), exports);
+__exportStar(require("./util/dynamic-text/dynamic-text-util"), exports);

package/lib/types/common.d.ts

@@ -1,84 +1,84 @@
-export interface TextStyleDefinition {
-    valign?: string;
-    align?: string;
-    decoration?: string;
-}
-export interface FontStyleDefinition {
-    family?: string;
-    size?: number;
-    sizeMode?: 'auto' | 'custom';
-    weight?: string;
-    style?: string;
-    italic?: boolean;
-    strikethrough?: boolean;
-}
-export interface BorderStyleDefinition {
-    style?: string;
-    color?: string;
-    width?: number;
-    radius?: number;
-}
-export interface BackgroundStyleDefinition {
-    color?: string;
-    size?: BackgroundSizeType;
-}
-export declare enum BackgroundSizeType {
-    CONTAIN = "CONTAIN",
-    COVER = "COVER"
-}
-export interface StyleDefinition {
-    background?: BackgroundStyleDefinition;
-    text?: TextStyleDefinition;
-    font?: FontStyleDefinition;
-    border?: BorderStyleDefinition;
-    color?: string;
-    backgroundColor?: string;
-    opacity?: number;
-}
-export interface SizeDefinition {
-    width?: number;
-    height?: number;
-}
-export interface ViewBox {
-    width?: number;
-    height?: number;
-    x?: number;
-    y?: number;
-}
-export interface ViewShape {
-    type?: string;
-    width?: number;
-    height?: number;
-    x?: number;
-    y?: number;
-}
-export interface PositionDefinition {
-    x?: number;
-    y?: number;
-    z?: number;
-}
-export interface RotationDefinition {
-    angle?: number;
-}
-export interface LineDefinition {
-    x1?: number;
-    x2?: number;
-    y1?: number;
-    y2?: number;
-    markerStart?: string;
-    markerEnd?: string;
-}
-export interface CropDefinition {
-    x1?: number;
-    x2?: number;
-    y1?: number;
-    y2?: number;
-    width?: number;
-    height?: number;
-    x1Percent?: number;
-    x2Percent?: number;
-    y1Percent?: number;
-    y2Percent?: number;
-    widthPercent?: number;
-    heightPercent?: number;
-}
+export interface TextStyleDefinition {
+    valign?: string;
+    align?: string;
+    decoration?: string;
+}
+export interface FontStyleDefinition {
+    family?: string;
+    size?: number;
+    sizeMode?: 'auto' | 'custom';
+    weight?: string;
+    style?: string;
+    italic?: boolean;
+    strikethrough?: boolean;
+}
+export interface BorderStyleDefinition {
+    style?: string;
+    color?: string;
+    width?: number;
+    radius?: number;
+}
+export interface BackgroundStyleDefinition {
+    color?: string;
+    size?: BackgroundSizeType;
+}
+export declare enum BackgroundSizeType {
+    CONTAIN = "CONTAIN",
+    COVER = "COVER"
+}
+export interface StyleDefinition {
+    background?: BackgroundStyleDefinition;
+    text?: TextStyleDefinition;
+    font?: FontStyleDefinition;
+    border?: BorderStyleDefinition;
+    color?: string;
+    backgroundColor?: string;
+    opacity?: number;
+}
+export interface SizeDefinition {
+    width?: number;
+    height?: number;
+}
+export interface ViewBox {
+    width?: number;
+    height?: number;
+    x?: number;
+    y?: number;
+}
+export interface ViewShape {
+    type?: string;
+    width?: number;
+    height?: number;
+    x?: number;
+    y?: number;
+}
+export interface PositionDefinition {
+    x?: number;
+    y?: number;
+    z?: number;
+}
+export interface RotationDefinition {
+    angle?: number;
+}
+export interface LineDefinition {
+    x1?: number;
+    x2?: number;
+    y1?: number;
+    y2?: number;
+    markerStart?: string;
+    markerEnd?: string;
+}
+export interface CropDefinition {
+    x1?: number;
+    x2?: number;
+    y1?: number;
+    y2?: number;
+    width?: number;
+    height?: number;
+    x1Percent?: number;
+    x2Percent?: number;
+    y1Percent?: number;
+    y2Percent?: number;
+    widthPercent?: number;
+    heightPercent?: number;
+}