@mx-sose-front/mx-sose-graph 1.0.0

package/dist/index.d.ts

@@ -0,0 +1,3937 @@
+import { ComponentOptionsMixin } from 'vue';
+import { ComponentProvideOptions } from 'vue';
+import { ComputedRef } from 'vue';
+import { DefineComponent } from 'vue';
+import { ExtractPropTypes } from 'vue';
+import { Plugin as Plugin_2 } from 'vue';
+import { PropType } from 'vue';
+import { PublicProps } from 'vue';
+import { Ref } from 'vue';
+import { StoreDefinition } from 'pinia';
+
+declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+
+declare type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};
+
+export declare interface Bounds {
+    x?: number | undefined;
+    y?: number | undefined;
+    width?: number | undefined;
+    height?: number | undefined;
+}
+
+export declare interface Comparent {
+    keywords: string;
+    keywordsBounds?: string;
+    keywordsStyle?: string;
+    comparentLabels: TaggedValueLabel[];
+}
+
+declare interface CompartmentRecord {
+    bounds: Bounds;
+    modelId: string;
+    modelName: string;
+    comparentShapes: Shape[];
+}
+
+declare class EventBus {
+    private events;
+    on(event: string, callback: Function): void;
+    off(event: string, callback: Function): void;
+    emit(event: string, ...args: any[]): void;
+    once(event: string, callback: Function): void;
+}
+
+export declare const eventBus: EventBus;
+
+export declare interface GraphEvents {
+    onShapeClick?: (node: Shape, event: MouseEvent) => void;
+    onShapeDoubleClick?: (node: Shape, event: MouseEvent) => void;
+    onEdgeClick?: (edge: Shape, event: MouseEvent) => void;
+    onDiagramClick?: (event: MouseEvent) => void;
+    onZoom?: (scale: number) => void;
+    onPan?: (x: number, y: number) => void;
+}
+
+export declare const GraphView: DefineComponent<ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+addShapeData: Shape;
+connectShapeData: Shape;
+lines: String[];
+packages: string[];
+diagram: String[];
+taggedValueLabels: string[];
+actionButtonShapeId?: string | undefined;
+classMetaTypes: string[];
+edgeCheck: boolean;
+pins: string[];
+referentialAttributeModel: string[];
+ports: string[];
+}>>, {
+getBoundingClientRect: () => DOMRect | undefined;
+updateShapes: (shapes: Shape[]) => void;
+updateShape: (shapeId: string, updates: Partial<Shape>, id?: "id" | "modelId") => void;
+continueExternalCreateDrag: (payload: {
+clientX: number;
+clientY: number;
+}) => void;
+finishExternalCreateDrag: (payload: {
+clientX: number;
+clientY: number;
+}) => void;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"shapes-property": (value: {
+selectedShape: Shape;
+showPropertyPanel: boolean;
+}) => void;
+"shapes-edit-name": (value: {
+shape: Shape;
+newName: string;
+}) => void;
+"connect-end": (value: {
+sourceId: string;
+targetId: string;
+sourcePoint: {
+x: number;
+y: number;
+};
+targetPoint: {
+x: number;
+y: number;
+};
+waypoints: {
+x: number;
+y: number;
+}[];
+}) => void;
+"action-button-click": (value: string, shape: Shape) => void;
+diagramDoubleClick: (data: any) => void;
+"model-type-property-id-button-click": (value: string, shape: Shape) => void;
+"action-button-add": (shape: Shape) => void;
+"scale-changed": (scale: number) => void;
+}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+addShapeData: Shape;
+connectShapeData: Shape;
+lines: String[];
+packages: string[];
+diagram: String[];
+taggedValueLabels: string[];
+actionButtonShapeId?: string | undefined;
+classMetaTypes: string[];
+edgeCheck: boolean;
+pins: string[];
+referentialAttributeModel: string[];
+ports: string[];
+}>>> & Readonly<{
+"onScale-changed"?: ((scale: number) => any) | undefined;
+onDiagramDoubleClick?: ((data: any) => any) | undefined;
+"onShapes-property"?: ((value: {
+selectedShape: Shape;
+showPropertyPanel: boolean;
+}) => any) | undefined;
+"onShapes-edit-name"?: ((value: {
+shape: Shape;
+newName: string;
+}) => any) | undefined;
+"onConnect-end"?: ((value: {
+sourceId: string;
+targetId: string;
+sourcePoint: {
+x: number;
+y: number;
+};
+targetPoint: {
+x: number;
+y: number;
+};
+waypoints: {
+x: number;
+y: number;
+}[];
+}) => any) | undefined;
+"onAction-button-click"?: ((value: string, shape: Shape) => any) | undefined;
+"onModel-type-property-id-button-click"?: ((value: string, shape: Shape) => any) | undefined;
+"onAction-button-add"?: ((shape: Shape) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+
+declare const MxSoseGraphPlugin: Plugin_2<[]>;
+export { MxSoseGraphPlugin }
+export default MxSoseGraphPlugin;
+
+export declare interface NameObject {
+    name: string;
+    value?: string;
+    type?: string;
+    defaultValue?: string;
+    [key: string]: any;
+}
+
+declare type Padding = number | {
+    top: number;
+    right: number;
+    bottom: number;
+    left: number;
+};
+
+declare interface scenarioMenu {
+    [key: string]: any;
+}
+
+declare interface scenarioMenu {
+    code: string;
+    name: string;
+    icon: string;
+    sourceModels: string[];
+    targetCreateModel: string;
+    targetModels: string[];
+}
+
+export declare interface Shape {
+    id: string;
+    diagramId: string;
+    parenShapeId: string;
+    shapeKey: string;
+    shapeType: 'shape' | 'edge' | 'pin' | 'diagram';
+    bounds: Bounds;
+    style?: Style;
+    keywords: string;
+    keywordsBounds?: Bounds;
+    keywordsStyle?: Style;
+    icon?: string;
+    modelId: string;
+    modelName: string;
+    names: string;
+    name: string;
+    nameBounds?: Bounds;
+    nameStyle?: Style;
+    direction?: string;
+    sourceId?: string;
+    targetId?: string;
+    waypointId?: string;
+    waypoints?: Waypoint[];
+    showKeywords: boolean;
+    showIcon: boolean;
+    showName: boolean;
+    showTaggedValues: boolean;
+    showComparents: boolean;
+    taggedValueLabels?: TaggedValueLabel[];
+    comparents?: CompartmentRecord[];
+    meta?: any;
+    scenarioMenus?: scenarioMenu[];
+    inert?: boolean | true;
+    sourceModels?: string[];
+    targetModels?: string[];
+    modelTypePropertyId: string;
+    targetCreateModel?: string;
+    sourceModelId?: string;
+    isMovableComparents: boolean;
+}
+
+export declare interface Style {
+    fontSize?: number;
+    fontFamily?: string;
+    fontWeight?: string;
+    color?: string;
+    backgroundColor?: string;
+    borderColor?: string;
+    borderWidth?: number;
+    borderRadius?: number;
+    padding?: Padding;
+    margin?: number;
+    zIndex?: number;
+    canvasBorderWidth?: number;
+    canvasBorderColor?: string;
+    canvasBorderStyle?: 'dashed' | 'solid' | 'dotted';
+    canvasNameFontSize?: number;
+    canvasNameFontFamily?: string;
+    canvasNameFontColor?: string;
+    gradientLeftColor?: string;
+    gradientRightColor?: string;
+    textAnchor?: string;
+    dominantBaseline?: string;
+}
+
+export declare interface TaggedValueLabel {
+    id: string;
+    modelId: string;
+    modelName: string;
+    names: string;
+    name: string;
+    nameBounds?: string;
+    nameStyle?: string;
+}
+
+export declare const useGraphStore: StoreDefinition<"graph", Pick<{
+shapes: Ref<{
+id: string;
+diagramId: string;
+parenShapeId: string;
+shapeKey: string;
+shapeType: "shape" | "edge" | "pin" | "diagram";
+bounds: {
+x?: number | undefined;
+y?: number | undefined;
+width?: number | undefined;
+height?: number | undefined;
+};
+style?: {
+fontSize?: number | undefined;
+fontFamily?: string | undefined;
+fontWeight?: string | undefined;
+color?: string | undefined;
+backgroundColor?: string | undefined;
+borderColor?: string | undefined;
+borderWidth?: number | undefined;
+borderRadius?: number | undefined;
+padding?: number | {
+top: number;
+right: number;
+bottom: number;
+left: number;
+} | undefined;
+margin?: number | undefined;
+zIndex?: number | undefined;
+canvasBorderWidth?: number | undefined;
+canvasBorderColor?: string | undefined;
+canvasBorderStyle?: "dashed" | "solid" | "dotted" | undefined;
+canvasNameFontSize?: number | undefined;
+canvasNameFontFamily?: string | undefined;
+canvasNameFontColor?: string | undefined;
+gradientLeftColor?: string | undefined;
+gradientRightColor?: string | undefined;
+textAnchor?: string | undefined;
+dominantBaseline?: string | undefined;
+} | undefined;
+keywords: string;
+keywordsBounds?: {
+x?: number | undefined;
+y?: number | undefined;
+width?: number | undefined;
+height?: number | undefined;
+} | undefined;
+keywordsStyle?: {
+fontSize?: number | undefined;
+fontFamily?: string | undefined;
+fontWeight?: string | undefined;
+color?: string | undefined;
+backgroundColor?: string | undefined;
+borderColor?: string | undefined;
+borderWidth?: number | undefined;
+borderRadius?: number | undefined;
+padding?: number | {
+top: number;
+right: number;
+bottom: number;
+left: number;
+} | undefined;
+margin?: number | undefined;
+zIndex?: number | undefined;
+canvasBorderWidth?: number | undefined;
+canvasBorderColor?: string | undefined;
+canvasBorderStyle?: "dashed" | "solid" | "dotted" | undefined;
+canvasNameFontSize?: number | undefined;
+canvasNameFontFamily?: string | undefined;
+canvasNameFontColor?: string | undefined;
+gradientLeftColor?: string | undefined;
+gradientRightColor?: string | undefined;
+textAnchor?: string | undefined;
+dominantBaseline?: string | undefined;
+} | undefined;
+icon?: string | undefined;
+modelId: string;
+modelName: string;
+names: string;
+name: string;
+nameBounds?: {
+x?: number | undefined;
+y?: number | undefined;
+width?: number | undefined;
+height?: number | undefined;
+} | undefined;
+nameStyle?: {
+fontSize?: number | undefined;
+fontFamily?: string | undefined;
+fontWeight?: string | undefined;
+color?: string | undefined;
+backgroundColor?: string | undefined;
+borderColor?: string | undefined;
+borderWidth?: number | undefined;
+borderRadius?: number | undefined;
+padding?: number | {
+top: number;
+right: number;
+bottom: number;
+left: number;
+} | undefined;
+margin?: number | undefined;
+zIndex?: number | undefined;
+canvasBorderWidth?: number | undefined;
+canvasBorderColor?: string | undefined;
+canvasBorderStyle?: "dashed" | "solid" | "dotted" | undefined;
+canvasNameFontSize?: number | undefined;
+canvasNameFontFamily?: string | undefined;
+canvasNameFontColor?: string | undefined;
+gradientLeftColor?: string | undefined;
+gradientRightColor?: string | undefined;
+textAnchor?: string | undefined;
+dominantBaseline?: string | undefined;
+} | undefined;
+direction?: string | undefined;
+sourceId?: string | undefined;
+targetId?: string | undefined;
+waypointId?: string | undefined;
+waypoints?: {
+x: number;
+y: number;
+}[] | undefined;
+showKeywords: boolean;
+showIcon: boolean;
+showName: boolean;
+showTaggedValues: boolean;
+showComparents: boolean;
+taggedValueLabels?: {
+id: string;
+modelId: string;
+modelName: string;
+names: string;
+name: string;
+nameBounds?: string | undefined;
+nameStyle?: string | undefined;
+}[] | undefined;
+comparents?: {
+bounds: {
+x?: number | undefined;
+y?: number | undefined;
+width?: number | undefined;
+height?: number | undefined;
+};
+modelId: string;
+modelName: string;
+comparentShapes: any[];
+}[] | undefined;
+meta?: any;
+scenarioMenus?: {
+[x: string]: any;
+code: string;
+name: string;
+icon: string;
+sourceModels: string[];
+targetCreateModel: string;
+targetModels: string[];
+}[] | undefined;
+inert?: boolean | undefined;
+sourceModels?: string[] | undefined;
+targetModels?: string[] | undefined;
+modelTypePropertyId: string;
+targetCreateModel?: string | undefined;
+sourceModelId?: string | undefined;
+isMovableComparents: boolean;
+}[], Shape[] | {
+id: string;
+diagramId: string;
+parenShapeId: string;
+shapeKey: string;
+shapeType: "shape" | "edge" | "pin" | "diagram";
+bounds: {
+x?: number | undefined;
+y?: number | undefined;
+width?: number | undefined;
+height?: number | undefined;
+};
+style?: {
+fontSize?: number | undefined;
+fontFamily?: string | undefined;
+fontWeight?: string | undefined;
+color?: string | undefined;
+backgroundColor?: string | undefined;
+borderColor?: string | undefined;
+borderWidth?: number | undefined;
+borderRadius?: number | undefined;
+padding?: number | {
+top: number;
+right: number;
+bottom: number;
+left: number;
+} | undefined;
+margin?: number | undefined;
+zIndex?: number | undefined;
+canvasBorderWidth?: number | undefined;
+canvasBorderColor?: string | undefined;
+canvasBorderStyle?: "dashed" | "solid" | "dotted" | undefined;
+canvasNameFontSize?: number | undefined;
+canvasNameFontFamily?: string | undefined;
+canvasNameFontColor?: string | undefined;
+gradientLeftColor?: string | undefined;
+gradientRightColor?: string | undefined;
+textAnchor?: string | undefined;
+dominantBaseline?: string | undefined;
+} | undefined;
+keywords: string;
+keywordsBounds?: {
+x?: number | undefined;
+y?: number | undefined;
+width?: number | undefined;
+height?: number | undefined;
+} | undefined;
+keywordsStyle?: {
+fontSize?: number | undefined;
+fontFamily?: string | undefined;
+fontWeight?: string | undefined;
+color?: string | undefined;
+backgroundColor?: string | undefined;
+borderColor?: string | undefined;
+borderWidth?: number | undefined;
+borderRadius?: number | undefined;
+padding?: number | {
+top: number;
+right: number;
+bottom: number;
+left: number;
+} | undefined;
+margin?: number | undefined;
+zIndex?: number | undefined;
+canvasBorderWidth?: number | undefined;
+canvasBorderColor?: string | undefined;
+canvasBorderStyle?: "dashed" | "solid" | "dotted" | undefined;
+canvasNameFontSize?: number | undefined;
+canvasNameFontFamily?: string | undefined;
+canvasNameFontColor?: string | undefined;
+gradientLeftColor?: string | undefined;
+gradientRightColor?: string | undefined;
+textAnchor?: string | undefined;
+dominantBaseline?: string | undefined;
+} | undefined;
+icon?: string | undefined;
+modelId: string;
+modelName: string;
+names: string;
+name: string;
+nameBounds?: {
+x?: number | undefined;
+y?: number | undefined;
+width?: number | undefined;
+height?: number | undefined;
+} | undefined;
+nameStyle?: {
+fontSize?: number | undefined;
+fontFamily?: string | undefined;
+fontWeight?: string | undefined;
+color?: string | undefined;
+backgroundColor?: string | undefined;
+borderColor?: string | undefined;
+borderWidth?: number | undefined;
+borderRadius?: number | undefined;
+padding?: number | {
+top: number;
+right: number;
+bottom: number;
+left: number;
+} | undefined;
+margin?: number | undefined;
+zIndex?: number | undefined;
+canvasBorderWidth?: number | undefined;
+canvasBorderColor?: string | undefined;
+canvasBorderStyle?: "dashed" | "solid" | "dotted" | undefined;
+canvasNameFontSize?: number | undefined;
+canvasNameFontFamily?: string | undefined;
+canvasNameFontColor?: string | undefined;
+gradientLeftColor?: string | undefined;
+gradientRightColor?: string | undefined;
+textAnchor?: string | undefined;
+dominantBaseline?: string | undefined;
+} | undefined;
+direction?: string | undefined;
+sourceId?: string | undefined;
+targetId?: string | undefined;
+waypointId?: string | undefined;
+waypoints?: {
+x: number;
+y: number;
+}[] | undefined;
+showKeywords: boolean;
+showIcon: boolean;
+showName: boolean;
+showTaggedValues: boolean;
+showComparents: boolean;
+taggedValueLabels?: {
+id: string;
+modelId: string;
+modelName: string;
+names: string;
+name: string;
+nameBounds?: string | undefined;
+nameStyle?: string | undefined;
+}[] | undefined;
+comparents?: {
+bounds: {
+x?: number | undefined;
+y?: number | undefined;
+width?: number | undefined;
+height?: number | undefined;
+};
+modelId: string;
+modelName: string;
+comparentShapes: any[];
+}[] | undefined;
+meta?: any;
+scenarioMenus?: {
+[x: string]: any;
+code: string;
+name: string;
+icon: string;
+sourceModels: string[];
+targetCreateModel: string;
+targetModels: string[];
+}[] | undefined;
+inert?: boolean | undefined;
+sourceModels?: string[] | undefined;
+targetModels?: string[] | undefined;
+modelTypePropertyId: string;
+targetCreateModel?: string | undefined;
+sourceModelId?: string | undefined;
+isMovableComparents: boolean;
+}[]>;
+pendingNestedIds: Ref<string[], string[]>;
+selectedShape: Ref<{
+id: string;
+diagramId: string;
+parenShapeId: string;
+shapeKey: string;
+shapeType: "shape" | "edge" | "pin" | "diagram";
+bounds: {
+x?: number | undefined;
+y?: number | undefined;
+width?: number | undefined;
+height?: number | undefined;
+};
+style?: {
+fontSize?: number | undefined;
+fontFamily?: string | undefined;
+fontWeight?: string | undefined;
+color?: string | undefined;
+backgroundColor?: string | undefined;
+borderColor?: string | undefined;
+borderWidth?: number | undefined;
+borderRadius?: number | undefined;
+padding?: number | {
+top: number;
+right: number;
+bottom: number;
+left: number;
+} | undefined;
+margin?: number | undefined;
+zIndex?: number | undefined;
+canvasBorderWidth?: number | undefined;
+canvasBorderColor?: string | undefined;
+canvasBorderStyle?: "dashed" | "solid" | "dotted" | undefined;
+canvasNameFontSize?: number | undefined;
+canvasNameFontFamily?: string | undefined;
+canvasNameFontColor?: string | undefined;
+gradientLeftColor?: string | undefined;
+gradientRightColor?: string | undefined;
+textAnchor?: string | undefined;
+dominantBaseline?: string | undefined;
+} | undefined;
+keywords: string;
+keywordsBounds?: {
+x?: number | undefined;
+y?: number | undefined;
+width?: number | undefined;
+height?: number | undefined;
+} | undefined;
+keywordsStyle?: {
+fontSize?: number | undefined;
+fontFamily?: string | undefined;
+fontWeight?: string | undefined;
+color?: string | undefined;
+backgroundColor?: string | undefined;
+borderColor?: string | undefined;
+borderWidth?: number | undefined;
+borderRadius?: number | undefined;
+padding?: number | {
+top: number;
+right: number;
+bottom: number;
+left: number;
+} | undefined;
+margin?: number | undefined;
+zIndex?: number | undefined;
+canvasBorderWidth?: number | undefined;
+canvasBorderColor?: string | undefined;
+canvasBorderStyle?: "dashed" | "solid" | "dotted" | undefined;
+canvasNameFontSize?: number | undefined;
+canvasNameFontFamily?: string | undefined;
+canvasNameFontColor?: string | undefined;
+gradientLeftColor?: string | undefined;
+gradientRightColor?: string | undefined;
+textAnchor?: string | undefined;
+dominantBaseline?: string | undefined;
+} | undefined;
+icon?: string | undefined;
+modelId: string;
+modelName: string;
+names: string;
+name: string;
+nameBounds?: {
+x?: number | undefined;
+y?: number | undefined;
+width?: number | undefined;
+height?: number | undefined;
+} | undefined;
+nameStyle?: {
+fontSize?: number | undefined;
+fontFamily?: string | undefined;
+fontWeight?: string | undefined;
+color?: string | undefined;
+backgroundColor?: string | undefined;
+borderColor?: string | undefined;
+borderWidth?: number | undefined;
+borderRadius?: number | undefined;
+padding?: number | {
+top: number;
+right: number;
+bottom: number;
+left: number;
+} | undefined;
+margin?: number | undefined;
+zIndex?: number | undefined;
+canvasBorderWidth?: number | undefined;
+canvasBorderColor?: string | undefined;
+canvasBorderStyle?: "dashed" | "solid" | "dotted" | undefined;
+canvasNameFontSize?: number | undefined;
+canvasNameFontFamily?: string | undefined;
+canvasNameFontColor?: string | undefined;
+gradientLeftColor?: string | undefined;
+gradientRightColor?: string | undefined;
+textAnchor?: string | undefined;
+dominantBaseline?: string | undefined;
+} | undefined;
+direction?: string | undefined;
+sourceId?: string | undefined;
+targetId?: string | undefined;
+waypointId?: string | undefined;
+waypoints?: {
+x: number;
+y: number;
+}[] | undefined;
+showKeywords: boolean;
+showIcon: boolean;
+showName: boolean;
+showTaggedValues: boolean;
+showComparents: boolean;
+taggedValueLabels?: {
+id: string;
+modelId: string;
+modelName: string;
+names: string;
+name: string;
+nameBounds?: string | undefined;
+nameStyle?: string | undefined;
+}[] | undefined;
+comparents?: {
+bounds: {
+x?: number | undefined;
+y?: number | undefined;
+width?: number | undefined;
+height?: number | undefined;
+};
+modelId: string;
+modelName: string;
+comparentShapes: any[];
+}[] | undefined;
+meta?: any;
+scenarioMenus?: {
+[x: string]: any;
+code: string;
+name: string;
+icon: string;
+sourceModels: string[];
+targetCreateModel: string;
+targetModels: string[];
+}[] | undefined;
+inert?: boolean | undefined;
+sourceModels?: string[] | undefined;
+targetModels?: string[] | undefined;
+modelTypePropertyId: string;
+targetCreateModel?: string | undefined;
+sourceModelId?: string | undefined;
+isMovableComparents: boolean;
+} | null, Shape | {
+id: string;
+diagramId: string;
+parenShapeId: string;
+shapeKey: string;
+shapeType: "shape" | "edge" | "pin" | "diagram";
+bounds: {
+x?: number | undefined;
+y?: number | undefined;
+width?: number | undefined;
+height?: number | undefined;
+};
+style?: {
+fontSize?: number | undefined;
+fontFamily?: string | undefined;
+fontWeight?: string | undefined;
+color?: string | undefined;
+backgroundColor?: string | undefined;
+borderColor?: string | undefined;
+borderWidth?: number | undefined;
+borderRadius?: number | undefined;
+padding?: number | {
+top: number;
+right: number;
+bottom: number;
+left: number;
+} | undefined;
+margin?: number | undefined;
+zIndex?: number | undefined;
+canvasBorderWidth?: number | undefined;
+canvasBorderColor?: string | undefined;
+canvasBorderStyle?: "dashed" | "solid" | "dotted" | undefined;
+canvasNameFontSize?: number | undefined;
+canvasNameFontFamily?: string | undefined;
+canvasNameFontColor?: string | undefined;
+gradientLeftColor?: string | undefined;
+gradientRightColor?: string | undefined;
+textAnchor?: string | undefined;
+dominantBaseline?: string | undefined;
+} | undefined;
+keywords: string;
+keywordsBounds?: {
+x?: number | undefined;
+y?: number | undefined;
+width?: number | undefined;
+height?: number | undefined;
+} | undefined;
+keywordsStyle?: {
+fontSize?: number | undefined;
+fontFamily?: string | undefined;
+fontWeight?: string | undefined;
+color?: string | undefined;
+backgroundColor?: string | undefined;
+borderColor?: string | undefined;
+borderWidth?: number | undefined;
+borderRadius?: number | undefined;
+padding?: number | {
+top: number;
+right: number;
+bottom: number;
+left: number;
+} | undefined;
+margin?: number | undefined;
+zIndex?: number | undefined;
+canvasBorderWidth?: number | undefined;
+canvasBorderColor?: string | undefined;
+canvasBorderStyle?: "dashed" | "solid" | "dotted" | undefined;
+canvasNameFontSize?: number | undefined;
+canvasNameFontFamily?: string | undefined;
+canvasNameFontColor?: string | undefined;
+gradientLeftColor?: string | undefined;
+gradientRightColor?: string | undefined;
+textAnchor?: string | undefined;
+dominantBaseline?: string | undefined;
+} | undefined;
+icon?: string | undefined;
+modelId: string;
+modelName: string;
+names: string;
+name: string;
+nameBounds?: {
+x?: number | undefined;
+y?: number | undefined;
+width?: number | undefined;
+height?: number | undefined;
+} | undefined;
+nameStyle?: {
+fontSize?: number | undefined;
+fontFamily?: string | undefined;
+fontWeight?: string | undefined;
+color?: string | undefined;
+backgroundColor?: string | undefined;
+borderColor?: string | undefined;
+borderWidth?: number | undefined;
+borderRadius?: number | undefined;
+padding?: number | {
+top: number;
+right: number;
+bottom: number;
+left: number;
+} | undefined;
+margin?: number | undefined;
+zIndex?: number | undefined;
+canvasBorderWidth?: number | undefined;
+canvasBorderColor?: string | undefined;
+canvasBorderStyle?: "dashed" | "solid" | "dotted" | undefined;
+canvasNameFontSize?: number | undefined;
+canvasNameFontFamily?: string | undefined;
+canvasNameFontColor?: string | undefined;
+gradientLeftColor?: string | undefined;
+gradientRightColor?: string | undefined;
+textAnchor?: string | undefined;
+dominantBaseline?: string | undefined;
+} | undefined;
+direction?: string | undefined;
+sourceId?: string | undefined;
+targetId?: string | undefined;
+waypointId?: string | undefined;
+waypoints?: {
+x: number;
+y: number;
+}[] | undefined;
+showKeywords: boolean;
+showIcon: boolean;
+showName: boolean;
+showTaggedValues: boolean;
+showComparents: boolean;
+taggedValueLabels?: {
+id: string;
+modelId: string;
+modelName: string;
+names: string;
+name: string;
+nameBounds?: string | undefined;
+nameStyle?: string | undefined;
+}[] | undefined;
+comparents?: {
+bounds: {
+x?: number | undefined;
+y?: number | undefined;
+width?: number | undefined;
+height?: number | undefined;
+};
+modelId: string;
+modelName: string;
+comparentShapes: any[];
+}[] | undefined;
+meta?: any;
+scenarioMenus?: {
+[x: string]: any;
+code: string;
+name: string;
+icon: string;
+sourceModels: string[];
+targetCreateModel: string;
+targetModels: string[];
+}[] | undefined;
+inert?: boolean | undefined;
+sourceModels?: string[] | undefined;
+targetModels?: string[] | undefined;
+modelTypePropertyId: string;
+targetCreateModel?: string | undefined;
+sourceModelId?: string | undefined;
+isMovableComparents: boolean;
+} | null>;
+diagramTitle: Ref<string, string>;
+isDragging: Ref<boolean, boolean>;
+draggingShapeId: Ref<string | null, string | null>;
+dragOffset: Ref<{
+x: number;
+y: number;
+} | null, {
+x: number;
+y: number;
+} | {
+x: number;
+y: number;
+} | null>;
+diagrams: Ref<{
+id: string;
+diagramId: string;
+parenShapeId: string;
+shapeKey: string;
+shapeType: "shape" | "edge" | "pin" | "diagram";
+bounds: {
+x?: number | undefined;
+y?: number | undefined;
+width?: number | undefined;
+height?: number | undefined;
+};
+style?: {
+fontSize?: number | undefined;
+fontFamily?: string | undefined;
+fontWeight?: string | undefined;
+color?: string | undefined;
+backgroundColor?: string | undefined;
+borderColor?: string | undefined;
+borderWidth?: number | undefined;
+borderRadius?: number | undefined;
+padding?: number | {
+top: number;
+right: number;
+bottom: number;
+left: number;
+} | undefined;
+margin?: number | undefined;
+zIndex?: number | undefined;
+canvasBorderWidth?: number | undefined;
+canvasBorderColor?: string | undefined;
+canvasBorderStyle?: "dashed" | "solid" | "dotted" | undefined;
+canvasNameFontSize?: number | undefined;
+canvasNameFontFamily?: string | undefined;
+canvasNameFontColor?: string | undefined;
+gradientLeftColor?: string | undefined;
+gradientRightColor?: string | undefined;
+textAnchor?: string | undefined;
+dominantBaseline?: string | undefined;
+} | undefined;
+keywords: string;
+keywordsBounds?: {
+x?: number | undefined;
+y?: number | undefined;
+width?: number | undefined;
+height?: number | undefined;
+} | undefined;
+keywordsStyle?: {
+fontSize?: number | undefined;
+fontFamily?: string | undefined;
+fontWeight?: string | undefined;
+color?: string | undefined;
+backgroundColor?: string | undefined;
+borderColor?: string | undefined;
+borderWidth?: number | undefined;
+borderRadius?: number | undefined;
+padding?: number | {
+top: number;
+right: number;
+bottom: number;
+left: number;
+} | undefined;
+margin?: number | undefined;
+zIndex?: number | undefined;
+canvasBorderWidth?: number | undefined;
+canvasBorderColor?: string | undefined;
+canvasBorderStyle?: "dashed" | "solid" | "dotted" | undefined;
+canvasNameFontSize?: number | undefined;
+canvasNameFontFamily?: string | undefined;
+canvasNameFontColor?: string | undefined;
+gradientLeftColor?: string | undefined;
+gradientRightColor?: string | undefined;
+textAnchor?: string | undefined;
+dominantBaseline?: string | undefined;
+} | undefined;
+icon?: string | undefined;
+modelId: string;
+modelName: string;
+names: string;
+name: string;
+nameBounds?: {
+x?: number | undefined;
+y?: number | undefined;
+width?: number | undefined;
+height?: number | undefined;
+} | undefined;
+nameStyle?: {
+fontSize?: number | undefined;
+fontFamily?: string | undefined;
+fontWeight?: string | undefined;
+color?: string | undefined;
+backgroundColor?: string | undefined;
+borderColor?: string | undefined;
+borderWidth?: number | undefined;
+borderRadius?: number | undefined;
+padding?: number | {
+top: number;
+right: number;
+bottom: number;
+left: number;
+} | undefined;
+margin?: number | undefined;
+zIndex?: number | undefined;
+canvasBorderWidth?: number | undefined;
+canvasBorderColor?: string | undefined;
+canvasBorderStyle?: "dashed" | "solid" | "dotted" | undefined;
+canvasNameFontSize?: number | undefined;
+canvasNameFontFamily?: string | undefined;
+canvasNameFontColor?: string | undefined;
+gradientLeftColor?: string | undefined;
+gradientRightColor?: string | undefined;
+textAnchor?: string | undefined;
+dominantBaseline?: string | undefined;
+} | undefined;
+direction?: string | undefined;
+sourceId?: string | undefined;
+targetId?: string | undefined;
+waypointId?: string | undefined;
+waypoints?: {
+x: number;
+y: number;
+}[] | undefined;
+showKeywords: boolean;
+showIcon: boolean;
+showName: boolean;
+showTaggedValues: boolean;
+showComparents: boolean;
+taggedValueLabels?: {
+id: string;
+modelId: string;
+modelName: string;
+names: string;
+name: string;
+nameBounds?: string | undefined;
+nameStyle?: string | undefined;
+}[] | undefined;
+comparents?: {
+bounds: {
+x?: number | undefined;
+y?: number | undefined;
+width?: number | undefined;
+height?: number | undefined;
+};
+modelId: string;
+modelName: string;
+comparentShapes: any[];
+}[] | undefined;
+meta?: any;
+scenarioMenus?: {
+[x: string]: any;
+code: string;
+name: string;
+icon: string;
+sourceModels: string[];
+targetCreateModel: string;
+targetModels: string[];
+}[] | undefined;
+inert?: boolean | undefined;
+sourceModels?: string[] | undefined;
+targetModels?: string[] | undefined;
+modelTypePropertyId: string;
+targetCreateModel?: string | undefined;
+sourceModelId?: string | undefined;
+isMovableComparents: boolean;
+}[], Shape[] | {
+id: string;
+diagramId: string;
+parenShapeId: string;
+shapeKey: string;
+shapeType: "shape" | "edge" | "pin" | "diagram";
+bounds: {
+x?: number | undefined;
+y?: number | undefined;
+width?: number | undefined;
+height?: number | undefined;
+};
+style?: {
+fontSize?: number | undefined;
+fontFamily?: string | undefined;
+fontWeight?: string | undefined;
+color?: string | undefined;
+backgroundColor?: string | undefined;
+borderColor?: string | undefined;
+borderWidth?: number | undefined;
+borderRadius?: number | undefined;
+padding?: number | {
+top: number;
+right: number;
+bottom: number;
+left: number;
+} | undefined;
+margin?: number | undefined;
+zIndex?: number | undefined;
+canvasBorderWidth?: number | undefined;
+canvasBorderColor?: string | undefined;
+canvasBorderStyle?: "dashed" | "solid" | "dotted" | undefined;
+canvasNameFontSize?: number | undefined;
+canvasNameFontFamily?: string | undefined;
+canvasNameFontColor?: string | undefined;
+gradientLeftColor?: string | undefined;
+gradientRightColor?: string | undefined;
+textAnchor?: string | undefined;
+dominantBaseline?: string | undefined;
+} | undefined;
+keywords: string;
+keywordsBounds?: {
+x?: number | undefined;
+y?: number | undefined;
+width?: number | undefined;
+height?: number | undefined;
+} | undefined;
+keywordsStyle?: {
+fontSize?: number | undefined;
+fontFamily?: string | undefined;
+fontWeight?: string | undefined;
+color?: string | undefined;
+backgroundColor?: string | undefined;
+borderColor?: string | undefined;
+borderWidth?: number | undefined;
+borderRadius?: number | undefined;
+padding?: number | {
+top: number;
+right: number;
+bottom: number;
+left: number;
+} | undefined;
+margin?: number | undefined;
+zIndex?: number | undefined;
+canvasBorderWidth?: number | undefined;
+canvasBorderColor?: string | undefined;
+canvasBorderStyle?: "dashed" | "solid" | "dotted" | undefined;
+canvasNameFontSize?: number | undefined;
+canvasNameFontFamily?: string | undefined;
+canvasNameFontColor?: string | undefined;
+gradientLeftColor?: string | undefined;
+gradientRightColor?: string | undefined;
+textAnchor?: string | undefined;
+dominantBaseline?: string | undefined;
+} | undefined;
+icon?: string | undefined;
+modelId: string;
+modelName: string;
+names: string;
+name: string;
+nameBounds?: {
+x?: number | undefined;
+y?: number | undefined;
+width?: number | undefined;
+height?: number | undefined;
+} | undefined;
+nameStyle?: {
+fontSize?: number | undefined;
+fontFamily?: string | undefined;
+fontWeight?: string | undefined;
+color?: string | undefined;
+backgroundColor?: string | undefined;
+borderColor?: string | undefined;
+borderWidth?: number | undefined;
+borderRadius?: number | undefined;
+padding?: number | {
+top: number;
+right: number;
+bottom: number;
+left: number;
+} | undefined;
+margin?: number | undefined;
+zIndex?: number | undefined;
+canvasBorderWidth?: number | undefined;
+canvasBorderColor?: string | undefined;
+canvasBorderStyle?: "dashed" | "solid" | "dotted" | undefined;
+canvasNameFontSize?: number | undefined;
+canvasNameFontFamily?: string | undefined;
+canvasNameFontColor?: string | undefined;
+gradientLeftColor?: string | undefined;
+gradientRightColor?: string | undefined;
+textAnchor?: string | undefined;
+dominantBaseline?: string | undefined;
+} | undefined;
+direction?: string | undefined;
+sourceId?: string | undefined;
+targetId?: string | undefined;
+waypointId?: string | undefined;
+waypoints?: {
+x: number;
+y: number;
+}[] | undefined;
+showKeywords: boolean;
+showIcon: boolean;
+showName: boolean;
+showTaggedValues: boolean;
+showComparents: boolean;
+taggedValueLabels?: {
+id: string;
+modelId: string;
+modelName: string;
+names: string;
+name: string;
+nameBounds?: string | undefined;
+nameStyle?: string | undefined;
+}[] | undefined;
+comparents?: {
+bounds: {
+x?: number | undefined;
+y?: number | undefined;
+width?: number | undefined;
+height?: number | undefined;
+};
+modelId: string;
+modelName: string;
+comparentShapes: any[];
+}[] | undefined;
+meta?: any;
+scenarioMenus?: {
+[x: string]: any;
+code: string;
+name: string;
+icon: string;
+sourceModels: string[];
+targetCreateModel: string;
+targetModels: string[];
+}[] | undefined;
+inert?: boolean | undefined;
+sourceModels?: string[] | undefined;
+targetModels?: string[] | undefined;
+modelTypePropertyId: string;
+targetCreateModel?: string | undefined;
+sourceModelId?: string | undefined;
+isMovableComparents: boolean;
+}[]>;
+selectedIds: Ref<string[], string[]>;
+hoverContainerId: Ref<string | null, string | null>;
+hoverNestable: Ref<boolean | null, boolean | null>;
+currentDiagramId: Ref<string | null, string | null>;
+canDropOnCanvas: Ref<boolean, boolean>;
+taggedValueLabels: Ref<string[], string[]>;
+packagesTypes: Ref<string[], string[]>;
+classMetaTypes: Ref<string[], string[]>;
+ownerRequiredShapeKeys: Ref<string[], string[]>;
+pinsTypes: Ref<string[], string[]>;
+portsTypes: Ref<string[], string[]>;
+shapeCount: ComputedRef<number>;
+hasSelectedShape: ComputedRef<boolean>;
+marqueeShapes: ComputedRef<Shape[]>;
+ghostShadow: ComputedRef<Shape[]>;
+scales: Ref<Record<string, number>, Record<string, number>>;
+activeDiagramId: Ref<string | null, string | null>;
+currentScale: ComputedRef<number>;
+addShape: (shape: Shape) => void;
+removeShape: (shapeId: string) => void;
+updateShape: (shapeId: string, updates: Partial<Shape>, id?: 'id' | 'modelId') => void;
+selectShape: (shape: Shape | null) => void;
+setTitle: (title: string) => void;
+updateShapes: (newShapes: Shape[]) => void;
+clearAll: () => void;
+startDragShape: (shapeId: string, pointer: {
+x: number;
+y: number;
+}) => void;
+startDrag: (ids: string[], pointer: {
+x: number;
+y: number;
+}) => void;
+moveDraggedShape: (pointer: {
+x: number;
+y: number;
+}) => void;
+endDragShape: (source?: string) => Promise<void>;
+getShapes: () => {
+id: string;
+diagramId: string;
+parenShapeId: string;
+shapeKey: string;
+shapeType: "shape" | "edge" | "pin" | "diagram";
+bounds: {
+x?: number | undefined;
+y?: number | undefined;
+width?: number | undefined;
+height?: number | undefined;
+};
+style?: {
+fontSize?: number | undefined;
+fontFamily?: string | undefined;
+fontWeight?: string | undefined;
+color?: string | undefined;
+backgroundColor?: string | undefined;
+borderColor?: string | undefined;
+borderWidth?: number | undefined;
+borderRadius?: number | undefined;
+padding?: number | {
+top: number;
+right: number;
+bottom: number;
+left: number;
+} | undefined;
+margin?: number | undefined;
+zIndex?: number | undefined;
+canvasBorderWidth?: number | undefined;
+canvasBorderColor?: string | undefined;
+canvasBorderStyle?: "dashed" | "solid" | "dotted" | undefined;
+canvasNameFontSize?: number | undefined;
+canvasNameFontFamily?: string | undefined;
+canvasNameFontColor?: string | undefined;
+gradientLeftColor?: string | undefined;
+gradientRightColor?: string | undefined;
+textAnchor?: string | undefined;
+dominantBaseline?: string | undefined;
+} | undefined;
+keywords: string;
+keywordsBounds?: {
+x?: number | undefined;
+y?: number | undefined;
+width?: number | undefined;
+height?: number | undefined;
+} | undefined;
+keywordsStyle?: {
+fontSize?: number | undefined;
+fontFamily?: string | undefined;
+fontWeight?: string | undefined;
+color?: string | undefined;
+backgroundColor?: string | undefined;
+borderColor?: string | undefined;
+borderWidth?: number | undefined;
+borderRadius?: number | undefined;
+padding?: number | {
+top: number;
+right: number;
+bottom: number;
+left: number;
+} | undefined;
+margin?: number | undefined;
+zIndex?: number | undefined;
+canvasBorderWidth?: number | undefined;
+canvasBorderColor?: string | undefined;
+canvasBorderStyle?: "dashed" | "solid" | "dotted" | undefined;
+canvasNameFontSize?: number | undefined;
+canvasNameFontFamily?: string | undefined;
+canvasNameFontColor?: string | undefined;
+gradientLeftColor?: string | undefined;
+gradientRightColor?: string | undefined;
+textAnchor?: string | undefined;
+dominantBaseline?: string | undefined;
+} | undefined;
+icon?: string | undefined;
+modelId: string;
+modelName: string;
+names: string;
+name: string;
+nameBounds?: {
+x?: number | undefined;
+y?: number | undefined;
+width?: number | undefined;
+height?: number | undefined;
+} | undefined;
+nameStyle?: {
+fontSize?: number | undefined;
+fontFamily?: string | undefined;
+fontWeight?: string | undefined;
+color?: string | undefined;
+backgroundColor?: string | undefined;
+borderColor?: string | undefined;
+borderWidth?: number | undefined;
+borderRadius?: number | undefined;
+padding?: number | {
+top: number;
+right: number;
+bottom: number;
+left: number;
+} | undefined;
+margin?: number | undefined;
+zIndex?: number | undefined;
+canvasBorderWidth?: number | undefined;
+canvasBorderColor?: string | undefined;
+canvasBorderStyle?: "dashed" | "solid" | "dotted" | undefined;
+canvasNameFontSize?: number | undefined;
+canvasNameFontFamily?: string | undefined;
+canvasNameFontColor?: string | undefined;
+gradientLeftColor?: string | undefined;
+gradientRightColor?: string | undefined;
+textAnchor?: string | undefined;
+dominantBaseline?: string | undefined;
+} | undefined;
+direction?: string | undefined;
+sourceId?: string | undefined;
+targetId?: string | undefined;
+waypointId?: string | undefined;
+waypoints?: {
+x: number;
+y: number;
+}[] | undefined;
+showKeywords: boolean;
+showIcon: boolean;
+showName: boolean;
+showTaggedValues: boolean;
+showComparents: boolean;
+taggedValueLabels?: {
+id: string;
+modelId: string;
+modelName: string;
+names: string;
+name: string;
+nameBounds?: string | undefined;
+nameStyle?: string | undefined;
+}[] | undefined;
+comparents?: {
+bounds: {
+x?: number | undefined;
+y?: number | undefined;
+width?: number | undefined;
+height?: number | undefined;
+};
+modelId: string;
+modelName: string;
+comparentShapes: any[];
+}[] | undefined;
+meta?: any;
+scenarioMenus?: {
+[x: string]: any;
+code: string;
+name: string;
+icon: string;
+sourceModels: string[];
+targetCreateModel: string;
+targetModels: string[];
+}[] | undefined;
+inert?: boolean | undefined;
+sourceModels?: string[] | undefined;
+targetModels?: string[] | undefined;
+modelTypePropertyId: string;
+targetCreateModel?: string | undefined;
+sourceModelId?: string | undefined;
+isMovableComparents: boolean;
+}[];
+addDiagram: (diagram: Shape) => void;
+setCurrentDiagramId: (id: string | null) => void;
+selectMany: (ids: string[]) => void;
+clearSelection: () => void;
+removeSelected: () => void;
+finalCheckCanNest: (childId: string, parentId: string | null) => Promise<boolean>;
+setHoverState: (id: string | null, nestable: boolean | null) => void;
+initializeAllEdgeEndpoints: () => void;
+endResizeShape: (id: string) => void;
+getScale: (diagramId?: string | null) => number;
+setScale: (newScale: number, diagramId?: string | null) => void;
+setActiveDiagramId: (id: string | null) => void;
+visibleShapes: ComputedRef<Shape[]>;
+externalCreatingId: Ref<string | null, string | null>;
+expandParentAndEmitSizeUpdateByChild: (child: Shape) => void;
+}, "taggedValueLabels" | "shapes" | "selectedShape" | "pendingNestedIds" | "diagramTitle" | "isDragging" | "draggingShapeId" | "dragOffset" | "diagrams" | "selectedIds" | "hoverContainerId" | "hoverNestable" | "currentDiagramId" | "canDropOnCanvas" | "packagesTypes" | "classMetaTypes" | "ownerRequiredShapeKeys" | "pinsTypes" | "portsTypes" | "scales" | "activeDiagramId" | "externalCreatingId">, Pick<{
+shapes: Ref<{
+id: string;
+diagramId: string;
+parenShapeId: string;
+shapeKey: string;
+shapeType: "shape" | "edge" | "pin" | "diagram";
+bounds: {
+x?: number | undefined;
+y?: number | undefined;
+width?: number | undefined;
+height?: number | undefined;
+};
+style?: {
+fontSize?: number | undefined;
+fontFamily?: string | undefined;
+fontWeight?: string | undefined;
+color?: string | undefined;
+backgroundColor?: string | undefined;
+borderColor?: string | undefined;
+borderWidth?: number | undefined;
+borderRadius?: number | undefined;
+padding?: number | {
+top: number;
+right: number;
+bottom: number;
+left: number;
+} | undefined;
+margin?: number | undefined;
+zIndex?: number | undefined;
+canvasBorderWidth?: number | undefined;
+canvasBorderColor?: string | undefined;
+canvasBorderStyle?: "dashed" | "solid" | "dotted" | undefined;
+canvasNameFontSize?: number | undefined;
+canvasNameFontFamily?: string | undefined;
+canvasNameFontColor?: string | undefined;
+gradientLeftColor?: string | undefined;
+gradientRightColor?: string | undefined;
+textAnchor?: string | undefined;
+dominantBaseline?: string | undefined;
+} | undefined;
+keywords: string;
+keywordsBounds?: {
+x?: number | undefined;
+y?: number | undefined;
+width?: number | undefined;
+height?: number | undefined;
+} | undefined;
+keywordsStyle?: {
+fontSize?: number | undefined;
+fontFamily?: string | undefined;
+fontWeight?: string | undefined;
+color?: string | undefined;
+backgroundColor?: string | undefined;
+borderColor?: string | undefined;
+borderWidth?: number | undefined;
+borderRadius?: number | undefined;
+padding?: number | {
+top: number;
+right: number;
+bottom: number;
+left: number;
+} | undefined;
+margin?: number | undefined;
+zIndex?: number | undefined;
+canvasBorderWidth?: number | undefined;
+canvasBorderColor?: string | undefined;
+canvasBorderStyle?: "dashed" | "solid" | "dotted" | undefined;
+canvasNameFontSize?: number | undefined;
+canvasNameFontFamily?: string | undefined;
+canvasNameFontColor?: string | undefined;
+gradientLeftColor?: string | undefined;
+gradientRightColor?: string | undefined;
+textAnchor?: string | undefined;
+dominantBaseline?: string | undefined;
+} | undefined;
+icon?: string | undefined;
+modelId: string;
+modelName: string;
+names: string;
+name: string;
+nameBounds?: {
+x?: number | undefined;
+y?: number | undefined;
+width?: number | undefined;
+height?: number | undefined;
+} | undefined;
+nameStyle?: {
+fontSize?: number | undefined;
+fontFamily?: string | undefined;
+fontWeight?: string | undefined;
+color?: string | undefined;
+backgroundColor?: string | undefined;
+borderColor?: string | undefined;
+borderWidth?: number | undefined;
+borderRadius?: number | undefined;
+padding?: number | {
+top: number;
+right: number;
+bottom: number;
+left: number;
+} | undefined;
+margin?: number | undefined;
+zIndex?: number | undefined;
+canvasBorderWidth?: number | undefined;
+canvasBorderColor?: string | undefined;
+canvasBorderStyle?: "dashed" | "solid" | "dotted" | undefined;
+canvasNameFontSize?: number | undefined;
+canvasNameFontFamily?: string | undefined;
+canvasNameFontColor?: string | undefined;
+gradientLeftColor?: string | undefined;
+gradientRightColor?: string | undefined;
+textAnchor?: string | undefined;
+dominantBaseline?: string | undefined;
+} | undefined;
+direction?: string | undefined;
+sourceId?: string | undefined;
+targetId?: string | undefined;
+waypointId?: string | undefined;
+waypoints?: {
+x: number;
+y: number;
+}[] | undefined;
+showKeywords: boolean;
+showIcon: boolean;
+showName: boolean;
+showTaggedValues: boolean;
+showComparents: boolean;
+taggedValueLabels?: {
+id: string;
+modelId: string;
+modelName: string;
+names: string;
+name: string;
+nameBounds?: string | undefined;
+nameStyle?: string | undefined;
+}[] | undefined;
+comparents?: {
+bounds: {
+x?: number | undefined;
+y?: number | undefined;
+width?: number | undefined;
+height?: number | undefined;
+};
+modelId: string;
+modelName: string;
+comparentShapes: any[];
+}[] | undefined;
+meta?: any;
+scenarioMenus?: {
+[x: string]: any;
+code: string;
+name: string;
+icon: string;
+sourceModels: string[];
+targetCreateModel: string;
+targetModels: string[];
+}[] | undefined;
+inert?: boolean | undefined;
+sourceModels?: string[] | undefined;
+targetModels?: string[] | undefined;
+modelTypePropertyId: string;
+targetCreateModel?: string | undefined;
+sourceModelId?: string | undefined;
+isMovableComparents: boolean;
+}[], Shape[] | {
+id: string;
+diagramId: string;
+parenShapeId: string;
+shapeKey: string;
+shapeType: "shape" | "edge" | "pin" | "diagram";
+bounds: {
+x?: number | undefined;
+y?: number | undefined;
+width?: number | undefined;
+height?: number | undefined;
+};
+style?: {
+fontSize?: number | undefined;
+fontFamily?: string | undefined;
+fontWeight?: string | undefined;
+color?: string | undefined;
+backgroundColor?: string | undefined;
+borderColor?: string | undefined;
+borderWidth?: number | undefined;
+borderRadius?: number | undefined;
+padding?: number | {
+top: number;
+right: number;
+bottom: number;
+left: number;
+} | undefined;
+margin?: number | undefined;
+zIndex?: number | undefined;
+canvasBorderWidth?: number | undefined;
+canvasBorderColor?: string | undefined;
+canvasBorderStyle?: "dashed" | "solid" | "dotted" | undefined;
+canvasNameFontSize?: number | undefined;
+canvasNameFontFamily?: string | undefined;
+canvasNameFontColor?: string | undefined;
+gradientLeftColor?: string | undefined;
+gradientRightColor?: string | undefined;
+textAnchor?: string | undefined;
+dominantBaseline?: string | undefined;
+} | undefined;
+keywords: string;
+keywordsBounds?: {
+x?: number | undefined;
+y?: number | undefined;
+width?: number | undefined;
+height?: number | undefined;
+} | undefined;
+keywordsStyle?: {
+fontSize?: number | undefined;
+fontFamily?: string | undefined;
+fontWeight?: string | undefined;
+color?: string | undefined;
+backgroundColor?: string | undefined;
+borderColor?: string | undefined;
+borderWidth?: number | undefined;
+borderRadius?: number | undefined;
+padding?: number | {
+top: number;
+right: number;
+bottom: number;
+left: number;
+} | undefined;
+margin?: number | undefined;
+zIndex?: number | undefined;
+canvasBorderWidth?: number | undefined;
+canvasBorderColor?: string | undefined;
+canvasBorderStyle?: "dashed" | "solid" | "dotted" | undefined;
+canvasNameFontSize?: number | undefined;
+canvasNameFontFamily?: string | undefined;
+canvasNameFontColor?: string | undefined;
+gradientLeftColor?: string | undefined;
+gradientRightColor?: string | undefined;
+textAnchor?: string | undefined;
+dominantBaseline?: string | undefined;
+} | undefined;
+icon?: string | undefined;
+modelId: string;
+modelName: string;
+names: string;
+name: string;
+nameBounds?: {
+x?: number | undefined;
+y?: number | undefined;
+width?: number | undefined;
+height?: number | undefined;
+} | undefined;
+nameStyle?: {
+fontSize?: number | undefined;
+fontFamily?: string | undefined;
+fontWeight?: string | undefined;
+color?: string | undefined;
+backgroundColor?: string | undefined;
+borderColor?: string | undefined;
+borderWidth?: number | undefined;
+borderRadius?: number | undefined;
+padding?: number | {
+top: number;
+right: number;
+bottom: number;
+left: number;
+} | undefined;
+margin?: number | undefined;
+zIndex?: number | undefined;
+canvasBorderWidth?: number | undefined;
+canvasBorderColor?: string | undefined;
+canvasBorderStyle?: "dashed" | "solid" | "dotted" | undefined;
+canvasNameFontSize?: number | undefined;
+canvasNameFontFamily?: string | undefined;
+canvasNameFontColor?: string | undefined;
+gradientLeftColor?: string | undefined;
+gradientRightColor?: string | undefined;
+textAnchor?: string | undefined;
+dominantBaseline?: string | undefined;
+} | undefined;
+direction?: string | undefined;
+sourceId?: string | undefined;
+targetId?: string | undefined;
+waypointId?: string | undefined;
+waypoints?: {
+x: number;
+y: number;
+}[] | undefined;
+showKeywords: boolean;
+showIcon: boolean;
+showName: boolean;
+showTaggedValues: boolean;
+showComparents: boolean;
+taggedValueLabels?: {
+id: string;
+modelId: string;
+modelName: string;
+names: string;
+name: string;
+nameBounds?: string | undefined;
+nameStyle?: string | undefined;
+}[] | undefined;
+comparents?: {
+bounds: {
+x?: number | undefined;
+y?: number | undefined;
+width?: number | undefined;
+height?: number | undefined;
+};
+modelId: string;
+modelName: string;
+comparentShapes: any[];
+}[] | undefined;
+meta?: any;
+scenarioMenus?: {
+[x: string]: any;
+code: string;
+name: string;
+icon: string;
+sourceModels: string[];
+targetCreateModel: string;
+targetModels: string[];
+}[] | undefined;
+inert?: boolean | undefined;
+sourceModels?: string[] | undefined;
+targetModels?: string[] | undefined;
+modelTypePropertyId: string;
+targetCreateModel?: string | undefined;
+sourceModelId?: string | undefined;
+isMovableComparents: boolean;
+}[]>;
+pendingNestedIds: Ref<string[], string[]>;
+selectedShape: Ref<{
+id: string;
+diagramId: string;
+parenShapeId: string;
+shapeKey: string;
+shapeType: "shape" | "edge" | "pin" | "diagram";
+bounds: {
+x?: number | undefined;
+y?: number | undefined;
+width?: number | undefined;
+height?: number | undefined;
+};
+style?: {
+fontSize?: number | undefined;
+fontFamily?: string | undefined;
+fontWeight?: string | undefined;
+color?: string | undefined;
+backgroundColor?: string | undefined;
+borderColor?: string | undefined;
+borderWidth?: number | undefined;
+borderRadius?: number | undefined;
+padding?: number | {
+top: number;
+right: number;
+bottom: number;
+left: number;
+} | undefined;
+margin?: number | undefined;
+zIndex?: number | undefined;
+canvasBorderWidth?: number | undefined;
+canvasBorderColor?: string | undefined;
+canvasBorderStyle?: "dashed" | "solid" | "dotted" | undefined;
+canvasNameFontSize?: number | undefined;
+canvasNameFontFamily?: string | undefined;
+canvasNameFontColor?: string | undefined;
+gradientLeftColor?: string | undefined;
+gradientRightColor?: string | undefined;
+textAnchor?: string | undefined;
+dominantBaseline?: string | undefined;
+} | undefined;
+keywords: string;
+keywordsBounds?: {
+x?: number | undefined;
+y?: number | undefined;
+width?: number | undefined;
+height?: number | undefined;
+} | undefined;
+keywordsStyle?: {
+fontSize?: number | undefined;
+fontFamily?: string | undefined;
+fontWeight?: string | undefined;
+color?: string | undefined;
+backgroundColor?: string | undefined;
+borderColor?: string | undefined;
+borderWidth?: number | undefined;
+borderRadius?: number | undefined;
+padding?: number | {
+top: number;
+right: number;
+bottom: number;
+left: number;
+} | undefined;
+margin?: number | undefined;
+zIndex?: number | undefined;
+canvasBorderWidth?: number | undefined;
+canvasBorderColor?: string | undefined;
+canvasBorderStyle?: "dashed" | "solid" | "dotted" | undefined;
+canvasNameFontSize?: number | undefined;
+canvasNameFontFamily?: string | undefined;
+canvasNameFontColor?: string | undefined;
+gradientLeftColor?: string | undefined;
+gradientRightColor?: string | undefined;
+textAnchor?: string | undefined;
+dominantBaseline?: string | undefined;
+} | undefined;
+icon?: string | undefined;
+modelId: string;
+modelName: string;
+names: string;
+name: string;
+nameBounds?: {
+x?: number | undefined;
+y?: number | undefined;
+width?: number | undefined;
+height?: number | undefined;
+} | undefined;
+nameStyle?: {
+fontSize?: number | undefined;
+fontFamily?: string | undefined;
+fontWeight?: string | undefined;
+color?: string | undefined;
+backgroundColor?: string | undefined;
+borderColor?: string | undefined;
+borderWidth?: number | undefined;
+borderRadius?: number | undefined;
+padding?: number | {
+top: number;
+right: number;
+bottom: number;
+left: number;
+} | undefined;
+margin?: number | undefined;
+zIndex?: number | undefined;
+canvasBorderWidth?: number | undefined;
+canvasBorderColor?: string | undefined;
+canvasBorderStyle?: "dashed" | "solid" | "dotted" | undefined;
+canvasNameFontSize?: number | undefined;
+canvasNameFontFamily?: string | undefined;
+canvasNameFontColor?: string | undefined;
+gradientLeftColor?: string | undefined;
+gradientRightColor?: string | undefined;
+textAnchor?: string | undefined;
+dominantBaseline?: string | undefined;
+} | undefined;
+direction?: string | undefined;
+sourceId?: string | undefined;
+targetId?: string | undefined;
+waypointId?: string | undefined;
+waypoints?: {
+x: number;
+y: number;
+}[] | undefined;
+showKeywords: boolean;
+showIcon: boolean;
+showName: boolean;
+showTaggedValues: boolean;
+showComparents: boolean;
+taggedValueLabels?: {
+id: string;
+modelId: string;
+modelName: string;
+names: string;
+name: string;
+nameBounds?: string | undefined;
+nameStyle?: string | undefined;
+}[] | undefined;
+comparents?: {
+bounds: {
+x?: number | undefined;
+y?: number | undefined;
+width?: number | undefined;
+height?: number | undefined;
+};
+modelId: string;
+modelName: string;
+comparentShapes: any[];
+}[] | undefined;
+meta?: any;
+scenarioMenus?: {
+[x: string]: any;
+code: string;
+name: string;
+icon: string;
+sourceModels: string[];
+targetCreateModel: string;
+targetModels: string[];
+}[] | undefined;
+inert?: boolean | undefined;
+sourceModels?: string[] | undefined;
+targetModels?: string[] | undefined;
+modelTypePropertyId: string;
+targetCreateModel?: string | undefined;
+sourceModelId?: string | undefined;
+isMovableComparents: boolean;
+} | null, Shape | {
+id: string;
+diagramId: string;
+parenShapeId: string;
+shapeKey: string;
+shapeType: "shape" | "edge" | "pin" | "diagram";
+bounds: {
+x?: number | undefined;
+y?: number | undefined;
+width?: number | undefined;
+height?: number | undefined;
+};
+style?: {
+fontSize?: number | undefined;
+fontFamily?: string | undefined;
+fontWeight?: string | undefined;
+color?: string | undefined;
+backgroundColor?: string | undefined;
+borderColor?: string | undefined;
+borderWidth?: number | undefined;
+borderRadius?: number | undefined;
+padding?: number | {
+top: number;
+right: number;
+bottom: number;
+left: number;
+} | undefined;
+margin?: number | undefined;
+zIndex?: number | undefined;
+canvasBorderWidth?: number | undefined;
+canvasBorderColor?: string | undefined;
+canvasBorderStyle?: "dashed" | "solid" | "dotted" | undefined;
+canvasNameFontSize?: number | undefined;
+canvasNameFontFamily?: string | undefined;
+canvasNameFontColor?: string | undefined;
+gradientLeftColor?: string | undefined;
+gradientRightColor?: string | undefined;
+textAnchor?: string | undefined;
+dominantBaseline?: string | undefined;
+} | undefined;
+keywords: string;
+keywordsBounds?: {
+x?: number | undefined;
+y?: number | undefined;
+width?: number | undefined;
+height?: number | undefined;
+} | undefined;
+keywordsStyle?: {
+fontSize?: number | undefined;
+fontFamily?: string | undefined;
+fontWeight?: string | undefined;
+color?: string | undefined;
+backgroundColor?: string | undefined;
+borderColor?: string | undefined;
+borderWidth?: number | undefined;
+borderRadius?: number | undefined;
+padding?: number | {
+top: number;
+right: number;
+bottom: number;
+left: number;
+} | undefined;
+margin?: number | undefined;
+zIndex?: number | undefined;
+canvasBorderWidth?: number | undefined;
+canvasBorderColor?: string | undefined;
+canvasBorderStyle?: "dashed" | "solid" | "dotted" | undefined;
+canvasNameFontSize?: number | undefined;
+canvasNameFontFamily?: string | undefined;
+canvasNameFontColor?: string | undefined;
+gradientLeftColor?: string | undefined;
+gradientRightColor?: string | undefined;
+textAnchor?: string | undefined;
+dominantBaseline?: string | undefined;
+} | undefined;
+icon?: string | undefined;
+modelId: string;
+modelName: string;
+names: string;
+name: string;
+nameBounds?: {
+x?: number | undefined;
+y?: number | undefined;
+width?: number | undefined;
+height?: number | undefined;
+} | undefined;
+nameStyle?: {
+fontSize?: number | undefined;
+fontFamily?: string | undefined;
+fontWeight?: string | undefined;
+color?: string | undefined;
+backgroundColor?: string | undefined;
+borderColor?: string | undefined;
+borderWidth?: number | undefined;
+borderRadius?: number | undefined;
+padding?: number | {
+top: number;
+right: number;
+bottom: number;
+left: number;
+} | undefined;
+margin?: number | undefined;
+zIndex?: number | undefined;
+canvasBorderWidth?: number | undefined;
+canvasBorderColor?: string | undefined;
+canvasBorderStyle?: "dashed" | "solid" | "dotted" | undefined;
+canvasNameFontSize?: number | undefined;
+canvasNameFontFamily?: string | undefined;
+canvasNameFontColor?: string | undefined;
+gradientLeftColor?: string | undefined;
+gradientRightColor?: string | undefined;
+textAnchor?: string | undefined;
+dominantBaseline?: string | undefined;
+} | undefined;
+direction?: string | undefined;
+sourceId?: string | undefined;
+targetId?: string | undefined;
+waypointId?: string | undefined;
+waypoints?: {
+x: number;
+y: number;
+}[] | undefined;
+showKeywords: boolean;
+showIcon: boolean;
+showName: boolean;
+showTaggedValues: boolean;
+showComparents: boolean;
+taggedValueLabels?: {
+id: string;
+modelId: string;
+modelName: string;
+names: string;
+name: string;
+nameBounds?: string | undefined;
+nameStyle?: string | undefined;
+}[] | undefined;
+comparents?: {
+bounds: {
+x?: number | undefined;
+y?: number | undefined;
+width?: number | undefined;
+height?: number | undefined;
+};
+modelId: string;
+modelName: string;
+comparentShapes: any[];
+}[] | undefined;
+meta?: any;
+scenarioMenus?: {
+[x: string]: any;
+code: string;
+name: string;
+icon: string;
+sourceModels: string[];
+targetCreateModel: string;
+targetModels: string[];
+}[] | undefined;
+inert?: boolean | undefined;
+sourceModels?: string[] | undefined;
+targetModels?: string[] | undefined;
+modelTypePropertyId: string;
+targetCreateModel?: string | undefined;
+sourceModelId?: string | undefined;
+isMovableComparents: boolean;
+} | null>;
+diagramTitle: Ref<string, string>;
+isDragging: Ref<boolean, boolean>;
+draggingShapeId: Ref<string | null, string | null>;
+dragOffset: Ref<{
+x: number;
+y: number;
+} | null, {
+x: number;
+y: number;
+} | {
+x: number;
+y: number;
+} | null>;
+diagrams: Ref<{
+id: string;
+diagramId: string;
+parenShapeId: string;
+shapeKey: string;
+shapeType: "shape" | "edge" | "pin" | "diagram";
+bounds: {
+x?: number | undefined;
+y?: number | undefined;
+width?: number | undefined;
+height?: number | undefined;
+};
+style?: {
+fontSize?: number | undefined;
+fontFamily?: string | undefined;
+fontWeight?: string | undefined;
+color?: string | undefined;
+backgroundColor?: string | undefined;
+borderColor?: string | undefined;
+borderWidth?: number | undefined;
+borderRadius?: number | undefined;
+padding?: number | {
+top: number;
+right: number;
+bottom: number;
+left: number;
+} | undefined;
+margin?: number | undefined;
+zIndex?: number | undefined;
+canvasBorderWidth?: number | undefined;
+canvasBorderColor?: string | undefined;
+canvasBorderStyle?: "dashed" | "solid" | "dotted" | undefined;
+canvasNameFontSize?: number | undefined;
+canvasNameFontFamily?: string | undefined;
+canvasNameFontColor?: string | undefined;
+gradientLeftColor?: string | undefined;
+gradientRightColor?: string | undefined;
+textAnchor?: string | undefined;
+dominantBaseline?: string | undefined;
+} | undefined;
+keywords: string;
+keywordsBounds?: {
+x?: number | undefined;
+y?: number | undefined;
+width?: number | undefined;
+height?: number | undefined;
+} | undefined;
+keywordsStyle?: {
+fontSize?: number | undefined;
+fontFamily?: string | undefined;
+fontWeight?: string | undefined;
+color?: string | undefined;
+backgroundColor?: string | undefined;
+borderColor?: string | undefined;
+borderWidth?: number | undefined;
+borderRadius?: number | undefined;
+padding?: number | {
+top: number;
+right: number;
+bottom: number;
+left: number;
+} | undefined;
+margin?: number | undefined;
+zIndex?: number | undefined;
+canvasBorderWidth?: number | undefined;
+canvasBorderColor?: string | undefined;
+canvasBorderStyle?: "dashed" | "solid" | "dotted" | undefined;
+canvasNameFontSize?: number | undefined;
+canvasNameFontFamily?: string | undefined;
+canvasNameFontColor?: string | undefined;
+gradientLeftColor?: string | undefined;
+gradientRightColor?: string | undefined;
+textAnchor?: string | undefined;
+dominantBaseline?: string | undefined;
+} | undefined;
+icon?: string | undefined;
+modelId: string;
+modelName: string;
+names: string;
+name: string;
+nameBounds?: {
+x?: number | undefined;
+y?: number | undefined;
+width?: number | undefined;
+height?: number | undefined;
+} | undefined;
+nameStyle?: {
+fontSize?: number | undefined;
+fontFamily?: string | undefined;
+fontWeight?: string | undefined;
+color?: string | undefined;
+backgroundColor?: string | undefined;
+borderColor?: string | undefined;
+borderWidth?: number | undefined;
+borderRadius?: number | undefined;
+padding?: number | {
+top: number;
+right: number;
+bottom: number;
+left: number;
+} | undefined;
+margin?: number | undefined;
+zIndex?: number | undefined;
+canvasBorderWidth?: number | undefined;
+canvasBorderColor?: string | undefined;
+canvasBorderStyle?: "dashed" | "solid" | "dotted" | undefined;
+canvasNameFontSize?: number | undefined;
+canvasNameFontFamily?: string | undefined;
+canvasNameFontColor?: string | undefined;
+gradientLeftColor?: string | undefined;
+gradientRightColor?: string | undefined;
+textAnchor?: string | undefined;
+dominantBaseline?: string | undefined;
+} | undefined;
+direction?: string | undefined;
+sourceId?: string | undefined;
+targetId?: string | undefined;
+waypointId?: string | undefined;
+waypoints?: {
+x: number;
+y: number;
+}[] | undefined;
+showKeywords: boolean;
+showIcon: boolean;
+showName: boolean;
+showTaggedValues: boolean;
+showComparents: boolean;
+taggedValueLabels?: {
+id: string;
+modelId: string;
+modelName: string;
+names: string;
+name: string;
+nameBounds?: string | undefined;
+nameStyle?: string | undefined;
+}[] | undefined;
+comparents?: {
+bounds: {
+x?: number | undefined;
+y?: number | undefined;
+width?: number | undefined;
+height?: number | undefined;
+};
+modelId: string;
+modelName: string;
+comparentShapes: any[];
+}[] | undefined;
+meta?: any;
+scenarioMenus?: {
+[x: string]: any;
+code: string;
+name: string;
+icon: string;
+sourceModels: string[];
+targetCreateModel: string;
+targetModels: string[];
+}[] | undefined;
+inert?: boolean | undefined;
+sourceModels?: string[] | undefined;
+targetModels?: string[] | undefined;
+modelTypePropertyId: string;
+targetCreateModel?: string | undefined;
+sourceModelId?: string | undefined;
+isMovableComparents: boolean;
+}[], Shape[] | {
+id: string;
+diagramId: string;
+parenShapeId: string;
+shapeKey: string;
+shapeType: "shape" | "edge" | "pin" | "diagram";
+bounds: {
+x?: number | undefined;
+y?: number | undefined;
+width?: number | undefined;
+height?: number | undefined;
+};
+style?: {
+fontSize?: number | undefined;
+fontFamily?: string | undefined;
+fontWeight?: string | undefined;
+color?: string | undefined;
+backgroundColor?: string | undefined;
+borderColor?: string | undefined;
+borderWidth?: number | undefined;
+borderRadius?: number | undefined;
+padding?: number | {
+top: number;
+right: number;
+bottom: number;
+left: number;
+} | undefined;
+margin?: number | undefined;
+zIndex?: number | undefined;
+canvasBorderWidth?: number | undefined;
+canvasBorderColor?: string | undefined;
+canvasBorderStyle?: "dashed" | "solid" | "dotted" | undefined;
+canvasNameFontSize?: number | undefined;
+canvasNameFontFamily?: string | undefined;
+canvasNameFontColor?: string | undefined;
+gradientLeftColor?: string | undefined;
+gradientRightColor?: string | undefined;
+textAnchor?: string | undefined;
+dominantBaseline?: string | undefined;
+} | undefined;
+keywords: string;
+keywordsBounds?: {
+x?: number | undefined;
+y?: number | undefined;
+width?: number | undefined;
+height?: number | undefined;
+} | undefined;
+keywordsStyle?: {
+fontSize?: number | undefined;
+fontFamily?: string | undefined;
+fontWeight?: string | undefined;
+color?: string | undefined;
+backgroundColor?: string | undefined;
+borderColor?: string | undefined;
+borderWidth?: number | undefined;
+borderRadius?: number | undefined;
+padding?: number | {
+top: number;
+right: number;
+bottom: number;
+left: number;
+} | undefined;
+margin?: number | undefined;
+zIndex?: number | undefined;
+canvasBorderWidth?: number | undefined;
+canvasBorderColor?: string | undefined;
+canvasBorderStyle?: "dashed" | "solid" | "dotted" | undefined;
+canvasNameFontSize?: number | undefined;
+canvasNameFontFamily?: string | undefined;
+canvasNameFontColor?: string | undefined;
+gradientLeftColor?: string | undefined;
+gradientRightColor?: string | undefined;
+textAnchor?: string | undefined;
+dominantBaseline?: string | undefined;
+} | undefined;
+icon?: string | undefined;
+modelId: string;
+modelName: string;
+names: string;
+name: string;
+nameBounds?: {
+x?: number | undefined;
+y?: number | undefined;
+width?: number | undefined;
+height?: number | undefined;
+} | undefined;
+nameStyle?: {
+fontSize?: number | undefined;
+fontFamily?: string | undefined;
+fontWeight?: string | undefined;
+color?: string | undefined;
+backgroundColor?: string | undefined;
+borderColor?: string | undefined;
+borderWidth?: number | undefined;
+borderRadius?: number | undefined;
+padding?: number | {
+top: number;
+right: number;
+bottom: number;
+left: number;
+} | undefined;
+margin?: number | undefined;
+zIndex?: number | undefined;
+canvasBorderWidth?: number | undefined;
+canvasBorderColor?: string | undefined;
+canvasBorderStyle?: "dashed" | "solid" | "dotted" | undefined;
+canvasNameFontSize?: number | undefined;
+canvasNameFontFamily?: string | undefined;
+canvasNameFontColor?: string | undefined;
+gradientLeftColor?: string | undefined;
+gradientRightColor?: string | undefined;
+textAnchor?: string | undefined;
+dominantBaseline?: string | undefined;
+} | undefined;
+direction?: string | undefined;
+sourceId?: string | undefined;
+targetId?: string | undefined;
+waypointId?: string | undefined;
+waypoints?: {
+x: number;
+y: number;
+}[] | undefined;
+showKeywords: boolean;
+showIcon: boolean;
+showName: boolean;
+showTaggedValues: boolean;
+showComparents: boolean;
+taggedValueLabels?: {
+id: string;
+modelId: string;
+modelName: string;
+names: string;
+name: string;
+nameBounds?: string | undefined;
+nameStyle?: string | undefined;
+}[] | undefined;
+comparents?: {
+bounds: {
+x?: number | undefined;
+y?: number | undefined;
+width?: number | undefined;
+height?: number | undefined;
+};
+modelId: string;
+modelName: string;
+comparentShapes: any[];
+}[] | undefined;
+meta?: any;
+scenarioMenus?: {
+[x: string]: any;
+code: string;
+name: string;
+icon: string;
+sourceModels: string[];
+targetCreateModel: string;
+targetModels: string[];
+}[] | undefined;
+inert?: boolean | undefined;
+sourceModels?: string[] | undefined;
+targetModels?: string[] | undefined;
+modelTypePropertyId: string;
+targetCreateModel?: string | undefined;
+sourceModelId?: string | undefined;
+isMovableComparents: boolean;
+}[]>;
+selectedIds: Ref<string[], string[]>;
+hoverContainerId: Ref<string | null, string | null>;
+hoverNestable: Ref<boolean | null, boolean | null>;
+currentDiagramId: Ref<string | null, string | null>;
+canDropOnCanvas: Ref<boolean, boolean>;
+taggedValueLabels: Ref<string[], string[]>;
+packagesTypes: Ref<string[], string[]>;
+classMetaTypes: Ref<string[], string[]>;
+ownerRequiredShapeKeys: Ref<string[], string[]>;
+pinsTypes: Ref<string[], string[]>;
+portsTypes: Ref<string[], string[]>;
+shapeCount: ComputedRef<number>;
+hasSelectedShape: ComputedRef<boolean>;
+marqueeShapes: ComputedRef<Shape[]>;
+ghostShadow: ComputedRef<Shape[]>;
+scales: Ref<Record<string, number>, Record<string, number>>;
+activeDiagramId: Ref<string | null, string | null>;
+currentScale: ComputedRef<number>;
+addShape: (shape: Shape) => void;
+removeShape: (shapeId: string) => void;
+updateShape: (shapeId: string, updates: Partial<Shape>, id?: 'id' | 'modelId') => void;
+selectShape: (shape: Shape | null) => void;
+setTitle: (title: string) => void;
+updateShapes: (newShapes: Shape[]) => void;
+clearAll: () => void;
+startDragShape: (shapeId: string, pointer: {
+x: number;
+y: number;
+}) => void;
+startDrag: (ids: string[], pointer: {
+x: number;
+y: number;
+}) => void;
+moveDraggedShape: (pointer: {
+x: number;
+y: number;
+}) => void;
+endDragShape: (source?: string) => Promise<void>;
+getShapes: () => {
+id: string;
+diagramId: string;
+parenShapeId: string;
+shapeKey: string;
+shapeType: "shape" | "edge" | "pin" | "diagram";
+bounds: {
+x?: number | undefined;
+y?: number | undefined;
+width?: number | undefined;
+height?: number | undefined;
+};
+style?: {
+fontSize?: number | undefined;
+fontFamily?: string | undefined;
+fontWeight?: string | undefined;
+color?: string | undefined;
+backgroundColor?: string | undefined;
+borderColor?: string | undefined;
+borderWidth?: number | undefined;
+borderRadius?: number | undefined;
+padding?: number | {
+top: number;
+right: number;
+bottom: number;
+left: number;
+} | undefined;
+margin?: number | undefined;
+zIndex?: number | undefined;
+canvasBorderWidth?: number | undefined;
+canvasBorderColor?: string | undefined;
+canvasBorderStyle?: "dashed" | "solid" | "dotted" | undefined;
+canvasNameFontSize?: number | undefined;
+canvasNameFontFamily?: string | undefined;
+canvasNameFontColor?: string | undefined;
+gradientLeftColor?: string | undefined;
+gradientRightColor?: string | undefined;
+textAnchor?: string | undefined;
+dominantBaseline?: string | undefined;
+} | undefined;
+keywords: string;
+keywordsBounds?: {
+x?: number | undefined;
+y?: number | undefined;
+width?: number | undefined;
+height?: number | undefined;
+} | undefined;
+keywordsStyle?: {
+fontSize?: number | undefined;
+fontFamily?: string | undefined;
+fontWeight?: string | undefined;
+color?: string | undefined;
+backgroundColor?: string | undefined;
+borderColor?: string | undefined;
+borderWidth?: number | undefined;
+borderRadius?: number | undefined;
+padding?: number | {
+top: number;
+right: number;
+bottom: number;
+left: number;
+} | undefined;
+margin?: number | undefined;
+zIndex?: number | undefined;
+canvasBorderWidth?: number | undefined;
+canvasBorderColor?: string | undefined;
+canvasBorderStyle?: "dashed" | "solid" | "dotted" | undefined;
+canvasNameFontSize?: number | undefined;
+canvasNameFontFamily?: string | undefined;
+canvasNameFontColor?: string | undefined;
+gradientLeftColor?: string | undefined;
+gradientRightColor?: string | undefined;
+textAnchor?: string | undefined;
+dominantBaseline?: string | undefined;
+} | undefined;
+icon?: string | undefined;
+modelId: string;
+modelName: string;
+names: string;
+name: string;
+nameBounds?: {
+x?: number | undefined;
+y?: number | undefined;
+width?: number | undefined;
+height?: number | undefined;
+} | undefined;
+nameStyle?: {
+fontSize?: number | undefined;
+fontFamily?: string | undefined;
+fontWeight?: string | undefined;
+color?: string | undefined;
+backgroundColor?: string | undefined;
+borderColor?: string | undefined;
+borderWidth?: number | undefined;
+borderRadius?: number | undefined;
+padding?: number | {
+top: number;
+right: number;
+bottom: number;
+left: number;
+} | undefined;
+margin?: number | undefined;
+zIndex?: number | undefined;
+canvasBorderWidth?: number | undefined;
+canvasBorderColor?: string | undefined;
+canvasBorderStyle?: "dashed" | "solid" | "dotted" | undefined;
+canvasNameFontSize?: number | undefined;
+canvasNameFontFamily?: string | undefined;
+canvasNameFontColor?: string | undefined;
+gradientLeftColor?: string | undefined;
+gradientRightColor?: string | undefined;
+textAnchor?: string | undefined;
+dominantBaseline?: string | undefined;
+} | undefined;
+direction?: string | undefined;
+sourceId?: string | undefined;
+targetId?: string | undefined;
+waypointId?: string | undefined;
+waypoints?: {
+x: number;
+y: number;
+}[] | undefined;
+showKeywords: boolean;
+showIcon: boolean;
+showName: boolean;
+showTaggedValues: boolean;
+showComparents: boolean;
+taggedValueLabels?: {
+id: string;
+modelId: string;
+modelName: string;
+names: string;
+name: string;
+nameBounds?: string | undefined;
+nameStyle?: string | undefined;
+}[] | undefined;
+comparents?: {
+bounds: {
+x?: number | undefined;
+y?: number | undefined;
+width?: number | undefined;
+height?: number | undefined;
+};
+modelId: string;
+modelName: string;
+comparentShapes: any[];
+}[] | undefined;
+meta?: any;
+scenarioMenus?: {
+[x: string]: any;
+code: string;
+name: string;
+icon: string;
+sourceModels: string[];
+targetCreateModel: string;
+targetModels: string[];
+}[] | undefined;
+inert?: boolean | undefined;
+sourceModels?: string[] | undefined;
+targetModels?: string[] | undefined;
+modelTypePropertyId: string;
+targetCreateModel?: string | undefined;
+sourceModelId?: string | undefined;
+isMovableComparents: boolean;
+}[];
+addDiagram: (diagram: Shape) => void;
+setCurrentDiagramId: (id: string | null) => void;
+selectMany: (ids: string[]) => void;
+clearSelection: () => void;
+removeSelected: () => void;
+finalCheckCanNest: (childId: string, parentId: string | null) => Promise<boolean>;
+setHoverState: (id: string | null, nestable: boolean | null) => void;
+initializeAllEdgeEndpoints: () => void;
+endResizeShape: (id: string) => void;
+getScale: (diagramId?: string | null) => number;
+setScale: (newScale: number, diagramId?: string | null) => void;
+setActiveDiagramId: (id: string | null) => void;
+visibleShapes: ComputedRef<Shape[]>;
+externalCreatingId: Ref<string | null, string | null>;
+expandParentAndEmitSizeUpdateByChild: (child: Shape) => void;
+}, "shapeCount" | "hasSelectedShape" | "marqueeShapes" | "ghostShadow" | "currentScale" | "visibleShapes">, Pick<{
+shapes: Ref<{
+id: string;
+diagramId: string;
+parenShapeId: string;
+shapeKey: string;
+shapeType: "shape" | "edge" | "pin" | "diagram";
+bounds: {
+x?: number | undefined;
+y?: number | undefined;
+width?: number | undefined;
+height?: number | undefined;
+};
+style?: {
+fontSize?: number | undefined;
+fontFamily?: string | undefined;
+fontWeight?: string | undefined;
+color?: string | undefined;
+backgroundColor?: string | undefined;
+borderColor?: string | undefined;
+borderWidth?: number | undefined;
+borderRadius?: number | undefined;
+padding?: number | {
+top: number;
+right: number;
+bottom: number;
+left: number;
+} | undefined;
+margin?: number | undefined;
+zIndex?: number | undefined;
+canvasBorderWidth?: number | undefined;
+canvasBorderColor?: string | undefined;
+canvasBorderStyle?: "dashed" | "solid" | "dotted" | undefined;
+canvasNameFontSize?: number | undefined;
+canvasNameFontFamily?: string | undefined;
+canvasNameFontColor?: string | undefined;
+gradientLeftColor?: string | undefined;
+gradientRightColor?: string | undefined;
+textAnchor?: string | undefined;
+dominantBaseline?: string | undefined;
+} | undefined;
+keywords: string;
+keywordsBounds?: {
+x?: number | undefined;
+y?: number | undefined;
+width?: number | undefined;
+height?: number | undefined;
+} | undefined;
+keywordsStyle?: {
+fontSize?: number | undefined;
+fontFamily?: string | undefined;
+fontWeight?: string | undefined;
+color?: string | undefined;
+backgroundColor?: string | undefined;
+borderColor?: string | undefined;
+borderWidth?: number | undefined;
+borderRadius?: number | undefined;
+padding?: number | {
+top: number;
+right: number;
+bottom: number;
+left: number;
+} | undefined;
+margin?: number | undefined;
+zIndex?: number | undefined;
+canvasBorderWidth?: number | undefined;
+canvasBorderColor?: string | undefined;
+canvasBorderStyle?: "dashed" | "solid" | "dotted" | undefined;
+canvasNameFontSize?: number | undefined;
+canvasNameFontFamily?: string | undefined;
+canvasNameFontColor?: string | undefined;
+gradientLeftColor?: string | undefined;
+gradientRightColor?: string | undefined;
+textAnchor?: string | undefined;
+dominantBaseline?: string | undefined;
+} | undefined;
+icon?: string | undefined;
+modelId: string;
+modelName: string;
+names: string;
+name: string;
+nameBounds?: {
+x?: number | undefined;
+y?: number | undefined;
+width?: number | undefined;
+height?: number | undefined;
+} | undefined;
+nameStyle?: {
+fontSize?: number | undefined;
+fontFamily?: string | undefined;
+fontWeight?: string | undefined;
+color?: string | undefined;
+backgroundColor?: string | undefined;
+borderColor?: string | undefined;
+borderWidth?: number | undefined;
+borderRadius?: number | undefined;
+padding?: number | {
+top: number;
+right: number;
+bottom: number;
+left: number;
+} | undefined;
+margin?: number | undefined;
+zIndex?: number | undefined;
+canvasBorderWidth?: number | undefined;
+canvasBorderColor?: string | undefined;
+canvasBorderStyle?: "dashed" | "solid" | "dotted" | undefined;
+canvasNameFontSize?: number | undefined;
+canvasNameFontFamily?: string | undefined;
+canvasNameFontColor?: string | undefined;
+gradientLeftColor?: string | undefined;
+gradientRightColor?: string | undefined;
+textAnchor?: string | undefined;
+dominantBaseline?: string | undefined;
+} | undefined;
+direction?: string | undefined;
+sourceId?: string | undefined;
+targetId?: string | undefined;
+waypointId?: string | undefined;
+waypoints?: {
+x: number;
+y: number;
+}[] | undefined;
+showKeywords: boolean;
+showIcon: boolean;
+showName: boolean;
+showTaggedValues: boolean;
+showComparents: boolean;
+taggedValueLabels?: {
+id: string;
+modelId: string;
+modelName: string;
+names: string;
+name: string;
+nameBounds?: string | undefined;
+nameStyle?: string | undefined;
+}[] | undefined;
+comparents?: {
+bounds: {
+x?: number | undefined;
+y?: number | undefined;
+width?: number | undefined;
+height?: number | undefined;
+};
+modelId: string;
+modelName: string;
+comparentShapes: any[];
+}[] | undefined;
+meta?: any;
+scenarioMenus?: {
+[x: string]: any;
+code: string;
+name: string;
+icon: string;
+sourceModels: string[];
+targetCreateModel: string;
+targetModels: string[];
+}[] | undefined;
+inert?: boolean | undefined;
+sourceModels?: string[] | undefined;
+targetModels?: string[] | undefined;
+modelTypePropertyId: string;
+targetCreateModel?: string | undefined;
+sourceModelId?: string | undefined;
+isMovableComparents: boolean;
+}[], Shape[] | {
+id: string;
+diagramId: string;
+parenShapeId: string;
+shapeKey: string;
+shapeType: "shape" | "edge" | "pin" | "diagram";
+bounds: {
+x?: number | undefined;
+y?: number | undefined;
+width?: number | undefined;
+height?: number | undefined;
+};
+style?: {
+fontSize?: number | undefined;
+fontFamily?: string | undefined;
+fontWeight?: string | undefined;
+color?: string | undefined;
+backgroundColor?: string | undefined;
+borderColor?: string | undefined;
+borderWidth?: number | undefined;
+borderRadius?: number | undefined;
+padding?: number | {
+top: number;
+right: number;
+bottom: number;
+left: number;
+} | undefined;
+margin?: number | undefined;
+zIndex?: number | undefined;
+canvasBorderWidth?: number | undefined;
+canvasBorderColor?: string | undefined;
+canvasBorderStyle?: "dashed" | "solid" | "dotted" | undefined;
+canvasNameFontSize?: number | undefined;
+canvasNameFontFamily?: string | undefined;
+canvasNameFontColor?: string | undefined;
+gradientLeftColor?: string | undefined;
+gradientRightColor?: string | undefined;
+textAnchor?: string | undefined;
+dominantBaseline?: string | undefined;
+} | undefined;
+keywords: string;
+keywordsBounds?: {
+x?: number | undefined;
+y?: number | undefined;
+width?: number | undefined;
+height?: number | undefined;
+} | undefined;
+keywordsStyle?: {
+fontSize?: number | undefined;
+fontFamily?: string | undefined;
+fontWeight?: string | undefined;
+color?: string | undefined;
+backgroundColor?: string | undefined;
+borderColor?: string | undefined;
+borderWidth?: number | undefined;
+borderRadius?: number | undefined;
+padding?: number | {
+top: number;
+right: number;
+bottom: number;
+left: number;
+} | undefined;
+margin?: number | undefined;
+zIndex?: number | undefined;
+canvasBorderWidth?: number | undefined;
+canvasBorderColor?: string | undefined;
+canvasBorderStyle?: "dashed" | "solid" | "dotted" | undefined;
+canvasNameFontSize?: number | undefined;
+canvasNameFontFamily?: string | undefined;
+canvasNameFontColor?: string | undefined;
+gradientLeftColor?: string | undefined;
+gradientRightColor?: string | undefined;
+textAnchor?: string | undefined;
+dominantBaseline?: string | undefined;
+} | undefined;
+icon?: string | undefined;
+modelId: string;
+modelName: string;
+names: string;
+name: string;
+nameBounds?: {
+x?: number | undefined;
+y?: number | undefined;
+width?: number | undefined;
+height?: number | undefined;
+} | undefined;
+nameStyle?: {
+fontSize?: number | undefined;
+fontFamily?: string | undefined;
+fontWeight?: string | undefined;
+color?: string | undefined;
+backgroundColor?: string | undefined;
+borderColor?: string | undefined;
+borderWidth?: number | undefined;
+borderRadius?: number | undefined;
+padding?: number | {
+top: number;
+right: number;
+bottom: number;
+left: number;
+} | undefined;
+margin?: number | undefined;
+zIndex?: number | undefined;
+canvasBorderWidth?: number | undefined;
+canvasBorderColor?: string | undefined;
+canvasBorderStyle?: "dashed" | "solid" | "dotted" | undefined;
+canvasNameFontSize?: number | undefined;
+canvasNameFontFamily?: string | undefined;
+canvasNameFontColor?: string | undefined;
+gradientLeftColor?: string | undefined;
+gradientRightColor?: string | undefined;
+textAnchor?: string | undefined;
+dominantBaseline?: string | undefined;
+} | undefined;
+direction?: string | undefined;
+sourceId?: string | undefined;
+targetId?: string | undefined;
+waypointId?: string | undefined;
+waypoints?: {
+x: number;
+y: number;
+}[] | undefined;
+showKeywords: boolean;
+showIcon: boolean;
+showName: boolean;
+showTaggedValues: boolean;
+showComparents: boolean;
+taggedValueLabels?: {
+id: string;
+modelId: string;
+modelName: string;
+names: string;
+name: string;
+nameBounds?: string | undefined;
+nameStyle?: string | undefined;
+}[] | undefined;
+comparents?: {
+bounds: {
+x?: number | undefined;
+y?: number | undefined;
+width?: number | undefined;
+height?: number | undefined;
+};
+modelId: string;
+modelName: string;
+comparentShapes: any[];
+}[] | undefined;
+meta?: any;
+scenarioMenus?: {
+[x: string]: any;
+code: string;
+name: string;
+icon: string;
+sourceModels: string[];
+targetCreateModel: string;
+targetModels: string[];
+}[] | undefined;
+inert?: boolean | undefined;
+sourceModels?: string[] | undefined;
+targetModels?: string[] | undefined;
+modelTypePropertyId: string;
+targetCreateModel?: string | undefined;
+sourceModelId?: string | undefined;
+isMovableComparents: boolean;
+}[]>;
+pendingNestedIds: Ref<string[], string[]>;
+selectedShape: Ref<{
+id: string;
+diagramId: string;
+parenShapeId: string;
+shapeKey: string;
+shapeType: "shape" | "edge" | "pin" | "diagram";
+bounds: {
+x?: number | undefined;
+y?: number | undefined;
+width?: number | undefined;
+height?: number | undefined;
+};
+style?: {
+fontSize?: number | undefined;
+fontFamily?: string | undefined;
+fontWeight?: string | undefined;
+color?: string | undefined;
+backgroundColor?: string | undefined;
+borderColor?: string | undefined;
+borderWidth?: number | undefined;
+borderRadius?: number | undefined;
+padding?: number | {
+top: number;
+right: number;
+bottom: number;
+left: number;
+} | undefined;
+margin?: number | undefined;
+zIndex?: number | undefined;
+canvasBorderWidth?: number | undefined;
+canvasBorderColor?: string | undefined;
+canvasBorderStyle?: "dashed" | "solid" | "dotted" | undefined;
+canvasNameFontSize?: number | undefined;
+canvasNameFontFamily?: string | undefined;
+canvasNameFontColor?: string | undefined;
+gradientLeftColor?: string | undefined;
+gradientRightColor?: string | undefined;
+textAnchor?: string | undefined;
+dominantBaseline?: string | undefined;
+} | undefined;
+keywords: string;
+keywordsBounds?: {
+x?: number | undefined;
+y?: number | undefined;
+width?: number | undefined;
+height?: number | undefined;
+} | undefined;
+keywordsStyle?: {
+fontSize?: number | undefined;
+fontFamily?: string | undefined;
+fontWeight?: string | undefined;
+color?: string | undefined;
+backgroundColor?: string | undefined;
+borderColor?: string | undefined;
+borderWidth?: number | undefined;
+borderRadius?: number | undefined;
+padding?: number | {
+top: number;
+right: number;
+bottom: number;
+left: number;
+} | undefined;
+margin?: number | undefined;
+zIndex?: number | undefined;
+canvasBorderWidth?: number | undefined;
+canvasBorderColor?: string | undefined;
+canvasBorderStyle?: "dashed" | "solid" | "dotted" | undefined;
+canvasNameFontSize?: number | undefined;
+canvasNameFontFamily?: string | undefined;
+canvasNameFontColor?: string | undefined;
+gradientLeftColor?: string | undefined;
+gradientRightColor?: string | undefined;
+textAnchor?: string | undefined;
+dominantBaseline?: string | undefined;
+} | undefined;
+icon?: string | undefined;
+modelId: string;
+modelName: string;
+names: string;
+name: string;
+nameBounds?: {
+x?: number | undefined;
+y?: number | undefined;
+width?: number | undefined;
+height?: number | undefined;
+} | undefined;
+nameStyle?: {
+fontSize?: number | undefined;
+fontFamily?: string | undefined;
+fontWeight?: string | undefined;
+color?: string | undefined;
+backgroundColor?: string | undefined;
+borderColor?: string | undefined;
+borderWidth?: number | undefined;
+borderRadius?: number | undefined;
+padding?: number | {
+top: number;
+right: number;
+bottom: number;
+left: number;
+} | undefined;
+margin?: number | undefined;
+zIndex?: number | undefined;
+canvasBorderWidth?: number | undefined;
+canvasBorderColor?: string | undefined;
+canvasBorderStyle?: "dashed" | "solid" | "dotted" | undefined;
+canvasNameFontSize?: number | undefined;
+canvasNameFontFamily?: string | undefined;
+canvasNameFontColor?: string | undefined;
+gradientLeftColor?: string | undefined;
+gradientRightColor?: string | undefined;
+textAnchor?: string | undefined;
+dominantBaseline?: string | undefined;
+} | undefined;
+direction?: string | undefined;
+sourceId?: string | undefined;
+targetId?: string | undefined;
+waypointId?: string | undefined;
+waypoints?: {
+x: number;
+y: number;
+}[] | undefined;
+showKeywords: boolean;
+showIcon: boolean;
+showName: boolean;
+showTaggedValues: boolean;
+showComparents: boolean;
+taggedValueLabels?: {
+id: string;
+modelId: string;
+modelName: string;
+names: string;
+name: string;
+nameBounds?: string | undefined;
+nameStyle?: string | undefined;
+}[] | undefined;
+comparents?: {
+bounds: {
+x?: number | undefined;
+y?: number | undefined;
+width?: number | undefined;
+height?: number | undefined;
+};
+modelId: string;
+modelName: string;
+comparentShapes: any[];
+}[] | undefined;
+meta?: any;
+scenarioMenus?: {
+[x: string]: any;
+code: string;
+name: string;
+icon: string;
+sourceModels: string[];
+targetCreateModel: string;
+targetModels: string[];
+}[] | undefined;
+inert?: boolean | undefined;
+sourceModels?: string[] | undefined;
+targetModels?: string[] | undefined;
+modelTypePropertyId: string;
+targetCreateModel?: string | undefined;
+sourceModelId?: string | undefined;
+isMovableComparents: boolean;
+} | null, Shape | {
+id: string;
+diagramId: string;
+parenShapeId: string;
+shapeKey: string;
+shapeType: "shape" | "edge" | "pin" | "diagram";
+bounds: {
+x?: number | undefined;
+y?: number | undefined;
+width?: number | undefined;
+height?: number | undefined;
+};
+style?: {
+fontSize?: number | undefined;
+fontFamily?: string | undefined;
+fontWeight?: string | undefined;
+color?: string | undefined;
+backgroundColor?: string | undefined;
+borderColor?: string | undefined;
+borderWidth?: number | undefined;
+borderRadius?: number | undefined;
+padding?: number | {
+top: number;
+right: number;
+bottom: number;
+left: number;
+} | undefined;
+margin?: number | undefined;
+zIndex?: number | undefined;
+canvasBorderWidth?: number | undefined;
+canvasBorderColor?: string | undefined;
+canvasBorderStyle?: "dashed" | "solid" | "dotted" | undefined;
+canvasNameFontSize?: number | undefined;
+canvasNameFontFamily?: string | undefined;
+canvasNameFontColor?: string | undefined;
+gradientLeftColor?: string | undefined;
+gradientRightColor?: string | undefined;
+textAnchor?: string | undefined;
+dominantBaseline?: string | undefined;
+} | undefined;
+keywords: string;
+keywordsBounds?: {
+x?: number | undefined;
+y?: number | undefined;
+width?: number | undefined;
+height?: number | undefined;
+} | undefined;
+keywordsStyle?: {
+fontSize?: number | undefined;
+fontFamily?: string | undefined;
+fontWeight?: string | undefined;
+color?: string | undefined;
+backgroundColor?: string | undefined;
+borderColor?: string | undefined;
+borderWidth?: number | undefined;
+borderRadius?: number | undefined;
+padding?: number | {
+top: number;
+right: number;
+bottom: number;
+left: number;
+} | undefined;
+margin?: number | undefined;
+zIndex?: number | undefined;
+canvasBorderWidth?: number | undefined;
+canvasBorderColor?: string | undefined;
+canvasBorderStyle?: "dashed" | "solid" | "dotted" | undefined;
+canvasNameFontSize?: number | undefined;
+canvasNameFontFamily?: string | undefined;
+canvasNameFontColor?: string | undefined;
+gradientLeftColor?: string | undefined;
+gradientRightColor?: string | undefined;
+textAnchor?: string | undefined;
+dominantBaseline?: string | undefined;
+} | undefined;
+icon?: string | undefined;
+modelId: string;
+modelName: string;
+names: string;
+name: string;
+nameBounds?: {
+x?: number | undefined;
+y?: number | undefined;
+width?: number | undefined;
+height?: number | undefined;
+} | undefined;
+nameStyle?: {
+fontSize?: number | undefined;
+fontFamily?: string | undefined;
+fontWeight?: string | undefined;
+color?: string | undefined;
+backgroundColor?: string | undefined;
+borderColor?: string | undefined;
+borderWidth?: number | undefined;
+borderRadius?: number | undefined;
+padding?: number | {
+top: number;
+right: number;
+bottom: number;
+left: number;
+} | undefined;
+margin?: number | undefined;
+zIndex?: number | undefined;
+canvasBorderWidth?: number | undefined;
+canvasBorderColor?: string | undefined;
+canvasBorderStyle?: "dashed" | "solid" | "dotted" | undefined;
+canvasNameFontSize?: number | undefined;
+canvasNameFontFamily?: string | undefined;
+canvasNameFontColor?: string | undefined;
+gradientLeftColor?: string | undefined;
+gradientRightColor?: string | undefined;
+textAnchor?: string | undefined;
+dominantBaseline?: string | undefined;
+} | undefined;
+direction?: string | undefined;
+sourceId?: string | undefined;
+targetId?: string | undefined;
+waypointId?: string | undefined;
+waypoints?: {
+x: number;
+y: number;
+}[] | undefined;
+showKeywords: boolean;
+showIcon: boolean;
+showName: boolean;
+showTaggedValues: boolean;
+showComparents: boolean;
+taggedValueLabels?: {
+id: string;
+modelId: string;
+modelName: string;
+names: string;
+name: string;
+nameBounds?: string | undefined;
+nameStyle?: string | undefined;
+}[] | undefined;
+comparents?: {
+bounds: {
+x?: number | undefined;
+y?: number | undefined;
+width?: number | undefined;
+height?: number | undefined;
+};
+modelId: string;
+modelName: string;
+comparentShapes: any[];
+}[] | undefined;
+meta?: any;
+scenarioMenus?: {
+[x: string]: any;
+code: string;
+name: string;
+icon: string;
+sourceModels: string[];
+targetCreateModel: string;
+targetModels: string[];
+}[] | undefined;
+inert?: boolean | undefined;
+sourceModels?: string[] | undefined;
+targetModels?: string[] | undefined;
+modelTypePropertyId: string;
+targetCreateModel?: string | undefined;
+sourceModelId?: string | undefined;
+isMovableComparents: boolean;
+} | null>;
+diagramTitle: Ref<string, string>;
+isDragging: Ref<boolean, boolean>;
+draggingShapeId: Ref<string | null, string | null>;
+dragOffset: Ref<{
+x: number;
+y: number;
+} | null, {
+x: number;
+y: number;
+} | {
+x: number;
+y: number;
+} | null>;
+diagrams: Ref<{
+id: string;
+diagramId: string;
+parenShapeId: string;
+shapeKey: string;
+shapeType: "shape" | "edge" | "pin" | "diagram";
+bounds: {
+x?: number | undefined;
+y?: number | undefined;
+width?: number | undefined;
+height?: number | undefined;
+};
+style?: {
+fontSize?: number | undefined;
+fontFamily?: string | undefined;
+fontWeight?: string | undefined;
+color?: string | undefined;
+backgroundColor?: string | undefined;
+borderColor?: string | undefined;
+borderWidth?: number | undefined;
+borderRadius?: number | undefined;
+padding?: number | {
+top: number;
+right: number;
+bottom: number;
+left: number;
+} | undefined;
+margin?: number | undefined;
+zIndex?: number | undefined;
+canvasBorderWidth?: number | undefined;
+canvasBorderColor?: string | undefined;
+canvasBorderStyle?: "dashed" | "solid" | "dotted" | undefined;
+canvasNameFontSize?: number | undefined;
+canvasNameFontFamily?: string | undefined;
+canvasNameFontColor?: string | undefined;
+gradientLeftColor?: string | undefined;
+gradientRightColor?: string | undefined;
+textAnchor?: string | undefined;
+dominantBaseline?: string | undefined;
+} | undefined;
+keywords: string;
+keywordsBounds?: {
+x?: number | undefined;
+y?: number | undefined;
+width?: number | undefined;
+height?: number | undefined;
+} | undefined;
+keywordsStyle?: {
+fontSize?: number | undefined;
+fontFamily?: string | undefined;
+fontWeight?: string | undefined;
+color?: string | undefined;
+backgroundColor?: string | undefined;
+borderColor?: string | undefined;
+borderWidth?: number | undefined;
+borderRadius?: number | undefined;
+padding?: number | {
+top: number;
+right: number;
+bottom: number;
+left: number;
+} | undefined;
+margin?: number | undefined;
+zIndex?: number | undefined;
+canvasBorderWidth?: number | undefined;
+canvasBorderColor?: string | undefined;
+canvasBorderStyle?: "dashed" | "solid" | "dotted" | undefined;
+canvasNameFontSize?: number | undefined;
+canvasNameFontFamily?: string | undefined;
+canvasNameFontColor?: string | undefined;
+gradientLeftColor?: string | undefined;
+gradientRightColor?: string | undefined;
+textAnchor?: string | undefined;
+dominantBaseline?: string | undefined;
+} | undefined;
+icon?: string | undefined;
+modelId: string;
+modelName: string;
+names: string;
+name: string;
+nameBounds?: {
+x?: number | undefined;
+y?: number | undefined;
+width?: number | undefined;
+height?: number | undefined;
+} | undefined;
+nameStyle?: {
+fontSize?: number | undefined;
+fontFamily?: string | undefined;
+fontWeight?: string | undefined;
+color?: string | undefined;
+backgroundColor?: string | undefined;
+borderColor?: string | undefined;
+borderWidth?: number | undefined;
+borderRadius?: number | undefined;
+padding?: number | {
+top: number;
+right: number;
+bottom: number;
+left: number;
+} | undefined;
+margin?: number | undefined;
+zIndex?: number | undefined;
+canvasBorderWidth?: number | undefined;
+canvasBorderColor?: string | undefined;
+canvasBorderStyle?: "dashed" | "solid" | "dotted" | undefined;
+canvasNameFontSize?: number | undefined;
+canvasNameFontFamily?: string | undefined;
+canvasNameFontColor?: string | undefined;
+gradientLeftColor?: string | undefined;
+gradientRightColor?: string | undefined;
+textAnchor?: string | undefined;
+dominantBaseline?: string | undefined;
+} | undefined;
+direction?: string | undefined;
+sourceId?: string | undefined;
+targetId?: string | undefined;
+waypointId?: string | undefined;
+waypoints?: {
+x: number;
+y: number;
+}[] | undefined;
+showKeywords: boolean;
+showIcon: boolean;
+showName: boolean;
+showTaggedValues: boolean;
+showComparents: boolean;
+taggedValueLabels?: {
+id: string;
+modelId: string;
+modelName: string;
+names: string;
+name: string;
+nameBounds?: string | undefined;
+nameStyle?: string | undefined;
+}[] | undefined;
+comparents?: {
+bounds: {
+x?: number | undefined;
+y?: number | undefined;
+width?: number | undefined;
+height?: number | undefined;
+};
+modelId: string;
+modelName: string;
+comparentShapes: any[];
+}[] | undefined;
+meta?: any;
+scenarioMenus?: {
+[x: string]: any;
+code: string;
+name: string;
+icon: string;
+sourceModels: string[];
+targetCreateModel: string;
+targetModels: string[];
+}[] | undefined;
+inert?: boolean | undefined;
+sourceModels?: string[] | undefined;
+targetModels?: string[] | undefined;
+modelTypePropertyId: string;
+targetCreateModel?: string | undefined;
+sourceModelId?: string | undefined;
+isMovableComparents: boolean;
+}[], Shape[] | {
+id: string;
+diagramId: string;
+parenShapeId: string;
+shapeKey: string;
+shapeType: "shape" | "edge" | "pin" | "diagram";
+bounds: {
+x?: number | undefined;
+y?: number | undefined;
+width?: number | undefined;
+height?: number | undefined;
+};
+style?: {
+fontSize?: number | undefined;
+fontFamily?: string | undefined;
+fontWeight?: string | undefined;
+color?: string | undefined;
+backgroundColor?: string | undefined;
+borderColor?: string | undefined;
+borderWidth?: number | undefined;
+borderRadius?: number | undefined;
+padding?: number | {
+top: number;
+right: number;
+bottom: number;
+left: number;
+} | undefined;
+margin?: number | undefined;
+zIndex?: number | undefined;
+canvasBorderWidth?: number | undefined;
+canvasBorderColor?: string | undefined;
+canvasBorderStyle?: "dashed" | "solid" | "dotted" | undefined;
+canvasNameFontSize?: number | undefined;
+canvasNameFontFamily?: string | undefined;
+canvasNameFontColor?: string | undefined;
+gradientLeftColor?: string | undefined;
+gradientRightColor?: string | undefined;
+textAnchor?: string | undefined;
+dominantBaseline?: string | undefined;
+} | undefined;
+keywords: string;
+keywordsBounds?: {
+x?: number | undefined;
+y?: number | undefined;
+width?: number | undefined;
+height?: number | undefined;
+} | undefined;
+keywordsStyle?: {
+fontSize?: number | undefined;
+fontFamily?: string | undefined;
+fontWeight?: string | undefined;
+color?: string | undefined;
+backgroundColor?: string | undefined;
+borderColor?: string | undefined;
+borderWidth?: number | undefined;
+borderRadius?: number | undefined;
+padding?: number | {
+top: number;
+right: number;
+bottom: number;
+left: number;
+} | undefined;
+margin?: number | undefined;
+zIndex?: number | undefined;
+canvasBorderWidth?: number | undefined;
+canvasBorderColor?: string | undefined;
+canvasBorderStyle?: "dashed" | "solid" | "dotted" | undefined;
+canvasNameFontSize?: number | undefined;
+canvasNameFontFamily?: string | undefined;
+canvasNameFontColor?: string | undefined;
+gradientLeftColor?: string | undefined;
+gradientRightColor?: string | undefined;
+textAnchor?: string | undefined;
+dominantBaseline?: string | undefined;
+} | undefined;
+icon?: string | undefined;
+modelId: string;
+modelName: string;
+names: string;
+name: string;
+nameBounds?: {
+x?: number | undefined;
+y?: number | undefined;
+width?: number | undefined;
+height?: number | undefined;
+} | undefined;
+nameStyle?: {
+fontSize?: number | undefined;
+fontFamily?: string | undefined;
+fontWeight?: string | undefined;
+color?: string | undefined;
+backgroundColor?: string | undefined;
+borderColor?: string | undefined;
+borderWidth?: number | undefined;
+borderRadius?: number | undefined;
+padding?: number | {
+top: number;
+right: number;
+bottom: number;
+left: number;
+} | undefined;
+margin?: number | undefined;
+zIndex?: number | undefined;
+canvasBorderWidth?: number | undefined;
+canvasBorderColor?: string | undefined;
+canvasBorderStyle?: "dashed" | "solid" | "dotted" | undefined;
+canvasNameFontSize?: number | undefined;
+canvasNameFontFamily?: string | undefined;
+canvasNameFontColor?: string | undefined;
+gradientLeftColor?: string | undefined;
+gradientRightColor?: string | undefined;
+textAnchor?: string | undefined;
+dominantBaseline?: string | undefined;
+} | undefined;
+direction?: string | undefined;
+sourceId?: string | undefined;
+targetId?: string | undefined;
+waypointId?: string | undefined;
+waypoints?: {
+x: number;
+y: number;
+}[] | undefined;
+showKeywords: boolean;
+showIcon: boolean;
+showName: boolean;
+showTaggedValues: boolean;
+showComparents: boolean;
+taggedValueLabels?: {
+id: string;
+modelId: string;
+modelName: string;
+names: string;
+name: string;
+nameBounds?: string | undefined;
+nameStyle?: string | undefined;
+}[] | undefined;
+comparents?: {
+bounds: {
+x?: number | undefined;
+y?: number | undefined;
+width?: number | undefined;
+height?: number | undefined;
+};
+modelId: string;
+modelName: string;
+comparentShapes: any[];
+}[] | undefined;
+meta?: any;
+scenarioMenus?: {
+[x: string]: any;
+code: string;
+name: string;
+icon: string;
+sourceModels: string[];
+targetCreateModel: string;
+targetModels: string[];
+}[] | undefined;
+inert?: boolean | undefined;
+sourceModels?: string[] | undefined;
+targetModels?: string[] | undefined;
+modelTypePropertyId: string;
+targetCreateModel?: string | undefined;
+sourceModelId?: string | undefined;
+isMovableComparents: boolean;
+}[]>;
+selectedIds: Ref<string[], string[]>;
+hoverContainerId: Ref<string | null, string | null>;
+hoverNestable: Ref<boolean | null, boolean | null>;
+currentDiagramId: Ref<string | null, string | null>;
+canDropOnCanvas: Ref<boolean, boolean>;
+taggedValueLabels: Ref<string[], string[]>;
+packagesTypes: Ref<string[], string[]>;
+classMetaTypes: Ref<string[], string[]>;
+ownerRequiredShapeKeys: Ref<string[], string[]>;
+pinsTypes: Ref<string[], string[]>;
+portsTypes: Ref<string[], string[]>;
+shapeCount: ComputedRef<number>;
+hasSelectedShape: ComputedRef<boolean>;
+marqueeShapes: ComputedRef<Shape[]>;
+ghostShadow: ComputedRef<Shape[]>;
+scales: Ref<Record<string, number>, Record<string, number>>;
+activeDiagramId: Ref<string | null, string | null>;
+currentScale: ComputedRef<number>;
+addShape: (shape: Shape) => void;
+removeShape: (shapeId: string) => void;
+updateShape: (shapeId: string, updates: Partial<Shape>, id?: 'id' | 'modelId') => void;
+selectShape: (shape: Shape | null) => void;
+setTitle: (title: string) => void;
+updateShapes: (newShapes: Shape[]) => void;
+clearAll: () => void;
+startDragShape: (shapeId: string, pointer: {
+x: number;
+y: number;
+}) => void;
+startDrag: (ids: string[], pointer: {
+x: number;
+y: number;
+}) => void;
+moveDraggedShape: (pointer: {
+x: number;
+y: number;
+}) => void;
+endDragShape: (source?: string) => Promise<void>;
+getShapes: () => {
+id: string;
+diagramId: string;
+parenShapeId: string;
+shapeKey: string;
+shapeType: "shape" | "edge" | "pin" | "diagram";
+bounds: {
+x?: number | undefined;
+y?: number | undefined;
+width?: number | undefined;
+height?: number | undefined;
+};
+style?: {
+fontSize?: number | undefined;
+fontFamily?: string | undefined;
+fontWeight?: string | undefined;
+color?: string | undefined;
+backgroundColor?: string | undefined;
+borderColor?: string | undefined;
+borderWidth?: number | undefined;
+borderRadius?: number | undefined;
+padding?: number | {
+top: number;
+right: number;
+bottom: number;
+left: number;
+} | undefined;
+margin?: number | undefined;
+zIndex?: number | undefined;
+canvasBorderWidth?: number | undefined;
+canvasBorderColor?: string | undefined;
+canvasBorderStyle?: "dashed" | "solid" | "dotted" | undefined;
+canvasNameFontSize?: number | undefined;
+canvasNameFontFamily?: string | undefined;
+canvasNameFontColor?: string | undefined;
+gradientLeftColor?: string | undefined;
+gradientRightColor?: string | undefined;
+textAnchor?: string | undefined;
+dominantBaseline?: string | undefined;
+} | undefined;
+keywords: string;
+keywordsBounds?: {
+x?: number | undefined;
+y?: number | undefined;
+width?: number | undefined;
+height?: number | undefined;
+} | undefined;
+keywordsStyle?: {
+fontSize?: number | undefined;
+fontFamily?: string | undefined;
+fontWeight?: string | undefined;
+color?: string | undefined;
+backgroundColor?: string | undefined;
+borderColor?: string | undefined;
+borderWidth?: number | undefined;
+borderRadius?: number | undefined;
+padding?: number | {
+top: number;
+right: number;
+bottom: number;
+left: number;
+} | undefined;
+margin?: number | undefined;
+zIndex?: number | undefined;
+canvasBorderWidth?: number | undefined;
+canvasBorderColor?: string | undefined;
+canvasBorderStyle?: "dashed" | "solid" | "dotted" | undefined;
+canvasNameFontSize?: number | undefined;
+canvasNameFontFamily?: string | undefined;
+canvasNameFontColor?: string | undefined;
+gradientLeftColor?: string | undefined;
+gradientRightColor?: string | undefined;
+textAnchor?: string | undefined;
+dominantBaseline?: string | undefined;
+} | undefined;
+icon?: string | undefined;
+modelId: string;
+modelName: string;
+names: string;
+name: string;
+nameBounds?: {
+x?: number | undefined;
+y?: number | undefined;
+width?: number | undefined;
+height?: number | undefined;
+} | undefined;
+nameStyle?: {
+fontSize?: number | undefined;
+fontFamily?: string | undefined;
+fontWeight?: string | undefined;
+color?: string | undefined;
+backgroundColor?: string | undefined;
+borderColor?: string | undefined;
+borderWidth?: number | undefined;
+borderRadius?: number | undefined;
+padding?: number | {
+top: number;
+right: number;
+bottom: number;
+left: number;
+} | undefined;
+margin?: number | undefined;
+zIndex?: number | undefined;
+canvasBorderWidth?: number | undefined;
+canvasBorderColor?: string | undefined;
+canvasBorderStyle?: "dashed" | "solid" | "dotted" | undefined;
+canvasNameFontSize?: number | undefined;
+canvasNameFontFamily?: string | undefined;
+canvasNameFontColor?: string | undefined;
+gradientLeftColor?: string | undefined;
+gradientRightColor?: string | undefined;
+textAnchor?: string | undefined;
+dominantBaseline?: string | undefined;
+} | undefined;
+direction?: string | undefined;
+sourceId?: string | undefined;
+targetId?: string | undefined;
+waypointId?: string | undefined;
+waypoints?: {
+x: number;
+y: number;
+}[] | undefined;
+showKeywords: boolean;
+showIcon: boolean;
+showName: boolean;
+showTaggedValues: boolean;
+showComparents: boolean;
+taggedValueLabels?: {
+id: string;
+modelId: string;
+modelName: string;
+names: string;
+name: string;
+nameBounds?: string | undefined;
+nameStyle?: string | undefined;
+}[] | undefined;
+comparents?: {
+bounds: {
+x?: number | undefined;
+y?: number | undefined;
+width?: number | undefined;
+height?: number | undefined;
+};
+modelId: string;
+modelName: string;
+comparentShapes: any[];
+}[] | undefined;
+meta?: any;
+scenarioMenus?: {
+[x: string]: any;
+code: string;
+name: string;
+icon: string;
+sourceModels: string[];
+targetCreateModel: string;
+targetModels: string[];
+}[] | undefined;
+inert?: boolean | undefined;
+sourceModels?: string[] | undefined;
+targetModels?: string[] | undefined;
+modelTypePropertyId: string;
+targetCreateModel?: string | undefined;
+sourceModelId?: string | undefined;
+isMovableComparents: boolean;
+}[];
+addDiagram: (diagram: Shape) => void;
+setCurrentDiagramId: (id: string | null) => void;
+selectMany: (ids: string[]) => void;
+clearSelection: () => void;
+removeSelected: () => void;
+finalCheckCanNest: (childId: string, parentId: string | null) => Promise<boolean>;
+setHoverState: (id: string | null, nestable: boolean | null) => void;
+initializeAllEdgeEndpoints: () => void;
+endResizeShape: (id: string) => void;
+getScale: (diagramId?: string | null) => number;
+setScale: (newScale: number, diagramId?: string | null) => void;
+setActiveDiagramId: (id: string | null) => void;
+visibleShapes: ComputedRef<Shape[]>;
+externalCreatingId: Ref<string | null, string | null>;
+expandParentAndEmitSizeUpdateByChild: (child: Shape) => void;
+}, "addShape" | "removeShape" | "updateShape" | "selectShape" | "setTitle" | "updateShapes" | "clearAll" | "startDragShape" | "startDrag" | "moveDraggedShape" | "endDragShape" | "getShapes" | "addDiagram" | "setCurrentDiagramId" | "selectMany" | "clearSelection" | "removeSelected" | "finalCheckCanNest" | "setHoverState" | "initializeAllEdgeEndpoints" | "endResizeShape" | "getScale" | "setScale" | "setActiveDiagramId" | "expandParentAndEmitSizeUpdateByChild">>;
+
+declare interface Waypoint {
+    x: number;
+    y: number;
+}
+
+export { }