@miragon/context-maps-renderer 0.1.0 → 0.2.0

package/dist/label-editing/CmLabelEditing.d.ts

@@ -1,14 +1,50 @@
 import { default as Canvas } from 'diagram-js/lib/core/Canvas';
 import { default as EventBus } from 'diagram-js/lib/core/EventBus';
-import { CmElement } from '../model/di-types.js';
+import { Element } from 'diagram-js/lib/model/Types';
+import { CmContext, CmElement } from '../model/di-types.js';
 import { default as CmModeling } from '../modeling/CmModeling.js';
+interface DirectEditingContext {
+    bounds: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    };
+    text: string;
+    style?: Record<string, string | number>;
+    options?: {
+        centerVertically?: boolean;
+        autoResize?: boolean;
+        resizable?: boolean;
+    };
+}
+interface DirectEditingService {
+    registerProvider(provider: {
+        activate(element: Element): DirectEditingContext | undefined;
+        update(element: Element, newText: string): void;
+    }): void;
+    activate(element: Element): boolean;
+    isActive(element?: Element): boolean;
+    cancel(): void;
+    complete(): void;
+}
 export default class CmLabelEditing {
     private readonly canvas;
+    private readonly directEditing;
     private readonly modeling;
     static $inject: string[];
-    private active;
-    constructor(eventBus: EventBus, canvas: Canvas, modeling: CmModeling);
+    /** Which property the CURRENT activation edits (set right before activate). */
+    private mode;
+    private activeMarker?;
+    constructor(eventBus: EventBus, canvas: Canvas, directEditing: DirectEditingService, modeling: CmModeling);
+    /** Start in-place editing of the element's name (context pad, hosts). */
     activate(element: CmElement): void;
+    /** Start in-place editing of the owning-team caption at the box bottom. */
+    activateTeam(context: CmContext): void;
     cancel(): void;
+    private isInTeamBand;
+    private activationContext;
+    private commit;
 }
+export {};
 //# sourceMappingURL=CmLabelEditing.d.ts.map

package/dist/label-editing/CmLabelEditing.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CmLabelEditing.d.ts","sourceRoot":"","sources":["../../src/label-editing/CmLabelEditing.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,MAAM,MAAM,4BAA4B,CAAC;AACrD,OAAO,KAAK,QAAQ,MAAM,8BAA8B,CAAC;AAEzD,OAAO,EAAiC,KAAK,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACrF,OAAO,KAAK,UAAU,MAAM,2BAA2B,CAAC;AAOxD,MAAM,CAAC,OAAO,OAAO,cAAc;IAO/B,OAAO,CAAC,QAAQ,CAAC,MAAM;IACvB,OAAO,CAAC,QAAQ,CAAC,QAAQ;IAP3B,MAAM,CAAC,OAAO,WAAwC;IAEtD,OAAO,CAAC,MAAM,CAA2B;gBAGvC,QAAQ,EAAE,QAAQ,EACD,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,UAAU;IAWvC,QAAQ,CAAC,OAAO,EAAE,SAAS,GAAG,IAAI;IAuDlC,MAAM,IAAI,IAAI;CAGf"}
+{"version":3,"file":"CmLabelEditing.d.ts","sourceRoot":"","sources":["../../src/label-editing/CmLabelEditing.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,KAAK,MAAM,MAAM,4BAA4B,CAAC;AACrD,OAAO,KAAK,QAAQ,MAAM,8BAA8B,CAAC;AACzD,OAAO,KAAK,EAAE,OAAO,EAAa,MAAM,4BAA4B,CAAC;AAErE,OAAO,EAA4B,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAChG,OAAO,KAAK,UAAU,MAAM,2BAA2B,CAAC;AAkBxD,UAAU,oBAAoB;IAC5B,MAAM,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IAChE,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;IACxC,OAAO,CAAC,EAAE;QAAE,gBAAgB,CAAC,EAAE,OAAO,CAAC;QAAC,UAAU,CAAC,EAAE,OAAO,CAAC;QAAC,SAAS,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC;CACrF;AAED,UAAU,oBAAoB;IAC5B,gBAAgB,CAAC,QAAQ,EAAE;QACzB,QAAQ,CAAC,OAAO,EAAE,OAAO,GAAG,oBAAoB,GAAG,SAAS,CAAC;QAC7D,MAAM,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;KACjD,GAAG,IAAI,CAAC;IACT,QAAQ,CAAC,OAAO,EAAE,OAAO,GAAG,OAAO,CAAC;IACpC,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IACrC,MAAM,IAAI,IAAI,CAAC;IACf,QAAQ,IAAI,IAAI,CAAC;CAClB;AAED,MAAM,CAAC,OAAO,OAAO,cAAc;IAS/B,OAAO,CAAC,QAAQ,CAAC,MAAM;IACvB,OAAO,CAAC,QAAQ,CAAC,aAAa;IAC9B,OAAO,CAAC,QAAQ,CAAC,QAAQ;IAV3B,MAAM,CAAC,OAAO,WAAyD;IAEvE,+EAA+E;IAC/E,OAAO,CAAC,IAAI,CAAoB;IAChC,OAAO,CAAC,YAAY,CAAC,CAAuC;gBAG1D,QAAQ,EAAE,QAAQ,EACD,MAAM,EAAE,MAAM,EACd,aAAa,EAAE,oBAAoB,EACnC,QAAQ,EAAE,UAAU;IA0CvC,yEAAyE;IACzE,QAAQ,CAAC,OAAO,EAAE,SAAS,GAAG,IAAI;IAKlC,2EAA2E;IAC3E,YAAY,CAAC,OAAO,EAAE,SAAS,GAAG,IAAI;IAKtC,MAAM,IAAI,IAAI;IAId,OAAO,CAAC,YAAY;IASpB,OAAO,CAAC,iBAAiB;IA6EzB,OAAO,CAAC,MAAM;CAaf"}

package/dist/label-editing/index.d.ts

@@ -1,5 +1,5 @@
 import { ModuleDeclaration } from 'didi';
-/** Inline label editing (double-click a team to rename). */
+/** In-place name editing (double-click / context pad), bpmn.io style. */
 export declare const cmLabelEditingModule: ModuleDeclaration;
 export { default as CmLabelEditing } from './CmLabelEditing.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/label-editing/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/label-editing/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,MAAM,CAAC;AAG9C,4DAA4D;AAC5D,eAAO,MAAM,oBAAoB,EAAE,iBAGlC,CAAC;AAEF,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/label-editing/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,MAAM,CAAC;AAK9C,yEAAyE;AACzE,eAAO,MAAM,oBAAoB,EAAE,iBAIlC,CAAC;AAEF,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/legend/CmLegend.d.ts

@@ -0,0 +1,15 @@
+import { default as Canvas } from 'diagram-js/lib/core/Canvas';
+import { default as EventBus } from 'diagram-js/lib/core/EventBus';
+export default class CmLegend {
+    static $inject: string[];
+    private openState;
+    private readonly host;
+    constructor(canvas: Canvas, eventBus: EventBus);
+    isOpen(): boolean;
+    setOpen(open: boolean): void;
+    toggle(): void;
+    private render;
+    private panel;
+    private collapsedButton;
+}
+//# sourceMappingURL=CmLegend.d.ts.map

package/dist/legend/CmLegend.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CmLegend.d.ts","sourceRoot":"","sources":["../../src/legend/CmLegend.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,KAAK,MAAM,MAAM,4BAA4B,CAAC;AACrD,OAAO,KAAK,QAAQ,MAAM,8BAA8B,CAAC;AAiEzD,MAAM,CAAC,OAAO,OAAO,QAAQ;IAC3B,MAAM,CAAC,OAAO,WAA0B;IAExC,OAAO,CAAC,SAAS,CAAQ;IACzB,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAc;gBAEvB,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ;IAO9C,MAAM,IAAI,OAAO;IAIjB,OAAO,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI;IAM5B,MAAM,IAAI,IAAI;IAId,OAAO,CAAC,MAAM;IAWd,OAAO,CAAC,KAAK;IAgDb,OAAO,CAAC,eAAe;CAexB"}

package/dist/legend/index.d.ts

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

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

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

package/dist/model/CmElementFactory.d.ts

@@ -8,6 +8,7 @@ export default class CmElementFactory {
     constructor(elementFactory: ElementFactory);
     createContext(ctx: BoundedContext): CmContext;
     createRelationship(rel: Relationship, source: CmContext, target: CmContext, waypoints: Point[]): CmRelationship;
-    createNewContext(subdomainType: SubdomainType, label?: string): CmContext;
+    /** No type → an unclassified context (the pad's append action starts blank). */
+    createNewContext(subdomainType?: SubdomainType, label?: string): CmContext;
 }
 //# sourceMappingURL=CmElementFactory.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"CmElementFactory.d.ts","sourceRoot":"","sources":["../../src/model/CmElementFactory.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,cAAc,MAAM,oCAAoC,CAAC;AACrE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAEvD,OAAO,KAAK,EACV,cAAc,EACd,YAAY,EACZ,aAAa,EACd,MAAM,oCAAoC,CAAC;AAC5C,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE/D,MAAM,CAAC,OAAO,OAAO,gBAAgB;IAGvB,OAAO,CAAC,QAAQ,CAAC,cAAc;IAF3C,MAAM,CAAC,OAAO,WAAsB;gBAEP,cAAc,EAAE,cAAc;IAI3D,aAAa,CAAC,GAAG,EAAE,cAAc,GAAG,SAAS;IAiB7C,kBAAkB,CAChB,GAAG,EAAE,YAAY,EACjB,MAAM,EAAE,SAAS,EACjB,MAAM,EAAE,SAAS,EACjB,SAAS,EAAE,KAAK,EAAE,GACjB,cAAc;IAuBjB,gBAAgB,CAAC,aAAa,EAAE,aAAa,EAAE,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS;CAU1E"}
+{"version":3,"file":"CmElementFactory.d.ts","sourceRoot":"","sources":["../../src/model/CmElementFactory.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,cAAc,MAAM,oCAAoC,CAAC;AACrE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAEvD,OAAO,KAAK,EACV,cAAc,EACd,YAAY,EACZ,aAAa,EACd,MAAM,oCAAoC,CAAC;AAC5C,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE/D,MAAM,CAAC,OAAO,OAAO,gBAAgB;IAGvB,OAAO,CAAC,QAAQ,CAAC,cAAc;IAF3C,MAAM,CAAC,OAAO,WAAsB;gBAEP,cAAc,EAAE,cAAc;IAI3D,aAAa,CAAC,GAAG,EAAE,cAAc,GAAG,SAAS;IAsB7C,kBAAkB,CAChB,GAAG,EAAE,YAAY,EACjB,MAAM,EAAE,SAAS,EACjB,MAAM,EAAE,SAAS,EACjB,SAAS,EAAE,KAAK,EAAE,GACjB,cAAc;IAuBjB,gFAAgF;IAChF,gBAAgB,CAAC,aAAa,CAAC,EAAE,aAAa,EAAE,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS;CAa3E"}

package/dist/palette/CmPaletteProvider.d.ts

@@ -1,12 +1,14 @@
 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 LassoTool } from 'diagram-js/lib/features/lasso-tool/LassoTool';
 import { PaletteEntries, default as PaletteProvider } from 'diagram-js/lib/features/palette/PaletteProvider';
 import { default as CmElementFactory } from '../model/CmElementFactory.js';
 export default class CmPaletteProvider implements PaletteProvider {
     private readonly create;
+    private readonly lassoTool;
     private readonly factory;
     static $inject: string[];
-    constructor(palette: Palette, create: Create, factory: CmElementFactory);
+    constructor(palette: Palette, create: Create, lassoTool: LassoTool, factory: CmElementFactory);
     getPaletteEntries(): PaletteEntries;
 }
 //# sourceMappingURL=CmPaletteProvider.d.ts.map

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

@@ -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"}
+{"version":3,"file":"CmPaletteProvider.d.ts","sourceRoot":"","sources":["../../src/palette/CmPaletteProvider.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,OAAO,MAAM,yCAAyC,CAAC;AACnE,OAAO,KAAK,MAAM,MAAM,uCAAuC,CAAC;AAChE,OAAO,KAAK,SAAS,MAAM,8CAA8C,CAAC;AAC1E,OAAO,KAAK,EACV,cAAc,EACd,OAAO,IAAI,eAAe,EAC3B,MAAM,iDAAiD,CAAC;AAKzD,OAAO,KAAK,gBAAgB,MAAM,8BAA8B,CAAC;AAWjE,MAAM,CAAC,OAAO,OAAO,iBAAkB,YAAW,eAAe;IAK7D,OAAO,CAAC,QAAQ,CAAC,MAAM;IACvB,OAAO,CAAC,QAAQ,CAAC,SAAS;IAC1B,OAAO,CAAC,QAAQ,CAAC,OAAO;IAN1B,MAAM,CAAC,OAAO,WAA0D;gBAGtE,OAAO,EAAE,OAAO,EACC,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,gBAAgB;IAK5C,iBAAiB,IAAI,cAAc;CA+BpC"}

package/dist/palette/index.d.ts

@@ -1,5 +1,5 @@
 import { ModuleDeclaration } from 'didi';
-/** Tool palette: drag-to-create contexts. */
+/** Tool palette: lasso tool + drag-to-create contexts. */
 export declare const cmPaletteModule: ModuleDeclaration;
 export { default as CmPaletteProvider } from './CmPaletteProvider.js';
 //# sourceMappingURL=index.d.ts.map

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

@@ -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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/palette/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,MAAM,CAAC;AAO9C,0DAA0D;AAC1D,eAAO,MAAM,eAAe,EAAE,iBAI7B,CAAC;AAEF,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,wBAAwB,CAAC"}

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

@@ -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"}
+{"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;CAqBtB"}

package/dist/rules/index.d.ts

@@ -1,5 +1,5 @@
 import { ModuleDeclaration } from 'didi';
-/** Context Maps editing rules (connect, move, create, resize). */
+/** Context Maps editing rules (connect, move, create — no resize). */
 export declare const cmRulesModule: ModuleDeclaration;
 export { default as CmRules } from './CmRules.js';
 //# sourceMappingURL=index.d.ts.map

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

@@ -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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/rules/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,MAAM,CAAC;AAI9C,sEAAsE;AACtE,eAAO,MAAM,aAAa,EAAE,iBAI3B,CAAC;AAEF,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,cAAc,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@miragon/context-maps-renderer",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "Render and edit Context Maps diagrams in the browser, with a framework-agnostic viewer and modeler built on diagram-js.",
   "license": "MIT",
   "repository": {
@@ -37,8 +37,9 @@
     "test:browser": "npm --prefix ../.. run test:browser"
   },
   "dependencies": {
-    "@miragon/context-maps-schema-model": "0.1.0",
-    "diagram-js": "15.23.0",
+    "@miragon/context-maps-schema-model": "0.2.0",
+    "diagram-js": "15.24.1",
+    "diagram-js-direct-editing": "3.5.1",
     "didi": "11.0.0",
     "tiny-svg": "4.1.4"
   },