@miragon/team-topologies-renderer 0.10.1 → 0.11.0

package/README.md

@@ -11,7 +11,7 @@ It renders the canonical document from
 [`@miragon/team-topologies-schema-model`](../schema-model) and gives you palette, move, resize,
 connect-by-overlap, multi-selection (lasso, select all) with group move, text annotations, context
 pad, in-place label editing and undo/redo — with no UI framework required.
-Mount it into any `<div>`; the web app (React) and the VS Code extension both wrap this exact package.
+Mount it into any `<div>`; the web app and the VS Code extension both wrap this exact package.
 
 ## Install
 
@@ -29,16 +29,35 @@ npm install @miragon/team-topologies-renderer @miragon/team-topologies-schema-mo
 
 ## Editing gestures (`Modeler`)
 
-| Gesture                            | Effect                                                                  |
-| ---------------------------------- | ----------------------------------------------------------------------- |
-| Double-click an element            | Edit its label in place (Enter commits, Shift+Enter breaks, Esc aborts) |
-| `Ctrl/Cmd+A`                       | Select every element                                                    |
-| Shift+drag on the canvas           | Lasso-select (also the first palette tool)                              |
-| Shift+click                        | Add an element to / remove it from the selection                        |
-| Drag a selected element            | Move the whole selection as one undo step                               |
-| Arrow keys (Shift: ×10)            | Nudge the selection                                                     |
-| `Ctrl/Cmd+C` / `V`, Delete         | Copy, paste, delete the selection                                       |
-| `Ctrl/Cmd+Z`, `Ctrl/Cmd+Shift+Z/Y` | Undo / redo                                                             |
+| Gesture                              | Effect                                                                  |
+| ------------------------------------ | ----------------------------------------------------------------------- |
+| Double-click an element              | Edit its label in place (Enter commits, Shift+Enter breaks, Esc aborts) |
+| `Ctrl/Cmd+A`                         | Select every element                                                    |
+| Shift+drag on the canvas             | Lasso-select (also the first palette tool)                              |
+| Shift+click                          | Add an element to / remove it from the selection                        |
+| Drag a selected element              | Move the whole selection as one undo step                               |
+| Arrow keys (Shift: ×10)              | Nudge the selection                                                     |
+| `Ctrl/Cmd+C` / `V`, Delete           | Copy, paste, delete the selection                                       |
+| `Ctrl/Cmd+Z`, `Ctrl/Cmd+Shift+Z/Y`   | Undo / redo (off with `undoRedoKeys: false`)                            |
+| Esc                                  | Clear the selection                                                     |
+| Enter / Space on a context-pad entry | Run it (rename, add annotation, delete)                                 |
+
+The shortcuts act only while the page itself or the canvas has focus, never inside host chrome,
+form fields, the label editor or an open modal dialog, and never on a key a closer listener already
+handled (`defaultPrevented`). Zoom and fit keys belong to the host's chrome (guide §5.8: only
+Cmd/Ctrl + `+` `-` `0` and Shift+1, each acting exactly once), so the canvas binds none; the
+[`@miragon/modeler-shell`](https://www.npmjs.com/package/@miragon/modeler-shell) chrome provides
+them together with the zoom panel.
+
+**Palette from the keyboard.** A host chrome that makes the palette a toolbar (the modeler shell)
+triggers an entry with a click whose `detail` is 0. On a creating entry that click places the
+element in the centre of the free part of the canvas (`freeRectCenter`, else the centre of the
+view), 24px further diagonally while that spot is taken, selects it and opens its label editor.
+
+**Read-only lock.** `modeler.get("ttReadOnly").setReadOnly(true)` locks the canvas while the
+document behind it cannot be saved from it (an invalid file in an IDE host): no move, resize,
+create, connect, delete, paste, context pad or label editor; selection, zoom, pan, copy and export
+stay. It fires `READ_ONLY_CHANGED_EVENT` on every change.
 
 All three share a common base (`TtBaseViewer`) with the same import/export and lifecycle API.
 
@@ -51,7 +70,7 @@ import { SAMPLE_DOCUMENT } from "@miragon/team-topologies-schema-model";
 
 const modeler = new Modeler({ container: document.querySelector("#canvas")! });
 
-// Load a document (auto-fits the viewport)
+// Load a document (resets the undo history and fits the viewport)
 const { warnings } = modeler.importDocument(SAMPLE_DOCUMENT);
 
 // Read the live canvas back as the canonical model
@@ -66,12 +85,16 @@ modeler.redo();
 ```
 
 > **The CSS is required.** Import `@miragon/team-topologies-renderer/assets/team-topologies.css`
-> (it also pulls in `diagram-js`'s own stylesheet and the Miragon `--cd-*` brand tokens) — without it
-> the palette, context pad and label editor are unstyled.
+> (it also pulls in the Miragon design tokens, `diagram-js`'s own stylesheet and `cd-canvas.css`, in
+> that order) — without it the palette, context pad and label editor are unstyled. Every colour is a
+> `--cd-ui-*` role of design system 1.13.0, vendored unchanged under `src/theme/`.
 
 > **Typeface.** The canvas labels are drawn in the Miragon typeface **Geist**. The library does not
 > ship the font; self-host it in the host app (e.g. `@fontsource-variable/geist`) so the on-screen
-> canvas and exported SVG render in Geist. Without it, text falls back to a system sans.
+> canvas and exported SVG render in Geist. Without it, text falls back to a system sans. An SVG drawn
+> as an image (to rasterise a PNG) can't use the page's fonts, so embed them first:
+> `embedSvgStyles(svg, geistFontFaceCss({ latin, latinExt }))`, with the two latin Geist WOFF2 files
+> as `data:` URLs.
 
 ## API
 
@@ -83,21 +106,47 @@ new Modeler({
   width?: number | string,           // canvas width  (default "100%")
   height?: number | string,          // canvas height (default "100%", or "600px" with no container)
   additionalModules?: ModuleDeclaration[], // extra diagram-js modules
+  undoRedoKeys?: boolean,            // bind Cmd/Ctrl+Z, Shift+Z, Y (default true; false: the host owns the history)
+  freeRectCenter?: () => Point | undefined, // where keyboard creation places an element (diagram coordinates)
 });
 ```
 
+### The collaborative-modeler contract
+
+`createCollaborativeModeler(options?)` and `createCollaborativeViewer(options?)` wrap the editor and
+the `NavigatedViewer` in the contract of [`@miragon/modeler-api`](https://www.npmjs.com/package/@miragon/modeler-api)
+(notation `team-topologies`): `importText` / `exportText` of the canonical document text,
+`onContentChanged`, view state and the `elements` surface (teams, interactions, flows and
+annotations; their label or text as the name). Hosts that embed the modeler (designIQ, the VS Code
+webview) work against it without knowing the renderer. The conformance kit of
+`@miragon/modeler-api` runs in this package's browser tests (`npm run test:browser`).
+
+```ts
+import { createCollaborativeModeler } from "@miragon/team-topologies-renderer";
+
+const modeler = createCollaborativeModeler();
+modeler.attachTo(host);
+await modeler.importText(text); // silent, fitted; rejects without a trace for an invalid text
+modeler.onContentChanged(() => save(modeler.exportText()));
+```
+
+Options: `additionalModules`, `undoRedoKeys`, `freeRectCenter` and `fitOnImport` (default true: a
+fit of at most 100 % that keeps the palette's strip free; a host whose chrome fits the diagram
+itself passes false). `modeler.diagram` is the wrapped `Modeler`.
+
 ### Shared methods (`Viewer` / `NavigatedViewer` / `Modeler`)
 
-| Method                             | Returns                         | Purpose                                           |
-| ---------------------------------- | ------------------------------- | ------------------------------------------------- |
-| `importDocument(doc)`              | `{ warnings: ImportWarning[] }` | Replace canvas content and auto-fit.              |
-| `exportDocument()`                 | `TtDocument`                    | Rebuild the canonical model from the live canvas. |
-| `saveSVG()`                        | `{ svg: string }`               | Self-contained SVG snapshot (fitted viewBox).     |
-| `setMeta(partial)` / `getMeta()`   | — / `RootBusinessObject`        | Read/write diagram-level metadata (e.g. `title`). |
-| `attachTo(el)` / `detach()`        | `void`                          | Move the canvas in/out of the DOM (keeps state).  |
-| `clear()` / `destroy()`            | `void`                          | Empty the canvas / tear it down.                  |
-| `on(event, cb)` / `off(event, cb)` | `void`                          | Subscribe to diagram-js events.                   |
-| `get<T>(name)`                     | `T`                             | Resolve a diagram-js service (advanced).          |
+| Method                             | Returns                         | Purpose                                                                                                                                |
+| ---------------------------------- | ------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------- |
+| `importDocument(doc, { fit? })`    | `{ warnings: ImportWarning[] }` | Replace canvas content, reset undo history; fit unless `fit: false`. Throws, before anything changes, for ids that would collide.      |
+| `fitToView()`                      | `void`                          | Deprecated: fit every element, keeping the strip under the palette free.                                                               |
+| `exportDocument()`                 | `TtDocument`                    | Rebuild the canonical model from the live canvas.                                                                                      |
+| `saveSVG()`                        | `{ svg: string }`               | Self-contained SVG snapshot (fitted viewBox).                                                                                          |
+| `setMeta(partial)` / `getMeta()`   | — / `RootBusinessObject`        | Read/write diagram-level metadata (`title`); `setMeta` is deprecated, rename with `get("ttModeling").setTitle(title)` (one undo step). |
+| `attachTo(el)` / `detach()`        | `void`                          | Move the canvas in/out of the DOM (keeps state).                                                                                       |
+| `clear()` / `destroy()`            | `void`                          | Empty the canvas / tear it down.                                                                                                       |
+| `on(event, cb)` / `off(event, cb)` | `void`                          | Subscribe to diagram-js events.                                                                                                        |
+| `get<T>(name)`                     | `T`                             | Resolve a diagram-js service (advanced).                                                                                               |
 
 ### Modeler-only
 
@@ -110,8 +159,21 @@ new Modeler({
 - **Runtime element types:** `TtTeam`, `TtInteraction`, `TtFlow`, `TtAnnotation`, `TtElement`, and
   `TtAssociation` (the connector from an annotation to the element it is attached to).
 - **Palette icon generators:** `teamIconSvg(type)`, `interactionIconSvg(mode)`, `flowIconSvg()`,
-  `annotationIconSvg()` — WYSIWYG SVG glyphs matching what the canvas draws.
-- **Other:** `TtViewerOptions`, `ImportWarning`, `RootBusinessObject`, `ROOT_ID`, `saveSVG`.
+  `annotationIconSvg()` — WYSIWYG SVG glyphs matching what the canvas draws. The annotation glyph
+  strokes in `currentColor`.
+- **Functional icons:** `iconMarkup(icon, { size?, strokeWidth?, className? })` returns inline SVG
+  markup (Lucide style: 24 × 24 grid, stroke 2.5, `currentColor`) for the bundled `ICON_*` Lucide
+  nodes of the canvas chrome (context pad, lasso). `ICON_MENU`, `ICON_PLUS`, `ICON_MINUS`,
+  `ICON_MAXIMIZE`, `ICON_DOWNLOAD` and `ICON_X` served host chrome and are deprecated: hosts take
+  their chrome and its icons from `@miragon/modeler-shell`.
+- **Design tokens:** `MIRAGON` (the Miragon colours by name) and `CD_TOKENS` (the same values keyed
+  by their `--cd-*` CSS name), for host code that paints outside CSS, e.g. a PNG background.
+- **Fonts in exports:** `geistFontFaceCss({ latin, latinExt })` builds the Geist `@font-face` rules
+  from two `data:` URLs (`GEIST_UNICODE_RANGES` holds their subsets), and `embedSvgStyles(svg, css)`
+  puts CSS at the top of a `saveSVG()` result, so a rasterised PNG keeps the canvas typeface.
+- **Other:** `TtViewerOptions`, `ImportOptions`, `ImportWarning`, `RootBusinessObject`, `ROOT_ID`,
+  `saveSVG`, `TtReadOnly` and `READ_ONLY_CHANGED_EVENT` (the lock, DI name `ttReadOnly`), and the
+  deprecated `TtViewport` (the palette-aware fit behind `fitToView()`, DI name `ttViewport`).
 
 ## How it's built
 
@@ -123,14 +185,15 @@ viewer via `additionalModules`:
 | ---------------------- | -------------------------------------------------------------------------------------- |
 | `ttModelModule`        | Element factory with notation defaults (`TtElementFactory`).                           |
 | `ttDrawModule`         | SVG rendering of teams, interactions, flow and annotations (`TeamTopologiesRenderer`). |
-| `ioModule`             | Document ↔ canvas bridge (`TtImporter`, `TtExporter`, `saveSVG`).                      |
+| `ioModule`             | Document ↔ canvas bridge (`TtImporter`, `TtExporter`, `saveSVG`, `TtViewport`).        |
 | `ttModelingModule`     | High-level mutations — label, type, mode, colours, description, annotations.           |
 | `ttRulesModule`        | Editing rules (what can move / resize / be created / be attached).                     |
 | `ttBehaviorsModule`    | Keeps the model **flat** and annotation connectors cropped, one per annotation.        |
 | `ttPaletteModule`      | The lasso tool and the drag-to-create palette.                                         |
 | `ttContextPadModule`   | Per-element actions (rename, add/attach annotation, delete; delete a multi-selection). |
 | `ttLabelEditingModule` | Double-click in-place label editing.                                                   |
-| `ttKeyboardModule`     | Undo / redo / select all / delete / copy / paste / nudge shortcuts.                    |
+| `ttKeyboardModule`     | Undo / redo / select all / delete / copy / paste / nudge / Esc shortcuts.              |
+| `ttReadOnlyModule`     | The edit lock for a document the canvas cannot save (`ttReadOnly`).                    |
 | `ttZOrderModule`       | Fixed stacking order (flow behind, teams, interactions, annotations on top).           |
 
 ### Rendering
@@ -141,11 +204,15 @@ from the spec in [`@miragon/team-topologies-schema-model`](../schema-model): the
 interaction glyphs (parallelogram, triangle, circle) drawn dashed and translucent; the flow-of-change
 as a dashed left-to-right band; an annotation as a BPMN-style open bracket with left-aligned text,
 tied to its element by a dashed connector. Labels are word-wrapped (explicit line breaks are kept)
-and centred. Per-element `fill`/`stroke` overrides win over the spec defaults.
+and centred. Per-element `fill`/`stroke` overrides win over the spec defaults, and stay visible
+while an element is selected or hovered (the selection is a separate blue outline). On a dark custom
+fill, team and interaction labels switch to white.
 
 ## Import / export
 
-The package reads and writes the canonical `TtDocument` (JSON) and exports a standalone **SVG**.
+The package reads and writes the canonical `TtDocument` (JSON) and exports a standalone **SVG**. The
+export leaves out selection, hover and resize chrome and puts a white sheet behind the diagram, so
+it looks the same wherever it is opened.
 PNG export and the embedded-scene round-trip (storing the document inside the exported image) live in
 the [web app](../../apps/webapp) and the [VS Code extension](../../apps/vscode), which add the canvas
 rasterisation those formats need.

package/dist/Modeler.d.ts

@@ -3,7 +3,8 @@ import { NavigatedViewer } from './NavigatedViewer.js';
 /**
  * Full Team Topologies editor: palette/create, multi-selection (lasso, select
  * all) and group move, resize, annotations with connectors, context pad,
- * in-place label editing, undo/redo.
+ * in-place label editing, undo/redo, and the edit lock for a document the
+ * canvas cannot save (`ttReadOnly`).
  */
 export declare class Modeler extends NavigatedViewer {
     protected _getModules(): ModuleDeclaration[];

package/dist/Modeler.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Modeler.d.ts","sourceRoot":"","sources":["../src/Modeler.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,MAAM,CAAC;AAS9C,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAWvD;;;;GAIG;AACH,qBAAa,OAAQ,SAAQ,eAAe;cACvB,WAAW,IAAI,iBAAiB,EAAE;IAsBrD,IAAI,IAAI,IAAI;IAIZ,IAAI,IAAI,IAAI;IAIZ,OAAO,IAAI,OAAO;IAIlB,OAAO,IAAI,OAAO;CAGnB"}
+{"version":3,"file":"Modeler.d.ts","sourceRoot":"","sources":["../src/Modeler.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,MAAM,CAAC;AAS9C,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAYvD;;;;;GAKG;AACH,qBAAa,OAAQ,SAAQ,eAAe;cACvB,WAAW,IAAI,iBAAiB,EAAE;IAuBrD,IAAI,IAAI,IAAI;IAIZ,IAAI,IAAI,IAAI;IAIZ,OAAO,IAAI,OAAO;IAIlB,OAAO,IAAI,OAAO;CAGnB"}

package/dist/TtBaseViewer.d.ts

@@ -1,6 +1,7 @@
 import { ModuleDeclaration } from 'didi';
 import { TtDocument } from '@miragon/team-topologies-schema-model';
 import { ImportWarning, RootBusinessObject } from './io/types.js';
+import { Point } from './palette/TtPaletteProvider.js';
 export interface TtViewerOptions {
     /** Host element. When absent, a detached <div> is created (attach later). */
     container?: HTMLElement;
@@ -8,6 +9,21 @@ export interface TtViewerOptions {
     height?: number | string;
     /** Appended to the module list (extension point). */
     additionalModules?: ModuleDeclaration[];
+    /**
+     * Bind Cmd/Ctrl+Z, Cmd/Ctrl+Shift+Z and Cmd/Ctrl+Y to the canvas history (default true). Pass
+     * false when the host owns the history (the VS Code document), so the keys reach it.
+     */
+    undoRedoKeys?: boolean | undefined;
+    /**
+     * Where Enter or Space on a creating palette entry places the element (guide §5.5): the centre
+     * of the part of the canvas no chrome covers, in diagram coordinates. Without it, the centre of
+     * the visible canvas.
+     */
+    freeRectCenter?: (() => Point | undefined) | undefined;
+}
+export interface ImportOptions {
+    /** Fit the diagram into view after the import (default true); hosts with own chrome fit it. */
+    fit?: boolean | undefined;
 }
 export type EventCallback<T = unknown> = (event: T) => void;
 export declare abstract class TtBaseViewer {
@@ -18,28 +34,52 @@ export declare abstract class TtBaseViewer {
     constructor(options?: TtViewerOptions);
     private _createContainer;
     private _ensureDiagram;
+    /**
+     * Names the canvas. Its role stays the host's to give: the modeler shell makes it an
+     * `application`, so screen readers pass the single-key commands through.
+     */
+    private _describeCanvas;
     /** Resolve a diagram-js service from the didi injector. */
     get<T>(name: string): T;
     on<T = unknown>(event: string, callback: EventCallback<T>, priority?: number): void;
     off(event: string, callback: EventCallback): void;
-    /** Load a document into the canvas (replaces existing content). */
-    importDocument(doc: TtDocument): {
+    /**
+     * Load a document into the canvas (replaces existing content) and, unless `fit: false`, fit it
+     * into view. Clears the undo history without a change event: its commands point at the replaced
+     * elements and would bring them back, and an import is no edit.
+     *
+     * Throws, before anything changes, for a document whose ids would collide on the canvas (see
+     * `documentIdProblems`), so a rejected document leaves the previous one in place.
+     */
+    importDocument(doc: TtDocument, options?: ImportOptions): {
         warnings: ImportWarning[];
     };
+    /**
+     * Fit the whole diagram into the viewport, keeping the strip under the floating palette free
+     * (88px at the top, 120px when the container is 760px wide or narrower).
+     *
+     * @deprecated Host chrome fits the diagram (the modeler shell's viewport, with the insets of the
+     * chrome that is open); kept for hosts without it.
+     */
+    fitToView(): void;
+    private _fit;
     /** Current canvas state as a canonical document. */
     exportDocument(): TtDocument;
-    /** Update diagram-level metadata (title / flow-of-change) on the root. */
+    /**
+     * Update diagram-level metadata (the title) on the root, outside the undo history.
+     *
+     * @deprecated Rename through `ttModeling.setTitle(title)`: one undo step that hosts see as a
+     * change like any other.
+     */
     setMeta(partial: Partial<RootBusinessObject>): void;
-    /** Read diagram-level metadata (title / flow-of-change) from the root. */
+    /** Read diagram-level metadata (the title) from the root. */
     getMeta(): RootBusinessObject | undefined;
     /** Standalone, self-contained SVG snapshot. */
     saveSVG(): {
         svg: string;
     };
-    /** Fit the content into the viewport, leaving room at the top for the palette. */
-    private _fit;
     /** Attach the container into `target`. */
-    attachTo(target: HTMLElement): void;
+    attachTo(target: Element): void;
     /** Detach the container from the DOM, preserving state. */
     detach(): void;
     clear(): void;

package/dist/TtBaseViewer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TtBaseViewer.d.ts","sourceRoot":"","sources":["../src/TtBaseViewer.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,MAAM,CAAC;AAK9C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,uCAAuC,CAAC;AAIxE,OAAO,EAAW,KAAK,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAErF,MAAM,WAAW,eAAe;IAC9B,6EAA6E;IAC7E,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,qDAAqD;IACrD,iBAAiB,CAAC,EAAE,iBAAiB,EAAE,CAAC;CACzC;AAED,MAAM,MAAM,aAAa,CAAC,CAAC,GAAG,OAAO,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;AAQ5D,8BAAsB,YAAY;IAChC,SAAS,CAAC,QAAQ,CAAC,WAAW,IAAI,iBAAiB,EAAE;IAErD,OAAO,CAAC,QAAQ,CAAsB;IACtC,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAc;IACzC,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAkB;gBAE/B,OAAO,GAAE,eAAoB;IAKzC,OAAO,CAAC,gBAAgB;IAQxB,OAAO,CAAC,cAAc;IAQtB,2DAA2D;IAC3D,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;IAIvB,EAAE,CAAC,CAAC,GAAG,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,QAAQ,SAAO,GAAG,IAAI;IAIjF,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,aAAa,GAAG,IAAI;IAIjD,mEAAmE;IACnE,cAAc,CAAC,GAAG,EAAE,UAAU,GAAG;QAAE,QAAQ,EAAE,aAAa,EAAE,CAAA;KAAE;IAW9D,oDAAoD;IACpD,cAAc,IAAI,UAAU;IAI5B,0EAA0E;IAC1E,OAAO,CAAC,OAAO,EAAE,OAAO,CAAC,kBAAkB,CAAC,GAAG,IAAI;IAanD,0EAA0E;IAC1E,OAAO,IAAI,kBAAkB,GAAG,SAAS;IASzC,+CAA+C;IAC/C,OAAO,IAAI;QAAE,GAAG,EAAE,MAAM,CAAA;KAAE;IAI1B,kFAAkF;IAClF,OAAO,CAAC,IAAI;IA0CZ,0CAA0C;IAC1C,QAAQ,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI;IAKnC,2DAA2D;IAC3D,MAAM,IAAI,IAAI;IAId,KAAK,IAAI,IAAI;IAIb,OAAO,IAAI,IAAI;IAQf,IAAI,SAAS,IAAI,WAAW,CAE3B;CACF"}
+{"version":3,"file":"TtBaseViewer.d.ts","sourceRoot":"","sources":["../src/TtBaseViewer.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,MAAM,CAAC;AAM9C,OAAO,EAAsB,KAAK,UAAU,EAAE,MAAM,uCAAuC,CAAC;AAK5F,OAAO,EAAW,KAAK,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAErF,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,gCAAgC,CAAC;AAQ5D,MAAM,WAAW,eAAe;IAC9B,6EAA6E;IAC7E,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,qDAAqD;IACrD,iBAAiB,CAAC,EAAE,iBAAiB,EAAE,CAAC;IACxC;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACnC;;;;OAIG;IACH,cAAc,CAAC,EAAE,CAAC,MAAM,KAAK,GAAG,SAAS,CAAC,GAAG,SAAS,CAAC;CACxD;AAED,MAAM,WAAW,aAAa;IAC5B,+FAA+F;IAC/F,GAAG,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAC3B;AAED,MAAM,MAAM,aAAa,CAAC,CAAC,GAAG,OAAO,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;AAQ5D,8BAAsB,YAAY;IAChC,SAAS,CAAC,QAAQ,CAAC,WAAW,IAAI,iBAAiB,EAAE;IAErD,OAAO,CAAC,QAAQ,CAAsB;IACtC,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAc;IACzC,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAkB;gBAE/B,OAAO,GAAE,eAAoB;IAKzC,OAAO,CAAC,gBAAgB;IAQxB,OAAO,CAAC,cAAc;IActB;;;OAGG;IACH,OAAO,CAAC,eAAe;IA2BvB,2DAA2D;IAC3D,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;IAIvB,EAAE,CAAC,CAAC,GAAG,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,QAAQ,SAAO,GAAG,IAAI;IAIjF,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,aAAa,GAAG,IAAI;IAIjD;;;;;;;OAOG;IACH,cAAc,CAAC,GAAG,EAAE,UAAU,EAAE,OAAO,GAAE,aAAkB,GAAG;QAAE,QAAQ,EAAE,aAAa,EAAE,CAAA;KAAE;IAsB3F;;;;;;OAMG;IACH,SAAS,IAAI,IAAI;IAIjB,OAAO,CAAC,IAAI;IAMZ,oDAAoD;IACpD,cAAc,IAAI,UAAU;IAI5B;;;;;OAKG;IACH,OAAO,CAAC,OAAO,EAAE,OAAO,CAAC,kBAAkB,CAAC,GAAG,IAAI;IAanD,6DAA6D;IAC7D,OAAO,IAAI,kBAAkB,GAAG,SAAS;IASzC,+CAA+C;IAC/C,OAAO,IAAI;QAAE,GAAG,EAAE,MAAM,CAAA;KAAE;IAI1B,0CAA0C;IAC1C,QAAQ,CAAC,MAAM,EAAE,OAAO,GAAG,IAAI;IAK/B,2DAA2D;IAC3D,MAAM,IAAI,IAAI;IAId,KAAK,IAAI,IAAI;IAIb,OAAO,IAAI,IAAI;IAQf,IAAI,SAAS,IAAI,WAAW,CAE3B;CACF"}

package/dist/collaborative/CollaborativeTeamTopologies.d.ts

@@ -0,0 +1,36 @@
+import { CollaborativeModeler, ElementsSurface } from '@miragon/modeler-api';
+import { TtDocument } from '@miragon/team-topologies-schema-model';
+import { ModuleDeclaration } from 'didi';
+import { Modeler } from '../Modeler.js';
+import { NavigatedViewer } from '../NavigatedViewer.js';
+import { Point } from '../palette/TtPaletteProvider.js';
+/** Stable notation id in `meta.notation` of the collaborative-modeler contract. */
+export declare const TEAM_TOPOLOGIES_NOTATION = "team-topologies";
+export interface CollaborativeTeamTopologiesOptions {
+    /** Appended to the renderer's own modules (e.g. a host's chrome module). */
+    additionalModules?: ModuleDeclaration[] | undefined;
+    /** See `TtViewerOptions.undoRedoKeys` (default true). */
+    undoRedoKeys?: boolean | undefined;
+    /** See `TtViewerOptions.freeRectCenter`. */
+    freeRectCenter?: (() => Point | undefined) | undefined;
+    /**
+     * Fit the diagram into view after every import (default true, contract law L5). A host whose
+     * chrome fits the diagram itself (the modeler shell's viewport) passes false.
+     */
+    fitOnImport?: boolean | undefined;
+}
+/** The contract surface plus the wrapped diagram for host-specific wiring. */
+export interface CollaborativeTeamTopologiesModeler extends CollaborativeModeler {
+    readonly elements: ElementsSurface;
+    readonly diagram: Modeler | NavigatedViewer;
+}
+/** The editing mount (`meta.editable: true`) of the collaborative-modeler contract. */
+export declare function createCollaborativeModeler(options?: CollaborativeTeamTopologiesOptions): CollaborativeTeamTopologiesModeler;
+/** The read-only mount (`meta.editable: false`): imports, exports and reveals, never edits. */
+export declare function createCollaborativeViewer(options?: Pick<CollaborativeTeamTopologiesOptions, "additionalModules" | "fitOnImport">): CollaborativeTeamTopologiesModeler;
+/**
+ * The document text as the contract reads it: blank text is a new, empty diagram (a file just
+ * created in an editor), anything else must be a valid document.
+ */
+export declare function parseDocumentText(text: string): TtDocument;
+//# sourceMappingURL=CollaborativeTeamTopologies.d.ts.map

package/dist/collaborative/CollaborativeTeamTopologies.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollaborativeTeamTopologies.d.ts","sourceRoot":"","sources":["../../src/collaborative/CollaborativeTeamTopologies.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAEL,KAAK,oBAAoB,EAEzB,KAAK,eAAe,EAGrB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAGL,KAAK,UAAU,EAChB,MAAM,uCAAuC,CAAC;AAC/C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,MAAM,CAAC;AAK9C,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAExD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,iCAAiC,CAAC;AAE7D,mFAAmF;AACnF,eAAO,MAAM,wBAAwB,oBAAoB,CAAC;AAE1D,MAAM,WAAW,kCAAkC;IACjD,4EAA4E;IAC5E,iBAAiB,CAAC,EAAE,iBAAiB,EAAE,GAAG,SAAS,CAAC;IACpD,yDAAyD;IACzD,YAAY,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACnC,4CAA4C;IAC5C,cAAc,CAAC,EAAE,CAAC,MAAM,KAAK,GAAG,SAAS,CAAC,GAAG,SAAS,CAAC;IACvD;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CACnC;AAED,8EAA8E;AAC9E,MAAM,WAAW,kCAAmC,SAAQ,oBAAoB;IAC9E,QAAQ,CAAC,QAAQ,EAAE,eAAe,CAAC;IACnC,QAAQ,CAAC,OAAO,EAAE,OAAO,GAAG,eAAe,CAAC;CAC7C;AASD,uFAAuF;AACvF,wBAAgB,0BAA0B,CACxC,OAAO,GAAE,kCAAuC,GAC/C,kCAAkC,CAUpC;AAED,+FAA+F;AAC/F,wBAAgB,yBAAyB,CACvC,OAAO,GAAE,IAAI,CAAC,kCAAkC,EAAE,mBAAmB,GAAG,aAAa,CAAM,GAC1F,kCAAkC,CAMpC;AAMD;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,MAAM,GAAG,UAAU,CAI1D"}

package/dist/collaborative/index.d.ts

@@ -0,0 +1,2 @@
+export { TEAM_TOPOLOGIES_NOTATION, createCollaborativeModeler, createCollaborativeViewer, parseDocumentText, type CollaborativeTeamTopologiesModeler, type CollaborativeTeamTopologiesOptions, } from './CollaborativeTeamTopologies.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/collaborative/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,wBAAwB,EACxB,0BAA0B,EAC1B,yBAAyB,EACzB,iBAAiB,EACjB,KAAK,kCAAkC,EACvC,KAAK,kCAAkC,GACxC,MAAM,kCAAkC,CAAC"}

package/dist/context-pad/TtContextPadProvider.d.ts

@@ -1,3 +1,5 @@
+import { default as Canvas } from 'diagram-js/lib/core/Canvas';
+import { default as EventBus } from 'diagram-js/lib/core/EventBus';
 import { default as ContextPad } from 'diagram-js/lib/features/context-pad/ContextPad';
 import { default as Modeling } from 'diagram-js/lib/features/modeling/Modeling';
 import { default as Connect } from 'diagram-js/lib/features/connect/Connect';
@@ -7,15 +9,21 @@ import { Element } from 'diagram-js/lib/model/Types';
 import { default as TtLabelEditing } from '../label-editing/TtLabelEditing.js';
 import { default as TtModeling } from '../modeling/TtModeling.js';
 export default class TtContextPadProvider implements ContextPadProvider {
+    private readonly contextPad;
     private readonly modeling;
     private readonly ttModeling;
     private readonly labelEditing;
     private readonly connect;
     private readonly selection;
+    private readonly canvas;
     static $inject: string[];
-    constructor(contextPad: ContextPad, modeling: Modeling, ttModeling: TtModeling, labelEditing: TtLabelEditing, connect: Connect, selection: Selection);
+    private readonly readOnly;
+    constructor(contextPad: ContextPad, modeling: Modeling, ttModeling: TtModeling, labelEditing: TtLabelEditing, connect: Connect, selection: Selection, canvas: Canvas, eventBus: EventBus, injector: {
+        get<T>(name: string, strict?: boolean): T | null;
+    });
     getContextPadEntries(element: Element): ContextPadEntries;
     getMultiElementContextPadEntries(elements: Element[]): ContextPadEntries;
+    private onEntryKeyDown;
     private editEntry;
     private deleteEntry;
 }

package/dist/context-pad/TtContextPadProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TtContextPadProvider.d.ts","sourceRoot":"","sources":["../../src/context-pad/TtContextPadProvider.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,UAAU,MAAM,gDAAgD,CAAC;AAC7E,OAAO,KAAK,QAAQ,MAAM,2CAA2C,CAAC;AACtE,OAAO,KAAK,OAAO,MAAM,yCAAyC,CAAC;AACnE,OAAO,KAAK,SAAS,MAAM,6CAA6C,CAAC;AACzE,OAAO,KAAK,EACV,iBAAiB,EAEjB,OAAO,IAAI,kBAAkB,EAC9B,MAAM,wDAAwD,CAAC;AAChE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAE1D,OAAO,KAAK,cAAc,MAAM,oCAAoC,CAAC;AACrE,OAAO,KAAK,UAAU,MAAM,2BAA2B,CAAC;AAOxD,MAAM,CAAC,OAAO,OAAO,oBAAqB,YAAW,kBAAkB;IAYnE,OAAO,CAAC,QAAQ,CAAC,QAAQ;IACzB,OAAO,CAAC,QAAQ,CAAC,UAAU;IAC3B,OAAO,CAAC,QAAQ,CAAC,YAAY;IAC7B,OAAO,CAAC,QAAQ,CAAC,OAAO;IACxB,OAAO,CAAC,QAAQ,CAAC,SAAS;IAf5B,MAAM,CAAC,OAAO,WAOZ;gBAGA,UAAU,EAAE,UAAU,EACL,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,cAAc,EAC5B,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS;IAKvC,oBAAoB,CAAC,OAAO,EAAE,OAAO,GAAG,iBAAiB;IAqCzD,gCAAgC,CAAC,QAAQ,EAAE,OAAO,EAAE,GAAG,iBAAiB;IAIxE,OAAO,CAAC,SAAS;IASjB,OAAO,CAAC,WAAW;CAQpB"}
+{"version":3,"file":"TtContextPadProvider.d.ts","sourceRoot":"","sources":["../../src/context-pad/TtContextPadProvider.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,KAAK,MAAM,MAAM,4BAA4B,CAAC;AACrD,OAAO,KAAK,QAAQ,MAAM,8BAA8B,CAAC;AACzD,OAAO,KAAK,UAAU,MAAM,gDAAgD,CAAC;AAC7E,OAAO,KAAK,QAAQ,MAAM,2CAA2C,CAAC;AACtE,OAAO,KAAK,OAAO,MAAM,yCAAyC,CAAC;AACnE,OAAO,KAAK,SAAS,MAAM,6CAA6C,CAAC;AACzE,OAAO,KAAK,EACV,iBAAiB,EAEjB,OAAO,IAAI,kBAAkB,EAC9B,MAAM,wDAAwD,CAAC;AAChE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAS1D,OAAO,KAAK,cAAc,MAAM,oCAAoC,CAAC;AACrE,OAAO,KAAK,UAAU,MAAM,2BAA2B,CAAC;AAuBxD,MAAM,CAAC,OAAO,OAAO,oBAAqB,YAAW,kBAAkB;IAgBnE,OAAO,CAAC,QAAQ,CAAC,UAAU;IAC3B,OAAO,CAAC,QAAQ,CAAC,QAAQ;IACzB,OAAO,CAAC,QAAQ,CAAC,UAAU;IAC3B,OAAO,CAAC,QAAQ,CAAC,YAAY;IAC7B,OAAO,CAAC,QAAQ,CAAC,OAAO;IACxB,OAAO,CAAC,QAAQ,CAAC,SAAS;IAC1B,OAAO,CAAC,QAAQ,CAAC,MAAM;IArBzB,MAAM,CAAC,OAAO,WAUZ;IAEF,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAoB;gBAG1B,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,cAAc,EAC5B,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EAC/B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE;QAAE,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,OAAO,GAAG,CAAC,GAAG,IAAI,CAAA;KAAE;IAahE,oBAAoB,CAAC,OAAO,EAAE,OAAO,GAAG,iBAAiB;IAqCzD,gCAAgC,CAAC,QAAQ,EAAE,OAAO,EAAE,GAAG,iBAAiB;IAKxE,OAAO,CAAC,cAAc;IAUtB,OAAO,CAAC,SAAS;IAWjB,OAAO,CAAC,WAAW;CAcpB"}

package/dist/copy-paste/TtCopyPasteProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TtCopyPasteProps.d.ts","sourceRoot":"","sources":["../../src/copy-paste/TtCopyPasteProps.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,QAAQ,MAAM,8BAA8B,CAAC;AAczD,MAAM,CAAC,OAAO,OAAO,gBAAgB;IACnC,MAAM,CAAC,OAAO,WAAgB;gBAElB,QAAQ,EAAE,QAAQ;CAa/B"}
+{"version":3,"file":"TtCopyPasteProps.d.ts","sourceRoot":"","sources":["../../src/copy-paste/TtCopyPasteProps.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,QAAQ,MAAM,8BAA8B,CAAC;AAezD,MAAM,CAAC,OAAO,OAAO,gBAAgB;IACnC,MAAM,CAAC,OAAO,WAAgB;gBAElB,QAAQ,EAAE,QAAQ;CAa/B"}

package/dist/draw/icons.d.ts

@@ -1,13 +1,53 @@
 /**
- * A handful of Material-style icon paths (Apache-2.0) used by the context pad,
- * exposed as HTML markup. Reusable by host chrome too.
- */
-export declare const ICON_ARROW_FORWARD = "M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z";
-export declare const ICON_EDIT = "M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34a.9959.9959 0 0 0-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z";
-export declare const ICON_DELETE = "M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z";
-export declare const ICON_LINK = "M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z";
-/** An open bracket with text lines — the annotation glyph. */
-export declare const ICON_ANNOTATION = "M4 3h5v2H6v14h3v2H4V3zm7 4h9v2h-9V7zm0 4h9v2h-9v-2zm0 4h6v2h-6v-2z";
-export declare const ICON_SWAP = "M6.99 11L3 15l3.99 4v-3H14v-2H6.99v-3zM21 9l-3.99-4v3H10v2h7.01v3L21 9z";
-export declare function iconMarkup(path: string, size?: number): string;
+ * Functional icons for the canvas chrome (context pad, palette tools), returned as inline SVG
+ * markup.
+ *
+ * Lucide icons (ISC licence, © Lucide Icons and Contributors), copied unchanged from
+ * lucide-static 1.59.0 and inlined so the published renderer has no icon runtime dependency.
+ */
+/** One Lucide icon: its SVG child elements on the 24 × 24 grid. */
+export type IconNode = ReadonlyArray<readonly [string, Readonly<Record<string, string>>]>;
+export interface IconMarkupOptions {
+    /** Rendered width and height in px; the viewBox stays on the 24 × 24 grid. */
+    size?: number;
+    strokeWidth?: number;
+    className?: string;
+}
+export declare const ICON_PENCIL: IconNode;
+export declare const ICON_TRASH: IconNode;
+export declare const ICON_LINK: IconNode;
+export declare const ICON_MESSAGE_SQUARE_PLUS: IconNode;
+export declare const ICON_SQUARE_DASHED_MOUSE_POINTER: IconNode;
+/**
+ * @deprecated Host chrome only (menu, zoom panel, dialogs); hosts take their chrome and its icons
+ * from `@miragon/modeler-shell`. Kept for existing consumers, removed in a later release.
+ */
+export declare const ICON_MENU: IconNode;
+/**
+ * @deprecated Host chrome only (menu, zoom panel, dialogs); hosts take their chrome and its icons
+ * from `@miragon/modeler-shell`. Kept for existing consumers, removed in a later release.
+ */
+export declare const ICON_MINUS: IconNode;
+/**
+ * @deprecated Host chrome only (menu, zoom panel, dialogs); hosts take their chrome and its icons
+ * from `@miragon/modeler-shell`. Kept for existing consumers, removed in a later release.
+ */
+export declare const ICON_PLUS: IconNode;
+/**
+ * @deprecated Host chrome only (menu, zoom panel, dialogs); hosts take their chrome and its icons
+ * from `@miragon/modeler-shell`. Kept for existing consumers, removed in a later release.
+ */
+export declare const ICON_MAXIMIZE: IconNode;
+/**
+ * @deprecated Host chrome only (menu, zoom panel, dialogs); hosts take their chrome and its icons
+ * from `@miragon/modeler-shell`. Kept for existing consumers, removed in a later release.
+ */
+export declare const ICON_DOWNLOAD: IconNode;
+/**
+ * @deprecated Host chrome only (menu, zoom panel, dialogs); hosts take their chrome and its icons
+ * from `@miragon/modeler-shell`. Kept for existing consumers, removed in a later release.
+ */
+export declare const ICON_X: IconNode;
+/** Decorative (`aria-hidden`) inline SVG for a Lucide icon; the control around it carries the name. */
+export declare function iconMarkup(icon: IconNode, options?: IconMarkupOptions): string;
 //# sourceMappingURL=icons.d.ts.map

package/dist/draw/icons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../src/draw/icons.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,eAAO,MAAM,kBAAkB,8DAA8D,CAAC;AAC9F,eAAO,MAAM,SAAS,yJACkI,CAAC;AACzJ,eAAO,MAAM,WAAW,kFACyD,CAAC;AAClF,eAAO,MAAM,SAAS,wNACiM,CAAC;AACxN,8DAA8D;AAC9D,eAAO,MAAM,eAAe,uEAAuE,CAAC;AACpG,eAAO,MAAM,SAAS,4EAA4E,CAAC;AAEnG,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,SAAK,GAAG,MAAM,CAE1D"}
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../src/draw/icons.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,mEAAmE;AACnE,MAAM,MAAM,QAAQ,GAAG,aAAa,CAAC,SAAS,CAAC,MAAM,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;AAE1F,MAAM,WAAW,iBAAiB;IAChC,8EAA8E;IAC9E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,WAAW,EAAE,QAQzB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,QAMxB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,QAGvB,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,QAStC,CAAC;AAEF,eAAO,MAAM,gCAAgC,EAAE,QAgB9C,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,SAAS,EAAE,QAIvB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,UAAU,EAAE,QAAwC,CAAC;AAElE;;;GAGG;AACH,eAAO,MAAM,SAAS,EAAE,QAGvB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,aAAa,EAAE,QAK3B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,aAAa,EAAE,QAI3B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,MAAM,EAAE,QAGpB,CAAC;AA0CF,uGAAuG;AACvG,wBAAgB,UAAU,CAAC,IAAI,EAAE,QAAQ,EAAE,OAAO,GAAE,iBAAsB,GAAG,MAAM,CAsBlF"}

package/dist/draw/label-layout.d.ts

@@ -16,6 +16,11 @@ export interface LabelLayout {
     letterSpacing?: string;
     fill: string;
 }
+/**
+ * Label colour for text on a shape filled with `fill` at `opacity` over the white sheet:
+ * schwarz while it stays readable (every official notation fill), weiss on dark custom fills.
+ */
+export declare function readableTextColour(fill: string, opacity?: number): string;
 /** Width of the flow arrow's head; the label stays on the shaft. */
 export declare function flowHeadWidth(width: number, height: number): number;
 export declare function labelLayout(element: TtElement): LabelLayout;

package/dist/draw/label-layout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"label-layout.d.ts","sourceRoot":"","sources":["../../src/draw/label-layout.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAA6C,KAAK,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAMjG,eAAO,MAAM,WAAW,MAAM,CAAC;AAE/B,MAAM,WAAW,QAAQ;IACvB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,WAAW;IAC1B,mFAAmF;IACnF,GAAG,EAAE,QAAQ,CAAC;IACd,qGAAqG;IACrG,KAAK,EAAE,QAAQ,GAAG,UAAU,CAAC;IAC7B,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,IAAI,EAAE,MAAM,CAAC;CACd;AAED,oEAAoE;AACpE,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAEnE;AAED,wBAAgB,WAAW,CAAC,OAAO,EAAE,SAAS,GAAG,WAAW,CAsC3D;AAED;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,EAAE,CAqBpF"}
+{"version":3,"file":"label-layout.d.ts","sourceRoot":"","sources":["../../src/draw/label-layout.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,EAIL,KAAK,SAAS,EAGf,MAAM,sBAAsB,CAAC;AAO9B,eAAO,MAAM,WAAW,MAAM,CAAC;AAE/B,MAAM,WAAW,QAAQ;IACvB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,WAAW;IAC1B,mFAAmF;IACnF,GAAG,EAAE,QAAQ,CAAC;IACd,qGAAqG;IACrG,KAAK,EAAE,QAAQ,GAAG,UAAU,CAAC;IAC7B,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,IAAI,EAAE,MAAM,CAAC;CACd;AAsCD;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,SAAI,GAAG,MAAM,CASpE;AAWD,oEAAoE;AACpE,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAEnE;AAED,wBAAgB,WAAW,CAAC,OAAO,EAAE,SAAS,GAAG,WAAW,CAsC3D;AAED;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,EAAE,CAqBpF"}

package/dist/draw/palette-icons.d.ts

@@ -2,7 +2,7 @@ import { InteractionMode, TeamType } from '@miragon/team-topologies-schema-model
 export declare function teamIconSvg(type: TeamType): string;
 export declare function flowIconSvg(): string;
 export declare function annotationIconSvg(): string;
-/** Dashed selection frame with a pointer — the lasso (multi-select) tool. */
+/** The lasso (multi-select) tool: Lucide square-dashed-mouse-pointer. */
 export declare function lassoIconSvg(): string;
 export declare function interactionIconSvg(mode: InteractionMode): string;
 //# sourceMappingURL=palette-icons.d.ts.map

package/dist/draw/palette-icons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"palette-icons.d.ts","sourceRoot":"","sources":["../../src/draw/palette-icons.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAOH,OAAO,KAAK,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,uCAAuC,CAAC;AAOvF,wBAAgB,WAAW,CAAC,IAAI,EAAE,QAAQ,GAAG,MAAM,CAgBlD;AAED,wBAAgB,WAAW,IAAI,MAAM,CAKpC;AAED,wBAAgB,iBAAiB,IAAI,MAAM,CAK1C;AAED,6EAA6E;AAC7E,wBAAgB,YAAY,IAAI,MAAM,CAKrC;AAED,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,eAAe,GAAG,MAAM,CAchE"}
+{"version":3,"file":"palette-icons.d.ts","sourceRoot":"","sources":["../../src/draw/palette-icons.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAQH,OAAO,KAAK,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,uCAAuC,CAAC;AAavF,wBAAgB,WAAW,CAAC,IAAI,EAAE,QAAQ,GAAG,MAAM,CAgBlD;AAED,wBAAgB,WAAW,IAAI,MAAM,CAOpC;AAED,wBAAgB,iBAAiB,IAAI,MAAM,CAK1C;AAED,yEAAyE;AACzE,wBAAgB,YAAY,IAAI,MAAM,CAKrC;AAED,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,eAAe,GAAG,MAAM,CAchE"}

package/dist/draw/styles.d.ts

@@ -5,10 +5,11 @@
  */
 /** BaseRenderer default priority is 1000; 1500 wins the render.shape/connection event. */
 export declare const TT_RENDER_PRIORITY = 1500;
-/** Selection / hover accent (Miragon blue — kept in sync with the app theme via the shared palette). */
-export declare const ACCENT: "#335DE5";
 export declare const INK: "#1D1D1D";
-export declare const INK_SOFT = "#5B5B5B";
+/** Secondary canvas text (e.g. the flow-of-change label), ≥ 4.5:1 on the paper surround. */
+export declare const INK_MUTED: "#6B6666";
+/** Structural strokes that recede (annotation bracket, association connector), ≥ 3:1. */
+export declare const STROKE_MUTED: "#8F8A8A";
 export declare const FONT: {
     /**
      * Set directly as the `font-family` attribute on every SVG <text> (canvas
@@ -23,6 +24,4 @@ export declare const FONT: {
     readonly small: 11;
     readonly annotation: 12;
 };
-/** Paper colour used for the label halo so text stays legible over lines. */
-export declare const PAPER: "#FFFFFF";
 //# sourceMappingURL=styles.d.ts.map

package/dist/draw/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/draw/styles.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,0FAA0F;AAC1F,eAAO,MAAM,kBAAkB,OAAO,CAAC;AAEvC,wGAAwG;AACxG,eAAO,MAAM,MAAM,WAAe,CAAC;AAEnC,eAAO,MAAM,GAAG,WAAkB,CAAC;AACnC,eAAO,MAAM,QAAQ,YAAY,CAAC;AAElC,eAAO,MAAM,IAAI;IACf;;;;;;;OAOG;;;;;CAMK,CAAC;AAEX,6EAA6E;AAC7E,eAAO,MAAM,KAAK,WAAgB,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/draw/styles.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,0FAA0F;AAC1F,eAAO,MAAM,kBAAkB,OAAO,CAAC;AAEvC,eAAO,MAAM,GAAG,WAAkB,CAAC;AACnC,4FAA4F;AAC5F,eAAO,MAAM,SAAS,WAAoB,CAAC;AAC3C,yFAAyF;AACzF,eAAO,MAAM,YAAY,WAAiB,CAAC;AAE3C,eAAO,MAAM,IAAI;IACf;;;;;;;OAOG;;;;;CAMK,CAAC"}

package/dist/index.d.ts

@@ -2,20 +2,29 @@ export { Viewer } from './Viewer.js';
 export { NavigatedViewer } from './NavigatedViewer.js';
 export { Modeler } from './Modeler.js';
 export { TtBaseViewer } from './TtBaseViewer.js';
-export type { TtViewerOptions, EventCallback } from './TtBaseViewer.js';
+export type { TtViewerOptions, ImportOptions, EventCallback } from './TtBaseViewer.js';
+export { TEAM_TOPOLOGIES_NOTATION, createCollaborativeModeler, createCollaborativeViewer, parseDocumentText, } from './collaborative/index.js';
+export type { CollaborativeTeamTopologiesModeler, CollaborativeTeamTopologiesOptions, } from './collaborative/index.js';
 export { ttModelModule, TtElementFactory } from './model/index.js';
 export { ttDrawModule, TeamTopologiesRenderer } from './draw/index.js';
-export { ioModule, TtImporter, TtExporter, saveSVG, ROOT_ID } from './io/index.js';
+export { ioModule, TtImporter, TtExporter, TtViewport, saveSVG, ROOT_ID } from './io/index.js';
 export { ttModelingModule, TtModeling, TtLayouter } from './modeling/index.js';
 export { ttRulesModule, TtRules } from './rules/index.js';
 export { ttBehaviorsModule, TtFlatModelBehavior, TtAssociationBehavior, } from './behaviors/index.js';
 export { ttPaletteModule, TtPaletteProvider } from './palette/index.js';
+export type { TtPaletteConfig, Point } from './palette/TtPaletteProvider.js';
 export { ttContextPadModule, TtContextPadProvider } from './context-pad/index.js';
 export { ttLabelEditingModule, TtLabelEditing } from './label-editing/index.js';
 export { ttKeyboardModule, TtKeyboard } from './keyboard/index.js';
+export type { TtKeyboardConfig } from './keyboard/index.js';
+export { ttReadOnlyModule, TtReadOnly, READ_ONLY_CHANGED_EVENT } from './read-only/index.js';
 export { ttZOrderModule, TtZOrder } from './zorder/index.js';
 export { isTtElement, isTtTeam, isTtInteraction, isTtFlow, isTtAnnotation, isTtAssociation, } from './model/di-types.js';
 export type { TtElement, TtTeam, TtInteraction, TtFlow, TtAnnotation, TtAssociation, } from './model/di-types.js';
 export type { ImportWarning, RootBusinessObject } from './io/index.js';
+export { GEIST_UNICODE_RANGES, embedSvgStyles, geistFontFaceCss } from './io/index.js';
+export type { GeistFontDataUrls } from './io/index.js';
+export { MIRAGON, CD_TOKENS } from './theme/index.js';
+export * from './draw/icons.js';
 export { teamIconSvg, interactionIconSvg, flowIconSvg, annotationIconSvg, } from './draw/palette-icons.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,8BAA8B,CAAC;AAGtC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,YAAY,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAGxE,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACnE,OAAO,EAAE,YAAY,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AACvE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACnF,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAC/E,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EACL,iBAAiB,EACjB,mBAAmB,EACnB,qBAAqB,GACtB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AACxE,OAAO,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAClF,OAAO,EAAE,oBAAoB,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAChF,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAG7D,OAAO,EACL,WAAW,EACX,QAAQ,EACR,eAAe,EACf,QAAQ,EACR,cAAc,EACd,eAAe,GAChB,MAAM,qBAAqB,CAAC;AAC7B,YAAY,EACV,SAAS,EACT,MAAM,EACN,aAAa,EACb,MAAM,EACN,YAAY,EACZ,aAAa,GACd,MAAM,qBAAqB,CAAC;AAC7B,YAAY,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAGvE,OAAO,EACL,WAAW,EACX,kBAAkB,EAClB,WAAW,EACX,iBAAiB,GAClB,MAAM,yBAAyB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,8BAA8B,CAAC;AAGtC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,YAAY,EAAE,eAAe,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAGvF,OAAO,EACL,wBAAwB,EACxB,0BAA0B,EAC1B,yBAAyB,EACzB,iBAAiB,GAClB,MAAM,0BAA0B,CAAC;AAClC,YAAY,EACV,kCAAkC,EAClC,kCAAkC,GACnC,MAAM,0BAA0B,CAAC;AAGlC,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACnE,OAAO,EAAE,YAAY,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AACvE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAC/F,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAC/E,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EACL,iBAAiB,EACjB,mBAAmB,EACnB,qBAAqB,GACtB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AACxE,YAAY,EAAE,eAAe,EAAE,KAAK,EAAE,MAAM,gCAAgC,CAAC;AAC7E,OAAO,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAClF,OAAO,EAAE,oBAAoB,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAChF,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACnE,YAAY,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AAC7F,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAG7D,OAAO,EACL,WAAW,EACX,QAAQ,EACR,eAAe,EACf,QAAQ,EACR,cAAc,EACd,eAAe,GAChB,MAAM,qBAAqB,CAAC;AAC7B,YAAY,EACV,SAAS,EACT,MAAM,EACN,aAAa,EACb,MAAM,EACN,YAAY,EACZ,aAAa,GACd,MAAM,qBAAqB,CAAC;AAC7B,YAAY,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAGvE,OAAO,EAAE,oBAAoB,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACvF,YAAY,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAGvD,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAGtD,cAAc,iBAAiB,CAAC;AAGhC,OAAO,EACL,WAAW,EACX,kBAAkB,EAClB,WAAW,EACX,iBAAiB,GAClB,MAAM,yBAAyB,CAAC"}