@cratis/components 0.1.19 → 1.0.3

package/dist/esm/EventModeling/types.js

@@ -1,56 +0,0 @@
-const ELEMENT_COLORS = {
-    command: {
-        background: 0x3b82f6,
-        text: 0xffffff,
-    },
-    event: {
-        background: 0xf59e0b,
-        text: 0xffffff,
-    },
-    readmodel: {
-        background: 0x10b981,
-        text: 0xffffff,
-    },
-    process: {
-        fill: 0x6b7280,
-        stroke: 0x374151,
-    },
-};
-const DEFAULT_ELEMENT_SIZE = {
-    command: { width: 200, height: 100 },
-    event: { width: 200, height: 100 },
-    readmodel: { width: 200, height: 100 },
-    process: { width: 80, height: 80 },
-};
-function calculateOptimalEdges(fromElement, toElement) {
-    const fromCenter = {
-        x: fromElement.position.x + fromElement.size.width / 2,
-        y: fromElement.position.y + fromElement.size.height / 2,
-    };
-    const toCenter = {
-        x: toElement.position.x + toElement.size.width / 2,
-        y: toElement.position.y + toElement.size.height / 2,
-    };
-    const dx = toCenter.x - fromCenter.x;
-    const dy = toCenter.y - fromCenter.y;
-    const isHorizontal = Math.abs(dx) > Math.abs(dy);
-    if (isHorizontal) {
-        if (dx > 0) {
-            return { fromSide: 'right', toSide: 'left' };
-        }
-        else {
-            return { fromSide: 'left', toSide: 'right' };
-        }
-    }
-    else {
-        if (dy > 0) {
-            return { fromSide: 'bottom', toSide: 'top' };
-        }
-        else {
-            return { fromSide: 'top', toSide: 'bottom' };
-        }
-    }
-}
-
-export { DEFAULT_ELEMENT_SIZE, ELEMENT_COLORS, calculateOptimalEdges };
-//# sourceMappingURL=types.js.map

package/dist/esm/EventModeling/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sources":["../../../EventModeling/types.ts"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nexport type ElementType = 'command' | 'event' | 'readmodel' | 'process';\n\nexport interface Position {\n    x: number;\n    y: number;\n}\n\nexport interface Size {\n    width: number;\n    height: number;\n}\n\nexport interface ElementData {\n    id: string;\n    type: ElementType;\n    position: Position;\n    size: Size;\n    label: string;\n    description?: string;\n}\n\nexport type EdgeSide = 'top' | 'right' | 'bottom' | 'left';\n\nexport interface EdgePoint {\n    elementId: string;\n    side: EdgeSide;\n}\n\nexport interface Connector {\n    id: string;\n    from: EdgePoint;\n    to: EdgePoint;\n}\n\nexport interface EventModelingState {\n    elements: ElementData[];\n    connectors: Connector[];\n    selectedElementId?: string;\n    selectedConnectorId?: string;\n}\n\nexport interface CanvasTransform {\n    x: number;\n    y: number;\n    scale: number;\n}\n\nexport const ELEMENT_COLORS = {\n    command: {\n        background: 0x3b82f6,\n        text: 0xffffff,\n    },\n    event: {\n        background: 0xf59e0b,\n        text: 0xffffff,\n    },\n    readmodel: {\n        background: 0x10b981,\n        text: 0xffffff,\n    },\n    process: {\n        fill: 0x6b7280,\n        stroke: 0x374151,\n    },\n} as const;\n\nexport const DEFAULT_ELEMENT_SIZE = {\n    command: { width: 200, height: 100 },\n    event: { width: 200, height: 100 },\n    readmodel: { width: 200, height: 100 },\n    process: { width: 80, height: 80 },\n} as const;\n\n/**\n * Calculate the optimal edge pair for a connector based on element positions.\n * Returns the best matching edges for visual clarity.\n */\nexport function calculateOptimalEdges(\n    fromElement: ElementData,\n    toElement: ElementData\n): { fromSide: EdgeSide; toSide: EdgeSide } {\n    // Calculate center points\n    const fromCenter = {\n        x: fromElement.position.x + fromElement.size.width / 2,\n        y: fromElement.position.y + fromElement.size.height / 2,\n    };\n    const toCenter = {\n        x: toElement.position.x + toElement.size.width / 2,\n        y: toElement.position.y + toElement.size.height / 2,\n    };\n\n    // Calculate differences\n    const dx = toCenter.x - fromCenter.x;\n    const dy = toCenter.y - fromCenter.y;\n\n    // Determine primary direction based on which delta is larger\n    const isHorizontal = Math.abs(dx) > Math.abs(dy);\n\n    if (isHorizontal) {\n        // Horizontal connection is primary\n        if (dx > 0) {\n            // Target is to the right\n            return { fromSide: 'right', toSide: 'left' };\n        } else {\n            // Target is to the left\n            return { fromSide: 'left', toSide: 'right' };\n        }\n    } else {\n        // Vertical connection is primary\n        if (dy > 0) {\n            // Target is below\n            return { fromSide: 'bottom', toSide: 'top' };\n        } else {\n            // Target is above\n            return { fromSide: 'top', toSide: 'bottom' };\n        }\n    }\n}\n"],"names":[],"mappings":"AAkDO,MAAM,cAAc,GAAG;AAC1B,IAAA,OAAO,EAAE;AACL,QAAA,UAAU,EAAE,QAAQ;AACpB,QAAA,IAAI,EAAE,QAAQ;AACjB,KAAA;AACD,IAAA,KAAK,EAAE;AACH,QAAA,UAAU,EAAE,QAAQ;AACpB,QAAA,IAAI,EAAE,QAAQ;AACjB,KAAA;AACD,IAAA,SAAS,EAAE;AACP,QAAA,UAAU,EAAE,QAAQ;AACpB,QAAA,IAAI,EAAE,QAAQ;AACjB,KAAA;AACD,IAAA,OAAO,EAAE;AACL,QAAA,IAAI,EAAE,QAAQ;AACd,QAAA,MAAM,EAAE,QAAQ;AACnB,KAAA;;AAGE,MAAM,oBAAoB,GAAG;IAChC,OAAO,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE;IACpC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE;IAClC,SAAS,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE;IACtC,OAAO,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE;;AAOhC,SAAU,qBAAqB,CACjC,WAAwB,EACxB,SAAsB,EAAA;AAGtB,IAAA,MAAM,UAAU,GAAG;AACf,QAAA,CAAC,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC,GAAG,WAAW,CAAC,IAAI,CAAC,KAAK,GAAG,CAAC;AACtD,QAAA,CAAC,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC,GAAG,WAAW,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC;KAC1D;AACD,IAAA,MAAM,QAAQ,GAAG;AACb,QAAA,CAAC,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAC,GAAG,SAAS,CAAC,IAAI,CAAC,KAAK,GAAG,CAAC;AAClD,QAAA,CAAC,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAC,GAAG,SAAS,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC;KACtD;IAGD,MAAM,EAAE,GAAG,QAAQ,CAAC,CAAC,GAAG,UAAU,CAAC,CAAC;IACpC,MAAM,EAAE,GAAG,QAAQ,CAAC,CAAC,GAAG,UAAU,CAAC,CAAC;AAGpC,IAAA,MAAM,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC;IAEhD,IAAI,YAAY,EAAE;AAEd,QAAA,IAAI,EAAE,GAAG,CAAC,EAAE;YAER,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE;QAChD;aAAO;YAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE;QAChD;IACJ;SAAO;AAEH,QAAA,IAAI,EAAE,GAAG,CAAC,EAAE;YAER,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE;QAChD;aAAO;YAEH,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE;QAChD;IACJ;AACJ;;;;"}