@metadev/daga-react 4.2.8 → 4.2.9

package/index.mjs

@@ -927,13 +927,27 @@ class dt extends It {
   get look() {
     return this.selected ? this.highlighted ? this._selectedAndHighlightedLook !== void 0 ? this._selectedAndHighlightedLook : this.type.selectedAndHighlightedLook : this._selectedLook !== void 0 ? this._selectedLook : this.type.selectedLook : this.highlighted ? this._highlightedLook !== void 0 ? this._highlightedLook : this.type.highlightedLook : this._defaultLook !== void 0 ? this._defaultLook : this.type.defaultLook;
   }
+  /**
+   * An alias for the `lookConfig` attribute.
+   * @private
+   */
+  set look(t) {
+    this.lookConfig = t;
+  }
+  /**
+   * Look configuration used to derive the current look of this connection.
+   * @private
+   */
+  get lookConfig() {
+    return this._lookConfig;
+  }
   /**
    * Sets the look configuration of the connection to override the one determined by the type.
    * `undefined` resets it to the one determined by the type.
    * @private
    */
-  set look(t) {
-    if (t) {
+  set lookConfig(t) {
+    if (this._lookConfig = t, t) {
       const e = st(t);
       this._defaultLook = {
         ...this._defaultLook,
@@ -958,14 +972,30 @@ class dt extends It {
   get startMarkerLook() {
     return this.selected ? this.highlighted ? this._selectedAndHighlightedStartMarkerLook !== void 0 ? this._selectedAndHighlightedStartMarkerLook : this.type.selectedAndHighlightedStartMarkerLook : this._selectedStartMarkerLook !== void 0 ? this._selectedStartMarkerLook : this.type.selectedStartMarkerLook : this.highlighted ? this._highlightedStartMarkerLook !== void 0 ? this._highlightedStartMarkerLook : this.type.highlightedStartMarkerLook : this._defaultStartMarkerLook !== void 0 ? this._defaultStartMarkerLook : this.type.defaultStartMarkerLook;
   }
+  /**
+   * An alias for the `lookConfig` attribute.
+   * @private
+   */
+  set startMarkerLook(t) {
+    this.startMarkerLookConfig = t;
+  }
+  /**
+   * Look configuration used to derive the current look of the start marker of this connection.
+   * @private
+   */
+  get startMarkerLookConfig() {
+    return this._startMarkerLookConfig;
+  }
   /**
    * Sets the look configuration of the start marker to override the one determined by the type.
    * `null` stands for no marker and `undefined` resets it to the one determined by the type.
    * @private
    */
-  set startMarkerLook(t) {
-    if (t) {
-      const e = st(t);
+  set startMarkerLookConfig(t) {
+    if (this._startMarkerLookConfig = t, t) {
+      const e = st(
+        t
+      );
       this._defaultStartMarkerLook = {
         ...this._defaultStartMarkerLook,
         ...e.defaultLook
@@ -989,13 +1019,27 @@ class dt extends It {
   get endMarkerLook() {
     return this.selected ? this.highlighted ? this._selectedAndHighlightedEndMarkerLook !== void 0 ? this._selectedAndHighlightedEndMarkerLook : this.type.selectedAndHighlightedEndMarkerLook : this._selectedEndMarkerLook !== void 0 ? this._selectedEndMarkerLook : this.type.selectedEndMarkerLook : this.highlighted ? this._highlightedEndMarkerLook !== void 0 ? this._highlightedEndMarkerLook : this.type.highlightedEndMarkerLook : this._defaultEndMarkerLook !== void 0 ? this._defaultEndMarkerLook : this.type.defaultEndMarkerLook;
   }
+  /**
+   * An alias for the `lookConfig` attribute.
+   * @private
+   */
+  set endMarkerLook(t) {
+    this.endMarkerLookConfig = t;
+  }
+  /**
+   * Look configuration used to derive the current look of the end marker of this connection.
+   * @private
+   */
+  get endMarkerLookConfig() {
+    return this._endMarkerLookConfig;
+  }
   /**
    * Sets the look configuration of the end marker to override the one determined by the type.
    * `null` stands for no marker and `undefined` resets it to the one determined by the type.
    * @private
    */
-  set endMarkerLook(t) {
-    if (t) {
+  set endMarkerLookConfig(t) {
+    if (this._endMarkerLookConfig = t, t) {
       const e = st(t);
       this._defaultEndMarkerLook = {
         ...this._defaultEndMarkerLook,
@@ -1293,13 +1337,27 @@ class D extends It {
   get look() {
     return this.selected ? this.highlighted ? this._selectedAndHighlightedLook !== void 0 ? this._selectedAndHighlightedLook : this.type?.selectedAndHighlightedLook || this.node?.look : this._selectedLook !== void 0 ? this._selectedLook : this.type?.selectedLook || this.node?.look : this.highlighted ? this._highlightedLook !== void 0 ? this._highlightedLook : this.type?.highlightedLook || this.node?.look : this._defaultLook !== void 0 ? this._defaultLook : this.type?.defaultLook || this.node?.look;
   }
+  /**
+   * An alias for the `lookConfig` attribute.
+   * @private
+   */
+  set look(t) {
+    this.lookConfig = t;
+  }
+  /**
+   * Look configuration used to derive the current look of this section.
+   * @private
+   */
+  get lookConfig() {
+    return this._lookConfig;
+  }
   /**
    * Sets the look configuration of the look to override the one determined by the type.
    * `undefined` resets it to the one determined by the type.
    * @private
    */
-  set look(t) {
-    if (t) {
+  set lookConfig(t) {
+    if (this._lookConfig = t, t) {
       const e = st(t);
       this._defaultLook = {
         ...this._defaultLook,
@@ -1719,13 +1777,27 @@ class z extends It {
   get look() {
     return this.selected ? this.highlighted ? this._selectedAndHighlightedLook !== void 0 ? this._selectedAndHighlightedLook : this.type.selectedAndHighlightedLook : this._selectedLook !== void 0 ? this._selectedLook : this.type.selectedLook : this.highlighted ? this._highlightedLook !== void 0 ? this._highlightedLook : this.type.highlightedLook : this._defaultLook !== void 0 ? this._defaultLook : this.type.defaultLook;
   }
+  /**
+   * An alias for the `lookConfig` attribute.
+   * @private
+   */
+  set look(t) {
+    this.lookConfig = t;
+  }
+  /**
+   * Look configuration used to derive the current look of this node.
+   * @private
+   */
+  get lookConfig() {
+    return this._lookConfig;
+  }
   /**
    * Sets the look configuration of the look to override the one determined by the type.
    * `undefined` resets it to the one determined by the type.
    * @private
    */
-  set look(t) {
-    if (t) {
+  set lookConfig(t) {
+    if (this._lookConfig = t, t) {
       const e = st(t);
       this._defaultLook = {
         ...this._defaultLook,
@@ -2489,13 +2561,27 @@ class bt extends It {
   get look() {
     return this.selected ? this.highlighted ? this._selectedAndHighlightedLook !== void 0 ? this._selectedAndHighlightedLook : (this.type || Xt)?.selectedAndHighlightedLook : this._selectedLook !== void 0 ? this._selectedLook : (this.type || Xt)?.selectedLook : this.highlighted ? this._highlightedLook !== void 0 ? this._highlightedLook : (this.type || Xt)?.highlightedLook : this._defaultLook !== void 0 ? this._defaultLook : (this.type || Xt)?.defaultLook;
   }
+  /**
+   * An alias for the `lookConfig` attribute.
+   * @private
+   */
+  set look(t) {
+    this.lookConfig = t;
+  }
+  /**
+   * Look configuration used to derive the current look of this port.
+   * @private
+   */
+  get lookConfig() {
+    return this._lookConfig;
+  }
   /**
    * Sets the look configuration of the look to override the one determined by the type.
    * `undefined` resets it to the one determined by the type.
    * @private
    */
-  set look(t) {
-    if (t) {
+  set lookConfig(t) {
+    if (this._lookConfig = t, t) {
       const e = st(
         t
       );
@@ -4462,10 +4548,10 @@ class ri extends ft {
    * @public
    * @param canvas A canvas.
    */
-  constructor(t) {
+  constructor(t, e) {
     super(), this.canvas = t, this.canvas.propertyEditorChanges$.pipe(ro(2e3)).subscribe(() => {
       this.makeUpdateValuesAction();
-    });
+    }), console.log(e), this.diagramPropertiesText = e !== void 0 ? e : ni;
   }
   add(t) {
     if (!this.contains(t.id) && (this.length === 0 ? this.propertyEditorSelection === void 0 && (t instanceof z || t instanceof dt) ? this.openInPropertyEditor(t) : this.propertyEditorSelection === void 0 && t instanceof D ? this.openInPropertyEditor(t.node) : this.openInPropertyEditor(void 0) : this.openInPropertyEditor(void 0), super.add(t), t.updateInView(), t instanceof z && t.sections))
@@ -4582,7 +4668,7 @@ class ri extends ft {
     const l = t?.valueSet;
     l ? (this.propertyEditorSelection = t, e && (this.propertyEditorValues = structuredClone(
       l.getValues()
-    )), a && (t instanceof z || t instanceof dt ? (t instanceof z ? t.name ? a.title = `${t.type.name}: ${t.name}` : a.title = t.type.name : t instanceof dt && (a.title = t.type.name), a.valueSet = void 0, a.valueSet = l) : (a.title = ni, a.valueSet = void 0, a.valueSet = l))) : (this.propertyEditorSelection = void 0, this.propertyEditorValues = void 0, a && (a.title = "", a.valueSet = void 0));
+    )), a && (t instanceof z || t instanceof dt ? (t instanceof z ? t.name ? a.title = `${t.type.name}: ${t.name}` : a.title = t.type.name : t instanceof dt && (a.title = t.type.name), a.valueSet = void 0, a.valueSet = l) : (a.title = this.diagramPropertiesText, a.valueSet = void 0, a.valueSet = l))) : (this.propertyEditorSelection = void 0, this.propertyEditorValues = void 0, a && (a.title = "", a.valueSet = void 0));
   }
   makeUpdateValuesAction() {
     if (this.propertyEditorSelection === void 0 || this.propertyEditorValues === void 0)
@@ -4626,7 +4712,10 @@ const ai = (s) => s * Math.PI / 180, Pe = (s, t, e) => {
       "",
       e.type || "",
       e.properties || []
-    ), this.userSelection = new ri(this), this.userHighlight = new ii(
+    ), this.userSelection = new ri(
+      this,
+      e.components?.propertyEditor?.title
+    ), this.userHighlight = new ii(
       this,
       e.canvas?.highlightSections !== !1
     ), this.contextMenu = new oi(this, e.canvas?.contextMenu), this.backgroundColor = e.canvas?.backgroundColor || "#FFFFFF", this.gridStyle = e.canvas?.grid?.style ?? zt.style, this.gridSize = e.canvas?.grid?.enabled === !1 || e.canvas?.grid === void 0 ? 0 : Math.abs(e.canvas?.grid?.spacing || zt.spacing), this.gridThickness = Math.abs(
@@ -4766,8 +4855,9 @@ const ai = (s) => s * Math.PI / 180, Pe = (s, t, e) => {
         const l = this.userSelection.all();
         this.userSelection.clear(), this.diagramEvent$.next(
           new G(l, !1)
-        ), this.userSelection.openInPropertyEditor(this.model);
+        );
       }
+      this.userSelection.openInPropertyEditor(this.model);
     }).call(
       x.drag().filter((l) => this.multipleSelectionOn || vt(l)).on(I.Start, (l) => {
         this.startMultipleSelection(l);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@metadev/daga-react",
-  "version": "4.2.8",
+  "version": "4.2.9",
   "main": "./index.js",
   "module": "./index.mjs",
   "style": "./style.css",
@@ -20,7 +20,7 @@
   "peerDependencies": {
     "react": "*",
     "react-dom": "*",
-    "@metadev/daga": "^4.2.8",
+    "@metadev/daga": "^4.2.9",
     "d3": "^7.9.0",
     "rxjs": "~7.8.1"
   },