@esfaenza/flow-builder 20.0.0 → 20.3.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@esfaenza/flow-builder",
-  "version": "20.0.0",
+  "version": "20.3.2",
   "peerDependencies": {
     "@angular/common": "^20.3.25",
     "@angular/core": "^20.3.25",

package/styles/flow-builder.css

@@ -413,6 +413,19 @@ f-flow .fb-edge--goto .f-connection-path {
   margin-bottom: 6px;
 }
 
+/**
+ * I picker sono elementi custom: senza `flex` occuperebbero la larghezza del loro contenuto,
+ * e dentro l'intestazione di una voce di elenco resterebbero una casella minuscola accanto al
+ * bottone di rimozione. La regola sta qui perche' vale per ogni editor che li mette in fila.
+ */
+.fb-list__header > fb-name-picker,
+.fb-list__header > fb-field-picker,
+.fb-list__header > fb-object-picker,
+.fb-list__header > fb-reference-picker {
+  flex: 1;
+  min-width: 0;
+}
+
 .fb-list__index {
   display: grid;
   place-items: center;
@@ -425,6 +438,18 @@ f-flow .fb-edge--goto .f-connection-path {
   color: var(--fb-text, #1d2939);
 }
 
+/**
+ * Il titolo di una voce di elenco, dove il badge numerico non va: gli step di uno stage non
+ * sono numerati, perche' non sono una sequenza (§5.13), e un'etichetta dentro il cerchio da
+ * 18px si sovrappone a se stessa.
+ */
+.fb-list__title {
+  font-size: 12px;
+  font-weight: 600;
+  color: var(--fb-text, #1d2939);
+  overflow-wrap: anywhere;
+}
+
 .fb-list__spacer {
   flex: 1;
 }