ato-water-lib 0.0.139 → 0.0.141

package/fesm2020/ato-water-lib.mjs

@@ -8205,6 +8205,13 @@ class AtoDefaultGojsEditor {
                         })
                         : null;
                 }
+                if (this.isSelectBox) {
+                    self.onClickInfoButton.emit({
+                        left: e?.['Wr']?.x,
+                        top: e?.['Wr']?.y,
+                        node: node,
+                    });
+                }
             },
             selectionAdorned: false,
             selectionAdornmentTemplate: this._initialOptions.isReadOnly || this.isSelectBox
@@ -8267,6 +8274,9 @@ class AtoDefaultGojsEditor {
             toolTip: this.$('ToolTip', this.$(go.TextBlock, {
                 margin: 2,
             }, new go.Binding('text', '', function (data) {
+                if (self.isSelectBox) {
+                    return data?.name;
+                }
                 if (!self._initialOptions.isReadOnly) {
                     return data?.name ?? VALUE_NA;
                 }
@@ -8631,6 +8641,9 @@ class AtoDefaultGojsEditor {
             overflow: go.TextBlock.OverflowEllipsis,
             toolTip: this.$('ToolTip', this.$(go.TextBlock, { margin: 4 }, new go.Binding('text', 'name'))),
         }, new go.Binding('text', 'name').makeTwoWay(), new go.Binding('editable', '', (data) => {
+            if (data?.editable !== undefined) {
+                return data?.editable;
+            }
             return !(AtoGojsEditorModel.TYPE_COMPONENT_WATER?.includes(data?.systemType) &&
                 data?.topologyType !== ATO_ECOMPONENT_PLANT_TYPE.WATER &&
                 data?.topologyType !== ATO_ECOMPONENT_PLANT_TYPE.WATER_PLANT_CELL);
@@ -8640,37 +8653,19 @@ class AtoDefaultGojsEditor {
             source: ICONS_BASE64['uf14a'],
             height: 14,
             width: 14,
-        }, new go.Binding('visible', '', (x) => x?.isSelectBox ?? false)), this.$(go.TextBlock, '', {
-            alignment: go.Spot.TopLeft,
-            margin: new go.Margin(2, 0, 0, 2),
-            stroke: '#DC8FA9',
-            font: 'bold 9pt Arial',
-            textAlign: 'left',
-        }, new go.Binding('text', '', (x) => x?.group_text), new go.Binding('stroke', '', (x) => x?.group_text_stroke)))), 
-        // Select box
-        // this.$(
-        //     go.Panel,
-        //     'Auto',
-        //     {
-        //         alignment: go.Spot.TopRight,
-        //         alignmentFocus: go.Spot.TopRight,
-        //     },
-        //     // new go.Binding('visible', '', (x) => x?.isSelectBox ?? false),
-        //     this.$(go.Picture, {
-        //         alignment: go.Spot.Right,
-        //         margin: new go.Margin(2, 0, 0, 0),
-        //         source: ICONS_BASE64['uf14a'],
-        //         height: 17,
-        //         width: 14,
-        //     }),
-        // ),
-        this.$(go.Panel, 'Vertical', {
+        }, new go.Binding('visible', '', (x) => x?.isSelectBox ?? false)), this.$(go.Panel, 'Vertical', {
             alignment: go.Spot.Left,
             alignmentFocus: new go.Spot(0, 0.5, 8, 0),
         }), this.$(go.Panel, 'Vertical', {
             alignment: go.Spot.Right,
             alignmentFocus: new go.Spot(1, 0.5, -8, 0),
-        }), this.makePort('T', go.Spot.Top, go.Spot.TopSide, false, true), this.makePort('L', go.Spot.Left, go.Spot.LeftSide, false, true), this.makePort('R', go.Spot.Right, go.Spot.RightSide, true, false), this.makePort('B', go.Spot.Bottom, go.Spot.BottomSide, true, false));
+        }), this.makePort('T', go.Spot.Top, go.Spot.TopSide, false, true), this.makePort('L', go.Spot.Left, go.Spot.LeftSide, false, true), this.makePort('R', go.Spot.Right, go.Spot.RightSide, true, false), this.makePort('B', go.Spot.Bottom, go.Spot.BottomSide, true, false), this.$(go.TextBlock, '', {
+            alignment: go.Spot.TopLeft,
+            margin: new go.Margin(2, 0, 0, 2),
+            stroke: '#DC8FA9',
+            font: 'bold 9pt Arial',
+            textAlign: 'left',
+        }, new go.Binding('text', '', (x) => x?.group_text), new go.Binding('stroke', '', (x) => x?.group_text_stroke)))));
         this.myDiagram.nodeTemplateMap.set(title, node);
     }
     makeEntityTemplateEnergy(icon, title, size = {
@@ -9027,7 +9022,7 @@ class AtoDefaultGojsEditor {
             toolTip: this.$('ToolTip', this.$(go.TextBlock, {
                 margin: 4,
             }, new go.Binding('text', 'name').makeTwoWay())),
-        }, new go.Binding('text', 'name').makeTwoWay())), 
+        }, new go.Binding('text', 'name').makeTwoWay(), new go.Binding('editable', 'editable'))), 
         // this.$('CheckBox', '', {
         //     alignment: go.Spot.TopLeft,
         //     margin: new go.Margin(2, 0, 0, 2),
@@ -9357,8 +9352,14 @@ class AtoDefaultGojsEditor {
         this.myDiagram.commitTransaction('add group node');
     }
     deleteNode(e) {
+        // e.diagram.startTransaction('Delete group node');
+        // e.diagram.removeParts(e.diagram.selection);
+        // e.diagram.commitTransaction('Delete group node');
         e.diagram.startTransaction('Delete group node');
-        e.diagram.removeParts(e.diagram.selection);
+        const deletableParts = e.diagram.selection.filter((part) => {
+            return part.data.deletable !== false;
+        });
+        e.diagram.removeParts(deletableParts);
         e.diagram.commitTransaction('Delete group node');
     }
     deleteNodeOnDiagram(e) {