@metadev/daga 3.1.0 → 3.1.1

package/Changelog.md

@@ -6,6 +6,11 @@ List of releases and changes.
 
 ## Next release Joyeuse
 
+## v. 3.1.1
+
+- Enable switching the configuration of a diagram [#220](https://github.com/metadevpro/daga/pull/220)
+- Remove `viewInitialized$` subject in canvas [#220](https://github.com/metadevpro/daga/pull/220)
+
 ## v. 3.1.0 Excalibur
 
 Date: _2025-01-21_

package/index.cjs.js

@@ -5956,7 +5956,6 @@ class DiagramCanvas {
     this.dragging = false;
     // used to track whether a click is secondary or primary
     this.secondaryButton = false;
-    this.viewInitialized$ = new rxjs.Subject();
     this.validatorChange$ = new rxjs.Subject();
     this.diagramChange$ = new rxjs.Subject();
     this.diagramEvent$ = new rxjs.Subject();
@@ -6023,7 +6022,10 @@ class DiagramCanvas {
   }
   // View methods
   initView(appendTo) {
-    this.diagramRoot = d3__namespace.select(appendTo).append('div').node();
+    const appendToSelection = d3__namespace.select(appendTo);
+    // remove all children
+    appendToSelection.html('');
+    this.diagramRoot = appendToSelection.append('div').node();
     d3__namespace.select(this.diagramRoot).attr('tabindex', 0) // make element focusable
     .style('width', '100%').style('height', '100%').append('svg').style('width', '100%').style('height', '100%');
     d3__namespace.select(this.diagramRoot).on(exports.Events.Click, () => {
@@ -6216,7 +6218,6 @@ class DiagramCanvas {
       canvasBackground.attr('fill', `url(#${this.backgroundPatternId})`);
     }
     canvasView.append('g').attr('class', 'daga-canvas-elements');
-    this.viewInitialized$.next();
   }
   zoomBy(factor) {
     if (!isNaN(factor)) {

package/index.esm.js

@@ -5935,7 +5935,6 @@ class DiagramCanvas {
     this.dragging = false;
     // used to track whether a click is secondary or primary
     this.secondaryButton = false;
-    this.viewInitialized$ = new Subject();
     this.validatorChange$ = new Subject();
     this.diagramChange$ = new Subject();
     this.diagramEvent$ = new Subject();
@@ -6002,7 +6001,10 @@ class DiagramCanvas {
   }
   // View methods
   initView(appendTo) {
-    this.diagramRoot = d3.select(appendTo).append('div').node();
+    const appendToSelection = d3.select(appendTo);
+    // remove all children
+    appendToSelection.html('');
+    this.diagramRoot = appendToSelection.append('div').node();
     d3.select(this.diagramRoot).attr('tabindex', 0) // make element focusable
     .style('width', '100%').style('height', '100%').append('svg').style('width', '100%').style('height', '100%');
     d3.select(this.diagramRoot).on(Events.Click, () => {
@@ -6195,7 +6197,6 @@ class DiagramCanvas {
       canvasBackground.attr('fill', `url(#${this.backgroundPatternId})`);
     }
     canvasView.append('g').attr('class', 'daga-canvas-elements');
-    this.viewInitialized$.next();
   }
   zoomBy(factor) {
     if (!isNaN(factor)) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@metadev/daga",
-  "version": "3.1.0",
+  "version": "3.1.1",
   "dependencies": {},
   "peerDependencies": {
     "d3": "^7.9.0",

package/src/lib/diagram/canvas/diagram-canvas.d.ts

@@ -73,7 +73,6 @@ export declare class DiagramCanvas implements Canvas {
     private dragging;
     private secondaryButton;
     private currentAction?;
-    readonly viewInitialized$: Subject<void>;
     readonly validatorChange$: Subject<void>;
     readonly diagramChange$: Subject<{
         action: DiagramAction;

package/src/lib/interfaces/canvas.d.ts

@@ -116,11 +116,6 @@ export interface Canvas {
      * @public
      */
     userActions: UserActionConfig;
-    /**
-     * Subject for tracking when the canvas' view is initialized.
-     * @public
-     */
-    readonly viewInitialized$: Subject<void>;
     /**
      * Subject for tracking when validators are added to or removed from the canvas.
      * @public