devextreme-vue/esm/diagram.js

DevExtreme UI and Visualization Components for Vue

/*!
 * devextreme-vue
 * Version: 25.2.7
 * Build date: Tue May 05 2026
 *
 * Copyright (c) 2012 - 2026 Developer Express Inc. ALL RIGHTS RESERVED
 *
 * This software may be modified and distributed under the terms
 * of the MIT license. See the LICENSE file in the root of the project for details.
 *
 * https://github.com/DevExpress/DevExtreme
 */

import { defineComponent } from "vue";
import { prepareComponentConfig } from "./core/index";
import Diagram from "devextreme/ui/diagram";
import { prepareConfigurationComponentConfig } from "./core/index";
const componentConfig = {
    props: {
        autoZoomMode: String,
        contextMenu: Object,
        contextToolbox: Object,
        customShapes: Array,
        customShapeTemplate: {},
        customShapeToolboxTemplate: {},
        defaultItemProperties: Object,
        disabled: Boolean,
        edges: Object,
        editing: Object,
        elementAttr: Object,
        export: Object,
        fullScreen: Boolean,
        gridSize: [Number, Object],
        hasChanges: Boolean,
        height: [Number, String],
        historyToolbar: Object,
        mainToolbar: Object,
        nodes: Object,
        onContentReady: Function,
        onCustomCommand: Function,
        onDisposing: Function,
        onInitialized: Function,
        onItemClick: Function,
        onItemDblClick: Function,
        onOptionChanged: Function,
        onRequestEditOperation: Function,
        onRequestLayoutUpdate: Function,
        onSelectionChanged: Function,
        pageColor: String,
        pageOrientation: String,
        pageSize: Object,
        propertiesPanel: Object,
        readOnly: Boolean,
        rtlEnabled: Boolean,
        showGrid: Boolean,
        simpleView: Boolean,
        snapToGrid: Boolean,
        toolbox: Object,
        units: String,
        useNativeScrolling: Boolean,
        viewToolbar: Object,
        viewUnits: String,
        visible: Boolean,
        width: [Number, String],
        zoomLevel: [Number, Object]
    },
    emits: {
        "update:isActive": null,
        "update:hoveredElement": null,
        "update:autoZoomMode": null,
        "update:contextMenu": null,
        "update:contextToolbox": null,
        "update:customShapes": null,
        "update:customShapeTemplate": null,
        "update:customShapeToolboxTemplate": null,
        "update:defaultItemProperties": null,
        "update:disabled": null,
        "update:edges": null,
        "update:editing": null,
        "update:elementAttr": null,
        "update:export": null,
        "update:fullScreen": null,
        "update:gridSize": null,
        "update:hasChanges": null,
        "update:height": null,
        "update:historyToolbar": null,
        "update:mainToolbar": null,
        "update:nodes": null,
        "update:onContentReady": null,
        "update:onCustomCommand": null,
        "update:onDisposing": null,
        "update:onInitialized": null,
        "update:onItemClick": null,
        "update:onItemDblClick": null,
        "update:onOptionChanged": null,
        "update:onRequestEditOperation": null,
        "update:onRequestLayoutUpdate": null,
        "update:onSelectionChanged": null,
        "update:pageColor": null,
        "update:pageOrientation": null,
        "update:pageSize": null,
        "update:propertiesPanel": null,
        "update:readOnly": null,
        "update:rtlEnabled": null,
        "update:showGrid": null,
        "update:simpleView": null,
        "update:snapToGrid": null,
        "update:toolbox": null,
        "update:units": null,
        "update:useNativeScrolling": null,
        "update:viewToolbar": null,
        "update:viewUnits": null,
        "update:visible": null,
        "update:width": null,
        "update:zoomLevel": null,
    },
    computed: {
        instance() {
            return this.$_instance;
        }
    },
    beforeCreate() {
        this.$_WidgetClass = Diagram;
        this.$_hasAsyncTemplate = true;
        this.$_expectedChildren = {
            contextMenu: { isCollectionItem: false, optionName: "contextMenu" },
            contextToolbox: { isCollectionItem: false, optionName: "contextToolbox" },
            customShape: { isCollectionItem: true, optionName: "customShapes" },
            defaultItemProperties: { isCollectionItem: false, optionName: "defaultItemProperties" },
            edges: { isCollectionItem: false, optionName: "edges" },
            editing: { isCollectionItem: false, optionName: "editing" },
            export: { isCollectionItem: false, optionName: "export" },
            gridSize: { isCollectionItem: false, optionName: "gridSize" },
            historyToolbar: { isCollectionItem: false, optionName: "historyToolbar" },
            mainToolbar: { isCollectionItem: false, optionName: "mainToolbar" },
            nodes: { isCollectionItem: false, optionName: "nodes" },
            pageSize: { isCollectionItem: false, optionName: "pageSize" },
            propertiesPanel: { isCollectionItem: false, optionName: "propertiesPanel" },
            toolbox: { isCollectionItem: false, optionName: "toolbox" },
            viewToolbar: { isCollectionItem: false, optionName: "viewToolbar" },
            zoomLevel: { isCollectionItem: false, optionName: "zoomLevel" }
        };
    }
};
prepareComponentConfig(componentConfig);
const DxDiagram = defineComponent(componentConfig);
const DxAutoLayoutConfig = {
    emits: {
        "update:isActive": null,
        "update:hoveredElement": null,
        "update:orientation": null,
        "update:type": null,
    },
    props: {
        orientation: String,
        type: String
    }
};
prepareConfigurationComponentConfig(DxAutoLayoutConfig);
const DxAutoLayout = defineComponent(DxAutoLayoutConfig);
DxAutoLayout.$_optionName = "autoLayout";
const DxCommandConfig = {
    emits: {
        "update:isActive": null,
        "update:hoveredElement": null,
        "update:icon": null,
        "update:items": null,
        "update:location": null,
        "update:name": null,
        "update:text": null,
    },
    props: {
        icon: String,
        items: Array,
        location: String,
        name: String,
        text: String
    }
};
prepareConfigurationComponentConfig(DxCommandConfig);
const DxCommand = defineComponent(DxCommandConfig);
DxCommand.$_optionName = "commands";
DxCommand.$_isCollectionItem = true;
DxCommand.$_expectedChildren = {
    item: { isCollectionItem: true, optionName: "items" }
};
const DxCommandItemConfig = {
    emits: {
        "update:isActive": null,
        "update:hoveredElement": null,
        "update:icon": null,
        "update:items": null,
        "update:location": null,
        "update:name": null,
        "update:text": null,
    },
    props: {
        icon: String,
        items: Array,
        location: String,
        name: String,
        text: String
    }
};
prepareConfigurationComponentConfig(DxCommandItemConfig);
const DxCommandItem = defineComponent(DxCommandItemConfig);
DxCommandItem.$_optionName = "items";
DxCommandItem.$_isCollectionItem = true;
const DxConnectionPointConfig = {
    emits: {
        "update:isActive": null,
        "update:hoveredElement": null,
        "update:x": null,
        "update:y": null,
    },
    props: {
        x: Number,
        y: Number
    }
};
prepareConfigurationComponentConfig(DxConnectionPointConfig);
const DxConnectionPoint = defineComponent(DxConnectionPointConfig);
DxConnectionPoint.$_optionName = "connectionPoints";
DxConnectionPoint.$_isCollectionItem = true;
const DxContextMenuConfig = {
    emits: {
        "update:isActive": null,
        "update:hoveredElement": null,
        "update:commands": null,
        "update:enabled": null,
    },
    props: {
        commands: Array,
        enabled: Boolean
    }
};
prepareConfigurationComponentConfig(DxContextMenuConfig);
const DxContextMenu = defineComponent(DxContextMenuConfig);
DxContextMenu.$_optionName = "contextMenu";
DxContextMenu.$_expectedChildren = {
    command: { isCollectionItem: true, optionName: "commands" }
};
const DxContextToolboxConfig = {
    emits: {
        "update:isActive": null,
        "update:hoveredElement": null,
        "update:category": null,
        "update:displayMode": null,
        "update:enabled": null,
        "update:shapeIconsPerRow": null,
        "update:shapes": null,
        "update:width": null,
    },
    props: {
        category: String,
        displayMode: String,
        enabled: Boolean,
        shapeIconsPerRow: Number,
        shapes: Array,
        width: Number
    }
};
prepareConfigurationComponentConfig(DxContextToolboxConfig);
const DxContextToolbox = defineComponent(DxContextToolboxConfig);
DxContextToolbox.$_optionName = "contextToolbox";
const DxCustomShapeConfig = {
    emits: {
        "update:isActive": null,
        "update:hoveredElement": null,
        "update:allowEditImage": null,
        "update:allowEditText": null,
        "update:allowResize": null,
        "update:backgroundImageHeight": null,
        "update:backgroundImageLeft": null,
        "update:backgroundImageToolboxUrl": null,
        "update:backgroundImageTop": null,
        "update:backgroundImageUrl": null,
        "update:backgroundImageWidth": null,
        "update:baseType": null,
        "update:category": null,
        "update:connectionPoints": null,
        "update:defaultHeight": null,
        "update:defaultImageUrl": null,
        "update:defaultText": null,
        "update:defaultWidth": null,
        "update:imageHeight": null,
        "update:imageLeft": null,
        "update:imageTop": null,
        "update:imageWidth": null,
        "update:keepRatioOnAutoSize": null,
        "update:maxHeight": null,
        "update:maxWidth": null,
        "update:minHeight": null,
        "update:minWidth": null,
        "update:template": null,
        "update:templateHeight": null,
        "update:templateLeft": null,
        "update:templateTop": null,
        "update:templateWidth": null,
        "update:textHeight": null,
        "update:textLeft": null,
        "update:textTop": null,
        "update:textWidth": null,
        "update:title": null,
        "update:toolboxTemplate": null,
        "update:toolboxWidthToHeightRatio": null,
        "update:type": null,
    },
    props: {
        allowEditImage: Boolean,
        allowEditText: Boolean,
        allowResize: Boolean,
        backgroundImageHeight: Number,
        backgroundImageLeft: Number,
        backgroundImageToolboxUrl: String,
        backgroundImageTop: Number,
        backgroundImageUrl: String,
        backgroundImageWidth: Number,
        baseType: String,
        category: String,
        connectionPoints: Array,
        defaultHeight: Number,
        defaultImageUrl: String,
        defaultText: String,
        defaultWidth: Number,
        imageHeight: Number,
        imageLeft: Number,
        imageTop: Number,
        imageWidth: Number,
        keepRatioOnAutoSize: Boolean,
        maxHeight: Number,
        maxWidth: Number,
        minHeight: Number,
        minWidth: Number,
        template: {},
        templateHeight: Number,
        templateLeft: Number,
        templateTop: Number,
        templateWidth: Number,
        textHeight: Number,
        textLeft: Number,
        textTop: Number,
        textWidth: Number,
        title: String,
        toolboxTemplate: {},
        toolboxWidthToHeightRatio: Number,
        type: String
    }
};
prepareConfigurationComponentConfig(DxCustomShapeConfig);
const DxCustomShape = defineComponent(DxCustomShapeConfig);
DxCustomShape.$_optionName = "customShapes";
DxCustomShape.$_isCollectionItem = true;
DxCustomShape.$_expectedChildren = {
    connectionPoint: { isCollectionItem: true, optionName: "connectionPoints" }
};
const DxDefaultItemPropertiesConfig = {
    emits: {
        "update:isActive": null,
        "update:hoveredElement": null,
        "update:connectorLineEnd": null,
        "update:connectorLineStart": null,
        "update:connectorLineType": null,
        "update:shapeMaxHeight": null,
        "update:shapeMaxWidth": null,
        "update:shapeMinHeight": null,
        "update:shapeMinWidth": null,
        "update:style": null,
        "update:textStyle": null,
    },
    props: {
        connectorLineEnd: String,
        connectorLineStart: String,
        connectorLineType: String,
        shapeMaxHeight: Number,
        shapeMaxWidth: Number,
        shapeMinHeight: Number,
        shapeMinWidth: Number,
        style: Object,
        textStyle: Object
    }
};
prepareConfigurationComponentConfig(DxDefaultItemPropertiesConfig);
const DxDefaultItemProperties = defineComponent(DxDefaultItemPropertiesConfig);
DxDefaultItemProperties.$_optionName = "defaultItemProperties";
const DxEdgesConfig = {
    emits: {
        "update:isActive": null,
        "update:hoveredElement": null,
        "update:customDataExpr": null,
        "update:dataSource": null,
        "update:fromExpr": null,
        "update:fromLineEndExpr": null,
        "update:fromPointIndexExpr": null,
        "update:keyExpr": null,
        "update:lineTypeExpr": null,
        "update:lockedExpr": null,
        "update:pointsExpr": null,
        "update:styleExpr": null,
        "update:textExpr": null,
        "update:textStyleExpr": null,
        "update:toExpr": null,
        "update:toLineEndExpr": null,
        "update:toPointIndexExpr": null,
        "update:zIndexExpr": null,
    },
    props: {
        customDataExpr: [Function, String],
        dataSource: [Array, Object, String],
        fromExpr: [Function, String],
        fromLineEndExpr: [Function, String],
        fromPointIndexExpr: [Function, String],
        keyExpr: [Function, String],
        lineTypeExpr: [Function, String],
        lockedExpr: [Function, String],
        pointsExpr: [Function, String],
        styleExpr: [Function, String],
        textExpr: [Function, String],
        textStyleExpr: [Function, String],
        toExpr: [Function, String],
        toLineEndExpr: [Function, String],
        toPointIndexExpr: [Function, String],
        zIndexExpr: [Function, String]
    }
};
prepareConfigurationComponentConfig(DxEdgesConfig);
const DxEdges = defineComponent(DxEdgesConfig);
DxEdges.$_optionName = "edges";
const DxEditingConfig = {
    emits: {
        "update:isActive": null,
        "update:hoveredElement": null,
        "update:allowAddShape": null,
        "update:allowChangeConnection": null,
        "update:allowChangeConnectorPoints": null,
        "update:allowChangeConnectorText": null,
        "update:allowChangeShapeText": null,
        "update:allowDeleteConnector": null,
        "update:allowDeleteShape": null,
        "update:allowMoveShape": null,
        "update:allowResizeShape": null,
    },
    props: {
        allowAddShape: Boolean,
        allowChangeConnection: Boolean,
        allowChangeConnectorPoints: Boolean,
        allowChangeConnectorText: Boolean,
        allowChangeShapeText: Boolean,
        allowDeleteConnector: Boolean,
        allowDeleteShape: Boolean,
        allowMoveShape: Boolean,
        allowResizeShape: Boolean
    }
};
prepareConfigurationComponentConfig(DxEditingConfig);
const DxEditing = defineComponent(DxEditingConfig);
DxEditing.$_optionName = "editing";
const DxExportConfig = {
    emits: {
        "update:isActive": null,
        "update:hoveredElement": null,
        "update:fileName": null,
    },
    props: {
        fileName: String
    }
};
prepareConfigurationComponentConfig(DxExportConfig);
const DxExport = defineComponent(DxExportConfig);
DxExport.$_optionName = "export";
const DxGridSizeConfig = {
    emits: {
        "update:isActive": null,
        "update:hoveredElement": null,
        "update:items": null,
        "update:value": null,
    },
    props: {
        items: Array,
        value: Number
    }
};
prepareConfigurationComponentConfig(DxGridSizeConfig);
const DxGridSize = defineComponent(DxGridSizeConfig);
DxGridSize.$_optionName = "gridSize";
const DxGroupConfig = {
    emits: {
        "update:isActive": null,
        "update:hoveredElement": null,
        "update:category": null,
        "update:commands": null,
        "update:displayMode": null,
        "update:expanded": null,
        "update:shapes": null,
        "update:title": null,
    },
    props: {
        category: String,
        commands: Array,
        displayMode: String,
        expanded: Boolean,
        shapes: Array,
        title: String
    }
};
prepareConfigurationComponentConfig(DxGroupConfig);
const DxGroup = defineComponent(DxGroupConfig);
DxGroup.$_optionName = "groups";
DxGroup.$_isCollectionItem = true;
DxGroup.$_expectedChildren = {
    command: { isCollectionItem: true, optionName: "commands" }
};
const DxHistoryToolbarConfig = {
    emits: {
        "update:isActive": null,
        "update:hoveredElement": null,
        "update:commands": null,
        "update:visible": null,
    },
    props: {
        commands: Array,
        visible: Boolean
    }
};
prepareConfigurationComponentConfig(DxHistoryToolbarConfig);
const DxHistoryToolbar = defineComponent(DxHistoryToolbarConfig);
DxHistoryToolbar.$_optionName = "historyToolbar";
DxHistoryToolbar.$_expectedChildren = {
    command: { isCollectionItem: true, optionName: "commands" }
};
const DxItemConfig = {
    emits: {
        "update:isActive": null,
        "update:hoveredElement": null,
        "update:height": null,
        "update:icon": null,
        "update:items": null,
        "update:location": null,
        "update:name": null,
        "update:text": null,
        "update:width": null,
    },
    props: {
        height: Number,
        icon: String,
        items: Array,
        location: String,
        name: String,
        text: String,
        width: Number
    }
};
prepareConfigurationComponentConfig(DxItemConfig);
const DxItem = defineComponent(DxItemConfig);
DxItem.$_optionName = "items";
DxItem.$_isCollectionItem = true;
const DxMainToolbarConfig = {
    emits: {
        "update:isActive": null,
        "update:hoveredElement": null,
        "update:commands": null,
        "update:visible": null,
    },
    props: {
        commands: Array,
        visible: Boolean
    }
};
prepareConfigurationComponentConfig(DxMainToolbarConfig);
const DxMainToolbar = defineComponent(DxMainToolbarConfig);
DxMainToolbar.$_optionName = "mainToolbar";
DxMainToolbar.$_expectedChildren = {
    command: { isCollectionItem: true, optionName: "commands" }
};
const DxNodesConfig = {
    emits: {
        "update:isActive": null,
        "update:hoveredElement": null,
        "update:autoLayout": null,
        "update:autoSizeEnabled": null,
        "update:containerChildrenExpr": null,
        "update:containerKeyExpr": null,
        "update:customDataExpr": null,
        "update:dataSource": null,
        "update:heightExpr": null,
        "update:imageUrlExpr": null,
        "update:itemsExpr": null,
        "update:keyExpr": null,
        "update:leftExpr": null,
        "update:lockedExpr": null,
        "update:parentKeyExpr": null,
        "update:styleExpr": null,
        "update:textExpr": null,
        "update:textStyleExpr": null,
        "update:topExpr": null,
        "update:typeExpr": null,
        "update:widthExpr": null,
        "update:zIndexExpr": null,
    },
    props: {
        autoLayout: [String, Object],
        autoSizeEnabled: Boolean,
        containerChildrenExpr: [Function, String],
        containerKeyExpr: [Function, String],
        customDataExpr: [Function, String],
        dataSource: [Array, Object, String],
        heightExpr: [Function, String],
        imageUrlExpr: [Function, String],
        itemsExpr: [Function, String],
        keyExpr: [Function, String],
        leftExpr: [Function, String],
        lockedExpr: [Function, String],
        parentKeyExpr: [Function, String],
        styleExpr: [Function, String],
        textExpr: [Function, String],
        textStyleExpr: [Function, String],
        topExpr: [Function, String],
        typeExpr: [Function, String],
        widthExpr: [Function, String],
        zIndexExpr: [Function, String]
    }
};
prepareConfigurationComponentConfig(DxNodesConfig);
const DxNodes = defineComponent(DxNodesConfig);
DxNodes.$_optionName = "nodes";
DxNodes.$_expectedChildren = {
    autoLayout: { isCollectionItem: false, optionName: "autoLayout" }
};
const DxPageSizeConfig = {
    emits: {
        "update:isActive": null,
        "update:hoveredElement": null,
        "update:height": null,
        "update:items": null,
        "update:width": null,
    },
    props: {
        height: Number,
        items: Array,
        width: Number
    }
};
prepareConfigurationComponentConfig(DxPageSizeConfig);
const DxPageSize = defineComponent(DxPageSizeConfig);
DxPageSize.$_optionName = "pageSize";
DxPageSize.$_expectedChildren = {
    item: { isCollectionItem: true, optionName: "items" },
    pageSizeItem: { isCollectionItem: true, optionName: "items" }
};
const DxPageSizeItemConfig = {
    emits: {
        "update:isActive": null,
        "update:hoveredElement": null,
        "update:height": null,
        "update:text": null,
        "update:width": null,
    },
    props: {
        height: Number,
        text: String,
        width: Number
    }
};
prepareConfigurationComponentConfig(DxPageSizeItemConfig);
const DxPageSizeItem = defineComponent(DxPageSizeItemConfig);
DxPageSizeItem.$_optionName = "items";
DxPageSizeItem.$_isCollectionItem = true;
const DxPropertiesPanelConfig = {
    emits: {
        "update:isActive": null,
        "update:hoveredElement": null,
        "update:tabs": null,
        "update:visibility": null,
    },
    props: {
        tabs: Array,
        visibility: String
    }
};
prepareConfigurationComponentConfig(DxPropertiesPanelConfig);
const DxPropertiesPanel = defineComponent(DxPropertiesPanelConfig);
DxPropertiesPanel.$_optionName = "propertiesPanel";
DxPropertiesPanel.$_expectedChildren = {
    tab: { isCollectionItem: true, optionName: "tabs" }
};
const DxTabConfig = {
    emits: {
        "update:isActive": null,
        "update:hoveredElement": null,
        "update:commands": null,
        "update:groups": null,
        "update:title": null,
    },
    props: {
        commands: Array,
        groups: Array,
        title: String
    }
};
prepareConfigurationComponentConfig(DxTabConfig);
const DxTab = defineComponent(DxTabConfig);
DxTab.$_optionName = "tabs";
DxTab.$_isCollectionItem = true;
DxTab.$_expectedChildren = {
    command: { isCollectionItem: true, optionName: "commands" },
    group: { isCollectionItem: true, optionName: "groups" },
    tabGroup: { isCollectionItem: true, optionName: "groups" }
};
const DxTabGroupConfig = {
    emits: {
        "update:isActive": null,
        "update:hoveredElement": null,
        "update:commands": null,
        "update:title": null,
    },
    props: {
        commands: Array,
        title: String
    }
};
prepareConfigurationComponentConfig(DxTabGroupConfig);
const DxTabGroup = defineComponent(DxTabGroupConfig);
DxTabGroup.$_optionName = "groups";
DxTabGroup.$_isCollectionItem = true;
DxTabGroup.$_expectedChildren = {
    command: { isCollectionItem: true, optionName: "commands" }
};
const DxToolboxConfig = {
    emits: {
        "update:isActive": null,
        "update:hoveredElement": null,
        "update:groups": null,
        "update:shapeIconsPerRow": null,
        "update:showSearch": null,
        "update:visibility": null,
        "update:width": null,
    },
    props: {
        groups: Array,
        shapeIconsPerRow: Number,
        showSearch: Boolean,
        visibility: String,
        width: Number
    }
};
prepareConfigurationComponentConfig(DxToolboxConfig);
const DxToolbox = defineComponent(DxToolboxConfig);
DxToolbox.$_optionName = "toolbox";
DxToolbox.$_expectedChildren = {
    group: { isCollectionItem: true, optionName: "groups" },
    toolboxGroup: { isCollectionItem: true, optionName: "groups" }
};
const DxToolboxGroupConfig = {
    emits: {
        "update:isActive": null,
        "update:hoveredElement": null,
        "update:category": null,
        "update:displayMode": null,
        "update:expanded": null,
        "update:shapes": null,
        "update:title": null,
    },
    props: {
        category: String,
        displayMode: String,
        expanded: Boolean,
        shapes: Array,
        title: String
    }
};
prepareConfigurationComponentConfig(DxToolboxGroupConfig);
const DxToolboxGroup = defineComponent(DxToolboxGroupConfig);
DxToolboxGroup.$_optionName = "groups";
DxToolboxGroup.$_isCollectionItem = true;
const DxViewToolbarConfig = {
    emits: {
        "update:isActive": null,
        "update:hoveredElement": null,
        "update:commands": null,
        "update:visible": null,
    },
    props: {
        commands: Array,
        visible: Boolean
    }
};
prepareConfigurationComponentConfig(DxViewToolbarConfig);
const DxViewToolbar = defineComponent(DxViewToolbarConfig);
DxViewToolbar.$_optionName = "viewToolbar";
DxViewToolbar.$_expectedChildren = {
    command: { isCollectionItem: true, optionName: "commands" }
};
const DxZoomLevelConfig = {
    emits: {
        "update:isActive": null,
        "update:hoveredElement": null,
        "update:items": null,
        "update:value": null,
    },
    props: {
        items: Array,
        value: Number
    }
};
prepareConfigurationComponentConfig(DxZoomLevelConfig);
const DxZoomLevel = defineComponent(DxZoomLevelConfig);
DxZoomLevel.$_optionName = "zoomLevel";
export default DxDiagram;
export { DxDiagram, DxAutoLayout, DxCommand, DxCommandItem, DxConnectionPoint, DxContextMenu, DxContextToolbox, DxCustomShape, DxDefaultItemProperties, DxEdges, DxEditing, DxExport, DxGridSize, DxGroup, DxHistoryToolbar, DxItem, DxMainToolbar, DxNodes, DxPageSize, DxPageSizeItem, DxPropertiesPanel, DxTab, DxTabGroup, DxToolbox, DxToolboxGroup, DxViewToolbar, DxZoomLevel };