@esfaenza/es-diagrams 11.2.7 → 11.2.11

package/bundles/esfaenza-es-diagrams.umd.js

@@ -1308,6 +1308,10 @@
              * N.B: la chiamata all'evento **onNodeClick** avviene **DOPO** la gestione della selezione
              */
             this.SmartSelection = false;
+            /**
+             * Indica di selezionare un elemento per volta qualora **SmartSelection** fosse attivo
+             */
+            this.SingleSelection = false;
             /**
              * CSS per la graficazione della selezione dei nodi. Quando un nodo verrà selezionato avrà sopra di se un overlay che 'sborda' di **overlay-padding** pixel,
              * di colore **overlay-color** e con un opacità **overlay-opacity**
@@ -1368,6 +1372,10 @@
              * Evento lanciato alla selezione o deselezione di un nodo, contiene l'oggetto **data** del nodo in questione e informazioni sul suo stato di selezione
              */
             this.onNodeSelection = new i0.EventEmitter();
+            /**
+             * Evento lanciato al termine del Layouting. Se si vuole eseguire codice dopo che il Layout è fatto e completamente graficato, questo è il punto
+             */
+            this.onLayoutDone = new i0.EventEmitter();
             /**
              * Evento lanciato al termine del caricamento del diagramma
              */
@@ -1545,6 +1553,16 @@
             this.cy.bind('click', 'node', function (event) {
                 var targetData = event.target.data();
                 if (_this.SmartSelection) {
+                    // In caso di selezione singola ripulisco tutti gli elementi precedentemente selezionati
+                    if (_this.SingleSelection) {
+                        var selected_1 = _this.cy.elements('node:selected');
+                        selected_1.forEach(function (el) {
+                            el.selectify();
+                            el.unselect();
+                            el.unselectify();
+                            el.data("__selected", false);
+                        });
+                    }
                     var id = targetData.id;
                     var el = _this.cy.$id(id);
                     var selected = el.selected();
@@ -1563,6 +1581,9 @@
                 var targetData = event.target.data();
                 _this.onNodeSelection.emit({ data: targetData, selected: true });
             });
+            this.cy.bind('layoutstop', function (event) {
+                _this.onLayoutDone.emit();
+            });
             this.cy.bind('unselect', 'node', function (event) {
                 var targetData = event.target.data();
                 _this.onNodeSelection.emit({ data: targetData, selected: false });
@@ -1772,6 +1793,7 @@
         PreserveElementsPosition: [{ type: i0.Input }],
         AnimateLayoutChanges: [{ type: i0.Input }],
         SmartSelection: [{ type: i0.Input }],
+        SingleSelection: [{ type: i0.Input }],
         SmartSelectionStyles: [{ type: i0.Input }],
         ResizeThrottleTime: [{ type: i0.Input }],
         Layout: [{ type: i0.Input }],
@@ -1780,6 +1802,7 @@
         ExtensionModulesApplyer: [{ type: i0.Input }],
         onNodeClick: [{ type: i0.Output }],
         onNodeSelection: [{ type: i0.Output }],
+        onLayoutDone: [{ type: i0.Output }],
         onLoaded: [{ type: i0.Output }]
     };