@bptlab/openbpt-modeler-typed-pn-variants 1.0.0

package/dist/lib/modeling/behavior/util/LineAttachmentUtil.js

@@ -0,0 +1,175 @@
+var sqrt = Math.sqrt, min = Math.min, max = Math.max, abs = Math.abs;
+/**
+ * Calculate the square (power to two) of a number.
+ *
+ * @param {Number} n
+ *
+ * @return {Number}
+ */
+function sq(n) {
+    return Math.pow(n, 2);
+}
+/**
+ * Get distance between two points.
+ *
+ * @param {Point} p1
+ * @param {Point} p2
+ *
+ * @return {Number}
+ */
+function getDistance(p1, p2) {
+    return sqrt(sq(p1.x - p2.x) + sq(p1.y - p2.y));
+}
+/**
+ * Return the attachment of the given point on the specified line.
+ *
+ * The attachment is either a bendpoint (attached to the given point)
+ * or segment (attached to a location on a line segment) attachment:
+ *
+ * ```javascript
+ * var pointAttachment = {
+ *   type: 'bendpoint',
+ *   bendpointIndex: 3,
+ *   position: { x: 10, y: 10 } // the attach point on the line
+ * };
+ *
+ * var segmentAttachment = {
+ *   type: 'segment',
+ *   segmentIndex: 2,
+ *   relativeLocation: 0.31, // attach point location between 0 (at start) and 1 (at end)
+ *   position: { x: 10, y: 10 } // the attach point on the line
+ * };
+ * ```
+ *
+ * @param {Point} point
+ * @param {Array<Point>} line
+ *
+ * @return {Object} attachment
+ */
+export function getAttachment(point, line) {
+    var idx = 0, segmentStart, segmentEnd, segmentStartDistance, segmentEndDistance, attachmentPosition, minDistance, intersections, attachment, attachmentDistance, closestAttachmentDistance, closestAttachment;
+    for (idx = 0; idx < line.length - 1; idx++) {
+        segmentStart = line[idx];
+        segmentEnd = line[idx + 1];
+        if (pointsEqual(segmentStart, segmentEnd)) {
+            intersections = [segmentStart];
+        }
+        else {
+            segmentStartDistance = getDistance(point, segmentStart);
+            segmentEndDistance = getDistance(point, segmentEnd);
+            minDistance = min(segmentStartDistance, segmentEndDistance);
+            intersections = getCircleSegmentIntersections(segmentStart, segmentEnd, point, minDistance);
+        }
+        if (intersections.length < 1) {
+            throw new Error("expected between [1, 2] circle -> line intersections");
+        }
+        // one intersection -> bendpoint attachment
+        if (intersections.length === 1) {
+            attachment = {
+                type: "bendpoint",
+                position: intersections[0],
+                segmentIndex: idx,
+                bendpointIndex: pointsEqual(segmentStart, intersections[0])
+                    ? idx
+                    : idx + 1,
+            };
+        }
+        // two intersections -> segment attachment
+        if (intersections.length === 2) {
+            attachmentPosition = mid(intersections[0], intersections[1]);
+            attachment = {
+                type: "segment",
+                position: attachmentPosition,
+                segmentIndex: idx,
+                relativeLocation: getDistance(segmentStart, attachmentPosition) /
+                    getDistance(segmentStart, segmentEnd),
+            };
+        }
+        attachmentDistance = getDistance(attachment.position, point);
+        if (!closestAttachment || closestAttachmentDistance > attachmentDistance) {
+            closestAttachment = attachment;
+            closestAttachmentDistance = attachmentDistance;
+        }
+    }
+    return closestAttachment;
+}
+/**
+ * Gets the intersection between a circle and a line segment.
+ *
+ * @param {Point} s1 segment start
+ * @param {Point} s2 segment end
+ * @param {Point} cc circle center
+ * @param {Number} cr circle radius
+ *
+ * @return {Array<Point>} intersections
+ */
+function getCircleSegmentIntersections(s1, s2, cc, cr) {
+    var baX = s2.x - s1.x;
+    var baY = s2.y - s1.y;
+    var caX = cc.x - s1.x;
+    var caY = cc.y - s1.y;
+    var a = baX * baX + baY * baY;
+    var bBy2 = baX * caX + baY * caY;
+    var c = caX * caX + caY * caY - cr * cr;
+    var pBy2 = bBy2 / a;
+    var q = c / a;
+    var disc = pBy2 * pBy2 - q;
+    // check against negative value to work around
+    // negative, very close to zero results (-4e-15)
+    // being produced in some environments
+    if (disc < 0 && disc > -0.000001) {
+        disc = 0;
+    }
+    if (disc < 0) {
+        return [];
+    }
+    // if disc == 0 ... dealt with later
+    var tmpSqrt = sqrt(disc);
+    var abScalingFactor1 = -pBy2 + tmpSqrt;
+    var abScalingFactor2 = -pBy2 - tmpSqrt;
+    var i1 = {
+        x: s1.x - baX * abScalingFactor1,
+        y: s1.y - baY * abScalingFactor1,
+    };
+    if (disc === 0) {
+        // abScalingFactor1 == abScalingFactor2
+        return [i1];
+    }
+    var i2 = {
+        x: s1.x - baX * abScalingFactor2,
+        y: s1.y - baY * abScalingFactor2,
+    };
+    // return only points on line segment
+    return [i1, i2].filter(function (p) {
+        return isPointInSegment(p, s1, s2);
+    });
+}
+function isPointInSegment(p, segmentStart, segmentEnd) {
+    return (fenced(p.x, segmentStart.x, segmentEnd.x) &&
+        fenced(p.y, segmentStart.y, segmentEnd.y));
+}
+function fenced(n, rangeStart, rangeEnd) {
+    // use matching threshold to work around
+    // precision errors in intersection computation
+    return (n >= min(rangeStart, rangeEnd) - EQUAL_THRESHOLD &&
+        n <= max(rangeStart, rangeEnd) + EQUAL_THRESHOLD);
+}
+/**
+ * Calculate mid of two points.
+ *
+ * @param {Point} p1
+ * @param {Point} p2
+ *
+ * @return {Point}
+ */
+function mid(p1, p2) {
+    return {
+        x: (p1.x + p2.x) / 2,
+        y: (p1.y + p2.y) / 2,
+    };
+}
+var EQUAL_THRESHOLD = 0.1;
+function pointsEqual(p1, p2) {
+    return (abs(p1.x - p2.x) <= EQUAL_THRESHOLD && abs(p1.y - p2.y) <= EQUAL_THRESHOLD);
+}
+//# sourceMappingURL=LineAttachmentUtil.js.map

package/dist/lib/modeling/behavior/util/LineAttachmentUtil.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LineAttachmentUtil.js","sourceRoot":"","sources":["../../../../../lib/modeling/behavior/util/LineAttachmentUtil.js"],"names":[],"mappings":"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"}

package/dist/lib/modeling/index.js

@@ -0,0 +1,36 @@
+import CustomElementFactory from "./CustomElementFactory";
+import CustomUpdater from "./CustomUpdater";
+import CustomLabelEditing from "./CustomLabelEditing";
+import CustomVerification from "./CustomVerification";
+import BehaviorModule from "./behavior";
+import CroppingConnectionDocking from "diagram-js/lib/layout/CroppingConnectionDocking";
+import CommandModule from "diagram-js/lib/command";
+import LabelSupportModule from "diagram-js/lib/features/label-support";
+import AttachSupportModule from "diagram-js/lib/features/attach-support";
+import DirectEditingModule from "diagram-js-direct-editing";
+import CustomModeling from "./CustomModeling";
+import ElementFactory from "./ElementFactory";
+export default {
+    __init__: [
+        "modeling",
+        "elementFactory",
+        "customUpdater",
+        "customLabelEditing",
+        "customVerification",
+    ],
+    __depends__: [
+        BehaviorModule,
+        CommandModule,
+        DirectEditingModule,
+        LabelSupportModule,
+        AttachSupportModule,
+    ],
+    elementFactory: ["type", ElementFactory],
+    customElementFactory: ["type", CustomElementFactory],
+    customUpdater: ["type", CustomUpdater],
+    customLabelEditing: ["type", CustomLabelEditing],
+    modeling: ["type", CustomModeling],
+    connectionDocking: ["type", CroppingConnectionDocking],
+    customVerification: ["type", CustomVerification],
+};
+//# sourceMappingURL=index.js.map

package/dist/lib/modeling/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../lib/modeling/index.js"],"names":[],"mappings":"AAAA,OAAO,oBAAoB,MAAM,wBAAwB,CAAC;AAC1D,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AACtD,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AACtD,OAAO,cAAc,MAAM,YAAY,CAAC;AAExC,OAAO,yBAAyB,MAAM,iDAAiD,CAAC;AACxF,OAAO,aAAa,MAAM,wBAAwB,CAAC;AACnD,OAAO,kBAAkB,MAAM,uCAAuC,CAAC;AACvE,OAAO,mBAAmB,MAAM,wCAAwC,CAAC;AACzE,OAAO,mBAAmB,MAAM,2BAA2B,CAAC;AAC5D,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAE9C,eAAe;IACb,QAAQ,EAAE;QACR,UAAU;QACV,gBAAgB;QAChB,eAAe;QACf,oBAAoB;QACpB,oBAAoB;KACrB;IAED,WAAW,EAAE;QACX,cAAc;QACd,aAAa;QACb,mBAAmB;QACnB,kBAAkB;QAClB,mBAAmB;KACpB;IACD,cAAc,EAAE,CAAC,MAAM,EAAE,cAAc,CAAC;IACxC,oBAAoB,EAAE,CAAC,MAAM,EAAE,oBAAoB,CAAC;IACpD,aAAa,EAAE,CAAC,MAAM,EAAE,aAAa,CAAC;IACtC,kBAAkB,EAAE,CAAC,MAAM,EAAE,kBAAkB,CAAC;IAChD,QAAQ,EAAE,CAAC,MAAM,EAAE,cAAc,CAAC;IAClC,iBAAiB,EAAE,CAAC,MAAM,EAAE,yBAAyB,CAAC;IACtD,kBAAkB,EAAE,CAAC,MAAM,EAAE,kBAAkB,CAAC;CACjD,CAAC"}

package/dist/lib/palette/CustomContextPadProvider.js

@@ -0,0 +1,182 @@
+import { assign } from "min-dash";
+import { is } from "../util/Util";
+import { MODELER_PREFIX } from "../util/constants";
+import { isLabel } from "../modeling/LabelUtil";
+import generatedIcons from "../util/generated-icons";
+// import { renderCreateTokenModal } from "./TokenModals";
+// In the context pad provider, the actions available in the context menu when selecting an element are defined.
+export default class CustomContextPadProvider {
+    constructor(connect, contextPad, modeling, elementFactory, customElementFactory, create, autoPlace, popupMenu, commandStack) {
+        this._connect = connect;
+        this._modeling = modeling;
+        this._elementFactory = elementFactory;
+        this._customElementFactory = customElementFactory;
+        this._create = create;
+        this._autoPlace = autoPlace;
+        this._popupMenu = popupMenu;
+        this._commandStack = commandStack;
+        contextPad.registerProvider(this);
+    }
+    getContextPadEntries(element) {
+        const connect = this._connect;
+        const modeling = this._modeling;
+        const elementFactory = this._elementFactory;
+        const customElementFactory = this._customElementFactory;
+        const create = this._create;
+        const autoPlace = this._autoPlace;
+        const commandStack = this._commandStack;
+        function removeElement() {
+            modeling.removeElements([element]);
+        }
+        // CustomModelerTodo: Define functions for all entries in the context pad of an element.
+        // For example, creating and appending new model elements.
+        function startConnect(event, element, autoActivate) {
+            connect.start(event, element, autoActivate);
+        }
+        function appendPlace(event, element) {
+            const shape = elementFactory.createShape({
+                type: `${MODELER_PREFIX}:Place`,
+            });
+            autoPlace.append(element, shape, {
+                connection: { type: `${MODELER_PREFIX}:Arc` },
+            });
+        }
+        function appendPlaceStart(event) {
+            const shape = elementFactory.createShape({
+                type: `${MODELER_PREFIX}:Place`,
+            });
+            create.start(event, shape, { source: element });
+        }
+        function appendTransition(event, element) {
+            const shape = elementFactory.createShape({
+                type: `${MODELER_PREFIX}:Transition`,
+            });
+            autoPlace.append(element, shape, {
+                connection: { type: `${MODELER_PREFIX}:Arc` },
+            });
+        }
+        function appendTransitionStart(event) {
+            const shape = elementFactory.createShape({
+                type: `${MODELER_PREFIX}:Transition`,
+            });
+            create.start(event, shape, { source: element });
+        }
+        function toggleInhibitorArc(event, element) {
+            modeling.updateProperties(element, {
+                isInhibitorArc: !element.businessObject.isInhibitorArc,
+                variableType: null,
+            });
+        }
+        // function addToken(event, element) {
+        //   renderCreateTokenModal({ x: event.clientX, y: event.clientY }, element, customElementFactory, commandStack);
+        // }
+        // function removeToken(event, element) {
+        //   const marking = element.businessObject.marking;
+        //   if (marking && marking > 0) {
+        //     updateMarking(element, marking - 1);
+        //   }
+        // }
+        // function updateMarking(element, newMarking) {
+        //   modeling.updateProperties(element, { marking: newMarking });
+        // }
+        const actions = {};
+        // CustomModelerTodo: Define the context menu entries for each element type.
+        // "group" is the row in which the action will be displayed. Within a row, elements are in the same order as they are assigned to the actions object.
+        // "imageUrl" is the icon to be displayed.
+        // "title" is the tooltip to be displayed.
+        // Transition actions
+        if (is(element, `${MODELER_PREFIX}:Transition`)) {
+            assign(actions, {
+                "append-place": {
+                    group: "row_1",
+                    imageUrl: generatedIcons["pn-place"],
+                    title: "Append place",
+                    action: {
+                        click: appendPlace,
+                        dragstart: appendPlaceStart,
+                    },
+                },
+            });
+            assign(actions, {
+                connect: {
+                    group: "row_2",
+                    className: "bpmn-icon-connection",
+                    title: "Connect",
+                    action: {
+                        click: startConnect,
+                        dragstart: startConnect,
+                    },
+                },
+            });
+        }
+        // Place actions
+        if (is(element, `${MODELER_PREFIX}:Place`) && !isLabel(element)) {
+            assign(actions, {
+                "append-transition": {
+                    group: "row_1",
+                    imageUrl: generatedIcons["pn-transition"],
+                    title: "Append transition",
+                    action: {
+                        click: appendTransition,
+                        dragstart: appendTransitionStart,
+                    },
+                },
+            });
+            assign(actions, {
+                connect: {
+                    group: "row_2",
+                    className: "bpmn-icon-connection",
+                    title: "Connect",
+                    action: {
+                        click: startConnect,
+                        dragstart: startConnect,
+                    },
+                },
+            });
+        }
+        // Arc actions
+        if (is(element, `${MODELER_PREFIX}:Arc`) && !isLabel(element)) {
+            assign(actions, {
+                "toggle-inhibitor-arc": {
+                    group: "row_0",
+                    className: element.businessObject.isInhibitorArc && "bpmn-icon-connection",
+                    imageUrl: !element.businessObject.isInhibitorArc &&
+                        generatedIcons["pn-inhibitor-arc"],
+                    title: element.businessObject.isInhibitorArc
+                        ? "Change to regular arc"
+                        : "Change to inhibitor arc",
+                    action: {
+                        click: toggleInhibitorArc,
+                    },
+                },
+            });
+        }
+        // Allow for the deletion of all elements except arc labels
+        if (!(is(element, `${MODELER_PREFIX}:Arc`) && isLabel(element))) {
+            assign(actions, {
+                delete: {
+                    group: "row_3",
+                    className: "bpmn-icon-trash",
+                    title: "Remove",
+                    action: {
+                        click: removeElement,
+                        dragstart: removeElement,
+                    },
+                },
+            });
+        }
+        return actions;
+    }
+}
+CustomContextPadProvider.$inject = [
+    "connect",
+    "contextPad",
+    "modeling",
+    "elementFactory",
+    "customElementFactory",
+    "create",
+    "autoPlace",
+    "popupMenu",
+    "commandStack",
+];
+//# sourceMappingURL=CustomContextPadProvider.js.map

package/dist/lib/palette/CustomContextPadProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomContextPadProvider.js","sourceRoot":"","sources":["../../../lib/palette/CustomContextPadProvider.js"],"names":[],"mappings":"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"}

package/dist/lib/palette/CustomPaletteProvider.js

@@ -0,0 +1,93 @@
+import { assign } from "min-dash";
+import { MODELER_PREFIX } from "../util/constants";
+import generatedIcons from "../util/generated-icons";
+export default class CustomPaletteProvider {
+    constructor(palette, create, elementFactory, spaceTool, lassoTool, handTool, globalConnect, translate) {
+        this._create = create;
+        this._elementFactory = elementFactory;
+        this._spaceTool = spaceTool;
+        this._lassoTool = lassoTool;
+        this._handTool = handTool;
+        this._globalConnect = globalConnect;
+        this._translate = translate;
+        palette.registerProvider(this);
+    }
+    getPaletteEntries(element) {
+        const actions = {};
+        const create = this._create;
+        const elementFactory = this._elementFactory;
+        const spaceTool = this._spaceTool;
+        const lassoTool = this._lassoTool;
+        const handTool = this._handTool;
+        const translate = this._translate;
+        function createAction(type, group, imageUrl, title, options) {
+            function createListener(event) {
+                const shape = elementFactory.createShape(assign({ type: type }, options));
+                create.start(event, shape);
+            }
+            return {
+                group: group,
+                imageUrl: imageUrl,
+                title: title,
+                action: {
+                    dragstart: createListener,
+                    click: createListener,
+                },
+            };
+        }
+        assign(actions, {
+            // Common editor actions
+            "hand-tool": {
+                group: "tools",
+                className: "bpmn-icon-hand-tool",
+                title: translate("Activate the hand tool"),
+                action: {
+                    click: function (event) {
+                        handTool.activateHand(event);
+                    },
+                },
+            },
+            "lasso-tool": {
+                group: "tools",
+                className: "bpmn-icon-lasso-tool",
+                title: translate("Activate the lasso tool"),
+                action: {
+                    click: function (event) {
+                        lassoTool.activateSelection(event);
+                    },
+                },
+            },
+            "space-tool": {
+                group: "tools",
+                className: "bpmn-icon-space-tool",
+                title: translate("Activate the create/remove space tool"),
+                action: {
+                    click: function (event) {
+                        spaceTool.activateSelection(event);
+                    },
+                },
+            },
+            // The light gray horizontal line between tool and modeling palette actions
+            "tool-separator": {
+                group: "tools",
+                separator: true,
+            },
+            // Modeler-specific actions
+            // CustomModelerTodo: Add custom palette actions here, usually for creating elements.
+            "create-place": createAction(`${MODELER_PREFIX}:Place`, "custom-elements", generatedIcons["pn-place"], translate("Create place")),
+            "create-transition": createAction(`${MODELER_PREFIX}:Transition`, "custom-elements", generatedIcons["pn-transition"], translate("Create transition")),
+        });
+        return actions;
+    }
+}
+CustomPaletteProvider.$inject = [
+    "palette",
+    "create",
+    "elementFactory",
+    "spaceTool",
+    "lassoTool",
+    "handTool",
+    "globalConnect",
+    "translate",
+];
+//# sourceMappingURL=CustomPaletteProvider.js.map

package/dist/lib/palette/CustomPaletteProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomPaletteProvider.js","sourceRoot":"","sources":["../../../lib/palette/CustomPaletteProvider.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,cAAc,MAAM,yBAAyB,CAAC;AAErD,MAAM,CAAC,OAAO,OAAO,qBAAqB;IACxC,YACE,OAAO,EACP,MAAM,EACN,cAAc,EACd,SAAS,EACT,SAAS,EACT,QAAQ,EACR,aAAa,EACb,SAAS;QAET,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC;QACtB,IAAI,CAAC,eAAe,GAAG,cAAc,CAAC;QACtC,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC;QAC5B,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC;QAC5B,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC;QAC1B,IAAI,CAAC,cAAc,GAAG,aAAa,CAAC;QACpC,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC;QAE5B,OAAO,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC;IACjC,CAAC;IAED,iBAAiB,CAAC,OAAO;QACvB,MAAM,OAAO,GAAG,EAAE,CAAC;QACnB,MAAM,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC;QAC5B,MAAM,cAAc,GAAG,IAAI,CAAC,eAAe,CAAC;QAC5C,MAAM,SAAS,GAAG,IAAI,CAAC,UAAU,CAAC;QAClC,MAAM,SAAS,GAAG,IAAI,CAAC,UAAU,CAAC;QAClC,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC;QAChC,MAAM,SAAS,GAAG,IAAI,CAAC,UAAU,CAAC;QAElC,SAAS,YAAY,CAAC,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO;YACzD,SAAS,cAAc,CAAC,KAAK;gBAC3B,MAAM,KAAK,GAAG,cAAc,CAAC,WAAW,CACtC,MAAM,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,OAAO,CAAC,CAChC,CAAC;gBACF,MAAM,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;YAC7B,CAAC;YAED,OAAO;gBACL,KAAK,EAAE,KAAK;gBACZ,QAAQ,EAAE,QAAQ;gBAClB,KAAK,EAAE,KAAK;gBACZ,MAAM,EAAE;oBACN,SAAS,EAAE,cAAc;oBACzB,KAAK,EAAE,cAAc;iBACtB;aACF,CAAC;QACJ,CAAC;QAED,MAAM,CAAC,OAAO,EAAE;YACd,wBAAwB;YACxB,WAAW,EAAE;gBACX,KAAK,EAAE,OAAO;gBACd,SAAS,EAAE,qBAAqB;gBAChC,KAAK,EAAE,SAAS,CAAC,wBAAwB,CAAC;gBAC1C,MAAM,EAAE;oBACN,KAAK,EAAE,UAAU,KAAK;wBACpB,QAAQ,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;oBAC/B,CAAC;iBACF;aACF;YACD,YAAY,EAAE;gBACZ,KAAK,EAAE,OAAO;gBACd,SAAS,EAAE,sBAAsB;gBACjC,KAAK,EAAE,SAAS,CAAC,yBAAyB,CAAC;gBAC3C,MAAM,EAAE;oBACN,KAAK,EAAE,UAAU,KAAK;wBACpB,SAAS,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC;oBACrC,CAAC;iBACF;aACF;YACD,YAAY,EAAE;gBACZ,KAAK,EAAE,OAAO;gBACd,SAAS,EAAE,sBAAsB;gBACjC,KAAK,EAAE,SAAS,CAAC,uCAAuC,CAAC;gBACzD,MAAM,EAAE;oBACN,KAAK,EAAE,UAAU,KAAK;wBACpB,SAAS,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC;oBACrC,CAAC;iBACF;aACF;YACD,2EAA2E;YAC3E,gBAAgB,EAAE;gBAChB,KAAK,EAAE,OAAO;gBACd,SAAS,EAAE,IAAI;aAChB;YAED,2BAA2B;YAC3B,qFAAqF;YACrF,cAAc,EAAE,YAAY,CAC1B,GAAG,cAAc,QAAQ,EACzB,iBAAiB,EACjB,cAAc,CAAC,UAAU,CAAC,EAC1B,SAAS,CAAC,cAAc,CAAC,CAC1B;YACD,mBAAmB,EAAE,YAAY,CAC/B,GAAG,cAAc,aAAa,EAC9B,iBAAiB,EACjB,cAAc,CAAC,eAAe,CAAC,EAC/B,SAAS,CAAC,mBAAmB,CAAC,CAC/B;SACF,CAAC,CAAC;QACH,OAAO,OAAO,CAAC;IACjB,CAAC;CACF;AAED,qBAAqB,CAAC,OAAO,GAAG;IAC9B,SAAS;IACT,QAAQ;IACR,gBAAgB;IAChB,WAAW;IACX,WAAW;IACX,UAAU;IACV,eAAe;IACf,WAAW;CACZ,CAAC"}

package/dist/lib/palette/TokenModals.js

@@ -0,0 +1,105 @@
+import { MODELER_PREFIX } from "../util/constants";
+function createModal(position) {
+    const modal = document.createElement("div");
+    modal.className = "custom-token-modal";
+    modal.style.position = "fixed";
+    modal.style.left = `${position.x}px`;
+    modal.style.top = `${position.y}px`;
+    return modal;
+}
+function createInputField(labelText, name) {
+    const label = document.createElement("label");
+    label.textContent = `Value for "${labelText}":`;
+    const input = document.createElement("input");
+    input.type = "text";
+    input.name = name;
+    input.required = true;
+    return { label, input };
+}
+function createForm(inputFields, onSubmit, onCancel) {
+    const form = document.createElement("form");
+    form.style.display = "flex";
+    form.style.flexDirection = "column";
+    form.style.gap = "10px";
+    inputFields.forEach((inputField) => {
+        form.appendChild(inputField.label);
+        form.appendChild(inputField.input);
+    });
+    const buttonRow = document.createElement("div");
+    buttonRow.className = "custom-token-btn-row";
+    const confirmBtn = document.createElement("button");
+    confirmBtn.type = "submit";
+    confirmBtn.textContent = "Add Token";
+    confirmBtn.className = "custom-token-btn";
+    const cancelBtn = document.createElement("button");
+    cancelBtn.type = "button";
+    cancelBtn.textContent = "Cancel";
+    cancelBtn.className = "custom-token-btn";
+    cancelBtn.onclick = onCancel;
+    buttonRow.appendChild(confirmBtn);
+    buttonRow.appendChild(cancelBtn);
+    form.appendChild(buttonRow);
+    form.onsubmit = onSubmit;
+    return form;
+}
+export function renderCreateTokenModal(position, place, customElementFactory, commandStack) {
+    const existingModal = document.querySelector(".custom-token-modal");
+    if (existingModal)
+        existingModal.remove();
+    const color = place.businessObject.color || [];
+    const modal = createModal(position);
+    const inputFields = color.map((dataClass) => createInputField(dataClass.name, dataClass.id));
+    // Modal cleanup logic
+    function removeModal() {
+        if (modal.parentNode)
+            modal.parentNode.removeChild(modal);
+        document.removeEventListener("keydown", escKeyListener);
+        document.removeEventListener("mousedown", outsideClickListener);
+    }
+    function escKeyListener(e) {
+        if (e.key === "Escape")
+            removeModal();
+    }
+    function outsideClickListener(e) {
+        if (!modal.contains(e.target))
+            removeModal();
+    }
+    function handleSubmit(e) {
+        e.preventDefault();
+        const inputValues = inputFields.map((inputField) => inputField.input);
+        const tokenValues = inputValues.map((input) => {
+            const dataClass = color.find((dc) => dc.id === input.name);
+            const tokenValue = customElementFactory.create(`${MODELER_PREFIX}:TokenValue`, {
+                dataClass,
+                value: input.value,
+            });
+            return tokenValue;
+        });
+        // Create the token with the input values
+        const token = customElementFactory.create(`${MODELER_PREFIX}:Token`, {
+            values: tokenValues,
+        });
+        tokenValues.forEach((value) => {
+            value.$parent = token;
+        });
+        token.$parent = place;
+        const existingTokens = place.businessObject.marking || [];
+        commandStack.execute("element.updateProperties", {
+            element: place,
+            properties: {
+                marking: [...existingTokens, token],
+            },
+        });
+        removeModal(modal);
+    }
+    function handleCancel(e) {
+        e.preventDefault();
+        removeModal();
+    }
+    const form = createForm(inputFields, handleSubmit, handleCancel);
+    modal.appendChild(form);
+    document.body.appendChild(modal);
+    document.addEventListener("keydown", escKeyListener);
+    document.addEventListener("mousedown", outsideClickListener);
+}
+//# sourceMappingURL=TokenModals.js.map

package/dist/lib/palette/TokenModals.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TokenModals.js","sourceRoot":"","sources":["../../../lib/palette/TokenModals.js"],"names":[],"mappings":"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"}

package/dist/lib/palette/index.js

@@ -0,0 +1,28 @@
+import PaletteModule from "diagram-js/lib/features/palette";
+import ContextPadModule from "diagram-js/lib/features/context-pad";
+import CreateModule from "diagram-js/lib/features/create";
+import SpaceToolModule from "diagram-js/lib/features/space-tool";
+import LassoToolModule from "diagram-js/lib/features/lasso-tool";
+import HandToolModule from "diagram-js/lib/features/hand-tool";
+import translate from "diagram-js/lib/i18n/translate";
+import GlobalConnectModule from "diagram-js/lib/features/global-connect";
+import PopupMenuModule from "../replace";
+import CustomPaletteProvider from "./CustomPaletteProvider";
+import CustomContextPadProvider from "./CustomContextPadProvider";
+export default {
+    __depends__: [
+        PaletteModule,
+        ContextPadModule,
+        CreateModule,
+        SpaceToolModule,
+        LassoToolModule,
+        HandToolModule,
+        GlobalConnectModule,
+        PopupMenuModule,
+        translate,
+    ],
+    __init__: ["customContextPadProvider", "customPaletteProvider"],
+    customPaletteProvider: ["type", CustomPaletteProvider],
+    customContextPadProvider: ["type", CustomContextPadProvider],
+};
+//# sourceMappingURL=index.js.map

package/dist/lib/palette/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../lib/palette/index.js"],"names":[],"mappings":"AAAA,OAAO,aAAa,MAAM,iCAAiC,CAAC;AAC5D,OAAO,gBAAgB,MAAM,qCAAqC,CAAC;AACnE,OAAO,YAAY,MAAM,gCAAgC,CAAC;AAC1D,OAAO,eAAe,MAAM,oCAAoC,CAAC;AACjE,OAAO,eAAe,MAAM,oCAAoC,CAAC;AACjE,OAAO,cAAc,MAAM,mCAAmC,CAAC;AAC/D,OAAO,SAAS,MAAM,+BAA+B,CAAC;AACtD,OAAO,mBAAmB,MAAM,wCAAwC,CAAC;AACzE,OAAO,eAAe,MAAM,YAAY,CAAC;AAEzC,OAAO,qBAAqB,MAAM,yBAAyB,CAAC;AAC5D,OAAO,wBAAwB,MAAM,4BAA4B,CAAC;AAElE,eAAe;IACb,WAAW,EAAE;QACX,aAAa;QACb,gBAAgB;QAChB,YAAY;QACZ,eAAe;QACf,eAAe;QACf,cAAc;QACd,mBAAmB;QACnB,eAAe;QACf,SAAS;KACV;IACD,QAAQ,EAAE,CAAC,0BAA0B,EAAE,uBAAuB,CAAC;IAC/D,qBAAqB,EAAE,CAAC,MAAM,EAAE,qBAAqB,CAAC;IACtD,wBAAwB,EAAE,CAAC,MAAM,EAAE,wBAAwB,CAAC;CAC7D,CAAC"}