@esfaenza/flow-builder 20.3.32 → 20.3.34

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@esfaenza/flow-builder",
-  "version": "20.3.32",
+  "version": "20.3.34",
   "peerDependencies": {
     "@angular/cdk": "^20.2.14",
     "@angular/common": "^20.3.28",

package/styles/flow-builder.css

@@ -160,6 +160,20 @@
   --ff-connection-color: var(--fb-accent, #2f6feb);
 }
 
+/*
+ * L'arco su cui si sta per **innestare** un elemento trascinato dalla palette. Cambia colore e
+ * ingrossa: e' l'unico modo di dire, prima del rilascio, che il flow si ricollegherà da solo
+ * invece di ricevere un elemento scollegato. Anche lo spessore e' un token del tema
+ * (`--ff-connection-width`), quindi non serve nessuna regola: una regola nostra avrebbe la
+ * stessa specificita' di `f-flow .f-connection .f-connection-path` e vincerebbe o perderebbe
+ * secondo l'ordine dei fogli di stile nell'app ospite.
+ */
+.fb-edge--insert {
+  --ff-connection-color: var(--fb-accent, #2f6feb);
+  --ff-marker-color: var(--fb-accent, #2f6feb);
+  --ff-connection-width: 5px;
+}
+
 /*
  * Il tratteggio non e' esprimibile con una variabile del tema, quindi qui serve una regola.
  * Il prefisso `f-flow` pareggia la specificita' di `f-flow .f-connection .f-connection-path`
@@ -179,6 +193,11 @@ f-flow .fb-edge--creating .f-connection-path {
   stroke-dasharray: 5 4;
 }
 
+/* Il tratteggio non e' un token: un Default o un Timeout evidenziato torna continuo. */
+f-flow .fb-edge--insert .f-connection-path {
+  stroke-dasharray: none;
+}
+
 /* `isGoTo` e' solo un suggerimento di disegno: l'arco torna indietro nel grafo. */
 f-flow .fb-edge--goto .f-connection-path {
   stroke-dasharray: 2 5;