@miragon/context-maps-renderer 0.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (95) hide show
  1. package/README.md +148 -0
  2. package/dist/CmBaseViewer.d.ts +49 -0
  3. package/dist/CmBaseViewer.d.ts.map +1 -0
  4. package/dist/Modeler.d.ts +14 -0
  5. package/dist/Modeler.d.ts.map +1 -0
  6. package/dist/NavigatedViewer.d.ts +7 -0
  7. package/dist/NavigatedViewer.d.ts.map +1 -0
  8. package/dist/Viewer.d.ts +7 -0
  9. package/dist/Viewer.d.ts.map +1 -0
  10. package/dist/behaviors/CmClickSelectionBehavior.d.ts +7 -0
  11. package/dist/behaviors/CmClickSelectionBehavior.d.ts.map +1 -0
  12. package/dist/behaviors/CmDragBehavior.d.ts +7 -0
  13. package/dist/behaviors/CmDragBehavior.d.ts.map +1 -0
  14. package/dist/behaviors/CmFlatModelBehavior.d.ts +9 -0
  15. package/dist/behaviors/CmFlatModelBehavior.d.ts.map +1 -0
  16. package/dist/behaviors/index.d.ts +7 -0
  17. package/dist/behaviors/index.d.ts.map +1 -0
  18. package/dist/connect-handles/CmConnectHandles.d.ts +15 -0
  19. package/dist/connect-handles/CmConnectHandles.d.ts.map +1 -0
  20. package/dist/connect-handles/index.d.ts +5 -0
  21. package/dist/connect-handles/index.d.ts.map +1 -0
  22. package/dist/context-maps.css +2 -0
  23. package/dist/draw/ContextMapsRenderer.d.ts +26 -0
  24. package/dist/draw/ContextMapsRenderer.d.ts.map +1 -0
  25. package/dist/draw/endRoleChips.d.ts +17 -0
  26. package/dist/draw/endRoleChips.d.ts.map +1 -0
  27. package/dist/draw/icons.d.ts +10 -0
  28. package/dist/draw/icons.d.ts.map +1 -0
  29. package/dist/draw/index.d.ts +5 -0
  30. package/dist/draw/index.d.ts.map +1 -0
  31. package/dist/draw/palette-icons.d.ts +4 -0
  32. package/dist/draw/palette-icons.d.ts.map +1 -0
  33. package/dist/draw/styles.d.ts +25 -0
  34. package/dist/draw/styles.d.ts.map +1 -0
  35. package/dist/index.d.ts +22 -0
  36. package/dist/index.d.ts.map +1 -0
  37. package/dist/index.js +1279 -0
  38. package/dist/index.js.map +1 -0
  39. package/dist/io/CmExporter.d.ts +11 -0
  40. package/dist/io/CmExporter.d.ts.map +1 -0
  41. package/dist/io/CmImporter.d.ts +20 -0
  42. package/dist/io/CmImporter.d.ts.map +1 -0
  43. package/dist/io/index.d.ts +9 -0
  44. package/dist/io/index.d.ts.map +1 -0
  45. package/dist/io/saveSvg.d.ts +6 -0
  46. package/dist/io/saveSvg.d.ts.map +1 -0
  47. package/dist/io/types.d.ts +11 -0
  48. package/dist/io/types.d.ts.map +1 -0
  49. package/dist/keyboard/CmKeyboard.d.ts +9 -0
  50. package/dist/keyboard/CmKeyboard.d.ts.map +1 -0
  51. package/dist/keyboard/index.d.ts +5 -0
  52. package/dist/keyboard/index.d.ts.map +1 -0
  53. package/dist/label-editing/CmLabelEditing.d.ts +14 -0
  54. package/dist/label-editing/CmLabelEditing.d.ts.map +1 -0
  55. package/dist/label-editing/index.d.ts +5 -0
  56. package/dist/label-editing/index.d.ts.map +1 -0
  57. package/dist/model/CmDiagramElementFactory.d.ts +9 -0
  58. package/dist/model/CmDiagramElementFactory.d.ts.map +1 -0
  59. package/dist/model/CmElementFactory.d.ts +13 -0
  60. package/dist/model/CmElementFactory.d.ts.map +1 -0
  61. package/dist/model/CmLayouter.d.ts +21 -0
  62. package/dist/model/CmLayouter.d.ts.map +1 -0
  63. package/dist/model/di-types.d.ts +27 -0
  64. package/dist/model/di-types.d.ts.map +1 -0
  65. package/dist/model/index.d.ts +15 -0
  66. package/dist/model/index.d.ts.map +1 -0
  67. package/dist/modeling/CmModeling.d.ts +39 -0
  68. package/dist/modeling/CmModeling.d.ts.map +1 -0
  69. package/dist/modeling/cmd/SwapEndsHandler.d.ts +15 -0
  70. package/dist/modeling/cmd/SwapEndsHandler.d.ts.map +1 -0
  71. package/dist/modeling/cmd/UpdatePropertiesHandler.d.ts +13 -0
  72. package/dist/modeling/cmd/UpdatePropertiesHandler.d.ts.map +1 -0
  73. package/dist/modeling/index.d.ts +10 -0
  74. package/dist/modeling/index.d.ts.map +1 -0
  75. package/dist/palette/CmPaletteProvider.d.ts +12 -0
  76. package/dist/palette/CmPaletteProvider.d.ts.map +1 -0
  77. package/dist/palette/index.d.ts +5 -0
  78. package/dist/palette/index.d.ts.map +1 -0
  79. package/dist/rules/CmRules.d.ts +8 -0
  80. package/dist/rules/CmRules.d.ts.map +1 -0
  81. package/dist/rules/index.d.ts +5 -0
  82. package/dist/rules/index.d.ts.map +1 -0
  83. package/dist/theme/index.d.ts +2 -0
  84. package/dist/theme/index.d.ts.map +1 -0
  85. package/dist/theme/palette.d.ts +47 -0
  86. package/dist/theme/palette.d.ts.map +1 -0
  87. package/dist/validation/CmValidationMarkers.d.ts +13 -0
  88. package/dist/validation/CmValidationMarkers.d.ts.map +1 -0
  89. package/dist/validation/index.d.ts +5 -0
  90. package/dist/validation/index.d.ts.map +1 -0
  91. package/dist/zorder/CmZOrder.d.ts +13 -0
  92. package/dist/zorder/CmZOrder.d.ts.map +1 -0
  93. package/dist/zorder/index.d.ts +5 -0
  94. package/dist/zorder/index.d.ts.map +1 -0
  95. package/package.json +48 -0
@@ -0,0 +1,39 @@
1
+ import { default as CommandStack } from 'diagram-js/lib/command/CommandStack';
2
+ import { default as ElementRegistry } from 'diagram-js/lib/core/ElementRegistry';
3
+ import { default as GraphicsFactory } from 'diagram-js/lib/core/GraphicsFactory';
4
+ import { DownstreamRole, RelationshipPattern, SubdomainType, UpstreamRole } from '@miragon/context-maps-schema-model';
5
+ import { CmContext, CmElement, CmRelationship } from '../model/di-types.js';
6
+ export default class CmModeling {
7
+ private readonly commandStack;
8
+ private readonly elementRegistry;
9
+ private readonly graphicsFactory;
10
+ static $inject: string[];
11
+ constructor(commandStack: CommandStack, elementRegistry: ElementRegistry, graphicsFactory: GraphicsFactory);
12
+ /**
13
+ * Force an immediate re-render of an element's graphics. diagram-js'
14
+ * ChangeSupport only redraws on `elements.changed` when `element.parent` is
15
+ * set; this guarantees the visual reflects a property/swap change regardless
16
+ * (a redundant redraw is harmless — the visual layer is cleared first).
17
+ */
18
+ private redraw;
19
+ /** Swap the two ends of a relationship (reverse upstream/downstream). */
20
+ swapEnds(relationship: CmRelationship): void;
21
+ updateProperties(element: CmElement, properties: Record<string, unknown>): void;
22
+ /** Rename / relabel any element. */
23
+ updateLabel(element: CmElement, label: string): void;
24
+ setSubdomainType(context: CmContext, subdomainType: SubdomainType | undefined): void;
25
+ setTeam(context: CmContext, team: string | undefined): void;
26
+ setDescription(element: CmElement, description: string | undefined): void;
27
+ /** Set or clear per-element colour overrides (`undefined` reverts to default). */
28
+ setColors(context: CmContext, fill: string | undefined, stroke: string | undefined): void;
29
+ /**
30
+ * Switch the pattern and sanitise the roles so the result is always valid:
31
+ * symmetric patterns carry no roles; customer-supplier drops the inapplicable
32
+ * OHS (upstream) and CF (downstream).
33
+ */
34
+ setPattern(relationship: CmRelationship, pattern: RelationshipPattern): void;
35
+ setUpstreamRoles(relationship: CmRelationship, roles: UpstreamRole[]): void;
36
+ setDownstreamRoles(relationship: CmRelationship, roles: DownstreamRole[]): void;
37
+ setImplementationTechnology(relationship: CmRelationship, tech: string | undefined): void;
38
+ }
39
+ //# sourceMappingURL=CmModeling.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CmModeling.d.ts","sourceRoot":"","sources":["../../src/modeling/CmModeling.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,YAAY,MAAM,qCAAqC,CAAC;AACpE,OAAO,KAAK,eAAe,MAAM,qCAAqC,CAAC;AACvE,OAAO,KAAK,eAAe,MAAM,qCAAqC,CAAC;AACvE,OAAO,EAEL,KAAK,cAAc,EACnB,KAAK,mBAAmB,EACxB,KAAK,aAAa,EAClB,KAAK,YAAY,EAClB,MAAM,oCAAoC,CAAC;AAC5C,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAQjF,MAAM,CAAC,OAAO,OAAO,UAAU;IAI3B,OAAO,CAAC,QAAQ,CAAC,YAAY;IAC7B,OAAO,CAAC,QAAQ,CAAC,eAAe;IAChC,OAAO,CAAC,QAAQ,CAAC,eAAe;IALlC,MAAM,CAAC,OAAO,WAA0D;gBAGrD,YAAY,EAAE,YAAY,EAC1B,eAAe,EAAE,eAAe,EAChC,eAAe,EAAE,eAAe;IAMnD;;;;;OAKG;IACH,OAAO,CAAC,MAAM;IAMd,yEAAyE;IACzE,QAAQ,CAAC,YAAY,EAAE,cAAc,GAAG,IAAI;IAO5C,gBAAgB,CAAC,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAK/E,oCAAoC;IACpC,WAAW,CAAC,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI;IAMpD,gBAAgB,CAAC,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,aAAa,GAAG,SAAS,GAAG,IAAI;IAIpF,OAAO,CAAC,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI;IAI3D,cAAc,CAAC,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI;IAIzE,kFAAkF;IAClF,SAAS,CAAC,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,GAAG,SAAS,EAAE,MAAM,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI;IAMzF;;;;OAIG;IACH,UAAU,CAAC,YAAY,EAAE,cAAc,EAAE,OAAO,EAAE,mBAAmB,GAAG,IAAI;IAc5E,gBAAgB,CAAC,YAAY,EAAE,cAAc,EAAE,KAAK,EAAE,YAAY,EAAE,GAAG,IAAI;IAI3E,kBAAkB,CAAC,YAAY,EAAE,cAAc,EAAE,KAAK,EAAE,cAAc,EAAE,GAAG,IAAI;IAI/E,2BAA2B,CAAC,YAAY,EAAE,cAAc,EAAE,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI;CAG1F"}
@@ -0,0 +1,15 @@
1
+ import { default as CommandHandler } from 'diagram-js/lib/command/CommandHandler';
2
+ import { Connection, Element } from 'diagram-js/lib/model/Types';
3
+ import { Point } from 'diagram-js/lib/util/Types';
4
+ export interface SwapEndsContext {
5
+ connection: Connection & {
6
+ source: Element;
7
+ target: Element;
8
+ waypoints: Point[];
9
+ };
10
+ }
11
+ export default class SwapEndsHandler implements CommandHandler {
12
+ execute(context: SwapEndsContext): Element[];
13
+ revert(context: SwapEndsContext): Element[];
14
+ }
15
+ //# sourceMappingURL=SwapEndsHandler.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SwapEndsHandler.d.ts","sourceRoot":"","sources":["../../../src/modeling/cmd/SwapEndsHandler.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,KAAK,cAAc,MAAM,uCAAuC,CAAC;AACxE,OAAO,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAEvD,MAAM,WAAW,eAAe;IAC9B,UAAU,EAAE,UAAU,GAAG;QAAE,MAAM,EAAE,OAAO,CAAC;QAAC,MAAM,EAAE,OAAO,CAAC;QAAC,SAAS,EAAE,KAAK,EAAE,CAAA;KAAE,CAAC;CACnF;AAYD,MAAM,CAAC,OAAO,OAAO,eAAgB,YAAW,cAAc;IAC5D,OAAO,CAAC,OAAO,EAAE,eAAe,GAAG,OAAO,EAAE;IAI5C,MAAM,CAAC,OAAO,EAAE,eAAe,GAAG,OAAO,EAAE;CAG5C"}
@@ -0,0 +1,13 @@
1
+ import { ElementLike } from 'diagram-js/lib/core/Types';
2
+ import { default as CommandHandler } from 'diagram-js/lib/command/CommandHandler';
3
+ export interface UpdatePropertiesContext {
4
+ element: ElementLike & Record<string, unknown>;
5
+ properties: Record<string, unknown>;
6
+ /** set internally by the handler (for revert). */
7
+ oldProperties?: Record<string, unknown>;
8
+ }
9
+ export default class UpdatePropertiesHandler implements CommandHandler {
10
+ execute(context: UpdatePropertiesContext): ElementLike[];
11
+ revert(context: UpdatePropertiesContext): ElementLike[];
12
+ }
13
+ //# sourceMappingURL=UpdatePropertiesHandler.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"UpdatePropertiesHandler.d.ts","sourceRoot":"","sources":["../../../src/modeling/cmd/UpdatePropertiesHandler.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,KAAK,cAAc,MAAM,uCAAuC,CAAC;AAExE,MAAM,WAAW,uBAAuB;IACtC,OAAO,EAAE,WAAW,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC/C,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACpC,kDAAkD;IAClD,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACzC;AAOD,MAAM,CAAC,OAAO,OAAO,uBAAwB,YAAW,cAAc;IACpE,OAAO,CAAC,OAAO,EAAE,uBAAuB,GAAG,WAAW,EAAE;IAYxD,MAAM,CAAC,OAAO,EAAE,uBAAuB,GAAG,WAAW,EAAE;CAQxD"}
@@ -0,0 +1,10 @@
1
+ import { ModuleDeclaration } from 'didi';
2
+ /**
3
+ * High-level Context Maps mutations + command handlers. Also (re)binds the
4
+ * cropping `layouter`: diagram-js' ModelingModule binds a default BaseLayouter,
5
+ * and this module loads after it, so binding here wins and relationship lines
6
+ * dock to the context box borders.
7
+ */
8
+ export declare const cmModelingModule: ModuleDeclaration;
9
+ export { default as CmModeling } from './CmModeling.js';
10
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/modeling/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,MAAM,CAAC;AAI9C;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB,EAAE,iBAI9B,CAAC;AAEF,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,iBAAiB,CAAC"}
@@ -0,0 +1,12 @@
1
+ import { default as Palette } from 'diagram-js/lib/features/palette/Palette';
2
+ import { default as Create } from 'diagram-js/lib/features/create/Create';
3
+ import { PaletteEntries, default as PaletteProvider } from 'diagram-js/lib/features/palette/PaletteProvider';
4
+ import { default as CmElementFactory } from '../model/CmElementFactory.js';
5
+ export default class CmPaletteProvider implements PaletteProvider {
6
+ private readonly create;
7
+ private readonly factory;
8
+ static $inject: string[];
9
+ constructor(palette: Palette, create: Create, factory: CmElementFactory);
10
+ getPaletteEntries(): PaletteEntries;
11
+ }
12
+ //# sourceMappingURL=CmPaletteProvider.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CmPaletteProvider.d.ts","sourceRoot":"","sources":["../../src/palette/CmPaletteProvider.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,OAAO,MAAM,yCAAyC,CAAC;AACnE,OAAO,KAAK,MAAM,MAAM,uCAAuC,CAAC;AAChE,OAAO,KAAK,EACV,cAAc,EACd,OAAO,IAAI,eAAe,EAC3B,MAAM,iDAAiD,CAAC;AAIzD,OAAO,KAAK,gBAAgB,MAAM,8BAA8B,CAAC;AAQjE,MAAM,CAAC,OAAO,OAAO,iBAAkB,YAAW,eAAe;IAK7D,OAAO,CAAC,QAAQ,CAAC,MAAM;IACvB,OAAO,CAAC,QAAQ,CAAC,OAAO;IAL1B,MAAM,CAAC,OAAO,WAA6C;gBAGzD,OAAO,EAAE,OAAO,EACC,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,gBAAgB;IAK5C,iBAAiB,IAAI,cAAc;CAmBpC"}
@@ -0,0 +1,5 @@
1
+ import { ModuleDeclaration } from 'didi';
2
+ /** Tool palette: drag-to-create contexts. */
3
+ export declare const cmPaletteModule: ModuleDeclaration;
4
+ export { default as CmPaletteProvider } from './CmPaletteProvider.js';
5
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/palette/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,MAAM,CAAC;AAM9C,6CAA6C;AAC7C,eAAO,MAAM,eAAe,EAAE,iBAI7B,CAAC;AAEF,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,wBAAwB,CAAC"}
@@ -0,0 +1,8 @@
1
+ import { default as RuleProvider } from 'diagram-js/lib/features/rules/RuleProvider';
2
+ import { default as EventBus } from 'diagram-js/lib/core/EventBus';
3
+ export default class CmRules extends RuleProvider {
4
+ static $inject: string[];
5
+ constructor(eventBus: EventBus);
6
+ init(): void;
7
+ }
8
+ //# sourceMappingURL=CmRules.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CmRules.d.ts","sourceRoot":"","sources":["../../src/rules/CmRules.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,YAAY,MAAM,4CAA4C,CAAC;AACtE,OAAO,KAAK,QAAQ,MAAM,8BAA8B,CAAC;AAkBzD,MAAM,CAAC,OAAO,OAAO,OAAQ,SAAQ,YAAY;IAC/C,OAAgB,OAAO,WAAgB;gBAE3B,QAAQ,EAAE,QAAQ;IAIrB,IAAI,IAAI,IAAI;CAoBtB"}
@@ -0,0 +1,5 @@
1
+ import { ModuleDeclaration } from 'didi';
2
+ /** Context Maps editing rules (connect, move, create, resize). */
3
+ export declare const cmRulesModule: ModuleDeclaration;
4
+ export { default as CmRules } from './CmRules.js';
5
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
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,kEAAkE;AAClE,eAAO,MAAM,aAAa,EAAE,iBAI3B,CAAC;AAEF,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,cAAc,CAAC"}
@@ -0,0 +1,2 @@
1
+ export { MIRAGON, CD_TOKENS } from './palette.js';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC"}
@@ -0,0 +1,47 @@
1
+ /**
2
+ * Miragon design tokens — the single source of truth for every non-notation colour in the renderer.
3
+ *
4
+ * Values mirror the Miragon corporate identity: the `miragon-brand:corporate-design` skill in
5
+ * `Miragon/corporate-identity`, whose vendored `cd-tokens.generated.css` (next to this file) defines
6
+ * the `--cd-*` custom properties, generated from the brand's `tokens.json`. Re-copy that CSS from the
7
+ * corporate-identity repo to update; never fork the hex values by hand. `theme.sync.test.ts` fails if
8
+ * this mirror drifts from the vendored CSS.
9
+ *
10
+ * Pure data — no DOM, no imports — so it can be consumed by the SVG-drawing constants in
11
+ * `draw/styles.ts`.
12
+ *
13
+ * Brand rule: blue leads (`blau` — surfaces, buttons, links, selection), green accents (`gruen` — key
14
+ * visual, highlights; a fill, never body text on white). The subdomain-type fills and
15
+ * relationship-pattern strokes are the official Context Maps notation and live in
16
+ * `schema-model/notation.ts` — they are NOT part of this brand ramp.
17
+ */
18
+ /** Raw Miragon brand ramp + functional layer — exact `--cd-*` values. */
19
+ export declare const MIRAGON: {
20
+ /** Primary: surfaces, buttons, links, selection, backgrounds. */
21
+ readonly blau: "#335DE5";
22
+ /** Deeper blue for links / accent text on white (WCAG AA, ~5.5:1). */
23
+ readonly blauLink: "#2B50D4";
24
+ /** Lightened blue for accents on dark surfaces (unused here — the canvas is light-only). */
25
+ readonly blauHell: "#6B8AFF";
26
+ /** Accent: key visual, highlights, the brand gradient. Bright — a fill, never text on white. */
27
+ readonly gruen: "#00E676";
28
+ /** Calm neutral surface (warm off-white) — the paper surround. */
29
+ readonly grau: "#F9F7F7";
30
+ /** Text on light; not pure black. */
31
+ readonly schwarz: "#1D1D1D";
32
+ readonly weiss: "#FFFFFF";
33
+ /** Functional / status layer (own layer beside the brand palette; AA as text on white). */
34
+ readonly success: "#0B7A55";
35
+ readonly warning: "#92610A";
36
+ readonly danger: "#C92A2A";
37
+ readonly info: "#2B50D4";
38
+ /** Signature brand gradient — brand moments only. Use verbatim. */
39
+ readonly gradientBrand: "linear-gradient(120deg, #335DE5 30%, #00E676)";
40
+ };
41
+ /**
42
+ * Every `--cd-*` token this repo depends on, mapped to the value it MUST hold. The drift test parses
43
+ * `cd-tokens.generated.css` and asserts each entry matches, so re-copying the vendored CSS with a
44
+ * changed value fails CI until this mirror (and `MIRAGON`) is updated too.
45
+ */
46
+ export declare const CD_TOKENS: Record<string, string>;
47
+ //# sourceMappingURL=palette.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"palette.d.ts","sourceRoot":"","sources":["../../src/theme/palette.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,yEAAyE;AACzE,eAAO,MAAM,OAAO;IAClB,iEAAiE;;IAEjE,sEAAsE;;IAEtE,4FAA4F;;IAE5F,gGAAgG;;IAEhG,kEAAkE;;IAElE,qCAAqC;;;IAGrC,2FAA2F;;;;;IAK3F,mEAAmE;;CAE3D,CAAC;AAEX;;;;GAIG;AACH,eAAO,MAAM,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAiB5C,CAAC"}
@@ -0,0 +1,13 @@
1
+ import { default as EventBus } from 'diagram-js/lib/core/EventBus';
2
+ import { default as ElementRegistry } from 'diagram-js/lib/core/ElementRegistry';
3
+ import { default as Overlays } from 'diagram-js/lib/features/overlays/Overlays';
4
+ import { default as CmExporter } from '../io/CmExporter.js';
5
+ export default class CmValidationMarkers {
6
+ private readonly elementRegistry;
7
+ private readonly overlays;
8
+ private readonly exporter;
9
+ static $inject: string[];
10
+ constructor(eventBus: EventBus, elementRegistry: ElementRegistry, overlays: Overlays, exporter: CmExporter);
11
+ private refresh;
12
+ }
13
+ //# sourceMappingURL=CmValidationMarkers.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CmValidationMarkers.d.ts","sourceRoot":"","sources":["../../src/validation/CmValidationMarkers.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAK,QAAQ,MAAM,8BAA8B,CAAC;AACzD,OAAO,KAAK,eAAe,MAAM,qCAAqC,CAAC;AACvE,OAAO,KAAK,QAAQ,MAAM,2CAA2C,CAAC;AAGtE,OAAO,KAAK,UAAU,MAAM,qBAAqB,CAAC;AA6FlD,MAAM,CAAC,OAAO,OAAO,mBAAmB;IAKpC,OAAO,CAAC,QAAQ,CAAC,eAAe;IAChC,OAAO,CAAC,QAAQ,CAAC,QAAQ;IACzB,OAAO,CAAC,QAAQ,CAAC,QAAQ;IAN3B,MAAM,CAAC,OAAO,WAA6D;gBAGzE,QAAQ,EAAE,QAAQ,EACD,eAAe,EAAE,eAAe,EAChC,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,UAAU;IAOvC,OAAO,CAAC,OAAO;CAuChB"}
@@ -0,0 +1,5 @@
1
+ import { ModuleDeclaration } from 'didi';
2
+ /** Live semantic-rule markers (warning triangles with tooltips) on the canvas. */
3
+ export declare const cmValidationModule: ModuleDeclaration;
4
+ export { default as CmValidationMarkers } from './CmValidationMarkers.js';
5
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/validation/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,MAAM,CAAC;AAI9C,kFAAkF;AAClF,eAAO,MAAM,kBAAkB,EAAE,iBAIhC,CAAC;AAEF,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,0BAA0B,CAAC"}
@@ -0,0 +1,13 @@
1
+ import { default as Canvas } from 'diagram-js/lib/core/Canvas';
2
+ import { default as ElementRegistry } from 'diagram-js/lib/core/ElementRegistry';
3
+ import { default as EventBus } from 'diagram-js/lib/core/EventBus';
4
+ export default class CmZOrder {
5
+ private readonly canvas;
6
+ private readonly elementRegistry;
7
+ static $inject: string[];
8
+ private importing;
9
+ constructor(eventBus: EventBus, canvas: Canvas, elementRegistry: ElementRegistry);
10
+ /** Re-append each element's graphics group in ascending tier order (back → front). */
11
+ reorder(): void;
12
+ }
13
+ //# sourceMappingURL=CmZOrder.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CmZOrder.d.ts","sourceRoot":"","sources":["../../src/zorder/CmZOrder.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,KAAK,MAAM,MAAM,4BAA4B,CAAC;AACrD,OAAO,KAAK,eAAe,MAAM,qCAAqC,CAAC;AACvE,OAAO,KAAK,QAAQ,MAAM,8BAA8B,CAAC;AAQzD,MAAM,CAAC,OAAO,OAAO,QAAQ;IAOzB,OAAO,CAAC,QAAQ,CAAC,MAAM;IACvB,OAAO,CAAC,QAAQ,CAAC,eAAe;IAPlC,MAAM,CAAC,OAAO,WAA6C;IAE3D,OAAO,CAAC,SAAS,CAAS;gBAGxB,QAAQ,EAAE,QAAQ,EACD,MAAM,EAAE,MAAM,EACd,eAAe,EAAE,eAAe;IAcnD,sFAAsF;IACtF,OAAO,IAAI,IAAI;CAWhB"}
@@ -0,0 +1,5 @@
1
+ import { ModuleDeclaration } from 'didi';
2
+ /** Keeps the fixed stacking order (interactions on top, base teams at the back). */
3
+ export declare const cmZOrderModule: ModuleDeclaration;
4
+ export { default as CmZOrder } from './CmZOrder.js';
5
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/zorder/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,MAAM,CAAC;AAG9C,oFAAoF;AACpF,eAAO,MAAM,cAAc,EAAE,iBAG5B,CAAC;AAEF,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,eAAe,CAAC"}
package/package.json ADDED
@@ -0,0 +1,48 @@
1
+ {
2
+ "name": "@miragon/context-maps-renderer",
3
+ "version": "0.0.1",
4
+ "description": "Render and edit Context Maps diagrams in the browser, with a framework-agnostic viewer and modeler built on diagram-js.",
5
+ "license": "MIT",
6
+ "repository": {
7
+ "type": "git",
8
+ "url": "git+https://github.com/Miragon/context-maps-modeler.git",
9
+ "directory": "packages/renderer"
10
+ },
11
+ "homepage": "https://github.com/Miragon/context-maps-modeler/tree/main/packages/renderer#readme",
12
+ "bugs": "https://github.com/Miragon/context-maps-modeler/issues",
13
+ "type": "module",
14
+ "sideEffects": [
15
+ "**/*.css"
16
+ ],
17
+ "exports": {
18
+ ".": {
19
+ "types": "./dist/index.d.ts",
20
+ "import": "./dist/index.js"
21
+ },
22
+ "./assets/context-maps.css": "./dist/context-maps.css",
23
+ "./package.json": "./package.json"
24
+ },
25
+ "module": "./dist/index.js",
26
+ "types": "./dist/index.d.ts",
27
+ "files": [
28
+ "dist"
29
+ ],
30
+ "publishConfig": {
31
+ "access": "public"
32
+ },
33
+ "scripts": {
34
+ "build": "vite build",
35
+ "typecheck": "tsc -p tsconfig.json",
36
+ "test": "npm --prefix ../.. run test",
37
+ "test:browser": "npm --prefix ../.. run test:browser"
38
+ },
39
+ "dependencies": {
40
+ "@miragon/context-maps-schema-model": "0.0.1",
41
+ "diagram-js": "15.23.0",
42
+ "didi": "11.0.0",
43
+ "tiny-svg": "4.1.4"
44
+ },
45
+ "devDependencies": {
46
+ "vite-plugin-dts": "5.0.3"
47
+ }
48
+ }