aurea-eden 1.25.1 → 1.26.0

package/lib/shapes/Shape.js

@@ -1,23 +0,0 @@
-import * as THREE from 'three';
-
-class Shape {
-    constructor(geometry, material) {
-        this.geometry = geometry;
-        this.material = material;
-
-        this.width = this.getSize().x;
-        this.height = this.getSize().y;
-    }
-
-    getSize() {
-        // Get the size of the geometry
-        var size = new THREE.Vector3();
-        this.geometry.computeBoundingBox();
-        this.geometry.boundingBox.getSize(size);
-
-        return size;
-    }
-
-}
-
-export { Shape };

package/lib/shapes/bar/ValueBarConstants.js

@@ -1,34 +0,0 @@
-import * as THREE from 'three';
-
-export const ExtrusionParameters = {
-    steps: 2,
-    depth: 5, // 200,
-    bevelEnabled: true,
-    bevelThickness: .025,  // 1,
-    bevelSize: .075,  // 3,
-    bevelOffset: 0,
-    bevelSegments: 1
-};
-
-// Bar colors ( Material colors: https://www.materialui.co/colors )
-export const ColorPalette = [
-    new THREE.Color( 0xf44336 ), // red
-    new THREE.Color( 0xE91E63 ), // pink
-    new THREE.Color( 0x9C27B0 ), // purple
-    new THREE.Color( 0x673AB7 ), // deep purple
-    new THREE.Color( 0x3F51B5 ), // indigo
-    new THREE.Color( 0x2196F3 ), // blue
-    new THREE.Color( 0x03A9F4 ), // light blue
-    new THREE.Color( 0x00BCD4 ), // cyan
-    new THREE.Color( 0x009688 ), // teal
-    new THREE.Color( 0x4CAF50 ), // green
-    new THREE.Color( 0x8BC34A ), // light green
-    new THREE.Color( 0xCDDC39 ), // lime
-    new THREE.Color( 0xFFEB3B ), // yellow
-    new THREE.Color( 0xFFC107 ), // amber
-    new THREE.Color( 0xFF9800 ), // orange
-    new THREE.Color( 0xFF5722 ), // deep orange
-    new THREE.Color( 0x795548 ), // brown
-    new THREE.Color( 0x9E9E9E ), // grey
-    new THREE.Color( 0x607D8B )  // blue grey
-];

package/lib/shapes/bar/ValueBarShape.js

@@ -1,52 +0,0 @@
-import * as THREE from 'three';
-import { Shape } from '../Shape.js';
-import { BarMaterial } from '../../materials/BarMaterial.js';
-import { ExtrusionParameters, ColorPalette } from './ValueBarConstants.js';
-
-class ValueBarShape extends Shape {
-    constructor(shape, height, color) {
-        if (!(shape instanceof THREE.Shape)) {
-            throw new TypeError('shape must be an instance of THREE.Shape');
-        }
-
-        // Use color if provided, otherwise pick a random color from the palette
-        const barColor = color !== undefined ? color : ColorPalette[Math.floor(Math.random() * ColorPalette.length)];
-        // Use height if provided, otherwise pick a random height
-        const barHeight = height !== undefined ? height : Math.floor(Math.random() * 10) + 1;
-        // Extrusion parameters
-        const extrusionParameters = { ...ExtrusionParameters, depth: barHeight };
-
-        var barGeometry = new THREE.ExtrudeGeometry( shape, extrusionParameters );
-
-        // Construct the shape
-        super(barGeometry, new BarMaterial(barColor));
-
-        // this.barHeight = barHeight;
-    }
-
-    // draw(ctx, x, y, width) {
-    //     ctx.fillRect(x, y - this.barHeight, width, this.barHeight);
-    // }
-}
-
-class ValueBarChart {
-    constructor(bars) {
-        this.bars = bars;
-    }
-
-    draw(ctx, x, y, barWidth, barSpacing) {
-        this.bars.forEach((bar, index) => {
-            const barShape = new ValueBarShape(bar.height);
-            barShape.draw(ctx, x + index * (barWidth + barSpacing), y, barWidth);
-        });
-    }
-}
-
-export { ValueBarShape, ValueBarChart };
-
-// Example usage:
-// const canvas = document.getElementById('myCanvas');
-// const ctx = canvas.getContext('2d');
-// const bars = [{ height: 100 }, { height: 150 }, { height: 200 }];
-// const barChart = new BarChart(bars);
-// barChart.draw(ctx, 10, 300, 50, 10);

package/lib/shapes/basic/BasicShapeConstants.js

@@ -1,23 +0,0 @@
-export const RoundedRectangleDimensions = {
-    ACTIVITY_HORIZONTAL_SIZE: 100,
-    ACTIVITY_VERTICAL_SIZE: 80,
-    ACTIVITY_CORNER_RADIUS: 10,
-    ACTIVITY_LINE_WIDTH: 1,
-    ACTIVITY_TEXT_SIZE: 8,
-    ACTIVITY_TEXT_ELEVATION: 3
-};
-    
-export const CircleDimensions = {
-    EVENT_RADIUS: 18,
-    START_EVENT_LINE_WIDTH: 1, 
-    END_EVENT_LINE_WIDTH: 2.4, 
-    EVENT_TEXT_SIZE: 7,
-    EVENT_TEXT_ELEVATION: 3
-};
-
-export const DiamondDimensions = {
-    GATEWAY_DIAGONAL: 48,
-    GATEWAY_LINE_WIDTH: 1,
-    GATEWAY_TEXT_SIZE: 7,
-    GATEWAY_TEXT_ELEVATION: 3
-};

package/lib/shapes/basic/BoxShape.js

@@ -1,12 +0,0 @@
-import * as THREE from 'three';
-import { Shape } from '../Shape.js';
-import { DiagramEditMaterial } from '../../materials/DiagramEditMaterial.js';
-
-class BoxShape extends Shape {
-    constructor() {
-        const color = 0x0000ff;
-        super(new THREE.BoxGeometry(1, 1, 1), new DiagramEditMaterial(color));
-    }
-}
-
-export { BoxShape };

package/lib/shapes/basic/CircleShape.js

@@ -1,55 +0,0 @@
-import * as THREE from 'three';
-import { Shape } from '../Shape.js';
-import { DiagramEditMaterial } from '../../materials/DiagramEditMaterial.js';
-import { CircleDimensions } from './BasicShapeConstants.js';
-import { ExtrusionParameters, Colors } from '../../diagrams/DiagramConstants.js';
-
-class CircleShape extends Shape {
-    constructor(lineWidth = CircleDimensions.START_EVENT_LINE_WIDTH) {
-
-        const eventRadius = CircleDimensions.EVENT_RADIUS;
-        const color = Colors.ELEMENT_STROKE;
-        const extrusionParameters = ExtrusionParameters;
-
-        function circle( ctx, radius ) {
-            const centerX = 0;
-            const centerY = 0;
-            var controlPointDistance = radius * 0.552284749831  // (4/3)*tan(pi/2n) for n=4 points
-            ctx.moveTo( centerX, centerY - radius );
-            ctx.bezierCurveTo(  centerX + controlPointDistance, centerY - radius,
-                                centerX + radius, centerY - controlPointDistance,
-                                centerX + radius, centerY );
-            ctx.bezierCurveTo(  centerX + radius, centerY + controlPointDistance,
-                                centerX + controlPointDistance, centerY + radius,
-                                centerX, centerY + radius );
-            ctx.bezierCurveTo(  centerX - controlPointDistance, centerY + radius,
-                                centerX - radius, centerY + controlPointDistance,
-                                centerX - radius, centerY );
-            ctx.bezierCurveTo(  centerX - radius, centerY - controlPointDistance,
-                                centerX - controlPointDistance, centerY - radius,
-                                centerX, centerY - radius );
-        }
-
-        // Prepare event mesh
-        var eventShape = new THREE.Shape();
-        circle( eventShape, eventRadius );
-        const outerShape = eventShape.clone(); // Create a deep copy of the outer shape to save it for later use without holes
-        var eventHole = new THREE.Path();
-        circle( eventHole, eventRadius - lineWidth );
-        eventShape.holes.push( eventHole );
-
-        var eventGeometry = new THREE.ExtrudeGeometry( eventShape, extrusionParameters );
-
-        // Construct the shape
-        super( eventGeometry, new DiagramEditMaterial( color ) );
-
-        this.outerShape = outerShape;
-
-    }
-
-    getOuterShape() {
-        return this.outerShape;
-    }
-}
-
-export { CircleShape };

package/lib/shapes/basic/DiamondShape.js

@@ -1,169 +0,0 @@
-import * as THREE from 'three';
-import { Shape } from '../Shape.js';
-import { DiagramEditMaterial } from '../../materials/DiagramEditMaterial.js';
-import { DiamondDimensions } from './BasicShapeConstants.js';
-import { ExtrusionParameters, Colors } from '../../diagrams/DiagramConstants.js';
-
-class DiamondShape extends Shape {
-    constructor() {
-
-        const diagonal = DiamondDimensions.GATEWAY_DIAGONAL;
-        const lineWidth = DiamondDimensions.GATEWAY_LINE_WIDTH;
-        const color = Colors.ELEMENT_STROKE;
-        const extrusionParameters = ExtrusionParameters;
-     
-        function diamond( ctx, verticalSize, horizontalSize ) {
-            const centerX = 0;
-            const centerY = 0;
-            // (!) Specify your points in counterclockwise winding order.
-            ctx.moveTo( centerX - verticalSize / 2, centerY );
-            ctx.lineTo( centerX, centerY - verticalSize / 2 );
-            ctx.lineTo( centerX + horizontalSize / 2 , centerY);
-            ctx.lineTo( centerX, centerY + verticalSize / 2 );
-            ctx.lineTo( centerX - horizontalSize / 2, centerY );
-        }
-
-        // Prepare gateway mesh 
-        var gatewayShape = new THREE.Shape();
-        diamond( gatewayShape, diagonal, diagonal);
-        const outerShape = gatewayShape.clone(); // Save the outer shape for later use
-        var gatewayHole = new THREE.Path();
-        diamond( gatewayHole, diagonal - ( lineWidth * Math.sqrt(2) * 2 ), diagonal - ( lineWidth * Math.sqrt(2) * 2 ) );
-        gatewayShape.holes.push(gatewayHole);
-
-        var gatewayGeometry = new THREE.ExtrudeGeometry( gatewayShape, extrusionParameters );
-
-        // Construct the shape
-        super(gatewayGeometry, new DiagramEditMaterial(color));
-
-        this.outerShape = outerShape;
-
-    }
-
-    getOuterShape() {
-        return this.outerShape;
-    }
-}
-
-export { DiamondShape };
-
-
-
-
-
-
-
-
-//GATEWAY shape
-// function Gateway( diagram, centerX, centerY, lineWidth, type, text ) {
-
-//     var diagonal = 120;
-
-//     this.centerX = centerX;
-//     this.centerY = centerY;
-//     this.lineWidth = lineWidth;
-//     this.verticalSize = diagonal;
-//     this.horizontalSize = diagonal;
-//     this.selected = false;
-//     var decorations = [];
-//     this.decorations = decorations;
-
-
-//     function diamond( ctx, centerX, centerY, verticalSize, horizontalSize ) {
-//         // (!) Specify your points in counterclockwise winding order.
-//         ctx.moveTo( centerX - Math.round( verticalSize / 2 ), centerY );
-//         ctx.lineTo( centerX, centerY - Math.round( verticalSize / 2 ) );
-//         ctx.lineTo( centerX + Math.round( horizontalSize / 2 ), centerY);
-//         ctx.lineTo( centerX, centerY + Math.round( verticalSize / 2 ) );
-//         ctx.lineTo( centerX - Math.round( horizontalSize / 2 ), centerY );
-//     }
-
-//     // prepare gateway mesh
-//     var gatewayMesh;
-//     var gatewayShape = new THREE.Shape();
-//     diamond( gatewayShape, centerX, centerY, diagonal, diagonal );
-//     var gatewayHole = new THREE.Path();
-//     diamond( gatewayHole, centerX, centerY, diagonal - ( lineWidth * Math.sqrt(2) * 2 ),
-//                                             diagonal - ( lineWidth * Math.sqrt(2) * 2 ) );
-//     gatewayShape.holes.push(gatewayHole);
-//     // var gatewayGeometry = new THREE.ShapeGeometry(gatewayShape);
-
-//     var extrudeSettings = {
-//         steps: 2,
-//         amount: 4,
-//         bevelEnabled: true,
-//         bevelThickness: .5,
-//         bevelSize: 1,
-//         bevelSegments: 4
-//     };
-//     var gatewayGeometry = new THREE.ExtrudeGeometry( gatewayShape, extrudeSettings );
-
-//     gatewayMesh = new THREE.Mesh( gatewayGeometry, elementMaterial );
-//     this.mesh = gatewayMesh;
-
-//     // fill gateway with symbol
-//     switch (type) {
-//         case     CONST_GATEWAY_TYPES.EXCLUSIVE:
-//             decorations[ 0 ] = new Text( diagram, centerX, centerY, "X", 50, 0 );
-//             console.log("CONST_GATEWAY_TYPES.EXCLUSIVE");
-//             break;
-//         case     CONST_GATEWAY_TYPES.EVENT_BASED:
-//             decorations[ 0 ] = new Text( diagram, centerX - 2, centerY - 27, ".", 70, 0 );
-//             console.log("CONST_GATEWAY_TYPES.EVENT_BASED");
-//             break;
-//         case     CONST_GATEWAY_TYPES.PARALLEL:
-//             decorations[ 0 ] = new Text( diagram, centerX - 2, centerY, "+", 70, 0 );
-//             console.log("CONST_GATEWAY_TYPES.PARALLEL");
-//             break;
-//         case     CONST_GATEWAY_TYPES.INCLUSIVE:
-//             decorations[ 0 ] = new Text( diagram, centerX - 2, centerY - 27, ".", 70, 0 );
-//             console.log("CONST_GATEWAY_TYPES.INCLUSIVE");
-//             break;
-//         case     CONST_GATEWAY_TYPES.COMPLEX:
-//             decorations[ 0 ] = new Text( diagram, centerX - 2, centerY - 27, ".", 70, 0 );
-//             console.log("CONST_GATEWAY_TYPES.COMPLEX");
-//             break;
-//         case     CONST_GATEWAY_TYPES.EXCLUSIVE_EVENT_BASED:
-//             decorations[ 0 ] = new Text( diagram, centerX - 2, centerY - 27, ".", 70, 0 );
-//             console.log("CONST_GATEWAY_TYPES.EXCLUSIVE_EVENT_BASED");
-//             break;
-//         case     CONST_GATEWAY_TYPES.PARALLEL_EVENT_BASED:
-//             decorations[ 0 ] = new Text( diagram, centerX - 2, centerY - 27, ".", 70, 0 );
-//             console.log("CONST_GATEWAY_TYPES.PARALLEL_EVENT_BASED");
-//             break;
-//     }
-
-//     // add gateway background
-//     var backgroundShape = new THREE.Shape();
-//     diamond( backgroundShape, centerX, centerY, diagonal, diagonal );
-//     decorations[ 1 ] = new Background( backgroundShape, -1 );
-
-//     this.select = function() {
-//         this.selected = true;
-//         this.mesh.material = selectedMaterial;
-//         // select decorations (loop)
-// //        for ( i = 0; i < decorations.length; i++ ) {
-// //            this.decorations[ i ].mesh.material = selectedMaterial;
-// //        }
-//     }
-
-//     this.deselect = function() {
-//         this.selected = false;
-//         this.mesh.material = elementMaterial;
-//         //deselect decorations (loop)
-// //        for ( i = 0; i < decorations.length; i++ ) {
-// //            decorations[ i ].mesh.material = elementMaterial;
-// //        }
-//     }
-
-//     this.getDecorations = function() {
-//         return decorations;
-//     }
-
-//     this.showParameter = function( value, color ) {
-//     };
-
-//     this.hideParameter = function() {
-//     }
-
-// }

package/lib/shapes/basic/RoundedRectangleShape.js

@@ -1,180 +0,0 @@
-import * as THREE from 'three';
-import { Shape } from '../Shape.js';
-import { DiagramEditMaterial } from '../../materials/DiagramEditMaterial.js';
-import { RoundedRectangleDimensions } from './BasicShapeConstants.js';
-import { ExtrusionParameters, Colors } from '../../diagrams/DiagramConstants.js';
-
-class RoundedRectangleShape extends Shape {
-    constructor() {
-
-        const horizontalSize = RoundedRectangleDimensions.ACTIVITY_HORIZONTAL_SIZE;
-        const verticalSize = RoundedRectangleDimensions.ACTIVITY_VERTICAL_SIZE;
-        const lineWidth = RoundedRectangleDimensions.ACTIVITY_LINE_WIDTH;
-        const cornerRadius = RoundedRectangleDimensions.ACTIVITY_CORNER_RADIUS;
-        // Calculate the outer and inner radius of the rounded rectangle based on the corner radius and line width
-        const outerRadius = cornerRadius;
-        const innerRadius = cornerRadius - lineWidth;
-        const color = Colors.ELEMENT_STROKE;
-        const extrusionParameters = ExtrusionParameters;
-
-        function roundedRect( ctx, width, height, radius ) {
-            const centerX = 0;
-            const centerY = 0;
-            var x = centerX - ( width / 2 );
-            var y = centerY - ( height / 2 );
-            ctx.moveTo( x + radius, y );
-            ctx.lineTo( x + width - radius, y );
-            ctx.quadraticCurveTo( x + width, y, x + width, y + radius );
-            ctx.lineTo( x + width, y + height - radius );
-            ctx.quadraticCurveTo( x + width, y + height, x + width - radius, y + height );
-            ctx.lineTo( x + radius, y + height );
-            ctx.quadraticCurveTo( x, y + height, x, y + height - radius );
-            ctx.lineTo( x, y + radius );
-            ctx.quadraticCurveTo( x, y, x + radius, y );
-        }
-
-        var activityShape = new THREE.Shape();
-        roundedRect(activityShape, horizontalSize, verticalSize, outerRadius);
-        const outerShape = activityShape.clone(); // Create a deep copy of the outer shape to save it for later use without holes
-        var activityHole = new THREE.Path();
-        roundedRect(activityHole, horizontalSize - (2 * lineWidth), verticalSize - (2 * lineWidth), innerRadius);
-        activityShape.holes.push(activityHole);
-
-        var activityGeometry = new THREE.ExtrudeGeometry(activityShape, extrusionParameters);
-
-        // Construct the shape
-        super(activityGeometry, new DiagramEditMaterial(color));
-
-        this.outerShape = outerShape;
-
-    }
-
-    getOuterShape() {
-        return this.outerShape;
-    }
-}
-
-export { RoundedRectangleShape };
-
-
-
-
-// import * as TWEEN from '@tweenjs/tween.js';
-// import * as THREE from '../../../../../../../../home/robert/.cache/typescript/5.7/node_modules/@types/three';
-// import { elementMaterial, Text, Background, Bar, selectedMaterial } from '../../bpmnElements';
-
-// //ACTIVITY shape
-// function Activity( diagram, centerX, centerY, lineWidth, text ) {
-
-//     this.centerX = centerX;
-//     this.centerY = centerY;
-//     this.lineWidth = lineWidth;
-//     this.text = text;
-//     var decorations = [];
-//     this.decorations = decorations;
-
-//     var horizontalSize = 350;
-//     var verticalSize = 200;
-//     var outerRadius = 27;
-//     var innerRadius = 21;
-
-//     this.selected = false;
-
-
-//     function roundedRect( ctx, centerX, centerY, width, height, radius ) {
-//         var x = Math.round( centerX - ( width / 2 ) );
-//         var y = Math.round( centerY - ( height / 2 ) );
-//         ctx.moveTo( x + radius, y );
-//         ctx.lineTo( x + width - radius, y );
-//         ctx.quadraticCurveTo( x + width, y, x + width, y + radius );
-//         ctx.lineTo( x + width, y + height - radius );
-//         ctx.quadraticCurveTo( x + width, y + height, x + width - radius, y + height );
-//         ctx.lineTo( x + radius, y + height );
-//         ctx.quadraticCurveTo( x, y + height, x, y + height - radius );
-//         ctx.lineTo( x, y + radius );
-//         ctx.quadraticCurveTo( x, y, x + radius, y );
-//     }
-
-//     var activityMesh;
-
-//     // prepare activity mesh
-//     var activityShape = new THREE.Shape();
-//     roundedRect( activityShape, centerX, centerY, horizontalSize, verticalSize, outerRadius );
-//     var activityHole = new THREE.Path();
-//     roundedRect( activityHole, centerX, centerY, horizontalSize - ( 2 * lineWidth ), verticalSize - ( 2 * lineWidth ), innerRadius );
-//     activityShape.holes.push( activityHole );
-//     // var activityGeometry = new THREE.ShapeGeometry( activityShape );
-
-//     var extrudeSettings = {
-//         steps: 2,
-//         amount: 4,
-//         bevelEnabled: true,
-//         bevelThickness: .5,
-//         bevelSize: 1,
-//         bevelSegments: 4
-//     };
-//     var activityGeometry = new THREE.ExtrudeGeometry( activityShape, extrudeSettings );
-
-//     activityMesh = new THREE.Mesh ( activityGeometry, elementMaterial );
-
-//     this.mesh = activityMesh;
-
-//     // add activity name (text)
-//     decorations[ 0 ] = new Text( diagram, centerX, centerY, text, 30, 0 );
-
-//     // add activity background
-//     var backgroundShape = new THREE.Shape();
-//     roundedRect( backgroundShape, centerX, centerY, horizontalSize, verticalSize, outerRadius );
-//     decorations[ 1 ] = new Background( backgroundShape, -1 );
-
-//     // add activity bar
-//     var barShape = new THREE.Shape();
-//     roundedRect( barShape, centerX, centerY, horizontalSize, verticalSize, outerRadius );
-//     decorations[ 2 ] = new Bar( barShape );
-
-
-//     this.select = function() {
-//         this.selected = true;
-//         this.mesh.material = selectedMaterial;
-//         // select decorations (loop)
-// //        for ( i = 0; i < decorations.length; i++ ) {
-// //            this.decorations[ i ].mesh.material = selectedMaterial;
-// //        }
-//     }
-
-//     this.deselect = function() {
-//         this.selected = false;
-//         activityMesh.material = elementMaterial;
-//         //deselect decorations
-// //        for ( i = 0; i < decorations.length; i++ ) {
-// //            decorations[ i ].mesh.material = elementMaterial;
-// //        }
-//     }
-
-//     this.getDecorations = function() {
-//         return decorations;
-//     }
-
-//     this.showParameter = function( value, color ) {
-
-//         decorations[ 2 ].mesh.scale.z = 0;
-//         decorations[ 2 ].mesh.visible = true;
-//         decorations[ 2 ].mesh.material.color.set( color );
-
-//         //animate bars
-//         var from = { scale: 0 };
-//         var to = { scale: value/100 };
-//         var tween = new TWEEN.Tween( from )
-//             .to ( to, 500 )
-//             .onUpdate( function () {
-//                 decorations[ 2 ].mesh.scale.z = from.scale;
-//             } )
-//             .start();
-
-//     };
-
-//     this.hideParameter = function() {
-//         this.decorations[ 2 ].mesh.visible = false;
-//     }
-
-// }

package/lib/shapes/connector/ConnectorConstants.js

@@ -1,7 +0,0 @@
-export const ConnectorDimensions = {
-    CONNECTOR_LINE_WIDTH: 1, // .1, // (4 / 40),
-    CONNECTOR_OUTER_RADIUS: 10, // .625, // (25 / 40),
-    CONNECTOR_INNER_RADIUS: 8.5, // .525, // (21 / 40),
-    CONNECTOR_ARROWHEAD_WIDTH: 6, // .375, // (15 / 40),
-    CONNECTOR_ARROWHEAD_LENGTH: 14, // .875 // (35 / 90),
-};