@miragon/value-chain-renderer 0.0.0-stage → 0.1.0

package/dist/model/VcElementFactory.d.ts

@@ -0,0 +1,23 @@
+import { default as ElementFactory } from 'diagram-js/lib/core/ElementFactory';
+import { Shape } from 'diagram-js/lib/model/Types';
+import { ChainConnection, DiagramElement } from '@miragon/value-chain-schema-model';
+import { VcConnection, VcShape } from './di-types.js';
+/**
+ * Domain-aware factory: builds diagram-js shapes/connections from schema-model elements
+ * (import) and blank ones for palette/context-pad creation.
+ */
+export default class VcElementFactory {
+    private readonly elementFactory;
+    static $inject: string[];
+    constructor(elementFactory: ElementFactory);
+    createElement(element: DiagramElement): VcShape;
+    createConnection(connection: ChainConnection, source: Shape, target: Shape): VcConnection;
+    /**
+     * A blank step for interactive creation: no id/position — diagram-js assigns the id,
+     * the create/auto-place interaction assigns the position.
+     */
+    createNewStep(label?: string): VcShape;
+    /** A blank organizational unit for interactive creation. */
+    createNewOrgUnit(label?: string): VcShape;
+}
+//# sourceMappingURL=VcElementFactory.d.ts.map

package/dist/model/VcElementFactory.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VcElementFactory.d.ts","sourceRoot":"","sources":["../../src/model/VcElementFactory.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc,MAAM,oCAAoC,CAAC;AACrE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAGL,KAAK,eAAe,EACpB,KAAK,cAAc,EACpB,MAAM,mCAAmC,CAAC;AAC3C,OAAO,KAAK,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAE3D;;;GAGG;AACH,MAAM,CAAC,OAAO,OAAO,gBAAgB;IAGvB,OAAO,CAAC,QAAQ,CAAC,cAAc;IAF3C,MAAM,CAAC,OAAO,WAAsB;gBAEP,cAAc,EAAE,cAAc;IAE3D,aAAa,CAAC,OAAO,EAAE,cAAc,GAAG,OAAO;IAiB/C,gBAAgB,CAAC,UAAU,EAAE,eAAe,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,GAAG,YAAY;IAWzF;;;OAGG;IACH,aAAa,CAAC,KAAK,SAAK,GAAG,OAAO;IASlC,4DAA4D;IAC5D,gBAAgB,CAAC,KAAK,SAAK,GAAG,OAAO;CAQtC"}

package/dist/model/di-types.d.ts

@@ -0,0 +1,29 @@
+import { Connection, Shape } from 'diagram-js/lib/model/Types';
+import { ChainConnection, ConnectionType, DiagramElement } from '@miragon/value-chain-schema-model';
+export type VcShapeType = 'step' | 'orgUnit';
+/**
+ * Runtime model: diagram-js elements carry the editable domain truth as flat properties
+ * (`vcType`, `vcLabel`, `color`, `link`). The `businessObject` is only an import-time
+ * snapshot used as fallback for fields the UI cannot edit.
+ */
+export interface VcShape extends Shape {
+    vcType: VcShapeType;
+    vcLabel: string;
+    color?: string;
+    link?: string;
+    businessObject?: DiagramElement;
+}
+export interface VcConnection extends Connection {
+    vcType: ConnectionType;
+    businessObject?: ChainConnection;
+}
+export declare function isVcShape(element: unknown): element is VcShape;
+export declare function isStep(element: unknown): element is VcShape & {
+    vcType: 'step';
+};
+export declare function isOrgUnit(element: unknown): element is VcShape & {
+    vcType: 'orgUnit';
+};
+export declare function isVcConnection(element: unknown): element is VcConnection;
+export declare function isVcElement(element: unknown): element is VcShape | VcConnection;
+//# sourceMappingURL=di-types.d.ts.map

package/dist/model/di-types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"di-types.d.ts","sourceRoot":"","sources":["../../src/model/di-types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,KAAK,EACV,eAAe,EACf,cAAc,EACd,cAAc,EACf,MAAM,mCAAmC,CAAC;AAE3C,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,SAAS,CAAC;AAE7C;;;;GAIG;AACH,MAAM,WAAW,OAAQ,SAAQ,KAAK;IACpC,MAAM,EAAE,WAAW,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,cAAc,CAAC;CACjC;AAED,MAAM,WAAW,YAAa,SAAQ,UAAU;IAC9C,MAAM,EAAE,cAAc,CAAC;IACvB,cAAc,CAAC,EAAE,eAAe,CAAC;CAClC;AAMD,wBAAgB,SAAS,CAAC,OAAO,EAAE,OAAO,GAAG,OAAO,IAAI,OAAO,CAE9D;AAED,wBAAgB,MAAM,CAAC,OAAO,EAAE,OAAO,GAAG,OAAO,IAAI,OAAO,GAAG;IAAE,MAAM,EAAE,MAAM,CAAA;CAAE,CAEhF;AAED,wBAAgB,SAAS,CAAC,OAAO,EAAE,OAAO,GAAG,OAAO,IAAI,OAAO,GAAG;IAAE,MAAM,EAAE,SAAS,CAAA;CAAE,CAEtF;AAED,wBAAgB,cAAc,CAAC,OAAO,EAAE,OAAO,GAAG,OAAO,IAAI,YAAY,CAQxE;AAED,wBAAgB,WAAW,CAAC,OAAO,EAAE,OAAO,GAAG,OAAO,IAAI,OAAO,GAAG,YAAY,CAE/E"}

package/dist/model/index.d.ts

@@ -0,0 +1,10 @@
+import { ModuleDeclaration } from 'didi';
+/**
+ * Domain-aware element creation (schema-model element → diagram-js element) plus an
+ * elementFactory override with registry-probed id generation.
+ */
+export declare const vcModelModule: ModuleDeclaration;
+export { default as VcElementFactory } from './VcElementFactory.js';
+export { default as VcDiagramElementFactory } from './VcDiagramElementFactory.js';
+export * from './di-types.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/model/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/model/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,MAAM,CAAC;AAI9C;;;GAGG;AACH,eAAO,MAAM,aAAa,EAAE,iBAG3B,CAAC;AAEF,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AAClF,cAAc,eAAe,CAAC"}

package/dist/modeling/VcConnectionTypeBehavior.d.ts

@@ -0,0 +1,13 @@
+import { default as CommandInterceptor } from 'diagram-js/lib/command/CommandInterceptor';
+import { default as EventBus } from 'diagram-js/lib/core/EventBus';
+import { default as Modeling } from 'diagram-js/lib/features/modeling/Modeling';
+/**
+ * Switching a connection's type changes its routing (straight/dashed vs rake).
+ * Re-layout nested inside the updateProperties command, so type change and new
+ * route form a single undo step.
+ */
+export default class VcConnectionTypeBehavior extends CommandInterceptor {
+    static $inject: string[];
+    constructor(eventBus: EventBus, modeling: Modeling);
+}
+//# sourceMappingURL=VcConnectionTypeBehavior.d.ts.map

package/dist/modeling/VcConnectionTypeBehavior.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VcConnectionTypeBehavior.d.ts","sourceRoot":"","sources":["../../src/modeling/VcConnectionTypeBehavior.ts"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,MAAM,2CAA2C,CAAC;AAC3E,OAAO,KAAK,QAAQ,MAAM,8BAA8B,CAAC;AACzD,OAAO,KAAK,QAAQ,MAAM,2CAA2C,CAAC;AAStE;;;;GAIG;AACH,MAAM,CAAC,OAAO,OAAO,wBAAyB,SAAQ,kBAAkB;IACtE,OAAgB,OAAO,WAA4B;gBAEvC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ;CAcnD"}

package/dist/modeling/VcHierarchyRelayoutBehavior.d.ts

@@ -0,0 +1,18 @@
+import { default as CommandInterceptor } from 'diagram-js/lib/command/CommandInterceptor';
+import { default as EventBus } from 'diagram-js/lib/core/EventBus';
+import { default as Modeling } from 'diagram-js/lib/features/modeling/Modeling';
+import { default as VcLayouter } from './VcLayouter.js';
+/**
+ * Hierarchy routing depends on the whole sibling group (row vs column), but diagram-js
+ * only re-layouts the edges of the shape that moved. This behavior re-layouts ALL
+ * hierarchy edges of every affected parent — nested into the triggering command, so
+ * arrangement flips stay one undo step and no sibling keeps a stale route.
+ */
+export default class VcHierarchyRelayoutBehavior extends CommandInterceptor {
+    private readonly modeling;
+    private readonly layouter;
+    static $inject: string[];
+    constructor(eventBus: EventBus, modeling: Modeling, layouter: VcLayouter);
+    private relayoutAffected;
+}
+//# sourceMappingURL=VcHierarchyRelayoutBehavior.d.ts.map

package/dist/modeling/VcHierarchyRelayoutBehavior.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VcHierarchyRelayoutBehavior.d.ts","sourceRoot":"","sources":["../../src/modeling/VcHierarchyRelayoutBehavior.ts"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,MAAM,2CAA2C,CAAC;AAC3E,OAAO,KAAK,QAAQ,MAAM,8BAA8B,CAAC;AACzD,OAAO,KAAK,QAAQ,MAAM,2CAA2C,CAAC;AAGtE,OAAO,KAAK,UAAU,MAAM,iBAAiB,CAAC;AAU9C;;;;;GAKG;AACH,MAAM,CAAC,OAAO,OAAO,2BAA4B,SAAQ,kBAAkB;IAKvE,OAAO,CAAC,QAAQ,CAAC,QAAQ;IACzB,OAAO,CAAC,QAAQ,CAAC,QAAQ;IAL3B,OAAgB,OAAO,WAAwC;gBAG7D,QAAQ,EAAE,QAAQ,EACD,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,UAAU;IAWvC,OAAO,CAAC,gBAAgB;CAgCzB"}

package/dist/modeling/VcLayouter.d.ts

@@ -0,0 +1,66 @@
+import { default as BaseLayouter } from 'diagram-js/lib/layout/BaseLayouter';
+import { default as CroppingConnectionDocking } from 'diagram-js/lib/layout/CroppingConnectionDocking';
+import { Connection, Shape } from 'diagram-js/lib/model/Types';
+import { Point } from 'diagram-js/lib/util/Types';
+/**
+ * Minimum gap between the center exit and the leftmost sub-step for the trunk to run
+ * straight down under the exit (kink-free column).
+ */
+export declare const TRUNK_CLEARANCE = 10;
+export interface VcLayoutHints {
+    source?: Shape;
+    target?: Shape;
+    connectionStart?: Point;
+    connectionEnd?: Point;
+    waypoints?: Point[];
+}
+/**
+ * Connection routing:
+ * - sequence ("ist Vorgänger von"): straight line, user bendpoints survive re-layouts;
+ * - hierarchy ("ist prozessorientiert übergeordnet"): always re-routed orthogonally
+ *   (ARIS cascade look — down from the parent, across, down into the sub-step).
+ * Both are cropped at the chevron contour via the renderer's getShapePath.
+ */
+export default class VcLayouter extends BaseLayouter {
+    private readonly connectionDocking;
+    static $inject: string[];
+    constructor(connectionDocking: CroppingConnectionDocking);
+    layoutConnection(connection: Connection, hints?: VcLayoutHints): Point[];
+    /**
+     * Straight line between the shape mids, cropped to the contours afterwards.
+     * The connectionStart/End anchor hints diagram-js passes on move (old cropped
+     * waypoint + delta) are ignored on purpose: such a point can land in the chevron's
+     * notch cutout where cropping finds no intersection, leaving the arrowhead hidden
+     * behind the shape. Mid-to-mid always crops reliably; user bendpoints survive.
+     */
+    private sequenceWaypoints;
+    /**
+     * Adaptive hierarchy routing. Every edge exits the parent at its BOTTOM CENTER;
+     * the sub-steps' arrangement picks how it continues:
+     * - horizontal row (aligned tops / single child under the parent's span): down to a
+     *   shared bus halfway to the children, across, and down into each sub-step's top;
+     * - vertical column (ARIS rake, the default): straight down under the exit whenever
+     *   all children sit right of the center (no kink), otherwise via a bus to a shared
+     *   trunk left of all children; then a horizontal arm into each left notch.
+     * Anchor hints are ignored on purpose: hierarchy edges always re-route from the
+     * current geometry.
+     */
+    private hierarchyWaypoints;
+}
+/**
+ * The x range of the parent's bottom edge in which a sub-step's hierarchy edge is
+ * drawn as a straight vertical drop (row notation) instead of the rake.
+ */
+export declare function hierarchyDropSpan(source: Shape): {
+    min: number;
+    max: number;
+};
+/** All sub-steps connected to the given step via hierarchy edges. */
+export declare function hierarchyChildren(source: Shape): Shape[];
+/**
+ * A horizontal row: several children with aligned tops, or a single child sitting
+ * inside the parent's drop span. Shared by routing and auto-placement so both always
+ * agree on the arrangement.
+ */
+export declare function isRowArrangement(children: Shape[], source: Shape): boolean;
+//# sourceMappingURL=VcLayouter.d.ts.map

package/dist/modeling/VcLayouter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VcLayouter.d.ts","sourceRoot":"","sources":["../../src/modeling/VcLayouter.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,oCAAoC,CAAC;AAC9D,OAAO,KAAK,yBAAyB,MAAM,iDAAiD,CAAC;AAO7F,OAAO,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAMvD;;;GAGG;AACH,eAAO,MAAM,eAAe,KAAK,CAAC;AAQlC,MAAM,WAAW,aAAa;IAC5B,MAAM,CAAC,EAAE,KAAK,CAAC;IACf,MAAM,CAAC,EAAE,KAAK,CAAC;IACf,eAAe,CAAC,EAAE,KAAK,CAAC;IACxB,aAAa,CAAC,EAAE,KAAK,CAAC;IACtB,SAAS,CAAC,EAAE,KAAK,EAAE,CAAC;CACrB;AAED;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,YAAY;IAGtC,OAAO,CAAC,QAAQ,CAAC,iBAAiB;IAF9C,MAAM,CAAC,OAAO,WAAyB;gBAEV,iBAAiB,EAAE,yBAAyB;IAIhE,gBAAgB,CAAC,UAAU,EAAE,UAAU,EAAE,KAAK,GAAE,aAAkB,GAAG,KAAK,EAAE;IA8BrF;;;;;;OAMG;IACH,OAAO,CAAC,iBAAiB;IAYzB;;;;;;;;;;OAUG;IACH,OAAO,CAAC,kBAAkB;CA+B3B;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,KAAK,GAAG;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,CAK7E;AAED,qEAAqE;AACrE,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,KAAK,GAAG,KAAK,EAAE,CAKxD;AAED;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,KAAK,GAAG,OAAO,CAY1E"}

package/dist/modeling/VcModeling.d.ts

@@ -0,0 +1,16 @@
+import { default as CommandStack } from 'diagram-js/lib/command/CommandStack';
+import { Element } from 'diagram-js/lib/model/Types';
+import { ConnectionType } from '@miragon/value-chain-schema-model';
+import { VcConnection, VcShape } from '../model/di-types.js';
+/** High-level undoable domain mutations; everything funnels through one command. */
+export default class VcModeling {
+    private readonly commandStack;
+    static $inject: string[];
+    constructor(commandStack: CommandStack);
+    updateProperties(element: Element, properties: Record<string, unknown>): void;
+    updateLabel(element: VcShape, label: string): void;
+    setColor(element: VcShape, color: string | undefined): void;
+    /** Re-routing happens in the same undo step via VcConnectionTypeBehavior. */
+    setConnectionType(connection: VcConnection, type: ConnectionType): void;
+}
+//# sourceMappingURL=VcModeling.d.ts.map

package/dist/modeling/VcModeling.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VcModeling.d.ts","sourceRoot":"","sources":["../../src/modeling/VcModeling.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,YAAY,MAAM,qCAAqC,CAAC;AACpE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAExE,OAAO,KAAK,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAIlE,oFAAoF;AACpF,MAAM,CAAC,OAAO,OAAO,UAAU;IAGjB,OAAO,CAAC,QAAQ,CAAC,YAAY;IAFzC,MAAM,CAAC,OAAO,WAAoB;gBAEL,YAAY,EAAE,YAAY;IAIvD,gBAAgB,CAAC,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAI7E,WAAW,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI;IAOlD,QAAQ,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI;IAO3D,6EAA6E;IAC7E,iBAAiB,CAAC,UAAU,EAAE,YAAY,EAAE,IAAI,EAAE,cAAc,GAAG,IAAI;CAMxE"}

package/dist/modeling/cmd/UpdatePropertiesHandler.d.ts

@@ -0,0 +1,15 @@
+import { Element } from 'diagram-js/lib/model/Types';
+export interface UpdatePropertiesContext {
+    element: Element;
+    properties: Record<string, unknown>;
+    oldProperties?: Record<string, unknown>;
+}
+/**
+ * Generic undoable property update: `execute` remembers the previous values,
+ * `revert` restores them. Returned elements trigger `elements.changed` → re-render.
+ */
+export default class UpdatePropertiesHandler {
+    execute(context: UpdatePropertiesContext): Element[];
+    revert(context: UpdatePropertiesContext): Element[];
+}
+//# sourceMappingURL=UpdatePropertiesHandler.d.ts.map

package/dist/modeling/cmd/UpdatePropertiesHandler.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UpdatePropertiesHandler.d.ts","sourceRoot":"","sources":["../../../src/modeling/cmd/UpdatePropertiesHandler.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAE1D,MAAM,WAAW,uBAAuB;IACtC,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACpC,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACzC;AAED;;;GAGG;AACH,MAAM,CAAC,OAAO,OAAO,uBAAuB;IAC1C,OAAO,CAAC,OAAO,EAAE,uBAAuB,GAAG,OAAO,EAAE;IAYpD,MAAM,CAAC,OAAO,EAAE,uBAAuB,GAAG,OAAO,EAAE;CAUpD"}

package/dist/modeling/index.d.ts

@@ -0,0 +1,11 @@
+import { ModuleDeclaration } from 'didi';
+/**
+ * Domain mutations + connection layout. Overrides the stock `layouter` and registers
+ * `connectionDocking` (also consumed by bendpoints and connection previews).
+ */
+export declare const vcModelingModule: ModuleDeclaration;
+export { default as VcModeling } from './VcModeling.js';
+export { default as VcLayouter, hierarchyDropSpan, hierarchyChildren, isRowArrangement, } from './VcLayouter.js';
+export { default as VcConnectionTypeBehavior } from './VcConnectionTypeBehavior.js';
+export { default as VcHierarchyRelayoutBehavior } from './VcHierarchyRelayoutBehavior.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/modeling/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/modeling/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,MAAM,CAAC;AAO9C;;;GAGG;AACH,eAAO,MAAM,gBAAgB,EAAE,iBAO9B,CAAC;AAEF,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,iBAAiB,CAAC;AACxD,OAAO,EACL,OAAO,IAAI,UAAU,EACrB,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,GACjB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACpF,OAAO,EAAE,OAAO,IAAI,2BAA2B,EAAE,MAAM,kCAAkC,CAAC"}

package/dist/ordering/VcOrderingProvider.d.ts

@@ -0,0 +1,13 @@
+import { default as OrderingProvider } from 'diagram-js/lib/features/ordering/OrderingProvider';
+import { default as EventBus } from 'diagram-js/lib/core/EventBus';
+import { Element, Shape } from 'diagram-js/lib/model/Types';
+/** Keeps connections behind steps during interactive edits (mirrors the import order). */
+export default class VcOrderingProvider extends OrderingProvider {
+    static $inject: string[];
+    constructor(eventBus: EventBus);
+    getOrdering(element: Element, newParent: Shape): {
+        parent: Shape;
+        index?: number;
+    };
+}
+//# sourceMappingURL=VcOrderingProvider.d.ts.map

package/dist/ordering/VcOrderingProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VcOrderingProvider.d.ts","sourceRoot":"","sources":["../../src/ordering/VcOrderingProvider.ts"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,MAAM,mDAAmD,CAAC;AACjF,OAAO,KAAK,QAAQ,MAAM,8BAA8B,CAAC;AACzD,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAC;AAGjE,0FAA0F;AAC1F,MAAM,CAAC,OAAO,OAAO,kBAAmB,SAAQ,gBAAgB;IAC9D,OAAgB,OAAO,WAAgB;gBAE3B,QAAQ,EAAE,QAAQ;IAIrB,WAAW,CAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,KAAK,GAAG;QAAE,MAAM,EAAE,KAAK,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE;CAQ5F"}

package/dist/ordering/index.d.ts

@@ -0,0 +1,4 @@
+import { ModuleDeclaration } from 'didi';
+export declare const vcOrderingModule: ModuleDeclaration;
+export { default as VcOrderingProvider } from './VcOrderingProvider.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/ordering/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ordering/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,MAAM,CAAC;AAG9C,eAAO,MAAM,gBAAgB,EAAE,iBAG9B,CAAC;AAEF,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/palette/VcPaletteProvider.d.ts

@@ -0,0 +1,32 @@
+import { default as Palette } from 'diagram-js/lib/features/palette/Palette';
+import { default as Create } from 'diagram-js/lib/features/create/Create';
+import { default as HandTool } from 'diagram-js/lib/features/hand-tool/HandTool';
+import { default as LassoTool } from 'diagram-js/lib/features/lasso-tool/LassoTool';
+import { default as SpaceTool } from 'diagram-js/lib/features/space-tool/SpaceTool';
+import { default as GlobalConnect } from 'diagram-js/lib/features/global-connect/GlobalConnect';
+import { default as VcElementFactory } from '../model/VcElementFactory.js';
+interface PaletteEntry {
+    group: string;
+    html?: string;
+    separator?: boolean;
+    title?: string;
+    action?: Record<string, (event: Event) => void>;
+}
+/**
+ * bpmn.io-style palette: tools on top (hand, lasso, space, global connect),
+ * then the create entries. Tool entry keys must end in `-tool` and use the
+ * group `tools` so the active tool gets highlighted.
+ */
+export default class VcPaletteProvider {
+    private readonly create;
+    private readonly factory;
+    private readonly handTool;
+    private readonly lassoTool;
+    private readonly spaceTool;
+    private readonly globalConnect;
+    static $inject: string[];
+    constructor(palette: Palette, create: Create, factory: VcElementFactory, handTool: HandTool, lassoTool: LassoTool, spaceTool: SpaceTool, globalConnect: GlobalConnect);
+    getPaletteEntries(): Record<string, PaletteEntry>;
+}
+export {};
+//# sourceMappingURL=VcPaletteProvider.d.ts.map

package/dist/palette/VcPaletteProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VcPaletteProvider.d.ts","sourceRoot":"","sources":["../../src/palette/VcPaletteProvider.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,OAAO,MAAM,yCAAyC,CAAC;AAEnE,OAAO,KAAK,MAAM,MAAM,uCAAuC,CAAC;AAChE,OAAO,KAAK,QAAQ,MAAM,4CAA4C,CAAC;AACvE,OAAO,KAAK,SAAS,MAAM,8CAA8C,CAAC;AAC1E,OAAO,KAAK,SAAS,MAAM,8CAA8C,CAAC;AAC1E,OAAO,KAAK,aAAa,MAAM,sDAAsD,CAAC;AAEtF,OAAO,KAAK,gBAAgB,MAAM,8BAA8B,CAAC;AAGjE,UAAU,YAAY;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC,CAAC;CACjD;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,OAAO,iBAAiB;IAalC,OAAO,CAAC,QAAQ,CAAC,MAAM;IACvB,OAAO,CAAC,QAAQ,CAAC,OAAO;IACxB,OAAO,CAAC,QAAQ,CAAC,QAAQ;IACzB,OAAO,CAAC,QAAQ,CAAC,SAAS;IAC1B,OAAO,CAAC,QAAQ,CAAC,SAAS;IAC1B,OAAO,CAAC,QAAQ,CAAC,aAAa;IAjBhC,MAAM,CAAC,OAAO,WAQZ;gBAGA,OAAO,EAAE,OAAO,EACC,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,gBAAgB,EACzB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,aAAa;IAK/C,iBAAiB,IAAI,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC;CAqDlD"}

package/dist/palette/index.d.ts

@@ -0,0 +1,4 @@
+import { ModuleDeclaration } from 'didi';
+export declare const vcPaletteModule: ModuleDeclaration;
+export { default as VcPaletteProvider } from './VcPaletteProvider.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/palette/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/palette/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,MAAM,CAAC;AAS9C,eAAO,MAAM,eAAe,EAAE,iBAW7B,CAAC;AAEF,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/popup/VcAlignMenuProvider.d.ts

@@ -0,0 +1,21 @@
+import { default as PopupMenu } from 'diagram-js/lib/features/popup-menu/PopupMenu';
+import { default as AlignElements } from 'diagram-js/lib/features/align-elements/AlignElements';
+import { default as DistributeElements } from 'diagram-js/lib/features/distribute-elements/DistributeElements';
+import { Element } from 'diagram-js/lib/model/Types';
+export declare const ALIGN_MENU_PROVIDER_ID = "vc-align-elements";
+interface PopupMenuEntry {
+    label: string;
+    group?: string;
+    imageHtml?: string;
+    action: () => void;
+}
+/** Align/distribute menu for multi-selections, opened from the context pad. */
+export default class VcAlignMenuProvider {
+    private readonly alignElements;
+    private readonly distributeElements;
+    static $inject: string[];
+    constructor(popupMenu: PopupMenu, alignElements: AlignElements, distributeElements: DistributeElements);
+    getPopupMenuEntries(target: Element | Element[]): Record<string, PopupMenuEntry>;
+}
+export {};
+//# sourceMappingURL=VcAlignMenuProvider.d.ts.map

package/dist/popup/VcAlignMenuProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VcAlignMenuProvider.d.ts","sourceRoot":"","sources":["../../src/popup/VcAlignMenuProvider.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,SAAS,MAAM,8CAA8C,CAAC;AAC1E,OAAO,KAAK,aAAa,MAAM,sDAAsD,CAAC;AACtF,OAAO,KAAK,kBAAkB,MAAM,gEAAgE,CAAC;AACrG,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAG1D,eAAO,MAAM,sBAAsB,sBAAsB,CAAC;AAE1D,UAAU,cAAc;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAoCD,+EAA+E;AAC/E,MAAM,CAAC,OAAO,OAAO,mBAAmB;IAKpC,OAAO,CAAC,QAAQ,CAAC,aAAa;IAC9B,OAAO,CAAC,QAAQ,CAAC,kBAAkB;IALrC,MAAM,CAAC,OAAO,WAAwD;gBAGpE,SAAS,EAAE,SAAS,EACH,aAAa,EAAE,aAAa,EAC5B,kBAAkB,EAAE,kBAAkB;IAKzD,mBAAmB,CAAC,MAAM,EAAE,OAAO,GAAG,OAAO,EAAE,GAAG,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC;CAuCjF"}

package/dist/popup/VcColorPickerProvider.d.ts

@@ -0,0 +1,18 @@
+import { default as PopupMenu } from 'diagram-js/lib/features/popup-menu/PopupMenu';
+import { Element } from 'diagram-js/lib/model/Types';
+import { default as VcModeling } from '../modeling/VcModeling.js';
+export declare const COLOR_PICKER_PROVIDER_ID = "vc-color-picker";
+interface PopupMenuEntry {
+    label: string;
+    group?: string;
+    imageHtml?: string;
+    action: () => void;
+}
+export default class VcColorPickerProvider {
+    private readonly vcModeling;
+    static $inject: string[];
+    constructor(popupMenu: PopupMenu, vcModeling: VcModeling);
+    getPopupMenuEntries(target: Element | Element[]): Record<string, PopupMenuEntry>;
+}
+export {};
+//# sourceMappingURL=VcColorPickerProvider.d.ts.map

package/dist/popup/VcColorPickerProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VcColorPickerProvider.d.ts","sourceRoot":"","sources":["../../src/popup/VcColorPickerProvider.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,SAAS,MAAM,8CAA8C,CAAC;AAC1E,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAG1D,OAAO,KAAK,UAAU,MAAM,2BAA2B,CAAC;AAExD,eAAO,MAAM,wBAAwB,oBAAoB,CAAC;AAE1D,UAAU,cAAc;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAUD,MAAM,CAAC,OAAO,OAAO,qBAAqB;IAKtC,OAAO,CAAC,QAAQ,CAAC,UAAU;IAJ7B,MAAM,CAAC,OAAO,WAA+B;gBAG3C,SAAS,EAAE,SAAS,EACH,UAAU,EAAE,UAAU;IAKzC,mBAAmB,CAAC,MAAM,EAAE,OAAO,GAAG,OAAO,EAAE,GAAG,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC;CAgBjF"}

package/dist/popup/index.d.ts

@@ -0,0 +1,6 @@
+import { ModuleDeclaration } from 'didi';
+export declare const vcColorPickerModule: ModuleDeclaration;
+export declare const vcAlignMenuModule: ModuleDeclaration;
+export { default as VcColorPickerProvider, COLOR_PICKER_PROVIDER_ID, } from './VcColorPickerProvider.js';
+export { default as VcAlignMenuProvider, ALIGN_MENU_PROVIDER_ID } from './VcAlignMenuProvider.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/popup/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/popup/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,MAAM,CAAC;AAO9C,eAAO,MAAM,mBAAmB,EAAE,iBAIjC,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,iBAI/B,CAAC;AAEF,OAAO,EACL,OAAO,IAAI,qBAAqB,EAChC,wBAAwB,GACzB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC"}

package/dist/resize/VcResizeBehavior.d.ts

@@ -0,0 +1,7 @@
+import { default as EventBus } from 'diagram-js/lib/core/EventBus';
+/** Enforces the minimum step size while resizing and while using the space tool. */
+export default class VcResizeBehavior {
+    static $inject: string[];
+    constructor(eventBus: EventBus);
+}
+//# sourceMappingURL=VcResizeBehavior.d.ts.map

package/dist/resize/VcResizeBehavior.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VcResizeBehavior.d.ts","sourceRoot":"","sources":["../../src/resize/VcResizeBehavior.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,QAAQ,MAAM,8BAA8B,CAAC;AAYzD,oFAAoF;AACpF,MAAM,CAAC,OAAO,OAAO,gBAAgB;IACnC,MAAM,CAAC,OAAO,WAAgB;gBAElB,QAAQ,EAAE,QAAQ;CAoB/B"}

package/dist/resize/index.d.ts

@@ -0,0 +1,4 @@
+import { ModuleDeclaration } from 'didi';
+export declare const vcResizeModule: ModuleDeclaration;
+export { default as VcResizeBehavior } from './VcResizeBehavior.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/resize/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/resize/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,MAAM,CAAC;AAI9C,eAAO,MAAM,cAAc,EAAE,iBAI5B,CAAC;AAEF,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/rules/VcRules.d.ts

@@ -0,0 +1,15 @@
+import { default as RuleProvider } from 'diagram-js/lib/features/rules/RuleProvider';
+import { default as EventBus } from 'diagram-js/lib/core/EventBus';
+import { default as VcConnect } from '../connect/VcConnect.js';
+export default class VcRules extends RuleProvider {
+    private readonly vcConnect;
+    static $inject: string[];
+    constructor(eventBus: EventBus, vcConnect: VcConnect);
+    init(): void;
+    /**
+     * The relation type follows from the endpoint kinds: step→step uses the pending
+     * connect type, an org unit on either end always yields an assignment.
+     */
+    private resolveType;
+}
+//# sourceMappingURL=VcRules.d.ts.map

package/dist/rules/VcRules.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VcRules.d.ts","sourceRoot":"","sources":["../../src/rules/VcRules.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,4CAA4C,CAAC;AACtE,OAAO,KAAK,QAAQ,MAAM,8BAA8B,CAAC;AAWzD,OAAO,KAAK,SAAS,MAAM,yBAAyB,CAAC;AAQrD,MAAM,CAAC,OAAO,OAAO,OAAQ,SAAQ,YAAY;IAK7C,OAAO,CAAC,QAAQ,CAAC,SAAS;IAJ5B,OAAgB,OAAO,WAA6B;gBAGlD,QAAQ,EAAE,QAAQ,EACD,SAAS,EAAE,SAAS;IAK9B,IAAI,IAAI,IAAI;IAuCrB;;;OAGG;IACH,OAAO,CAAC,WAAW;CAgBpB"}

package/dist/rules/index.d.ts

@@ -0,0 +1,4 @@
+import { ModuleDeclaration } from 'didi';
+export declare const vcRulesModule: ModuleDeclaration;
+export { default as VcRules } from './VcRules.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/rules/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/rules/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,MAAM,CAAC;AAI9C,eAAO,MAAM,aAAa,EAAE,iBAI3B,CAAC;AAEF,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,cAAc,CAAC"}

package/dist/value-chain.css

@@ -0,0 +1,2 @@
+.bio-theme-parent{--bio-surface:#fff;--bio-surface-overlay:#fff;--bio-surface-subtle:#f7f7f8;--bio-surface-medium:#f1f2f4;--bio-surface-inverted:#383838;--bio-surface-inverted-subtle:#505562;--bio-text:#22242a;--bio-text-subtle:#505562;--bio-text-subtlest:#818798;--bio-text-on-inverted:#fff;--bio-border:#b9bcc6;--bio-border-disabled:#e3e4e8;--bio-primary:#07c;--bio-primary-surface:#e6f4ff;--bio-danger:#e60000;--bio-danger-surface-subtle:#fff0f0;--bio-selected-surface:var(--bio-surface-medium);--bio-selected-text:var(--bio-text);--bio-focus:#07c;--bio-focus-surface:#e6f4ff;--bio-canvas-accent:#07c;--bio-canvas-accent-subtle:#80caff;--bio-shadow:#0000004d;--bio-shadow-subtle:#0000001a;--bio-radius-sm:2px;--bio-radius-md:3px;--bio-radius-lg:4px}.djs-parent{--button-border-radius:var(--bio-radius-md);--input-border-radius:var(--bio-radius-sm);--surface-border-radius:var(--bio-radius-lg);--canvas-fill-color:var(--bio-surface);--accent-color:var(--bio-canvas-accent);--bendpoint-fill-color:var(--bio-canvas-accent);--bendpoint-stroke-color:var(--canvas-fill-color);--context-pad-entry-background-color:var(--bio-surface);--context-pad-entry-hover-background-color:var(--bio-surface-medium);--element-dragger-color:var(--accent-color);--element-selected-outline-stroke-color:var(--accent-color);--element-selected-outline-secondary-stroke-color:var(--bio-canvas-accent-subtle);--lasso-fill-color:color-mix(in srgb, var(--bio-canvas-accent) 15%, transparent);--lasso-stroke-color:var(--element-selected-outline-stroke-color);--palette-entry-color:var(--bio-text);--palette-entry-hover-color:var(--bio-primary);--palette-entry-selected-color:var(--bio-primary);--palette-separator-color:var(--bio-border);--palette-toggle-hover-background-color:var(--bio-surface-medium);--palette-background-color:var(--bio-surface-subtle);--palette-border-color:var(--bio-border);--popup-font-family:"IBM Plex Sans", sans-serif;--popup-font-size:14px;--popup-secondary-font-size:.9em;--popup-header-entry-selected-color:var(--bio-primary);--popup-header-font-weight:bolder;--popup-header-group-divider-color:var(--bio-border);--popup-background-color:var(--bio-surface-overlay);--popup-border-color:transparent;--popup-shadow-color:var(--bio-shadow);--popup-scrollbar-thumb-color:#0003;--popup-button-background-color:var(--bio-surface-overlay);--popup-button-hover-background-color:var(--bio-surface-medium);--popup-disabled-color:var(--bio-text-subtle);--popup-description-color:var(--bio-text-subtle);--popup-no-results-color:var(--bio-text-subtlest);--popup-entry-title-color:var(--bio-text-subtlest);--popup-entry-selected-background-color:var(--bio-selected-surface);--popup-entry-selected-color:var(--bio-selected-text);--popup-search-border-color:var(--bio-border);--popup-search-focus-border-color:var(--bio-focus);--popup-search-focus-background-color:var(--bio-focus-surface);--popup-tab-color:var(--bio-text-subtlest);--popup-tab-hover-color:var(--bio-text);--popup-tab-active-color:var(--bio-text);--popup-tab-active-border-color:var(--bio-primary);--popup-tab-strip-border-color:var(--bio-border-disabled);--popup-tab-focus-border-color:var(--bio-focus);--resizer-fill-color:var(--bio-canvas-accent);--resizer-stroke-color:var(--canvas-fill-color);--search-font-family:"IBM Plex Sans", sans-serif;--search-font-size:14px;--search-container-background-color:var(--bio-surface-overlay);--search-shadow-color:var(--bio-shadow);--search-input-border-color:var(--bio-border);--search-input-focus-border-color:var(--bio-focus);--search-input-focus-background-color:var(--bio-primary-surface);--search-result-hover-background-color:var(--bio-surface-medium);--search-result-secondary-color:var(--bio-text-subtlest);--search-preselected-background-color:color-mix(in srgb, var(--bio-canvas-accent) 15%, transparent);--shape-attach-allowed-stroke-color:var(--accent-color);--shape-connect-allowed-fill-color:var(--bio-surface-subtle);--shape-drop-allowed-fill-color:var(--bio-surface-subtle);--shape-drop-not-allowed-fill-color:var(--bio-danger-surface-subtle);--shape-resize-preview-stroke-color:var(--accent-color);--snap-line-stroke-color:color-mix(in srgb, var(--bio-canvas-accent) 30%, transparent);--space-tool-crosshair-stroke-color:var(--bio-text);--tooltip-error-background-color:var(--bio-danger-surface-subtle);--tooltip-error-border-color:var(--bio-danger);--tooltip-error-color:var(--bio-danger);--hover-tooltip-font-family:"IBM Plex Sans", sans-serif;--hover-tooltip-font-size:12px;--hover-tooltip-secondary-font-size:11px;--hover-tooltip-background-color:var(--bio-surface-inverted);--hover-tooltip-color:var(--bio-text-on-inverted);--hover-tooltip-shadow-color:var(--bio-shadow-subtle);--palette-tooltip-shortcut-background-color:var(--bio-surface-inverted-subtle)}.djs-container svg.drop-not-ok{background:var(--shape-drop-not-allowed-fill-color)!important}.djs-container svg.new-parent{background:var(--shape-drop-allowed-fill-color)!important}.djs-container svg:focus{outline-offset:-1px}.djs-outline,.djs-selection-outline{fill:none;shape-rendering:geometricprecision;stroke-width:2px}.djs-outline{visibility:hidden}.djs-selection-outline{stroke:var(--element-selected-outline-stroke-color)}.djs-element.selected .djs-outline{visibility:visible;stroke:var(--element-selected-outline-stroke-color)}.djs-connection.selected .djs-outline{display:none}.djs-multi-select .djs-element.selected .djs-outline,.djs-dragging-active-lasso .djs-element.selected .djs-outline{stroke:var(--element-selected-outline-secondary-stroke-color);display:block}.djs-outline-hidden .djs-outline{display:none!important}.djs-shape.connect-ok .djs-visual>:first-child{fill:var(--shape-connect-allowed-fill-color)!important}.djs-shape.connect-not-ok .djs-visual>:first-child,.djs-shape.drop-not-ok .djs-visual>:first-child{fill:var(--shape-drop-not-allowed-fill-color)!important}.djs-shape.new-parent .djs-visual>:first-child{fill:var(--shape-drop-allowed-fill-color)!important}.drop-not-ok,.connect-not-ok,.drop-not-ok *,.connect-not-ok *{cursor:not-allowed!important}.drop-ok,.connect-ok,.drop-ok *,.connect-ok *{cursor:default!important}.djs-element.attach-ok .djs-visual>:first-child{stroke-width:5px!important;stroke:var(--shape-attach-allowed-stroke-color)!important}.djs-frame.connect-not-ok .djs-visual>:first-child,.djs-frame.drop-not-ok .djs-visual>:first-child{stroke-width:3px!important;stroke:var(--shape-drop-not-allowed-fill-color)!important;fill:none!important}.djs-lasso-overlay{fill:var(--lasso-fill-color);stroke:var(--lasso-stroke-color);stroke-width:2px;shape-rendering:geometricprecision;pointer-events:none}.djs-resize-overlay{fill:none;stroke-dasharray:5 1 3 1;stroke:var(--shape-resize-preview-stroke-color);pointer-events:none}.djs-resizer-hit{fill:none;pointer-events:all}.djs-resizer-visual{fill:var(--resizer-fill-color);stroke-width:1px;stroke:var(--resizer-stroke-color);shape-rendering:geometricprecision}.djs-resizer:hover .djs-resizer-visual{stroke:var(--resizer-stroke-color);stroke-opacity:1}.djs-cursor-resize-ns,.djs-resizer-n,.djs-resizer-s{cursor:ns-resize}.djs-cursor-resize-ew,.djs-resizer-e,.djs-resizer-w{cursor:ew-resize}.djs-cursor-resize-nwse,.djs-resizer-nw,.djs-resizer-se{cursor:nwse-resize}.djs-cursor-resize-nesw,.djs-resizer-ne,.djs-resizer-sw{cursor:nesw-resize}.djs-shape.djs-resizing>.djs-outline{visibility:hidden!important}.djs-shape.djs-resizing>.djs-resizer,.djs-dragger>.djs-resizer{visibility:hidden}.djs-dragger *{fill:none!important;stroke:var(--element-dragger-color)!important}.djs-dragger tspan,.djs-dragger text,.djs-dragger marker circle,.djs-dragger marker path,.djs-dragger marker polygon,.djs-dragger marker polyline,.djs-dragger marker rect{fill:var(--element-dragger-color)!important;stroke:none!important}.djs-dragger marker text,.djs-dragger marker tspan{fill:none!important;stroke:var(--element-dragger-color)!important}.djs-dragging,.djs-dragging>*{opacity:.3!important;pointer-events:none!important}.djs-visual,.djs-outline{pointer-events:none}.djs-element.attach-ok .djs-hit{stroke-width:60px!important}.djs-element>.djs-hit-all,.djs-element>.djs-hit-no-move{pointer-events:all}.djs-element>.djs-hit-stroke,.djs-element>.djs-hit-click-stroke{pointer-events:stroke}.djs-connection .djs-visual{stroke-width:2px;fill:none}.djs-cursor-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.djs-cursor-grabbing{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.djs-cursor-crosshair{cursor:crosshair}.djs-cursor-move{cursor:move}.djs-cursor-resize-ns{cursor:ns-resize}.djs-cursor-resize-ew{cursor:ew-resize}.djs-snap-line{stroke:var(--snap-line-stroke-color);stroke-linecap:round;stroke-width:2px;pointer-events:none}.djs-crosshair{stroke:var(--space-tool-crosshair-stroke-color);stroke-linecap:round;stroke-width:1px;pointer-events:none;shape-rendering:geometricprecision;stroke-dasharray:5 5}.djs-palette{box-sizing:border-box;width:48px;position:absolute;top:20px;left:20px}.djs-palette .separator{border:none;border-bottom:solid 1px var(--palette-separator-color);clear:both;margin:5px;padding-top:5px}.djs-palette .entry:before{vertical-align:initial}.djs-palette .djs-palette-toggle{cursor:pointer}.djs-palette .entry,.djs-palette .djs-palette-toggle{color:var(--palette-entry-color);text-align:center;font-size:30px}.djs-palette .entry{float:left}.djs-palette .entry img{max-width:100%}.djs-palette .djs-palette-entries:after{content:"";clear:both;display:table}.djs-palette .djs-palette-toggle:hover{background:var(--palette-toggle-hover-background-color)}.djs-palette .entry:hover{color:var(--palette-entry-hover-color)}.djs-palette .highlighted-entry{color:var(--palette-entry-selected-color)!important}.djs-palette .entry,.djs-palette .djs-palette-toggle{cursor:default;width:46px;height:46px;line-height:46px}.djs-palette.two-column.open{width:94px}.djs-palette:not(.open) .djs-palette-entries{display:none}.djs-palette:not(.open){overflow:hidden}.djs-palette.open .djs-palette-toggle{display:none}.djs-hover-tooltip{z-index:1000;border-radius:var(--surface-border-radius);background-color:var(--hover-tooltip-background-color);color:var(--hover-tooltip-color);font-family:var(--hover-tooltip-font-family);font-size:var(--hover-tooltip-font-size);white-space:nowrap;pointer-events:none;box-shadow:0 1px 4px var(--hover-tooltip-shadow-color);align-items:center;gap:6px;padding:6px 10px;line-height:1.2;display:flex;position:fixed}.djs-hover-tooltip--right{transform:translateY(-50%)}.djs-hover-tooltip--top{transform:translate(-50%,-100%)}.djs-palette-tooltip-shortcut{border-radius:var(--button-border-radius);background-color:var(--palette-tooltip-shortcut-background-color);font-family:monospace;font-size:var(--hover-tooltip-secondary-font-size);padding:1px 5px;line-height:1.2}.djs-context-pad{pointer-events:none;z-index:100;width:72px;line-height:1;display:none;position:absolute}.djs-context-pad .entry{text-align:center;cursor:default;background-color:var(--context-pad-entry-background-color);width:22px;height:22px;box-shadow:0 0 2px 1px var(--context-pad-entry-background-color);pointer-events:all;vertical-align:middle;border-radius:3px;margin:0 2px 2px 0;font-size:22px;display:inline-block}.djs-context-pad .entry:hover{background:var(--context-pad-entry-hover-background-color)}.djs-context-pad.open{display:block}.djs-popup{box-sizing:border-box;background:var(--popup-background-color);z-index:200;box-shadow:0px 2px 6px var(--popup-shadow-color);border:solid 1px var(--popup-border-color);min-width:120px;max-width:300px;line-height:1;font-size:var(--popup-font-size);font-family:var(--popup-font-family);outline:none;position:fixed;overflow:hidden}.djs-popup-search input{box-sizing:border-box;width:100%;font-size:var(--popup-font-size);border-radius:var(--input-border-radius);border:solid 1px var(--popup-search-border-color);padding:3px 6px 3px 28px;line-height:21px}.djs-popup-search input:focus{background-color:var(--popup-search-focus-background-color);border:solid 1px var(--popup-search-focus-border-color);outline:none}.djs-popup-header{align-items:stretch;margin:10px 12px;line-height:20px;display:flex}.djs-popup-header .entry{border-radius:2px}.djs-popup button.entry{background:0 0;border:0;padding:0}.djs-popup-header .entry.active{color:var(--popup-header-entry-selected-color)}.djs-popup-header .entry.disabled{color:inherit}.djs-popup-header-group{flex-direction:row;align-items:center;margin:0;padding:0;list-style:none;display:flex}.djs-popup-header-group .entry{flex-direction:row;align-items:center;display:flex}.djs-popup-header-group+.djs-popup-header-group:before{content:"";background:var(--popup-header-group-divider-color);width:1px;height:20px;margin:0 5px}.djs-popup-search{width:auto;margin:10px 12px;position:relative}.djs-popup-tabs-container{border-bottom:solid 1px var(--popup-tab-strip-border-color);position:relative}.djs-popup-tabs-scroll{appearance:none;width:28px;color:var(--popup-tab-color);cursor:pointer;border:none;border-radius:0;align-items:center;padding:0;display:flex;position:absolute;top:0;bottom:1px}.djs-popup-tabs-scroll:hover{color:var(--popup-tab-hover-color)}.djs-popup-tabs-scroll-start{background:linear-gradient(to left, transparent, var(--popup-background-color) 60%);justify-content:flex-start;left:0}.djs-popup-tabs-scroll-end{background:linear-gradient(to right, transparent, var(--popup-background-color) 60%);justify-content:flex-end;right:0}.djs-popup-tabs-scroll-start svg{transform:rotate(180deg)}.djs-popup-tabs{scrollbar-width:none;flex-wrap:nowrap;gap:2px;padding:0 12px;scroll-padding:0 28px;display:flex;overflow:auto hidden}.djs-popup-tabs::-webkit-scrollbar{display:none}.djs-popup-tab{appearance:none;font:inherit;font-size:var(--popup-font-size);color:var(--popup-tab-color);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;flex:none;padding:6px 10px}.djs-popup-tab:hover{color:var(--popup-tab-hover-color)}.djs-popup-tab:focus-visible{outline:solid 1px var(--popup-tab-focus-border-color);outline-offset:-2px}.djs-popup-tab[aria-selected=true]{color:var(--popup-tab-active-color);border-bottom-color:var(--popup-tab-active-border-color);font-weight:var(--popup-header-font-weight)}.djs-popup-title{font-size:var(--popup-font-size);font-weight:var(--popup-header-font-weight);flex:1;margin:0}.djs-popup-breadcrumbs{margin:10px 12px;line-height:20px;display:flex}.djs-popup-breadcrumbs-item{appearance:none;min-width:0;color:var(--popup-description-color);font:inherit;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;outline:none;margin:0;padding:0;display:inline-flex;overflow:hidden}.djs-popup-breadcrumbs-item--separator:before{content:"/";color:var(--popup-description-color);margin:0 4px;display:inline-block}.djs-popup-breadcrumbs-item:hover{color:inherit;text-decoration:underline}.djs-popup-breadcrumbs-item:focus-visible{outline:1px solid var(--popup-search-focus-border-color);outline-offset:2px}.djs-popup-breadcrumbs-item--back{border:1px solid var(--popup-search-border-color);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;margin-right:6px;padding:2px 3px}.djs-popup-breadcrumbs-item--back:hover{background:var(--popup-button-hover-background-color)}.djs-popup-breadcrumbs-item--current{font-weight:var(--popup-header-font-weight);color:inherit;cursor:default}.djs-popup-breadcrumbs-item--current:hover{text-decoration:none}.djs-popup-entry-actions{flex-shrink:0;align-items:center;gap:6px;margin-left:6px;display:flex}.djs-popup-entry-chevron{color:var(--popup-description-color);align-items:center;display:flex}.djs-popup-search-icon{position:absolute;top:7px;left:8px}.djs-popup-search-count{font-size:var(--popup-secondary-font-size);color:var(--popup-description-color);margin:0 12px}.djs-popup-results{max-height:280px;margin:7px 3px 7px 12px;padding-right:9px;list-style:none;overflow:auto}.djs-popup-results:focus{outline:none}.djs-popup-group{width:100%;margin:0;padding:0}.djs-popup-body .entry,.djs-popup-body .entry-header{cursor:default;border-radius:4px;padding:5px 7px}.djs-popup-body .entry-header{font-weight:var(--popup-header-font-weight);color:var(--popup-entry-title-color);padding-left:0}.djs-popup [class*=icon] .djs-popup-label,.djs-popup-label:not(:first-child){margin-left:.5em}.djs-popup [class*=icon]:before,.djs-popup-entry-icon{vertical-align:middle;width:1em;height:1em;font-size:1.4em;display:inline-block}.djs-popup-body .entry-header:not(:first-child){margin-top:8px;margin-bottom:2px}.djs-popup-body .entry{flex-direction:row;align-items:stretch;height:min-content;display:flex}.djs-popup .entry.selected{color:var(--popup-entry-selected-color);background-color:var(--popup-entry-selected-background-color)}.djs-popup .entry.disabled{color:var(--popup-disabled-color);cursor:not-allowed}.djs-popup-body .entry:not(:first-child){margin-top:2px}.djs-popup-entry-content{flex-direction:column;flex:1;display:flex}.djs-popup-entry-description{font-size:var(--popup-secondary-font-size);color:var(--popup-description-color);margin-top:.25em}.djs-popup-label,.djs-popup-entry-description{line-height:1.4em}.djs-popup .entry,.djs-popup .entry-header{margin:1px}.djs-popup-body{flex-direction:column;width:auto}.djs-popup ::-webkit-scrollbar{width:6px}.djs-popup ::-webkit-scrollbar-thumb{background-color:var(--popup-scrollbar-thumb-color);border-radius:3px}.djs-popup ::-webkit-scrollbar-track{box-shadow:none;background:0 0;margin:0;padding:5px}.djs-popup-no-results{color:var(--popup-no-results-color);padding:0 12px 12px}.djs-popup-footer{border-top:solid 1px var(--popup-border-color);padding:5px 12px 7px;display:flex}.djs-popup--pointer .djs-popup-footer{display:none}.djs-popup-entry-docs{visibility:hidden;color:var(--popup-description-color);background:var(--popup-button-background-color);border:1px solid var(--popup-search-border-color);cursor:pointer;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:2px 3px;transition:background-color .12s,border-color .12s,color .12s;display:flex}.djs-popup--pointer .djs-popup-body .entry:hover .djs-popup-entry-docs{visibility:visible}.djs-popup-body .entry .djs-popup-entry-docs:hover{background:var(--popup-button-hover-background-color)}.djs-popup-entry-docs svg{vertical-align:middle}.djs-popup-footer-docs{font-size:var(--popup-secondary-font-size);color:var(--popup-description-color);align-items:center;gap:3px;text-decoration:none;display:inline-flex}.djs-popup-footer-docs:hover{text-decoration:underline}.djs-popup-footer-docs svg{vertical-align:middle;margin:2px}.djs-palette{background:var(--palette-background-color);border:solid 1px var(--palette-border-color);border-radius:var(--surface-border-radius)}.djs-segment-dragger,.djs-bendpoint{display:none}.djs-segment-dragger .djs-visual{fill:var(--bendpoint-fill-color);stroke:var(--bendpoint-stroke-color);stroke-width:1px;stroke-opacity:1;display:none}.djs-segment-dragger:hover .djs-visual{display:block}.djs-bendpoint .djs-visual{fill:var(--bendpoint-fill-color);stroke:var(--bendpoint-stroke-color);stroke-width:1px}.djs-segment-dragger:hover,.djs-bendpoints.hover .djs-segment-dragger,.djs-bendpoints.selected .djs-segment-dragger,.djs-bendpoint:hover,.djs-bendpoints.hover .djs-bendpoint,.djs-bendpoints.selected .djs-bendpoint{display:block}.djs-drag-active .djs-bendpoints *,.djs-bendpoints:not(.hover) .floating,.djs-bendpoint.floating:not(.positioned){display:none}.djs-segment-dragger:hover .djs-visual,.djs-segment-dragger.djs-dragging .djs-visual,.djs-bendpoint:hover .djs-visual,.djs-bendpoint.floating .djs-visual{fill:var(--bendpoint-fill-color);stroke:var(--bendpoint-stroke-color);stroke-opacity:1}.djs-bendpoint.floating .djs-hit{pointer-events:none}.djs-segment-dragger .djs-hit,.djs-bendpoint .djs-hit{fill:none;pointer-events:all}.djs-segment-dragger.horizontal .djs-hit{cursor:ns-resize}.djs-segment-dragger.vertical .djs-hit{cursor:ew-resize}.djs-segment-dragger.djs-dragging .djs-hit{pointer-events:none}.djs-updating,.djs-updating>*{pointer-events:none!important}.djs-updating .djs-context-pad,.djs-updating .djs-outline,.djs-updating .djs-bendpoint,.djs-multi-select .djs-bendpoint,.djs-multi-select .djs-segment-dragger,.connect-ok .djs-bendpoint,.connect-not-ok .djs-bendpoint,.drop-ok .djs-bendpoint,.drop-not-ok .djs-bendpoint{display:none!important}.djs-segment-dragger.djs-dragging,.djs-bendpoint.djs-dragging{opacity:1;display:block}.djs-tooltip-error{background:var(--tooltip-error-background-color);border:solid 1px var(--tooltip-error-border-color);border-radius:var(--surface-border-radius);width:160px;color:var(--tooltip-error-color);opacity:.75;padding:6px;font-size:12px;line-height:16px}.djs-tooltip-error:hover{opacity:1}.djs-search-open .djs-context-pad{display:none}.djs-search-open .djs-connection.selected .djs-outline{display:block}.djs-search-container{z-index:10;width:25%;min-width:300px;max-width:400px;font-family:var(--search-font-family);font-size:var(--search-font-size);border-radius:var(--surface-border-radius);box-shadow:0px 2px 6px var(--search-shadow-color);margin-left:auto;margin-right:auto;position:absolute;top:20px;left:0;right:0}.djs-search-container:not(.open){display:none}.djs-search-input{position:relative}.djs-search-input svg{position:absolute;top:7px;left:8px}.djs-search-input input{font-size:var(--search-font-size);border:1px solid var(--search-input-border-color);border-radius:var(--input-border-radius);box-sizing:border-box;width:100%;padding:3px 6px 3px 28px;line-height:21px}.djs-search-input input:focus{background-color:var(--search-input-focus-background-color);border:solid 1px var(--search-input-focus-border-color);outline:none}.djs-search-results{background:var(--search-container-background-color);max-height:200px;position:relative;overflow-y:auto}.djs-search-result{padding:6px 8px}.djs-search-result-primary{text-overflow:ellipsis;white-space:nowrap;margin:0 0 3px;overflow:hidden}.djs-search-result-secondary{text-overflow:ellipsis;white-space:nowrap;color:var(--search-result-secondary-color);margin:0;font-family:monospace;overflow:hidden}.djs-search-result:hover,.djs-search-result-selected,.djs-search-result-selected:hover{background:var(--search-result-hover-background-color)}.djs-search-open .djs-element .djs-outline{fill:var(--search-preselected-background-color)!important}.djs-element-hidden,.djs-element-hidden .djs-hit,.djs-element-hidden .djs-outline,.djs-label-hidden .djs-label{display:none!important}.djs-element .djs-hit-stroke,.djs-element .djs-hit-click-stroke,.djs-element .djs-hit-all{cursor:move}.vc-container{background:var(--canvas-fill-color);font-family:Arial,sans-serif;position:relative;overflow:hidden}.vc-container .djs-container{outline:none}.djs-palette .entry.vc-palette-entry{justify-content:center;align-items:center;display:flex}.vc-palette-entry svg{width:28px;height:28px;display:block}.vc-container .djs-context-pad{width:90px}.djs-context-pad .entry.vc-cp-entry{width:28px;height:28px;color:var(--palette-entry-color);justify-content:center;align-items:center;display:inline-flex}.vc-cp-entry svg{width:24px;height:24px;display:block}.djs-context-pad .entry.vc-cp-entry:hover{color:var(--palette-entry-hover-color)}.djs-popup .djs-popup-entry-icon svg{display:block}.vc-container svg text{-webkit-user-select:none;user-select:none}
+/*$vite$:1*/

package/package.json

@@ -1,6 +1,62 @@
 {
   "name": "@miragon/value-chain-renderer",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
-}
+  "version": "0.1.0",
+  "description": "diagram-js based value chain modeler: renderer, viewer, modeler, import/export, CSS.",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Miragon/value-chain-modeler.git",
+    "directory": "packages/renderer"
+  },
+  "homepage": "https://github.com/Miragon/value-chain-modeler/tree/main/packages/renderer#readme",
+  "bugs": "https://github.com/Miragon/value-chain-modeler/issues",
+  "keywords": [
+    "value chain",
+    "wertschöpfungskette",
+    "aris",
+    "vacd",
+    "process landscape",
+    "diagram-js",
+    "modeler",
+    "diagram"
+  ],
+  "type": "module",
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./assets/value-chain.css": "./dist/value-chain.css",
+    "./package.json": "./package.json"
+  },
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "vite build",
+    "test": "npm --prefix ../.. run test",
+    "test:browser": "npm --prefix ../.. run test:browser"
+  },
+  "dependencies": {
+    "@miragon/value-chain-schema-model": "0.1.0",
+    "diagram-js": "15.28.0",
+    "diagram-js-direct-editing": "3.6.0",
+    "didi": "12.0.0",
+    "tiny-svg": "4.1.4"
+  },
+  "devDependencies": {
+    "jsdom": "30.1.2",
+    "typescript": "6.0.3",
+    "vite": "8.3.2",
+    "vite-plugin-dts": "5.1.2",
+    "vitest": "5.0.3"
+  }
+}