@esfaenza/flow-builder 20.3.2 → 20.3.3

package/fesm2022/esfaenza-flow-builder.mjs

@@ -350,7 +350,7 @@ class HttpFlowBuilderApi extends FlowBuilderApi {
         return this.post('/flows/editor/create', request);
     }
     saveFlow(flowName, request) {
-        return this.put(`/flows/editor/save`, request);
+        return this.post(`/flows/editor/save`, request);
     }
     createVersion(flowName, request) {
         return this.post(`/flows/editor/${HttpFlowBuilderApi.segment(flowName)}/new-version`, { author: request?.author }, HttpFlowBuilderApi.params({ from: request?.from }));
@@ -372,7 +372,7 @@ class HttpFlowBuilderApi extends FlowBuilderApi {
     }
     // ---------------------------------------------------------------- §6.3
     validateDefinition(definition) {
-        return this.post(`/flows/editor/${HttpFlowBuilderApi.segment(definition.fullName.toString())}/validate`, definition);
+        return this.post(`/flows/editor/validate`, definition);
     }
     validateVersion(flowName, version) {
         return this.get(`/flows/editor/${HttpFlowBuilderApi.segment(flowName)}/validate`, HttpFlowBuilderApi.params({ version: version }));
@@ -721,11 +721,22 @@ const FLOW_ELEMENT_ICONS = {
     OrchestratedStage: '☰',
 };
 /**
- * Il glifo del tipo. Per un tipo che il dizionario del backend aggiunge e questa mappa non
- * conosce, l'iniziale dell'etichetta e' un segnaposto migliore di un simbolo generico.
+ * Il glifo delle varianti (§5.5): due voci di palette dello stesso tipo con lo stesso simbolo
+ * si distinguerebbero solo dall'etichetta, e sulla palette il simbolo e' la prima cosa che si
+ * guarda. La chiave e' `tipo:variante`.
  */
-function elementIcon(type, label) {
-    const icon = FLOW_ELEMENT_ICONS[type];
+const FLOW_ELEMENT_VARIANT_ICONS = {
+    'CollectionProcessor:Sort': '⇅',
+    'CollectionProcessor:Filter': '▽',
+};
+/**
+ * Il glifo del tipo, o della sua variante quando c'e'. Per un tipo che il dizionario del
+ * backend aggiunge e questa mappa non conosce, l'iniziale dell'etichetta e' un segnaposto
+ * migliore di un simbolo generico.
+ */
+function elementIcon(type, label, variant) {
+    const icon = (variant ? FLOW_ELEMENT_VARIANT_ICONS[`${type}:${variant}`] : undefined) ??
+        FLOW_ELEMENT_ICONS[type];
     if (icon) {
         return icon;
     }
@@ -733,6 +744,48 @@ function elementIcon(type, label) {
     return fallback || '•';
 }
 
+/**
+ * I tipi che sulla palette valgono per **piu' di una voce** — FRONTEND.md §5.5.
+ *
+ * Il Collection Processor e' un solo tipo di node con un discriminatore
+ * (`collectionProcessorType`: `Sort` o `Filter`), e i campi rilevanti cambiano con esso: un
+ * `Sort` vuole `sortOptions`, un `Filter` vuole condizioni. Sono due gesti diversi, e una
+ * voce sola («ordina o filtra») costringe a scegliere dopo, dentro il form.
+ *
+ * Qui sta **solo** la mappa tipo → campo del discriminatore: i valori ammessi restano nel
+ * dizionario del backend (`collectionProcessorTypes`), come per ogni altro enum (§6.4). Senza
+ * quel dizionario il tipo torna a essere una voce sola, che e' il comportamento giusto quando
+ * non si sa quali varianti esistano.
+ *
+ * Se un tipo nuovo arrivasse con lo stesso schema — un node con un discriminatore che ne
+ * cambia i campi — si aggiunge una riga qui e la palette si divide da se'.
+ */
+/** Tipo di elemento → campo del node che porta la variante. */
+const FLOW_ELEMENT_VARIANT_FIELDS = {
+    CollectionProcessor: 'collectionProcessorType',
+};
+/** Il campo del discriminatore, se il tipo ne ha uno. */
+function variantFieldOf(type) {
+    return FLOW_ELEMENT_VARIANT_FIELDS[type];
+}
+/** La variante di un node già scritto, letta dal suo discriminatore. */
+function variantOf(type, node) {
+    const field = variantFieldOf(type);
+    const value = field ? node[field] : undefined;
+    return typeof value === 'string' && value ? value : undefined;
+}
+/**
+ * I campi da scrivere su un node appena creato dalla variante scelta. Vuoto per i tipi senza
+ * varianti: chi crea l'elemento non deve sapere quali sono.
+ */
+function variantPresetOf(type, variant) {
+    const field = variantFieldOf(type);
+    if (!field || !variant) {
+        return {};
+    }
+    return { [field]: variant };
+}
+
 /**
  * Nomi — FRONTEND.md §3.3, §13.5.
  *
@@ -1683,6 +1736,24 @@ class FlowDictionaryStore {
     elementType(value) {
         return this.elementTypes().find((entry) => entry.value === value);
     }
+    /**
+     * Le varianti di un tipo, cioe' i valori del suo discriminatore (§5.5). L'unico oggi e' il
+     * Collection Processor. Elenco vuoto = tipo senza varianti, **oppure** dizionario non
+     * disponibile: in entrambi i casi la palette mostra una voce sola, che e' l'unica cosa
+     * onesta da fare quando non si sa quali varianti esistano.
+     */
+    variantsOf(type) {
+        switch (variantFieldOf(type)) {
+            case 'collectionProcessorType':
+                return this.collectionProcessorTypes();
+            default:
+                return [];
+        }
+    }
+    /** L'etichetta di una variante, con fallback sul valore grezzo. */
+    variantLabelOf(type, variant) {
+        return FlowDictionaryStore.labelIn(this.variantsOf(type), variant);
+    }
     /** La collection in cui scrivere un node: `metadataProperty`, con fallback locale (§3.2). */
     collectionOf(type) {
         const fromDictionary = this.elementType(type)?.metadataProperty;
@@ -2660,7 +2731,9 @@ class FlowCanvasComponent {
         const outlets = outletsOf(input.type, input.node);
         const issues = this.validation.issuesByElement().get(input.isStart ? '' : input.name) ?? [];
         return {
-            icon: elementIcon(input.type, input.typeLabel),
+            // La variante decide il glifo come sulla palette: un node «filtra» non deve comparire
+            // con il simbolo di «ordina» dopo il rilascio (§5.5).
+            icon: elementIcon(input.type, input.typeLabel, variantOf(input.type, input.node)),
             widthClass: flowNodeWidthClass(outlets.length),
             showsOutletLabels: outlets.length > 1,
             name: input.name,
@@ -2832,14 +2905,20 @@ class FlowCanvasComponent {
             }
         }
     }
-    /** Rilascio di un elemento trascinato dalla palette. */
+    /**
+     * Rilascio di un elemento trascinato dalla palette. Il dato e' `{type, variant}`, ma si
+     * accetta ancora la stringa nuda: un ospite che monta il canvas con una palette propria
+     * potrebbe passare il solo tipo.
+     */
     onCreateNode(event) {
-        const type = typeof event.data === 'string' ? event.data : event.data?.type;
+        const data = event.data;
+        const type = typeof data === 'string' ? data : data?.type;
         if (!type) {
             return;
         }
         this.elementDropped.emit({
             type,
+            variant: typeof data === 'string' ? undefined : data?.variant,
             x: Math.round(event.externalItemRect.x),
             y: Math.round(event.externalItemRect.y),
         });
@@ -2920,20 +2999,50 @@ class ElementPaletteComponent {
     processType = input(undefined, ...(ngDevMode ? [{ debugName: "processType" }] : []));
     elementPicked = output();
     filter = signal('', ...(ngDevMode ? [{ debugName: "filter" }] : []));
+    /** Le voci, con i tipi a varianti già divisi: e' l'elenco che l'utente vede. */
+    items = computed(() => {
+        const items = [];
+        for (const entry of this.dictionaries.paletteTypes()) {
+            const variants = this.dictionaries.variantsOf(entry.value);
+            if (variants.length === 0) {
+                items.push({
+                    key: entry.value,
+                    entry,
+                    label: entry.label,
+                    data: { type: entry.value },
+                });
+                continue;
+            }
+            for (const variant of variants) {
+                items.push({
+                    key: `${entry.value}:${variant.value}`,
+                    entry,
+                    variant: variant.value,
+                    // L'etichetta e' quella del dizionario: le parole sono dell'ospite, non nostre.
+                    label: variant.label || variant.value,
+                    data: { type: entry.value, variant: variant.value },
+                });
+            }
+        }
+        return items;
+    }, ...(ngDevMode ? [{ debugName: "items" }] : []));
     groups = computed(() => {
         const needle = this.filter().trim().toLowerCase();
         const groups = [];
-        for (const entry of this.dictionaries.paletteTypes()) {
-            if (needle && !`${entry.label} ${entry.value}`.toLowerCase().includes(needle)) {
+        for (const item of this.items()) {
+            // La ricerca guarda anche l'etichetta del tipo: cercando «ordina o filtra» si trovano
+            // entrambe le voci, che e' come l'elemento e' chiamato nel dizionario.
+            const haystack = `${item.label} ${item.entry.label} ${item.entry.value} ${item.variant ?? ''}`;
+            if (needle && !haystack.toLowerCase().includes(needle)) {
                 continue;
             }
-            const category = entry.category ?? 'Altro';
+            const category = item.entry.category ?? 'Altro';
             let group = groups.find((candidate) => candidate.category === category);
             if (!group) {
-                group = { category, entries: [] };
+                group = { category, items: [] };
                 groups.push(group);
             }
-            group.entries.push(entry);
+            group.items.push(item);
         }
         return groups;
     }, ...(ngDevMode ? [{ debugName: "groups" }] : []));
@@ -2941,33 +3050,41 @@ class ElementPaletteComponent {
     onFilter(value) {
         this.filter.set(value);
     }
-    pick(entry) {
-        this.elementPicked.emit(entry.value);
+    pick(item) {
+        this.elementPicked.emit(item.data);
     }
     /** Uno screen in un flow che non mostra nulla: si segnala, non si nasconde (§3.1). */
-    isIncompatible(entry) {
-        return entry.value === 'Screen' && this.processType() === 'AutoLaunched';
+    isIncompatible(item) {
+        return item.entry.value === 'Screen' && this.processType() === 'AutoLaunched';
     }
-    incompatibleHint(entry) {
-        if (!this.isIncompatible(entry)) {
-            return null;
+    /**
+     * Il testo del tooltip. Su una voce che nasce da una variante ci va anche il nome del tipo:
+     * e' l'unico posto in cui si vede che «ordina» e «filtra» sono lo stesso elemento.
+     */
+    hintOf(item) {
+        if (this.isIncompatible(item)) {
+            return 'In un flow AutoLaunched non c’e’ nessuno a cui mostrare uno screen: sarebbe un errore di validazione.';
+        }
+        const description = item.entry.description || null;
+        if (item.variant) {
+            return description ? `${item.entry.label} · ${description}` : item.entry.label;
         }
-        return 'In un flow AutoLaunched non c’e’ nessuno a cui mostrare uno screen: sarebbe un errore di validazione.';
+        return description ?? item.label;
     }
     /** Lo stesso glifo che l'elemento avra' sul canvas, così il trascinamento e' prevedibile. */
-    iconOf(entry) {
-        return elementIcon(entry.value, entry.label);
+    iconOf(item) {
+        return elementIcon(item.entry.value, item.label, item.variant);
     }
     /**
      * L'etichetta del ramo di fault, presa dalla mappa delle uscite invece di scrivere «ramo di
      * errore» per tutti: su uno stage di orchestrazione quel ramo **non** e' un guasto, e' lo step
      * rifiutato (§5.13). Un tipo nuovo eredita l'etichetta giusta senza toccare la palette.
      */
-    faultLabel(entry) {
-        if (!entry.hasFaultConnector) {
+    faultLabel(item) {
+        if (!item.entry.hasFaultConnector) {
             return null;
         }
-        const outlet = outletsOf(entry.value, {}).find((candidate) => candidate.kind === 'Fault');
+        const outlet = outletsOf(item.entry.value, {}).find((candidate) => candidate.kind === 'Fault');
         return outlet ? `ramo «${outlet.label.toLowerCase()}»` : 'ramo di errore';
     }
     categoryClass(category) {
@@ -2990,11 +3107,11 @@ class ElementPaletteComponent {
         return 'cat-other';
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: ElementPaletteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: ElementPaletteComponent, isStandalone: true, selector: "fb-element-palette", inputs: { processType: { classPropertyName: "processType", publicName: "processType", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { elementPicked: "elementPicked" }, ngImport: i0, template: "<div class=\"fb-palette__search\">\r\n  <input\r\n    type=\"search\"\r\n    placeholder=\"Cerca un elemento\"\r\n    aria-label=\"Cerca un elemento\"\r\n    (input)=\"onFilter($any($event.target).value)\"\r\n  />\r\n</div>\r\n\r\n@if (isEmpty()) {\r\n  <p class=\"fb-palette__empty\">\r\n    Il dizionario degli elementi non e\u2019 ancora disponibile.\r\n  </p>\r\n}\r\n\r\n<div class=\"fb-palette__groups\">\r\n  @for (group of groups(); track group.category) {\r\n    <section class=\"fb-palette__group\">\r\n      <h3 class=\"fb-palette__category\">{{ group.category }}</h3>\r\n      @for (entry of group.entries; track entry.value) {\r\n        <!--\r\n          `fExternalItem` rende la voce trascinabile sul canvas: il rilascio emette\r\n          `fCreateNode` con questo `fData` e la posizione, che diventa locationX/locationY.\r\n        -->\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-palette__item\"\r\n          fExternalItem\r\n          [fExternalItemId]=\"entry.value\"\r\n          [fData]=\"entry.value\"\r\n          [class.fb-palette__item--warn]=\"isIncompatible(entry)\"\r\n          [title]=\"incompatibleHint(entry) || entry.description || entry.label\"\r\n          (click)=\"pick(entry)\"\r\n        >\r\n          <span class=\"fb-palette__icon\" [class]=\"'fb-palette__icon ' + categoryClass(group.category)\">\r\n            {{ iconOf(entry) }}\r\n          </span>\r\n          <span class=\"fb-palette__text\">\r\n            <span class=\"fb-palette__label\">{{ entry.label }}</span>\r\n            @if (entry.hasAutomaticOutput) {\r\n              <span class=\"fb-palette__flag\" title=\"Espone un output automatico sotto il nome dell\u2019elemento\">\r\n                output automatico\r\n              </span>\r\n            }\r\n            @if (faultLabel(entry)) {\r\n              <span class=\"fb-palette__flag\" title=\"Ha un ramo che l\u2019autore puo\u2019 prevedere e disegnare\">\r\n                {{ faultLabel(entry) }}\r\n              </span>\r\n            }\r\n          </span>\r\n          @if (isIncompatible(entry)) {\r\n            <span class=\"fb-palette__warn\" aria-hidden=\"true\">!</span>\r\n          }\r\n        </button>\r\n      }\r\n    </section>\r\n  }\r\n</div>\r\n", styles: [":host{display:flex;flex-direction:column;height:100%;min-height:0;background:var(--fb-surface, #fff);border-right:1px solid var(--fb-border, #d6dae1)}.fb-palette__search{padding:8px;border-bottom:1px solid var(--fb-border-subtle, #e6e9ee)}.fb-palette__search input{box-sizing:border-box;width:100%;padding:5px 8px;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);color:var(--fb-text, #1d2939);font:inherit;font-size:12px}.fb-palette__search input:focus-visible{outline:2px solid var(--fb-accent, #2f6feb);outline-offset:-1px}.fb-palette__groups{flex:1;min-height:0;overflow-y:auto;padding:4px 0 12px}.fb-palette__empty{margin:12px 10px;font-size:12px;color:var(--fb-text-muted, #667085)}.fb-palette__category{margin:10px 10px 4px;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--fb-text-subtle, #98a2b3)}.fb-palette__item{display:flex;align-items:center;gap:8px;box-sizing:border-box;width:calc(100% - 12px);margin:1px 6px;padding:5px 8px;border:0;border-radius:var(--fb-radius-xs, 6px);background:transparent;color:var(--fb-text, #1a1c23);font:inherit;text-align:left;cursor:grab;transition:background .12s ease}.fb-palette__item:hover{background:var(--fb-surface-alt, #f7f8fa)}.fb-palette__item:focus-visible{outline:2px solid var(--fb-accent, #2f6feb);outline-offset:-2px}.fb-palette__icon{display:grid;place-items:center;flex:0 0 auto;width:24px;height:24px;border-radius:var(--fb-radius-xs, 6px);background:var(--fb-icon-bg, #98a2b3);color:#fff;font-size:11px;font-weight:700}.cat-screen{--fb-icon-bg: #3b82f6}.cat-logic{--fb-icon-bg: #8b5cf6}.cat-data{--fb-icon-bg: #06b6d4}.cat-action{--fb-icon-bg: #f59e0b}.cat-flow{--fb-icon-bg: #14b8a6}.fb-palette__text{display:flex;flex-direction:column;min-width:0}.fb-palette__label{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fb-palette__flag{font-size:9px;color:var(--fb-text-subtle, #98a2b3)}.fb-palette__item--warn .fb-palette__label{color:var(--fb-warning, #b7791f)}.fb-palette__warn{margin-left:auto;color:var(--fb-warning, #b7791f);font-weight:700}:host ::ng-deep .f-external-item-preview{padding:4px 8px;border:1px solid var(--fb-accent, #2f6feb);border-radius:6px;background:var(--fb-surface, #fff);box-shadow:0 4px 12px #1018282e;opacity:.95}\n"], dependencies: [{ kind: "ngmodule", type: FFlowModule }, { kind: "directive", type: i1.FExternalItem, selector: "[fExternalItem]", inputs: ["fExternalItemId", "fData", "fDisabled", "fPreview", "fPreviewMatchSize", "fPlaceholder"], outputs: ["fPreviewChange", "fPlaceholderChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: ElementPaletteComponent, isStandalone: true, selector: "fb-element-palette", inputs: { processType: { classPropertyName: "processType", publicName: "processType", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { elementPicked: "elementPicked" }, ngImport: i0, template: "<div class=\"fb-palette__search\">\r\n  <input\r\n    type=\"search\"\r\n    placeholder=\"Cerca un elemento\"\r\n    aria-label=\"Cerca un elemento\"\r\n    (input)=\"onFilter($any($event.target).value)\"\r\n  />\r\n</div>\r\n\r\n@if (isEmpty()) {\r\n  <p class=\"fb-palette__empty\">\r\n    Il dizionario degli elementi non e\u2019 ancora disponibile.\r\n  </p>\r\n}\r\n\r\n<div class=\"fb-palette__groups\">\r\n  @for (group of groups(); track group.category) {\r\n    <section class=\"fb-palette__group\">\r\n      <h3 class=\"fb-palette__category\">{{ group.category }}</h3>\r\n      @for (item of group.items; track item.key) {\r\n        <!--\r\n          `fExternalItem` rende la voce trascinabile sul canvas: il rilascio emette\r\n          `fCreateNode` con questo `fData` e la posizione, che diventa locationX/locationY.\r\n          Il dato e' l'oggetto {type, variant}, non il solo tipo: due voci dello stesso tipo\r\n          si distinguono soltanto per la variante.\r\n        -->\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-palette__item\"\r\n          fExternalItem\r\n          [fExternalItemId]=\"item.key\"\r\n          [fData]=\"item.data\"\r\n          [class.fb-palette__item--warn]=\"isIncompatible(item)\"\r\n          [title]=\"hintOf(item)\"\r\n          (click)=\"pick(item)\"\r\n        >\r\n          <span class=\"fb-palette__icon\" [class]=\"'fb-palette__icon ' + categoryClass(group.category)\">\r\n            {{ iconOf(item) }}\r\n          </span>\r\n          <span class=\"fb-palette__text\">\r\n            <span class=\"fb-palette__label\">{{ item.label }}</span>\r\n            @if (item.entry.hasAutomaticOutput) {\r\n              <span class=\"fb-palette__flag\" title=\"Espone un output automatico sotto il nome dell\u2019elemento\">\r\n                output automatico\r\n              </span>\r\n            }\r\n            @if (faultLabel(item)) {\r\n              <span class=\"fb-palette__flag\" title=\"Ha un ramo che l\u2019autore puo\u2019 prevedere e disegnare\">\r\n                {{ faultLabel(item) }}\r\n              </span>\r\n            }\r\n          </span>\r\n          @if (isIncompatible(item)) {\r\n            <span class=\"fb-palette__warn\" aria-hidden=\"true\">!</span>\r\n          }\r\n        </button>\r\n      }\r\n    </section>\r\n  }\r\n</div>\r\n", styles: [":host{display:flex;flex-direction:column;height:100%;min-height:0;background:var(--fb-surface, #fff);border-right:1px solid var(--fb-border, #d6dae1)}.fb-palette__search{padding:8px;border-bottom:1px solid var(--fb-border-subtle, #e6e9ee)}.fb-palette__search input{box-sizing:border-box;width:100%;padding:5px 8px;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);color:var(--fb-text, #1d2939);font:inherit;font-size:12px}.fb-palette__search input:focus-visible{outline:2px solid var(--fb-accent, #2f6feb);outline-offset:-1px}.fb-palette__groups{flex:1;min-height:0;overflow-y:auto;padding:4px 0 12px}.fb-palette__empty{margin:12px 10px;font-size:12px;color:var(--fb-text-muted, #667085)}.fb-palette__category{margin:10px 10px 4px;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--fb-text-subtle, #98a2b3)}.fb-palette__item{display:flex;align-items:center;gap:8px;box-sizing:border-box;width:calc(100% - 12px);margin:1px 6px;padding:5px 8px;border:0;border-radius:var(--fb-radius-xs, 6px);background:transparent;color:var(--fb-text, #1a1c23);font:inherit;text-align:left;cursor:grab;transition:background .12s ease}.fb-palette__item:hover{background:var(--fb-surface-alt, #f7f8fa)}.fb-palette__item:focus-visible{outline:2px solid var(--fb-accent, #2f6feb);outline-offset:-2px}.fb-palette__icon{display:grid;place-items:center;flex:0 0 auto;width:24px;height:24px;border-radius:var(--fb-radius-xs, 6px);background:var(--fb-icon-bg, #98a2b3);color:#fff;font-size:11px;font-weight:700}.cat-screen{--fb-icon-bg: #3b82f6}.cat-logic{--fb-icon-bg: #8b5cf6}.cat-data{--fb-icon-bg: #06b6d4}.cat-action{--fb-icon-bg: #f59e0b}.cat-flow{--fb-icon-bg: #14b8a6}.fb-palette__text{display:flex;flex-direction:column;min-width:0}.fb-palette__label{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fb-palette__flag{font-size:9px;color:var(--fb-text-subtle, #98a2b3)}.fb-palette__item--warn .fb-palette__label{color:var(--fb-warning, #b7791f)}.fb-palette__warn{margin-left:auto;color:var(--fb-warning, #b7791f);font-weight:700}:host ::ng-deep .f-external-item-preview{padding:4px 8px;border:1px solid var(--fb-accent, #2f6feb);border-radius:6px;background:var(--fb-surface, #fff);box-shadow:0 4px 12px #1018282e;opacity:.95}\n"], dependencies: [{ kind: "ngmodule", type: FFlowModule }, { kind: "directive", type: i1.FExternalItem, selector: "[fExternalItem]", inputs: ["fExternalItemId", "fData", "fDisabled", "fPreview", "fPreviewMatchSize", "fPlaceholder"], outputs: ["fPreviewChange", "fPlaceholderChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: ElementPaletteComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'fb-element-palette', standalone: true, imports: [FFlowModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"fb-palette__search\">\r\n  <input\r\n    type=\"search\"\r\n    placeholder=\"Cerca un elemento\"\r\n    aria-label=\"Cerca un elemento\"\r\n    (input)=\"onFilter($any($event.target).value)\"\r\n  />\r\n</div>\r\n\r\n@if (isEmpty()) {\r\n  <p class=\"fb-palette__empty\">\r\n    Il dizionario degli elementi non e\u2019 ancora disponibile.\r\n  </p>\r\n}\r\n\r\n<div class=\"fb-palette__groups\">\r\n  @for (group of groups(); track group.category) {\r\n    <section class=\"fb-palette__group\">\r\n      <h3 class=\"fb-palette__category\">{{ group.category }}</h3>\r\n      @for (entry of group.entries; track entry.value) {\r\n        <!--\r\n          `fExternalItem` rende la voce trascinabile sul canvas: il rilascio emette\r\n          `fCreateNode` con questo `fData` e la posizione, che diventa locationX/locationY.\r\n        -->\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-palette__item\"\r\n          fExternalItem\r\n          [fExternalItemId]=\"entry.value\"\r\n          [fData]=\"entry.value\"\r\n          [class.fb-palette__item--warn]=\"isIncompatible(entry)\"\r\n          [title]=\"incompatibleHint(entry) || entry.description || entry.label\"\r\n          (click)=\"pick(entry)\"\r\n        >\r\n          <span class=\"fb-palette__icon\" [class]=\"'fb-palette__icon ' + categoryClass(group.category)\">\r\n            {{ iconOf(entry) }}\r\n          </span>\r\n          <span class=\"fb-palette__text\">\r\n            <span class=\"fb-palette__label\">{{ entry.label }}</span>\r\n            @if (entry.hasAutomaticOutput) {\r\n              <span class=\"fb-palette__flag\" title=\"Espone un output automatico sotto il nome dell\u2019elemento\">\r\n                output automatico\r\n              </span>\r\n            }\r\n            @if (faultLabel(entry)) {\r\n              <span class=\"fb-palette__flag\" title=\"Ha un ramo che l\u2019autore puo\u2019 prevedere e disegnare\">\r\n                {{ faultLabel(entry) }}\r\n              </span>\r\n            }\r\n          </span>\r\n          @if (isIncompatible(entry)) {\r\n            <span class=\"fb-palette__warn\" aria-hidden=\"true\">!</span>\r\n          }\r\n        </button>\r\n      }\r\n    </section>\r\n  }\r\n</div>\r\n", styles: [":host{display:flex;flex-direction:column;height:100%;min-height:0;background:var(--fb-surface, #fff);border-right:1px solid var(--fb-border, #d6dae1)}.fb-palette__search{padding:8px;border-bottom:1px solid var(--fb-border-subtle, #e6e9ee)}.fb-palette__search input{box-sizing:border-box;width:100%;padding:5px 8px;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);color:var(--fb-text, #1d2939);font:inherit;font-size:12px}.fb-palette__search input:focus-visible{outline:2px solid var(--fb-accent, #2f6feb);outline-offset:-1px}.fb-palette__groups{flex:1;min-height:0;overflow-y:auto;padding:4px 0 12px}.fb-palette__empty{margin:12px 10px;font-size:12px;color:var(--fb-text-muted, #667085)}.fb-palette__category{margin:10px 10px 4px;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--fb-text-subtle, #98a2b3)}.fb-palette__item{display:flex;align-items:center;gap:8px;box-sizing:border-box;width:calc(100% - 12px);margin:1px 6px;padding:5px 8px;border:0;border-radius:var(--fb-radius-xs, 6px);background:transparent;color:var(--fb-text, #1a1c23);font:inherit;text-align:left;cursor:grab;transition:background .12s ease}.fb-palette__item:hover{background:var(--fb-surface-alt, #f7f8fa)}.fb-palette__item:focus-visible{outline:2px solid var(--fb-accent, #2f6feb);outline-offset:-2px}.fb-palette__icon{display:grid;place-items:center;flex:0 0 auto;width:24px;height:24px;border-radius:var(--fb-radius-xs, 6px);background:var(--fb-icon-bg, #98a2b3);color:#fff;font-size:11px;font-weight:700}.cat-screen{--fb-icon-bg: #3b82f6}.cat-logic{--fb-icon-bg: #8b5cf6}.cat-data{--fb-icon-bg: #06b6d4}.cat-action{--fb-icon-bg: #f59e0b}.cat-flow{--fb-icon-bg: #14b8a6}.fb-palette__text{display:flex;flex-direction:column;min-width:0}.fb-palette__label{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fb-palette__flag{font-size:9px;color:var(--fb-text-subtle, #98a2b3)}.fb-palette__item--warn .fb-palette__label{color:var(--fb-warning, #b7791f)}.fb-palette__warn{margin-left:auto;color:var(--fb-warning, #b7791f);font-weight:700}:host ::ng-deep .f-external-item-preview{padding:4px 8px;border:1px solid var(--fb-accent, #2f6feb);border-radius:6px;background:var(--fb-surface, #fff);box-shadow:0 4px 12px #1018282e;opacity:.95}\n"] }]
+            args: [{ selector: 'fb-element-palette', standalone: true, imports: [FFlowModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"fb-palette__search\">\r\n  <input\r\n    type=\"search\"\r\n    placeholder=\"Cerca un elemento\"\r\n    aria-label=\"Cerca un elemento\"\r\n    (input)=\"onFilter($any($event.target).value)\"\r\n  />\r\n</div>\r\n\r\n@if (isEmpty()) {\r\n  <p class=\"fb-palette__empty\">\r\n    Il dizionario degli elementi non e\u2019 ancora disponibile.\r\n  </p>\r\n}\r\n\r\n<div class=\"fb-palette__groups\">\r\n  @for (group of groups(); track group.category) {\r\n    <section class=\"fb-palette__group\">\r\n      <h3 class=\"fb-palette__category\">{{ group.category }}</h3>\r\n      @for (item of group.items; track item.key) {\r\n        <!--\r\n          `fExternalItem` rende la voce trascinabile sul canvas: il rilascio emette\r\n          `fCreateNode` con questo `fData` e la posizione, che diventa locationX/locationY.\r\n          Il dato e' l'oggetto {type, variant}, non il solo tipo: due voci dello stesso tipo\r\n          si distinguono soltanto per la variante.\r\n        -->\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-palette__item\"\r\n          fExternalItem\r\n          [fExternalItemId]=\"item.key\"\r\n          [fData]=\"item.data\"\r\n          [class.fb-palette__item--warn]=\"isIncompatible(item)\"\r\n          [title]=\"hintOf(item)\"\r\n          (click)=\"pick(item)\"\r\n        >\r\n          <span class=\"fb-palette__icon\" [class]=\"'fb-palette__icon ' + categoryClass(group.category)\">\r\n            {{ iconOf(item) }}\r\n          </span>\r\n          <span class=\"fb-palette__text\">\r\n            <span class=\"fb-palette__label\">{{ item.label }}</span>\r\n            @if (item.entry.hasAutomaticOutput) {\r\n              <span class=\"fb-palette__flag\" title=\"Espone un output automatico sotto il nome dell\u2019elemento\">\r\n                output automatico\r\n              </span>\r\n            }\r\n            @if (faultLabel(item)) {\r\n              <span class=\"fb-palette__flag\" title=\"Ha un ramo che l\u2019autore puo\u2019 prevedere e disegnare\">\r\n                {{ faultLabel(item) }}\r\n              </span>\r\n            }\r\n          </span>\r\n          @if (isIncompatible(item)) {\r\n            <span class=\"fb-palette__warn\" aria-hidden=\"true\">!</span>\r\n          }\r\n        </button>\r\n      }\r\n    </section>\r\n  }\r\n</div>\r\n", styles: [":host{display:flex;flex-direction:column;height:100%;min-height:0;background:var(--fb-surface, #fff);border-right:1px solid var(--fb-border, #d6dae1)}.fb-palette__search{padding:8px;border-bottom:1px solid var(--fb-border-subtle, #e6e9ee)}.fb-palette__search input{box-sizing:border-box;width:100%;padding:5px 8px;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);color:var(--fb-text, #1d2939);font:inherit;font-size:12px}.fb-palette__search input:focus-visible{outline:2px solid var(--fb-accent, #2f6feb);outline-offset:-1px}.fb-palette__groups{flex:1;min-height:0;overflow-y:auto;padding:4px 0 12px}.fb-palette__empty{margin:12px 10px;font-size:12px;color:var(--fb-text-muted, #667085)}.fb-palette__category{margin:10px 10px 4px;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--fb-text-subtle, #98a2b3)}.fb-palette__item{display:flex;align-items:center;gap:8px;box-sizing:border-box;width:calc(100% - 12px);margin:1px 6px;padding:5px 8px;border:0;border-radius:var(--fb-radius-xs, 6px);background:transparent;color:var(--fb-text, #1a1c23);font:inherit;text-align:left;cursor:grab;transition:background .12s ease}.fb-palette__item:hover{background:var(--fb-surface-alt, #f7f8fa)}.fb-palette__item:focus-visible{outline:2px solid var(--fb-accent, #2f6feb);outline-offset:-2px}.fb-palette__icon{display:grid;place-items:center;flex:0 0 auto;width:24px;height:24px;border-radius:var(--fb-radius-xs, 6px);background:var(--fb-icon-bg, #98a2b3);color:#fff;font-size:11px;font-weight:700}.cat-screen{--fb-icon-bg: #3b82f6}.cat-logic{--fb-icon-bg: #8b5cf6}.cat-data{--fb-icon-bg: #06b6d4}.cat-action{--fb-icon-bg: #f59e0b}.cat-flow{--fb-icon-bg: #14b8a6}.fb-palette__text{display:flex;flex-direction:column;min-width:0}.fb-palette__label{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fb-palette__flag{font-size:9px;color:var(--fb-text-subtle, #98a2b3)}.fb-palette__item--warn .fb-palette__label{color:var(--fb-warning, #b7791f)}.fb-palette__warn{margin-left:auto;color:var(--fb-warning, #b7791f);font-weight:700}:host ::ng-deep .f-external-item-preview{padding:4px 8px;border:1px solid var(--fb-accent, #2f6feb);border-radius:6px;background:var(--fb-surface, #fff);box-shadow:0 4px 12px #1018282e;opacity:.95}\n"] }]
         }], propDecorators: { processType: [{ type: i0.Input, args: [{ isSignal: true, alias: "processType", required: false }] }], elementPicked: [{ type: i0.Output, args: ["elementPicked"] }] } });
 
 /**
@@ -3342,11 +3459,11 @@ class ObjectPickerComponent {
         return parts.join(' · ');
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: ObjectPickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: ObjectPickerComponent, isStandalone: true, selector: "fb-object-picker", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<div class=\"fb-pick\" [class.fb-pick--open]=\"isOpen()\">\r\n  <div class=\"fb-pick__control\">\r\n    <input\r\n      class=\"fb-pick__input\"\r\n      type=\"text\"\r\n      role=\"combobox\"\r\n      autocomplete=\"off\"\r\n      [value]=\"text()\"\r\n      [placeholder]=\"placeholder()\"\r\n      [disabled]=\"disabled()\"\r\n      [attr.aria-label]=\"label()\"\r\n      [attr.aria-expanded]=\"isOpen()\"\r\n      (input)=\"onInput($any($event.target).value)\"\r\n      (focus)=\"open()\"\r\n      (keydown.escape)=\"close()\"\r\n    />\r\n    <button\r\n      type=\"button\"\r\n      class=\"fb-pick__toggle\"\r\n      [disabled]=\"disabled()\"\r\n      [attr.aria-expanded]=\"isOpen()\"\r\n      aria-label=\"Mostra gli oggetti disponibili\"\r\n      (click)=\"toggle()\"\r\n    >\r\n      \u25BE\r\n    </button>\r\n    @if (value()) {\r\n      <button type=\"button\" class=\"fb-pick__clear\" aria-label=\"Svuota\" (click)=\"clear()\">\u00D7</button>\r\n    }\r\n  </div>\r\n\r\n  @if (isUnknown()) {\r\n    <p class=\"fb-pick__hint fb-pick__hint--warn\">\r\n      Questo nome non e\u2019 fra gli oggetti disponibili: la validazione lo segnalerebbe.\r\n    </p>\r\n  } @else if (labelOfValue()) {\r\n    <p class=\"fb-pick__hint\">{{ labelOfValue() }}</p>\r\n  } @else if (loadErrored()) {\r\n    <p class=\"fb-pick__hint fb-pick__hint--warn\">\r\n      Elenco degli oggetti non disponibile: puoi scrivere il nome a mano.\r\n    </p>\r\n  }\r\n\r\n  @if (isOpen()) {\r\n    <div class=\"fb-pick__panel\" role=\"listbox\">\r\n      @if (options().length === 0) {\r\n        <p class=\"fb-pick__empty\">\r\n          {{ hasCatalog() ? 'Nessun oggetto corrisponde.' : 'Catalogo degli oggetti non disponibile.' }}\r\n        </p>\r\n      }\r\n      @for (object of options(); track object.name) {\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-pick__option\"\r\n          role=\"option\"\r\n          [attr.aria-selected]=\"object.name === value()\"\r\n          (click)=\"choose(object)\"\r\n        >\r\n          <span class=\"fb-pick__name\">{{ object.name }}</span>\r\n          @if (describe(object)) {\r\n            <span class=\"fb-pick__meta\">{{ describe(object) }}</span>\r\n          }\r\n        </button>\r\n      }\r\n      <button type=\"button\" class=\"fb-pick__close\" (click)=\"close()\">Chiudi</button>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [":host{display:block}.fb-pick{position:relative}.fb-pick__control{display:flex;align-items:stretch;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);overflow:hidden}.fb-pick--open .fb-pick__control{border-color:var(--fb-accent, #2f6feb)}.fb-pick__input{flex:1;min-width:0;padding:5px 7px;border:0;background:transparent;color:var(--fb-text, #1d2939);font:inherit;font-size:12px}.fb-pick__input:focus-visible{outline:none}.fb-pick__input--mono,.fb-pick__name--mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.fb-pick__toggle,.fb-pick__clear{flex:0 0 auto;padding:0 7px;border:0;border-left:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:12px;cursor:pointer}.fb-pick__toggle:hover,.fb-pick__clear:hover{background:var(--fb-surface-alt, #f8f9fb)}.fb-pick__hint{margin:3px 0 0;font-size:10px;line-height:1.35;color:var(--fb-text-subtle, #98a2b3)}.fb-pick__hint--warn{color:var(--fb-warning, #b7791f)}.fb-pick__panel{position:absolute;z-index:30;top:calc(100% + 3px);left:0;right:0;max-height:260px;overflow-y:auto;padding:6px;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);box-shadow:0 6px 18px #10182829}.fb-pick__option{display:flex;flex-direction:column;width:100%;padding:4px 6px;border:0;border-radius:4px;background:transparent;color:var(--fb-text, #1d2939);font:inherit;text-align:left;cursor:pointer}.fb-pick__option:hover,.fb-pick__option[aria-selected=true]{background:var(--fb-surface-alt, #f8f9fb)}.fb-pick__name{font-size:12px}.fb-pick__meta{font-size:10px;color:var(--fb-text-muted, #667085)}.fb-pick__empty{margin:4px;font-size:11px;color:var(--fb-text-muted, #667085)}.fb-pick__close{width:100%;margin-top:4px;padding:4px;border:0;border-top:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:11px;cursor:pointer}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: ObjectPickerComponent, isStandalone: true, selector: "fb-object-picker", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<div class=\"fb-pick\" [class.fb-pick--open]=\"isOpen()\">\r\n  <div class=\"fb-pick__control\">\r\n    <input\r\n      class=\"fb-pick__input\"\r\n      type=\"text\"\r\n      role=\"combobox\"\r\n      autocomplete=\"off\"\r\n      [value]=\"text()\"\r\n      [placeholder]=\"placeholder()\"\r\n      [disabled]=\"disabled()\"\r\n      [attr.aria-label]=\"label()\"\r\n      [attr.aria-expanded]=\"isOpen()\"\r\n      (input)=\"onInput($any($event.target).value)\"\r\n      (focus)=\"open()\"\r\n      (keydown.escape)=\"close()\"\r\n    />\r\n    <button\r\n      type=\"button\"\r\n      class=\"fb-pick__toggle\"\r\n      [disabled]=\"disabled()\"\r\n      [attr.aria-expanded]=\"isOpen()\"\r\n      aria-label=\"Mostra gli oggetti disponibili\"\r\n      (click)=\"toggle()\"\r\n    >\r\n      \u25BE\r\n    </button>\r\n    @if (value()) {\r\n      <button type=\"button\" class=\"fb-pick__clear\" aria-label=\"Svuota\" (click)=\"clear()\">\u00D7</button>\r\n    }\r\n  </div>\r\n\r\n  @if (isUnknown()) {\r\n    <p class=\"fb-pick__hint fb-pick__hint--warn\">\r\n      Questo nome non e\u2019 fra gli oggetti disponibili: la validazione lo segnalerebbe.\r\n    </p>\r\n  } @else if (labelOfValue()) {\r\n    <p class=\"fb-pick__hint\">{{ labelOfValue() }}</p>\r\n  } @else if (loadErrored()) {\r\n    <p class=\"fb-pick__hint fb-pick__hint--warn\">\r\n      Elenco degli oggetti non disponibile: puoi scrivere il nome a mano.\r\n    </p>\r\n  }\r\n\r\n  @if (isOpen()) {\r\n    <div class=\"fb-pick__panel\" role=\"listbox\">\r\n      @if (options().length === 0) {\r\n        <p class=\"fb-pick__empty\">\r\n          {{ hasCatalog() ? 'Nessun oggetto corrisponde.' : 'Catalogo degli oggetti non disponibile.' }}\r\n        </p>\r\n      }\r\n      @for (object of options(); track object.name) {\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-pick__option\"\r\n          role=\"option\"\r\n          [attr.aria-selected]=\"object.name === value()\"\r\n          (click)=\"choose(object)\"\r\n        >\r\n          <span class=\"fb-pick__name\">{{ object.name }}</span>\r\n          @if (describe(object)) {\r\n            <span class=\"fb-pick__meta\">{{ describe(object) }}</span>\r\n          }\r\n        </button>\r\n      }\r\n      <button type=\"button\" class=\"fb-pick__close\" (click)=\"close()\">Chiudi</button>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [":host{display:block}.fb-pick{position:relative}.fb-pick__control{display:flex;align-items:stretch;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);overflow:hidden}.fb-pick--open .fb-pick__control{border-color:var(--fb-accent, #2f6feb)}.fb-pick__input{flex:1;min-width:0;padding:5px 7px;border:0;background:transparent;color:var(--fb-text, #1d2939);font:inherit;font-size:12px}.fb-pick__input:focus-visible{outline:none}.fb-pick__input--mono,.fb-pick__name--mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.fb-pick__toggle,.fb-pick__clear{flex:0 0 auto;padding:0 7px;border:0;border-left:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:12px;cursor:pointer}.fb-pick__toggle:hover,.fb-pick__clear:hover{background:var(--fb-surface-alt, #f8f9fb)}.fb-pick__hint{margin:3px 0 0;font-size:10px;line-height:1.35;color:var(--fb-text-subtle, #98a2b3)}.fb-pick__hint--warn{color:var(--fb-warning, #b7791f)}.fb-pick__hint--error{color:var(--fb-error, #c9372c)}.fb-pick__panel{position:absolute;z-index:30;top:calc(100% + 3px);left:0;right:0;max-height:260px;overflow-y:auto;padding:6px;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);box-shadow:0 6px 18px #10182829}.fb-pick__option{display:flex;flex-direction:column;width:100%;padding:4px 6px;border:0;border-radius:4px;background:transparent;color:var(--fb-text, #1d2939);font:inherit;text-align:left;cursor:pointer}.fb-pick__option:hover,.fb-pick__option[aria-selected=true]{background:var(--fb-surface-alt, #f8f9fb)}.fb-pick__name{font-size:12px}.fb-pick__meta{font-size:10px;color:var(--fb-text-muted, #667085)}.fb-pick__empty{margin:4px;font-size:11px;color:var(--fb-text-muted, #667085)}.fb-pick__close{width:100%;margin-top:4px;padding:4px;border:0;border-top:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:11px;cursor:pointer}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: ObjectPickerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'fb-object-picker', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"fb-pick\" [class.fb-pick--open]=\"isOpen()\">\r\n  <div class=\"fb-pick__control\">\r\n    <input\r\n      class=\"fb-pick__input\"\r\n      type=\"text\"\r\n      role=\"combobox\"\r\n      autocomplete=\"off\"\r\n      [value]=\"text()\"\r\n      [placeholder]=\"placeholder()\"\r\n      [disabled]=\"disabled()\"\r\n      [attr.aria-label]=\"label()\"\r\n      [attr.aria-expanded]=\"isOpen()\"\r\n      (input)=\"onInput($any($event.target).value)\"\r\n      (focus)=\"open()\"\r\n      (keydown.escape)=\"close()\"\r\n    />\r\n    <button\r\n      type=\"button\"\r\n      class=\"fb-pick__toggle\"\r\n      [disabled]=\"disabled()\"\r\n      [attr.aria-expanded]=\"isOpen()\"\r\n      aria-label=\"Mostra gli oggetti disponibili\"\r\n      (click)=\"toggle()\"\r\n    >\r\n      \u25BE\r\n    </button>\r\n    @if (value()) {\r\n      <button type=\"button\" class=\"fb-pick__clear\" aria-label=\"Svuota\" (click)=\"clear()\">\u00D7</button>\r\n    }\r\n  </div>\r\n\r\n  @if (isUnknown()) {\r\n    <p class=\"fb-pick__hint fb-pick__hint--warn\">\r\n      Questo nome non e\u2019 fra gli oggetti disponibili: la validazione lo segnalerebbe.\r\n    </p>\r\n  } @else if (labelOfValue()) {\r\n    <p class=\"fb-pick__hint\">{{ labelOfValue() }}</p>\r\n  } @else if (loadErrored()) {\r\n    <p class=\"fb-pick__hint fb-pick__hint--warn\">\r\n      Elenco degli oggetti non disponibile: puoi scrivere il nome a mano.\r\n    </p>\r\n  }\r\n\r\n  @if (isOpen()) {\r\n    <div class=\"fb-pick__panel\" role=\"listbox\">\r\n      @if (options().length === 0) {\r\n        <p class=\"fb-pick__empty\">\r\n          {{ hasCatalog() ? 'Nessun oggetto corrisponde.' : 'Catalogo degli oggetti non disponibile.' }}\r\n        </p>\r\n      }\r\n      @for (object of options(); track object.name) {\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-pick__option\"\r\n          role=\"option\"\r\n          [attr.aria-selected]=\"object.name === value()\"\r\n          (click)=\"choose(object)\"\r\n        >\r\n          <span class=\"fb-pick__name\">{{ object.name }}</span>\r\n          @if (describe(object)) {\r\n            <span class=\"fb-pick__meta\">{{ describe(object) }}</span>\r\n          }\r\n        </button>\r\n      }\r\n      <button type=\"button\" class=\"fb-pick__close\" (click)=\"close()\">Chiudi</button>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [":host{display:block}.fb-pick{position:relative}.fb-pick__control{display:flex;align-items:stretch;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);overflow:hidden}.fb-pick--open .fb-pick__control{border-color:var(--fb-accent, #2f6feb)}.fb-pick__input{flex:1;min-width:0;padding:5px 7px;border:0;background:transparent;color:var(--fb-text, #1d2939);font:inherit;font-size:12px}.fb-pick__input:focus-visible{outline:none}.fb-pick__input--mono,.fb-pick__name--mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.fb-pick__toggle,.fb-pick__clear{flex:0 0 auto;padding:0 7px;border:0;border-left:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:12px;cursor:pointer}.fb-pick__toggle:hover,.fb-pick__clear:hover{background:var(--fb-surface-alt, #f8f9fb)}.fb-pick__hint{margin:3px 0 0;font-size:10px;line-height:1.35;color:var(--fb-text-subtle, #98a2b3)}.fb-pick__hint--warn{color:var(--fb-warning, #b7791f)}.fb-pick__panel{position:absolute;z-index:30;top:calc(100% + 3px);left:0;right:0;max-height:260px;overflow-y:auto;padding:6px;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);box-shadow:0 6px 18px #10182829}.fb-pick__option{display:flex;flex-direction:column;width:100%;padding:4px 6px;border:0;border-radius:4px;background:transparent;color:var(--fb-text, #1d2939);font:inherit;text-align:left;cursor:pointer}.fb-pick__option:hover,.fb-pick__option[aria-selected=true]{background:var(--fb-surface-alt, #f8f9fb)}.fb-pick__name{font-size:12px}.fb-pick__meta{font-size:10px;color:var(--fb-text-muted, #667085)}.fb-pick__empty{margin:4px;font-size:11px;color:var(--fb-text-muted, #667085)}.fb-pick__close{width:100%;margin-top:4px;padding:4px;border:0;border-top:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:11px;cursor:pointer}\n"] }]
+            args: [{ selector: 'fb-object-picker', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"fb-pick\" [class.fb-pick--open]=\"isOpen()\">\r\n  <div class=\"fb-pick__control\">\r\n    <input\r\n      class=\"fb-pick__input\"\r\n      type=\"text\"\r\n      role=\"combobox\"\r\n      autocomplete=\"off\"\r\n      [value]=\"text()\"\r\n      [placeholder]=\"placeholder()\"\r\n      [disabled]=\"disabled()\"\r\n      [attr.aria-label]=\"label()\"\r\n      [attr.aria-expanded]=\"isOpen()\"\r\n      (input)=\"onInput($any($event.target).value)\"\r\n      (focus)=\"open()\"\r\n      (keydown.escape)=\"close()\"\r\n    />\r\n    <button\r\n      type=\"button\"\r\n      class=\"fb-pick__toggle\"\r\n      [disabled]=\"disabled()\"\r\n      [attr.aria-expanded]=\"isOpen()\"\r\n      aria-label=\"Mostra gli oggetti disponibili\"\r\n      (click)=\"toggle()\"\r\n    >\r\n      \u25BE\r\n    </button>\r\n    @if (value()) {\r\n      <button type=\"button\" class=\"fb-pick__clear\" aria-label=\"Svuota\" (click)=\"clear()\">\u00D7</button>\r\n    }\r\n  </div>\r\n\r\n  @if (isUnknown()) {\r\n    <p class=\"fb-pick__hint fb-pick__hint--warn\">\r\n      Questo nome non e\u2019 fra gli oggetti disponibili: la validazione lo segnalerebbe.\r\n    </p>\r\n  } @else if (labelOfValue()) {\r\n    <p class=\"fb-pick__hint\">{{ labelOfValue() }}</p>\r\n  } @else if (loadErrored()) {\r\n    <p class=\"fb-pick__hint fb-pick__hint--warn\">\r\n      Elenco degli oggetti non disponibile: puoi scrivere il nome a mano.\r\n    </p>\r\n  }\r\n\r\n  @if (isOpen()) {\r\n    <div class=\"fb-pick__panel\" role=\"listbox\">\r\n      @if (options().length === 0) {\r\n        <p class=\"fb-pick__empty\">\r\n          {{ hasCatalog() ? 'Nessun oggetto corrisponde.' : 'Catalogo degli oggetti non disponibile.' }}\r\n        </p>\r\n      }\r\n      @for (object of options(); track object.name) {\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-pick__option\"\r\n          role=\"option\"\r\n          [attr.aria-selected]=\"object.name === value()\"\r\n          (click)=\"choose(object)\"\r\n        >\r\n          <span class=\"fb-pick__name\">{{ object.name }}</span>\r\n          @if (describe(object)) {\r\n            <span class=\"fb-pick__meta\">{{ describe(object) }}</span>\r\n          }\r\n        </button>\r\n      }\r\n      <button type=\"button\" class=\"fb-pick__close\" (click)=\"close()\">Chiudi</button>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [":host{display:block}.fb-pick{position:relative}.fb-pick__control{display:flex;align-items:stretch;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);overflow:hidden}.fb-pick--open .fb-pick__control{border-color:var(--fb-accent, #2f6feb)}.fb-pick__input{flex:1;min-width:0;padding:5px 7px;border:0;background:transparent;color:var(--fb-text, #1d2939);font:inherit;font-size:12px}.fb-pick__input:focus-visible{outline:none}.fb-pick__input--mono,.fb-pick__name--mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.fb-pick__toggle,.fb-pick__clear{flex:0 0 auto;padding:0 7px;border:0;border-left:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:12px;cursor:pointer}.fb-pick__toggle:hover,.fb-pick__clear:hover{background:var(--fb-surface-alt, #f8f9fb)}.fb-pick__hint{margin:3px 0 0;font-size:10px;line-height:1.35;color:var(--fb-text-subtle, #98a2b3)}.fb-pick__hint--warn{color:var(--fb-warning, #b7791f)}.fb-pick__hint--error{color:var(--fb-error, #c9372c)}.fb-pick__panel{position:absolute;z-index:30;top:calc(100% + 3px);left:0;right:0;max-height:260px;overflow-y:auto;padding:6px;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);box-shadow:0 6px 18px #10182829}.fb-pick__option{display:flex;flex-direction:column;width:100%;padding:4px 6px;border:0;border-radius:4px;background:transparent;color:var(--fb-text, #1d2939);font:inherit;text-align:left;cursor:pointer}.fb-pick__option:hover,.fb-pick__option[aria-selected=true]{background:var(--fb-surface-alt, #f8f9fb)}.fb-pick__name{font-size:12px}.fb-pick__meta{font-size:10px;color:var(--fb-text-muted, #667085)}.fb-pick__empty{margin:4px;font-size:11px;color:var(--fb-text-muted, #667085)}.fb-pick__close{width:100%;margin-top:4px;padding:4px;border:0;border-top:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:11px;cursor:pointer}\n"] }]
         }], ctorParameters: () => [], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }] } });
 
 /**
@@ -3482,11 +3599,11 @@ class FieldPickerComponent {
         return parts.join(' · ');
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: FieldPickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: FieldPickerComponent, isStandalone: true, selector: "fb-field-picker", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, object: { classPropertyName: "object", publicName: "object", isSignal: true, isRequired: false, transformFunction: null }, usage: { classPropertyName: "usage", publicName: "usage", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<div class=\"fb-pick\" [class.fb-pick--open]=\"isOpen()\">\r\n  <div class=\"fb-pick__control\">\r\n    <input\r\n      class=\"fb-pick__input\"\r\n      type=\"text\"\r\n      role=\"combobox\"\r\n      autocomplete=\"off\"\r\n      [value]=\"text()\"\r\n      [placeholder]=\"placeholder()\"\r\n      [disabled]=\"disabled()\"\r\n      [attr.aria-label]=\"label()\"\r\n      [attr.aria-expanded]=\"isOpen()\"\r\n      (input)=\"onInput($any($event.target).value)\"\r\n      (focus)=\"open()\"\r\n      (keydown.escape)=\"close()\"\r\n    />\r\n    <button\r\n      type=\"button\"\r\n      class=\"fb-pick__toggle\"\r\n      [disabled]=\"disabled()\"\r\n      [attr.aria-expanded]=\"isOpen()\"\r\n      aria-label=\"Mostra i campi disponibili\"\r\n      (click)=\"toggle()\"\r\n    >\r\n      \u25BE\r\n    </button>\r\n    @if (value()) {\r\n      <button type=\"button\" class=\"fb-pick__clear\" aria-label=\"Svuota\" (click)=\"clear()\">\u00D7</button>\r\n    }\r\n  </div>\r\n\r\n  @if (isRelationPath()) {\r\n    <p class=\"fb-pick__hint fb-pick__hint--warn\">\r\n      Percorso di relazione: la validazione non lo verifica, un errore si scopre solo eseguendo.\r\n    </p>\r\n  } @else if (isUnknown()) {\r\n    <p class=\"fb-pick__hint fb-pick__hint--warn\">{{ unknownMessage() }}</p>\r\n  } @else if (describeValue()) {\r\n    <p class=\"fb-pick__hint\">{{ describeValue() }}</p>\r\n  } @else if (loadErrored()) {\r\n    <p class=\"fb-pick__hint fb-pick__hint--warn\">\r\n      Elenco dei campi non disponibile: puoi scrivere il nome a mano.\r\n    </p>\r\n  }\r\n\r\n  @if (isOpen()) {\r\n    <div class=\"fb-pick__panel\" role=\"listbox\">\r\n      @if (options().length === 0) {\r\n        <p class=\"fb-pick__empty\">\r\n          @if (!object()) {\r\n            Scegli prima un oggetto.\r\n          } @else {\r\n            {{ hasCatalog() ? 'Nessun campo corrisponde.' : 'Catalogo dei campi non disponibile.' }}\r\n          }\r\n        </p>\r\n      }\r\n      @for (field of options(); track field.name) {\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-pick__option\"\r\n          role=\"option\"\r\n          [attr.aria-selected]=\"field.name === value()\"\r\n          (click)=\"choose(field)\"\r\n        >\r\n          <span class=\"fb-pick__name\">{{ field.name }}</span>\r\n          @if (describe(field)) {\r\n            <span class=\"fb-pick__meta\">{{ describe(field) }}</span>\r\n          }\r\n        </button>\r\n      }\r\n      <button type=\"button\" class=\"fb-pick__close\" (click)=\"close()\">Chiudi</button>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [":host{display:block}.fb-pick{position:relative}.fb-pick__control{display:flex;align-items:stretch;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);overflow:hidden}.fb-pick--open .fb-pick__control{border-color:var(--fb-accent, #2f6feb)}.fb-pick__input{flex:1;min-width:0;padding:5px 7px;border:0;background:transparent;color:var(--fb-text, #1d2939);font:inherit;font-size:12px}.fb-pick__input:focus-visible{outline:none}.fb-pick__input--mono,.fb-pick__name--mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.fb-pick__toggle,.fb-pick__clear{flex:0 0 auto;padding:0 7px;border:0;border-left:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:12px;cursor:pointer}.fb-pick__toggle:hover,.fb-pick__clear:hover{background:var(--fb-surface-alt, #f8f9fb)}.fb-pick__hint{margin:3px 0 0;font-size:10px;line-height:1.35;color:var(--fb-text-subtle, #98a2b3)}.fb-pick__hint--warn{color:var(--fb-warning, #b7791f)}.fb-pick__panel{position:absolute;z-index:30;top:calc(100% + 3px);left:0;right:0;max-height:260px;overflow-y:auto;padding:6px;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);box-shadow:0 6px 18px #10182829}.fb-pick__option{display:flex;flex-direction:column;width:100%;padding:4px 6px;border:0;border-radius:4px;background:transparent;color:var(--fb-text, #1d2939);font:inherit;text-align:left;cursor:pointer}.fb-pick__option:hover,.fb-pick__option[aria-selected=true]{background:var(--fb-surface-alt, #f8f9fb)}.fb-pick__name{font-size:12px}.fb-pick__meta{font-size:10px;color:var(--fb-text-muted, #667085)}.fb-pick__empty{margin:4px;font-size:11px;color:var(--fb-text-muted, #667085)}.fb-pick__close{width:100%;margin-top:4px;padding:4px;border:0;border-top:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:11px;cursor:pointer}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: FieldPickerComponent, isStandalone: true, selector: "fb-field-picker", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, object: { classPropertyName: "object", publicName: "object", isSignal: true, isRequired: false, transformFunction: null }, usage: { classPropertyName: "usage", publicName: "usage", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<div class=\"fb-pick\" [class.fb-pick--open]=\"isOpen()\">\r\n  <div class=\"fb-pick__control\">\r\n    <input\r\n      class=\"fb-pick__input\"\r\n      type=\"text\"\r\n      role=\"combobox\"\r\n      autocomplete=\"off\"\r\n      [value]=\"text()\"\r\n      [placeholder]=\"placeholder()\"\r\n      [disabled]=\"disabled()\"\r\n      [attr.aria-label]=\"label()\"\r\n      [attr.aria-expanded]=\"isOpen()\"\r\n      (input)=\"onInput($any($event.target).value)\"\r\n      (focus)=\"open()\"\r\n      (keydown.escape)=\"close()\"\r\n    />\r\n    <button\r\n      type=\"button\"\r\n      class=\"fb-pick__toggle\"\r\n      [disabled]=\"disabled()\"\r\n      [attr.aria-expanded]=\"isOpen()\"\r\n      aria-label=\"Mostra i campi disponibili\"\r\n      (click)=\"toggle()\"\r\n    >\r\n      \u25BE\r\n    </button>\r\n    @if (value()) {\r\n      <button type=\"button\" class=\"fb-pick__clear\" aria-label=\"Svuota\" (click)=\"clear()\">\u00D7</button>\r\n    }\r\n  </div>\r\n\r\n  @if (isRelationPath()) {\r\n    <p class=\"fb-pick__hint fb-pick__hint--warn\">\r\n      Percorso di relazione: la validazione non lo verifica, un errore si scopre solo eseguendo.\r\n    </p>\r\n  } @else if (isUnknown()) {\r\n    <p class=\"fb-pick__hint fb-pick__hint--warn\">{{ unknownMessage() }}</p>\r\n  } @else if (describeValue()) {\r\n    <p class=\"fb-pick__hint\">{{ describeValue() }}</p>\r\n  } @else if (loadErrored()) {\r\n    <p class=\"fb-pick__hint fb-pick__hint--warn\">\r\n      Elenco dei campi non disponibile: puoi scrivere il nome a mano.\r\n    </p>\r\n  }\r\n\r\n  @if (isOpen()) {\r\n    <div class=\"fb-pick__panel\" role=\"listbox\">\r\n      @if (options().length === 0) {\r\n        <p class=\"fb-pick__empty\">\r\n          @if (!object()) {\r\n            Scegli prima un oggetto.\r\n          } @else {\r\n            {{ hasCatalog() ? 'Nessun campo corrisponde.' : 'Catalogo dei campi non disponibile.' }}\r\n          }\r\n        </p>\r\n      }\r\n      @for (field of options(); track field.name) {\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-pick__option\"\r\n          role=\"option\"\r\n          [attr.aria-selected]=\"field.name === value()\"\r\n          (click)=\"choose(field)\"\r\n        >\r\n          <span class=\"fb-pick__name\">{{ field.name }}</span>\r\n          @if (describe(field)) {\r\n            <span class=\"fb-pick__meta\">{{ describe(field) }}</span>\r\n          }\r\n        </button>\r\n      }\r\n      <button type=\"button\" class=\"fb-pick__close\" (click)=\"close()\">Chiudi</button>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [":host{display:block}.fb-pick{position:relative}.fb-pick__control{display:flex;align-items:stretch;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);overflow:hidden}.fb-pick--open .fb-pick__control{border-color:var(--fb-accent, #2f6feb)}.fb-pick__input{flex:1;min-width:0;padding:5px 7px;border:0;background:transparent;color:var(--fb-text, #1d2939);font:inherit;font-size:12px}.fb-pick__input:focus-visible{outline:none}.fb-pick__input--mono,.fb-pick__name--mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.fb-pick__toggle,.fb-pick__clear{flex:0 0 auto;padding:0 7px;border:0;border-left:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:12px;cursor:pointer}.fb-pick__toggle:hover,.fb-pick__clear:hover{background:var(--fb-surface-alt, #f8f9fb)}.fb-pick__hint{margin:3px 0 0;font-size:10px;line-height:1.35;color:var(--fb-text-subtle, #98a2b3)}.fb-pick__hint--warn{color:var(--fb-warning, #b7791f)}.fb-pick__hint--error{color:var(--fb-error, #c9372c)}.fb-pick__panel{position:absolute;z-index:30;top:calc(100% + 3px);left:0;right:0;max-height:260px;overflow-y:auto;padding:6px;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);box-shadow:0 6px 18px #10182829}.fb-pick__option{display:flex;flex-direction:column;width:100%;padding:4px 6px;border:0;border-radius:4px;background:transparent;color:var(--fb-text, #1d2939);font:inherit;text-align:left;cursor:pointer}.fb-pick__option:hover,.fb-pick__option[aria-selected=true]{background:var(--fb-surface-alt, #f8f9fb)}.fb-pick__name{font-size:12px}.fb-pick__meta{font-size:10px;color:var(--fb-text-muted, #667085)}.fb-pick__empty{margin:4px;font-size:11px;color:var(--fb-text-muted, #667085)}.fb-pick__close{width:100%;margin-top:4px;padding:4px;border:0;border-top:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:11px;cursor:pointer}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: FieldPickerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'fb-field-picker', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"fb-pick\" [class.fb-pick--open]=\"isOpen()\">\r\n  <div class=\"fb-pick__control\">\r\n    <input\r\n      class=\"fb-pick__input\"\r\n      type=\"text\"\r\n      role=\"combobox\"\r\n      autocomplete=\"off\"\r\n      [value]=\"text()\"\r\n      [placeholder]=\"placeholder()\"\r\n      [disabled]=\"disabled()\"\r\n      [attr.aria-label]=\"label()\"\r\n      [attr.aria-expanded]=\"isOpen()\"\r\n      (input)=\"onInput($any($event.target).value)\"\r\n      (focus)=\"open()\"\r\n      (keydown.escape)=\"close()\"\r\n    />\r\n    <button\r\n      type=\"button\"\r\n      class=\"fb-pick__toggle\"\r\n      [disabled]=\"disabled()\"\r\n      [attr.aria-expanded]=\"isOpen()\"\r\n      aria-label=\"Mostra i campi disponibili\"\r\n      (click)=\"toggle()\"\r\n    >\r\n      \u25BE\r\n    </button>\r\n    @if (value()) {\r\n      <button type=\"button\" class=\"fb-pick__clear\" aria-label=\"Svuota\" (click)=\"clear()\">\u00D7</button>\r\n    }\r\n  </div>\r\n\r\n  @if (isRelationPath()) {\r\n    <p class=\"fb-pick__hint fb-pick__hint--warn\">\r\n      Percorso di relazione: la validazione non lo verifica, un errore si scopre solo eseguendo.\r\n    </p>\r\n  } @else if (isUnknown()) {\r\n    <p class=\"fb-pick__hint fb-pick__hint--warn\">{{ unknownMessage() }}</p>\r\n  } @else if (describeValue()) {\r\n    <p class=\"fb-pick__hint\">{{ describeValue() }}</p>\r\n  } @else if (loadErrored()) {\r\n    <p class=\"fb-pick__hint fb-pick__hint--warn\">\r\n      Elenco dei campi non disponibile: puoi scrivere il nome a mano.\r\n    </p>\r\n  }\r\n\r\n  @if (isOpen()) {\r\n    <div class=\"fb-pick__panel\" role=\"listbox\">\r\n      @if (options().length === 0) {\r\n        <p class=\"fb-pick__empty\">\r\n          @if (!object()) {\r\n            Scegli prima un oggetto.\r\n          } @else {\r\n            {{ hasCatalog() ? 'Nessun campo corrisponde.' : 'Catalogo dei campi non disponibile.' }}\r\n          }\r\n        </p>\r\n      }\r\n      @for (field of options(); track field.name) {\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-pick__option\"\r\n          role=\"option\"\r\n          [attr.aria-selected]=\"field.name === value()\"\r\n          (click)=\"choose(field)\"\r\n        >\r\n          <span class=\"fb-pick__name\">{{ field.name }}</span>\r\n          @if (describe(field)) {\r\n            <span class=\"fb-pick__meta\">{{ describe(field) }}</span>\r\n          }\r\n        </button>\r\n      }\r\n      <button type=\"button\" class=\"fb-pick__close\" (click)=\"close()\">Chiudi</button>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [":host{display:block}.fb-pick{position:relative}.fb-pick__control{display:flex;align-items:stretch;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);overflow:hidden}.fb-pick--open .fb-pick__control{border-color:var(--fb-accent, #2f6feb)}.fb-pick__input{flex:1;min-width:0;padding:5px 7px;border:0;background:transparent;color:var(--fb-text, #1d2939);font:inherit;font-size:12px}.fb-pick__input:focus-visible{outline:none}.fb-pick__input--mono,.fb-pick__name--mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.fb-pick__toggle,.fb-pick__clear{flex:0 0 auto;padding:0 7px;border:0;border-left:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:12px;cursor:pointer}.fb-pick__toggle:hover,.fb-pick__clear:hover{background:var(--fb-surface-alt, #f8f9fb)}.fb-pick__hint{margin:3px 0 0;font-size:10px;line-height:1.35;color:var(--fb-text-subtle, #98a2b3)}.fb-pick__hint--warn{color:var(--fb-warning, #b7791f)}.fb-pick__panel{position:absolute;z-index:30;top:calc(100% + 3px);left:0;right:0;max-height:260px;overflow-y:auto;padding:6px;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);box-shadow:0 6px 18px #10182829}.fb-pick__option{display:flex;flex-direction:column;width:100%;padding:4px 6px;border:0;border-radius:4px;background:transparent;color:var(--fb-text, #1d2939);font:inherit;text-align:left;cursor:pointer}.fb-pick__option:hover,.fb-pick__option[aria-selected=true]{background:var(--fb-surface-alt, #f8f9fb)}.fb-pick__name{font-size:12px}.fb-pick__meta{font-size:10px;color:var(--fb-text-muted, #667085)}.fb-pick__empty{margin:4px;font-size:11px;color:var(--fb-text-muted, #667085)}.fb-pick__close{width:100%;margin-top:4px;padding:4px;border:0;border-top:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:11px;cursor:pointer}\n"] }]
+            args: [{ selector: 'fb-field-picker', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"fb-pick\" [class.fb-pick--open]=\"isOpen()\">\r\n  <div class=\"fb-pick__control\">\r\n    <input\r\n      class=\"fb-pick__input\"\r\n      type=\"text\"\r\n      role=\"combobox\"\r\n      autocomplete=\"off\"\r\n      [value]=\"text()\"\r\n      [placeholder]=\"placeholder()\"\r\n      [disabled]=\"disabled()\"\r\n      [attr.aria-label]=\"label()\"\r\n      [attr.aria-expanded]=\"isOpen()\"\r\n      (input)=\"onInput($any($event.target).value)\"\r\n      (focus)=\"open()\"\r\n      (keydown.escape)=\"close()\"\r\n    />\r\n    <button\r\n      type=\"button\"\r\n      class=\"fb-pick__toggle\"\r\n      [disabled]=\"disabled()\"\r\n      [attr.aria-expanded]=\"isOpen()\"\r\n      aria-label=\"Mostra i campi disponibili\"\r\n      (click)=\"toggle()\"\r\n    >\r\n      \u25BE\r\n    </button>\r\n    @if (value()) {\r\n      <button type=\"button\" class=\"fb-pick__clear\" aria-label=\"Svuota\" (click)=\"clear()\">\u00D7</button>\r\n    }\r\n  </div>\r\n\r\n  @if (isRelationPath()) {\r\n    <p class=\"fb-pick__hint fb-pick__hint--warn\">\r\n      Percorso di relazione: la validazione non lo verifica, un errore si scopre solo eseguendo.\r\n    </p>\r\n  } @else if (isUnknown()) {\r\n    <p class=\"fb-pick__hint fb-pick__hint--warn\">{{ unknownMessage() }}</p>\r\n  } @else if (describeValue()) {\r\n    <p class=\"fb-pick__hint\">{{ describeValue() }}</p>\r\n  } @else if (loadErrored()) {\r\n    <p class=\"fb-pick__hint fb-pick__hint--warn\">\r\n      Elenco dei campi non disponibile: puoi scrivere il nome a mano.\r\n    </p>\r\n  }\r\n\r\n  @if (isOpen()) {\r\n    <div class=\"fb-pick__panel\" role=\"listbox\">\r\n      @if (options().length === 0) {\r\n        <p class=\"fb-pick__empty\">\r\n          @if (!object()) {\r\n            Scegli prima un oggetto.\r\n          } @else {\r\n            {{ hasCatalog() ? 'Nessun campo corrisponde.' : 'Catalogo dei campi non disponibile.' }}\r\n          }\r\n        </p>\r\n      }\r\n      @for (field of options(); track field.name) {\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-pick__option\"\r\n          role=\"option\"\r\n          [attr.aria-selected]=\"field.name === value()\"\r\n          (click)=\"choose(field)\"\r\n        >\r\n          <span class=\"fb-pick__name\">{{ field.name }}</span>\r\n          @if (describe(field)) {\r\n            <span class=\"fb-pick__meta\">{{ describe(field) }}</span>\r\n          }\r\n        </button>\r\n      }\r\n      <button type=\"button\" class=\"fb-pick__close\" (click)=\"close()\">Chiudi</button>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [":host{display:block}.fb-pick{position:relative}.fb-pick__control{display:flex;align-items:stretch;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);overflow:hidden}.fb-pick--open .fb-pick__control{border-color:var(--fb-accent, #2f6feb)}.fb-pick__input{flex:1;min-width:0;padding:5px 7px;border:0;background:transparent;color:var(--fb-text, #1d2939);font:inherit;font-size:12px}.fb-pick__input:focus-visible{outline:none}.fb-pick__input--mono,.fb-pick__name--mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.fb-pick__toggle,.fb-pick__clear{flex:0 0 auto;padding:0 7px;border:0;border-left:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:12px;cursor:pointer}.fb-pick__toggle:hover,.fb-pick__clear:hover{background:var(--fb-surface-alt, #f8f9fb)}.fb-pick__hint{margin:3px 0 0;font-size:10px;line-height:1.35;color:var(--fb-text-subtle, #98a2b3)}.fb-pick__hint--warn{color:var(--fb-warning, #b7791f)}.fb-pick__hint--error{color:var(--fb-error, #c9372c)}.fb-pick__panel{position:absolute;z-index:30;top:calc(100% + 3px);left:0;right:0;max-height:260px;overflow-y:auto;padding:6px;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);box-shadow:0 6px 18px #10182829}.fb-pick__option{display:flex;flex-direction:column;width:100%;padding:4px 6px;border:0;border-radius:4px;background:transparent;color:var(--fb-text, #1d2939);font:inherit;text-align:left;cursor:pointer}.fb-pick__option:hover,.fb-pick__option[aria-selected=true]{background:var(--fb-surface-alt, #f8f9fb)}.fb-pick__name{font-size:12px}.fb-pick__meta{font-size:10px;color:var(--fb-text-muted, #667085)}.fb-pick__empty{margin:4px;font-size:11px;color:var(--fb-text-muted, #667085)}.fb-pick__close{width:100%;margin-top:4px;padding:4px;border:0;border-top:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:11px;cursor:pointer}\n"] }]
         }], ctorParameters: () => [], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], object: [{ type: i0.Input, args: [{ isSignal: true, alias: "object", required: false }] }], usage: [{ type: i0.Input, args: [{ isSignal: true, alias: "usage", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }] } });
 
 /**
@@ -3511,6 +3628,12 @@ class NamePickerComponent {
     disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
     /** Il testo dell'avviso sul nome fuori elenco: dipende da cosa si sta scegliendo. */
     unknownMessage = input('Questo nome non e’ fra quelli disponibili.', ...(ngDevMode ? [{ debugName: "unknownMessage" }] : []));
+    /**
+     * La gravita' dell'avviso. Non e' cosmetica: un'action o un form che non esistono sono
+     * **errori** che bloccano l'attivazione (`ACTION_UNKNOWN`, `FORM_UNKNOWN`), mentre un flow
+     * senza versione attiva e' un avviso. Mostrarli con lo stesso colore direbbe il falso.
+     */
+    unknownSeverity = input('warn', ...(ngDevMode ? [{ debugName: "unknownSeverity" }] : []));
     /** Cosa dire quando l'elenco e' vuoto: e' il caso "non lo so", non un errore. */
     emptyMessage = input('Elenco non disponibile: puoi scrivere il nome a mano.', ...(ngDevMode ? [{ debugName: "emptyMessage" }] : []));
     /** Testo monospazio: i nomi tecnici si leggono meglio, ed e' come li mostra il resto del form. */
@@ -3586,12 +3709,12 @@ class NamePickerComponent {
         return parts.join(' · ');
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: NamePickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: NamePickerComponent, isStandalone: true, selector: "fb-name-picker", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, unknownMessage: { classPropertyName: "unknownMessage", publicName: "unknownMessage", isSignal: true, isRequired: false, transformFunction: null }, emptyMessage: { classPropertyName: "emptyMessage", publicName: "emptyMessage", isSignal: true, isRequired: false, transformFunction: null }, isMono: { classPropertyName: "isMono", publicName: "isMono", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<div class=\"fb-pick\" [class.fb-pick--open]=\"isOpen()\">\r\n  <div class=\"fb-pick__control\">\r\n    <input\r\n      class=\"fb-pick__input\"\r\n      [class.fb-pick__input--mono]=\"isMono()\"\r\n      type=\"text\"\r\n      role=\"combobox\"\r\n      autocomplete=\"off\"\r\n      [value]=\"text()\"\r\n      [placeholder]=\"placeholder()\"\r\n      [disabled]=\"disabled()\"\r\n      [attr.aria-label]=\"label()\"\r\n      [attr.aria-expanded]=\"isOpen()\"\r\n      (input)=\"onInput($any($event.target).value)\"\r\n      (focus)=\"open()\"\r\n      (keydown.escape)=\"close()\"\r\n    />\r\n    <button\r\n      type=\"button\"\r\n      class=\"fb-pick__toggle\"\r\n      [disabled]=\"disabled()\"\r\n      [attr.aria-expanded]=\"isOpen()\"\r\n      aria-label=\"Mostra i nomi disponibili\"\r\n      (click)=\"toggle()\"\r\n    >\r\n      \u25BE\r\n    </button>\r\n    @if (value()) {\r\n      <button type=\"button\" class=\"fb-pick__clear\" aria-label=\"Svuota\" (click)=\"clear()\">\u00D7</button>\r\n    }\r\n  </div>\r\n\r\n  @if (isUnknown()) {\r\n    <p class=\"fb-pick__hint fb-pick__hint--warn\">{{ unknownMessage() }}</p>\r\n  } @else if (labelOfValue()) {\r\n    <p class=\"fb-pick__hint\">{{ labelOfValue() }}</p>\r\n  } @else if (!hasOptions()) {\r\n    <p class=\"fb-pick__hint\">{{ emptyMessage() }}</p>\r\n  }\r\n\r\n  @if (isOpen()) {\r\n    <div class=\"fb-pick__panel\" role=\"listbox\">\r\n      @if (visibleOptions().length === 0) {\r\n        <p class=\"fb-pick__empty\">\r\n          {{ hasOptions() ? 'Nessun nome corrisponde.' : 'Nessun candidato da proporre.' }}\r\n        </p>\r\n      }\r\n      @for (option of visibleOptions(); track option.name) {\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-pick__option\"\r\n          role=\"option\"\r\n          [attr.aria-selected]=\"option.name === value()\"\r\n          (click)=\"choose(option)\"\r\n        >\r\n          <span class=\"fb-pick__name\" [class.fb-pick__name--mono]=\"isMono()\">{{ option.name }}</span>\r\n          @if (describe(option)) {\r\n            <span class=\"fb-pick__meta\">{{ describe(option) }}</span>\r\n          }\r\n        </button>\r\n      }\r\n      <button type=\"button\" class=\"fb-pick__close\" (click)=\"close()\">Chiudi</button>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [":host{display:block}.fb-pick{position:relative}.fb-pick__control{display:flex;align-items:stretch;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);overflow:hidden}.fb-pick--open .fb-pick__control{border-color:var(--fb-accent, #2f6feb)}.fb-pick__input{flex:1;min-width:0;padding:5px 7px;border:0;background:transparent;color:var(--fb-text, #1d2939);font:inherit;font-size:12px}.fb-pick__input:focus-visible{outline:none}.fb-pick__input--mono,.fb-pick__name--mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.fb-pick__toggle,.fb-pick__clear{flex:0 0 auto;padding:0 7px;border:0;border-left:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:12px;cursor:pointer}.fb-pick__toggle:hover,.fb-pick__clear:hover{background:var(--fb-surface-alt, #f8f9fb)}.fb-pick__hint{margin:3px 0 0;font-size:10px;line-height:1.35;color:var(--fb-text-subtle, #98a2b3)}.fb-pick__hint--warn{color:var(--fb-warning, #b7791f)}.fb-pick__panel{position:absolute;z-index:30;top:calc(100% + 3px);left:0;right:0;max-height:260px;overflow-y:auto;padding:6px;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);box-shadow:0 6px 18px #10182829}.fb-pick__option{display:flex;flex-direction:column;width:100%;padding:4px 6px;border:0;border-radius:4px;background:transparent;color:var(--fb-text, #1d2939);font:inherit;text-align:left;cursor:pointer}.fb-pick__option:hover,.fb-pick__option[aria-selected=true]{background:var(--fb-surface-alt, #f8f9fb)}.fb-pick__name{font-size:12px}.fb-pick__meta{font-size:10px;color:var(--fb-text-muted, #667085)}.fb-pick__empty{margin:4px;font-size:11px;color:var(--fb-text-muted, #667085)}.fb-pick__close{width:100%;margin-top:4px;padding:4px;border:0;border-top:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:11px;cursor:pointer}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: NamePickerComponent, isStandalone: true, selector: "fb-name-picker", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, unknownMessage: { classPropertyName: "unknownMessage", publicName: "unknownMessage", isSignal: true, isRequired: false, transformFunction: null }, unknownSeverity: { classPropertyName: "unknownSeverity", publicName: "unknownSeverity", isSignal: true, isRequired: false, transformFunction: null }, emptyMessage: { classPropertyName: "emptyMessage", publicName: "emptyMessage", isSignal: true, isRequired: false, transformFunction: null }, isMono: { classPropertyName: "isMono", publicName: "isMono", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<div class=\"fb-pick\" [class.fb-pick--open]=\"isOpen()\">\r\n  <div class=\"fb-pick__control\">\r\n    <input\r\n      class=\"fb-pick__input\"\r\n      [class.fb-pick__input--mono]=\"isMono()\"\r\n      type=\"text\"\r\n      role=\"combobox\"\r\n      autocomplete=\"off\"\r\n      [value]=\"text()\"\r\n      [placeholder]=\"placeholder()\"\r\n      [disabled]=\"disabled()\"\r\n      [attr.aria-label]=\"label()\"\r\n      [attr.aria-expanded]=\"isOpen()\"\r\n      (input)=\"onInput($any($event.target).value)\"\r\n      (focus)=\"open()\"\r\n      (keydown.escape)=\"close()\"\r\n    />\r\n    <button\r\n      type=\"button\"\r\n      class=\"fb-pick__toggle\"\r\n      [disabled]=\"disabled()\"\r\n      [attr.aria-expanded]=\"isOpen()\"\r\n      aria-label=\"Mostra i nomi disponibili\"\r\n      (click)=\"toggle()\"\r\n    >\r\n      \u25BE\r\n    </button>\r\n    @if (value()) {\r\n      <button type=\"button\" class=\"fb-pick__clear\" aria-label=\"Svuota\" (click)=\"clear()\">\u00D7</button>\r\n    }\r\n  </div>\r\n\r\n  @if (isUnknown()) {\r\n    <p\r\n      class=\"fb-pick__hint\"\r\n      [class.fb-pick__hint--warn]=\"unknownSeverity() === 'warn'\"\r\n      [class.fb-pick__hint--error]=\"unknownSeverity() === 'error'\"\r\n    >\r\n      {{ unknownMessage() }}\r\n    </p>\r\n  } @else if (labelOfValue()) {\r\n    <p class=\"fb-pick__hint\">{{ labelOfValue() }}</p>\r\n  } @else if (!hasOptions()) {\r\n    <p class=\"fb-pick__hint\">{{ emptyMessage() }}</p>\r\n  }\r\n\r\n  @if (isOpen()) {\r\n    <div class=\"fb-pick__panel\" role=\"listbox\">\r\n      @if (visibleOptions().length === 0) {\r\n        <p class=\"fb-pick__empty\">\r\n          {{ hasOptions() ? 'Nessun nome corrisponde.' : 'Nessun candidato da proporre.' }}\r\n        </p>\r\n      }\r\n      @for (option of visibleOptions(); track option.name) {\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-pick__option\"\r\n          role=\"option\"\r\n          [attr.aria-selected]=\"option.name === value()\"\r\n          (click)=\"choose(option)\"\r\n        >\r\n          <span class=\"fb-pick__name\" [class.fb-pick__name--mono]=\"isMono()\">{{ option.name }}</span>\r\n          @if (describe(option)) {\r\n            <span class=\"fb-pick__meta\">{{ describe(option) }}</span>\r\n          }\r\n        </button>\r\n      }\r\n      <button type=\"button\" class=\"fb-pick__close\" (click)=\"close()\">Chiudi</button>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [":host{display:block}.fb-pick{position:relative}.fb-pick__control{display:flex;align-items:stretch;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);overflow:hidden}.fb-pick--open .fb-pick__control{border-color:var(--fb-accent, #2f6feb)}.fb-pick__input{flex:1;min-width:0;padding:5px 7px;border:0;background:transparent;color:var(--fb-text, #1d2939);font:inherit;font-size:12px}.fb-pick__input:focus-visible{outline:none}.fb-pick__input--mono,.fb-pick__name--mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.fb-pick__toggle,.fb-pick__clear{flex:0 0 auto;padding:0 7px;border:0;border-left:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:12px;cursor:pointer}.fb-pick__toggle:hover,.fb-pick__clear:hover{background:var(--fb-surface-alt, #f8f9fb)}.fb-pick__hint{margin:3px 0 0;font-size:10px;line-height:1.35;color:var(--fb-text-subtle, #98a2b3)}.fb-pick__hint--warn{color:var(--fb-warning, #b7791f)}.fb-pick__hint--error{color:var(--fb-error, #c9372c)}.fb-pick__panel{position:absolute;z-index:30;top:calc(100% + 3px);left:0;right:0;max-height:260px;overflow-y:auto;padding:6px;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);box-shadow:0 6px 18px #10182829}.fb-pick__option{display:flex;flex-direction:column;width:100%;padding:4px 6px;border:0;border-radius:4px;background:transparent;color:var(--fb-text, #1d2939);font:inherit;text-align:left;cursor:pointer}.fb-pick__option:hover,.fb-pick__option[aria-selected=true]{background:var(--fb-surface-alt, #f8f9fb)}.fb-pick__name{font-size:12px}.fb-pick__meta{font-size:10px;color:var(--fb-text-muted, #667085)}.fb-pick__empty{margin:4px;font-size:11px;color:var(--fb-text-muted, #667085)}.fb-pick__close{width:100%;margin-top:4px;padding:4px;border:0;border-top:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:11px;cursor:pointer}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: NamePickerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'fb-name-picker', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"fb-pick\" [class.fb-pick--open]=\"isOpen()\">\r\n  <div class=\"fb-pick__control\">\r\n    <input\r\n      class=\"fb-pick__input\"\r\n      [class.fb-pick__input--mono]=\"isMono()\"\r\n      type=\"text\"\r\n      role=\"combobox\"\r\n      autocomplete=\"off\"\r\n      [value]=\"text()\"\r\n      [placeholder]=\"placeholder()\"\r\n      [disabled]=\"disabled()\"\r\n      [attr.aria-label]=\"label()\"\r\n      [attr.aria-expanded]=\"isOpen()\"\r\n      (input)=\"onInput($any($event.target).value)\"\r\n      (focus)=\"open()\"\r\n      (keydown.escape)=\"close()\"\r\n    />\r\n    <button\r\n      type=\"button\"\r\n      class=\"fb-pick__toggle\"\r\n      [disabled]=\"disabled()\"\r\n      [attr.aria-expanded]=\"isOpen()\"\r\n      aria-label=\"Mostra i nomi disponibili\"\r\n      (click)=\"toggle()\"\r\n    >\r\n      \u25BE\r\n    </button>\r\n    @if (value()) {\r\n      <button type=\"button\" class=\"fb-pick__clear\" aria-label=\"Svuota\" (click)=\"clear()\">\u00D7</button>\r\n    }\r\n  </div>\r\n\r\n  @if (isUnknown()) {\r\n    <p class=\"fb-pick__hint fb-pick__hint--warn\">{{ unknownMessage() }}</p>\r\n  } @else if (labelOfValue()) {\r\n    <p class=\"fb-pick__hint\">{{ labelOfValue() }}</p>\r\n  } @else if (!hasOptions()) {\r\n    <p class=\"fb-pick__hint\">{{ emptyMessage() }}</p>\r\n  }\r\n\r\n  @if (isOpen()) {\r\n    <div class=\"fb-pick__panel\" role=\"listbox\">\r\n      @if (visibleOptions().length === 0) {\r\n        <p class=\"fb-pick__empty\">\r\n          {{ hasOptions() ? 'Nessun nome corrisponde.' : 'Nessun candidato da proporre.' }}\r\n        </p>\r\n      }\r\n      @for (option of visibleOptions(); track option.name) {\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-pick__option\"\r\n          role=\"option\"\r\n          [attr.aria-selected]=\"option.name === value()\"\r\n          (click)=\"choose(option)\"\r\n        >\r\n          <span class=\"fb-pick__name\" [class.fb-pick__name--mono]=\"isMono()\">{{ option.name }}</span>\r\n          @if (describe(option)) {\r\n            <span class=\"fb-pick__meta\">{{ describe(option) }}</span>\r\n          }\r\n        </button>\r\n      }\r\n      <button type=\"button\" class=\"fb-pick__close\" (click)=\"close()\">Chiudi</button>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [":host{display:block}.fb-pick{position:relative}.fb-pick__control{display:flex;align-items:stretch;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);overflow:hidden}.fb-pick--open .fb-pick__control{border-color:var(--fb-accent, #2f6feb)}.fb-pick__input{flex:1;min-width:0;padding:5px 7px;border:0;background:transparent;color:var(--fb-text, #1d2939);font:inherit;font-size:12px}.fb-pick__input:focus-visible{outline:none}.fb-pick__input--mono,.fb-pick__name--mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.fb-pick__toggle,.fb-pick__clear{flex:0 0 auto;padding:0 7px;border:0;border-left:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:12px;cursor:pointer}.fb-pick__toggle:hover,.fb-pick__clear:hover{background:var(--fb-surface-alt, #f8f9fb)}.fb-pick__hint{margin:3px 0 0;font-size:10px;line-height:1.35;color:var(--fb-text-subtle, #98a2b3)}.fb-pick__hint--warn{color:var(--fb-warning, #b7791f)}.fb-pick__panel{position:absolute;z-index:30;top:calc(100% + 3px);left:0;right:0;max-height:260px;overflow-y:auto;padding:6px;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);box-shadow:0 6px 18px #10182829}.fb-pick__option{display:flex;flex-direction:column;width:100%;padding:4px 6px;border:0;border-radius:4px;background:transparent;color:var(--fb-text, #1d2939);font:inherit;text-align:left;cursor:pointer}.fb-pick__option:hover,.fb-pick__option[aria-selected=true]{background:var(--fb-surface-alt, #f8f9fb)}.fb-pick__name{font-size:12px}.fb-pick__meta{font-size:10px;color:var(--fb-text-muted, #667085)}.fb-pick__empty{margin:4px;font-size:11px;color:var(--fb-text-muted, #667085)}.fb-pick__close{width:100%;margin-top:4px;padding:4px;border:0;border-top:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:11px;cursor:pointer}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], unknownMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "unknownMessage", required: false }] }], emptyMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyMessage", required: false }] }], isMono: [{ type: i0.Input, args: [{ isSignal: true, alias: "isMono", required: false }] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }] } });
+            args: [{ selector: 'fb-name-picker', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"fb-pick\" [class.fb-pick--open]=\"isOpen()\">\r\n  <div class=\"fb-pick__control\">\r\n    <input\r\n      class=\"fb-pick__input\"\r\n      [class.fb-pick__input--mono]=\"isMono()\"\r\n      type=\"text\"\r\n      role=\"combobox\"\r\n      autocomplete=\"off\"\r\n      [value]=\"text()\"\r\n      [placeholder]=\"placeholder()\"\r\n      [disabled]=\"disabled()\"\r\n      [attr.aria-label]=\"label()\"\r\n      [attr.aria-expanded]=\"isOpen()\"\r\n      (input)=\"onInput($any($event.target).value)\"\r\n      (focus)=\"open()\"\r\n      (keydown.escape)=\"close()\"\r\n    />\r\n    <button\r\n      type=\"button\"\r\n      class=\"fb-pick__toggle\"\r\n      [disabled]=\"disabled()\"\r\n      [attr.aria-expanded]=\"isOpen()\"\r\n      aria-label=\"Mostra i nomi disponibili\"\r\n      (click)=\"toggle()\"\r\n    >\r\n      \u25BE\r\n    </button>\r\n    @if (value()) {\r\n      <button type=\"button\" class=\"fb-pick__clear\" aria-label=\"Svuota\" (click)=\"clear()\">\u00D7</button>\r\n    }\r\n  </div>\r\n\r\n  @if (isUnknown()) {\r\n    <p\r\n      class=\"fb-pick__hint\"\r\n      [class.fb-pick__hint--warn]=\"unknownSeverity() === 'warn'\"\r\n      [class.fb-pick__hint--error]=\"unknownSeverity() === 'error'\"\r\n    >\r\n      {{ unknownMessage() }}\r\n    </p>\r\n  } @else if (labelOfValue()) {\r\n    <p class=\"fb-pick__hint\">{{ labelOfValue() }}</p>\r\n  } @else if (!hasOptions()) {\r\n    <p class=\"fb-pick__hint\">{{ emptyMessage() }}</p>\r\n  }\r\n\r\n  @if (isOpen()) {\r\n    <div class=\"fb-pick__panel\" role=\"listbox\">\r\n      @if (visibleOptions().length === 0) {\r\n        <p class=\"fb-pick__empty\">\r\n          {{ hasOptions() ? 'Nessun nome corrisponde.' : 'Nessun candidato da proporre.' }}\r\n        </p>\r\n      }\r\n      @for (option of visibleOptions(); track option.name) {\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-pick__option\"\r\n          role=\"option\"\r\n          [attr.aria-selected]=\"option.name === value()\"\r\n          (click)=\"choose(option)\"\r\n        >\r\n          <span class=\"fb-pick__name\" [class.fb-pick__name--mono]=\"isMono()\">{{ option.name }}</span>\r\n          @if (describe(option)) {\r\n            <span class=\"fb-pick__meta\">{{ describe(option) }}</span>\r\n          }\r\n        </button>\r\n      }\r\n      <button type=\"button\" class=\"fb-pick__close\" (click)=\"close()\">Chiudi</button>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [":host{display:block}.fb-pick{position:relative}.fb-pick__control{display:flex;align-items:stretch;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);overflow:hidden}.fb-pick--open .fb-pick__control{border-color:var(--fb-accent, #2f6feb)}.fb-pick__input{flex:1;min-width:0;padding:5px 7px;border:0;background:transparent;color:var(--fb-text, #1d2939);font:inherit;font-size:12px}.fb-pick__input:focus-visible{outline:none}.fb-pick__input--mono,.fb-pick__name--mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.fb-pick__toggle,.fb-pick__clear{flex:0 0 auto;padding:0 7px;border:0;border-left:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:12px;cursor:pointer}.fb-pick__toggle:hover,.fb-pick__clear:hover{background:var(--fb-surface-alt, #f8f9fb)}.fb-pick__hint{margin:3px 0 0;font-size:10px;line-height:1.35;color:var(--fb-text-subtle, #98a2b3)}.fb-pick__hint--warn{color:var(--fb-warning, #b7791f)}.fb-pick__hint--error{color:var(--fb-error, #c9372c)}.fb-pick__panel{position:absolute;z-index:30;top:calc(100% + 3px);left:0;right:0;max-height:260px;overflow-y:auto;padding:6px;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);box-shadow:0 6px 18px #10182829}.fb-pick__option{display:flex;flex-direction:column;width:100%;padding:4px 6px;border:0;border-radius:4px;background:transparent;color:var(--fb-text, #1d2939);font:inherit;text-align:left;cursor:pointer}.fb-pick__option:hover,.fb-pick__option[aria-selected=true]{background:var(--fb-surface-alt, #f8f9fb)}.fb-pick__name{font-size:12px}.fb-pick__meta{font-size:10px;color:var(--fb-text-muted, #667085)}.fb-pick__empty{margin:4px;font-size:11px;color:var(--fb-text-muted, #667085)}.fb-pick__close{width:100%;margin-top:4px;padding:4px;border:0;border-top:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:11px;cursor:pointer}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], unknownMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "unknownMessage", required: false }] }], unknownSeverity: [{ type: i0.Input, args: [{ isSignal: true, alias: "unknownSeverity", required: false }] }], emptyMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyMessage", required: false }] }], isMono: [{ type: i0.Input, args: [{ isSignal: true, alias: "isMono", required: false }] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }] } });
 
 /**
  * `[fbValue]` su un `<select>`.
@@ -4433,6 +4556,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImpo
  * il selettore chiede `POST /flows/references/writable`, così una costante o una formula
  * non sono nemmeno proponibili (`TARGET_NOT_WRITABLE`).
  */
+/** Un parametro del catalogo come opzione: nome, label, tipo, obbligatorieta' e descrizione. */
+function describeParameter(parameter) {
+    const parts = [];
+    if (parameter.dataType) {
+        const type = parameter.isCollection ? `${parameter.dataType}[]` : parameter.dataType;
+        parts.push(parameter.objectType ? `${type} · ${parameter.objectType}` : type);
+    }
+    if (parameter.isRequired) {
+        parts.push('obbligatorio');
+    }
+    if (parameter.description) {
+        parts.push(parameter.description);
+    }
+    return {
+        name: parameter.name,
+        label: parameter.label,
+        description: parts.join(' · ') || null,
+    };
+}
 class ParameterEditorComponent {
     holder = input.required(...(ngDevMode ? [{ debugName: "holder" }] : []));
     /** Parametri dichiarati dal catalogo; vuoto = catalogo non popolato. */
@@ -4449,6 +4591,12 @@ class ParameterEditorComponent {
     hasCatalog = computed(() => this.catalogParameters().length > 0, ...(ngDevMode ? [{ debugName: "hasCatalog" }] : []));
     inputCatalog = computed(() => this.catalogParameters().filter((parameter) => parameter.isOutput !== true), ...(ngDevMode ? [{ debugName: "inputCatalog" }] : []));
     outputCatalog = computed(() => this.catalogParameters().filter((parameter) => parameter.isOutput === true), ...(ngDevMode ? [{ debugName: "outputCatalog" }] : []));
+    /**
+     * I candidati come li vuole il picker. Il tipo e l'obbligatorieta' finiscono nella
+     * descrizione: nel `<select>` erano un asterisco muto, che non diceva quale valore ci sta.
+     */
+    inputOptions = computed(() => this.inputCatalog().map(describeParameter), ...(ngDevMode ? [{ debugName: "inputOptions" }] : []));
+    outputOptions = computed(() => this.outputCatalog().map(describeParameter), ...(ngDevMode ? [{ debugName: "outputOptions" }] : []));
     /** Parametri obbligatori dichiarati dal catalogo e non ancora presenti. */
     missingRequired = computed(() => {
         if (!this.hasCatalog()) {
@@ -4457,19 +4605,10 @@ class ParameterEditorComponent {
         const present = new Set(this.inputs().map((parameter) => parameter.name));
         return this.inputCatalog().filter((parameter) => parameter.isRequired && !present.has(parameter.name));
     }, ...(ngDevMode ? [{ debugName: "missingRequired" }] : []));
-    /** Parametri presenti che il catalogo non conosce: sarebbero `PARAMETER_UNKNOWN`. */
-    unknownInput(parameter) {
-        if (!this.hasCatalog() || !parameter.name) {
-            return false;
-        }
-        return !this.inputCatalog().some((candidate) => candidate.name === parameter.name);
-    }
-    unknownOutput(parameter) {
-        if (!this.hasCatalog() || !parameter.name) {
-            return false;
-        }
-        return !this.outputCatalog().some((candidate) => candidate.name === parameter.name);
-    }
+    /**
+     * Il parametro fuori catalogo (`PARAMETER_UNKNOWN`) lo segnala il picker, che ha in mano sia
+     * l'elenco sia il valore. Qui resta la descrizione, che serve all'editor di valore.
+     */
     describe(name) {
         return this.catalogParameters().find((parameter) => parameter.name === name);
     }
@@ -4534,11 +4673,11 @@ class ParameterEditorComponent {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: ParameterEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: ParameterEditorComponent, isStandalone: true, selector: "fb-parameter-editor", inputs: { holder: { classPropertyName: "holder", publicName: "holder", isSignal: true, isRequired: true, transformFunction: null }, catalogParameters: { classPropertyName: "catalogParameters", publicName: "catalogParameters", isSignal: true, isRequired: false, transformFunction: null }, inputTitle: { classPropertyName: "inputTitle", publicName: "inputTitle", isSignal: true, isRequired: false, transformFunction: null }, outputTitle: { classPropertyName: "outputTitle", publicName: "outputTitle", isSignal: true, isRequired: false, transformFunction: null }, showInputs: { classPropertyName: "showInputs", publicName: "showInputs", isSignal: true, isRequired: false, transformFunction: null }, showOutputs: { classPropertyName: "showOutputs", publicName: "showOutputs", isSignal: true, isRequired: false, transformFunction: null }, outputsDisabledReason: { classPropertyName: "outputsDisabledReason", publicName: "outputsDisabledReason", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { changed: "changed" }, ngImport: i0, template: "@if (showInputs()) {\r\n  <fieldset class=\"fb-section\">\r\n    <legend class=\"fb-section__title\">{{ inputTitle() }}</legend>\r\n\r\n    @if (missingRequired().length) {\r\n      <p class=\"fb-callout fb-callout--warn\">\r\n        Parametri obbligatori non ancora impostati:\r\n        @for (parameter of missingRequired(); track parameter.name) {\r\n          <button type=\"button\" class=\"fb-btn fb-btn--ghost fb-btn--icon\" (click)=\"addInput(parameter.name)\">\r\n            + {{ parameter.name }}\r\n          </button>\r\n        }\r\n      </p>\r\n    }\r\n\r\n    <div class=\"fb-list\">\r\n      @for (parameter of inputs(); track $index) {\r\n        <div class=\"fb-list__item\">\r\n          <div class=\"fb-list__header\">\r\n            @if (hasCatalog()) {\r\n              <select\r\n                class=\"fb-select\"\r\n                [fbValue]=\"parameter.name || ''\"\r\n                aria-label=\"Nome del parametro\"\r\n                (change)=\"setInputName($index, $any($event.target).value)\"\r\n              >\r\n                <option value=\"\">\u2014 scegli \u2014</option>\r\n                @for (candidate of inputCatalog(); track candidate.name) {\r\n                  <option [value]=\"candidate.name\">\r\n                    {{ candidate.label || candidate.name }}{{ candidate.isRequired ? ' *' : '' }}\r\n                  </option>\r\n                }\r\n                @if (unknownInput(parameter)) {\r\n                  <option [value]=\"parameter.name\">{{ parameter.name }} (non nel catalogo)</option>\r\n                }\r\n              </select>\r\n            } @else {\r\n              <input\r\n                class=\"fb-input\"\r\n                [value]=\"parameter.name || ''\"\r\n                placeholder=\"Nome del parametro\"\r\n                aria-label=\"Nome del parametro\"\r\n                (input)=\"setInputName($index, $any($event.target).value)\"\r\n              />\r\n            }\r\n            <button\r\n              type=\"button\"\r\n              class=\"fb-btn fb-btn--ghost fb-btn--icon\"\r\n              aria-label=\"Rimuovi il parametro\"\r\n              (click)=\"removeInput($index)\"\r\n            >\r\n              \u00D7\r\n            </button>\r\n          </div>\r\n\r\n          @if (unknownInput(parameter)) {\r\n            <p class=\"fb-field__hint fb-field__hint--warn\">\r\n              Il catalogo non dichiara questo parametro: la validazione lo segnalerebbe come errore.\r\n            </p>\r\n          }\r\n          @if (describe(parameter.name)?.description) {\r\n            <p class=\"fb-field__hint\">{{ describe(parameter.name)?.description }}</p>\r\n          }\r\n\r\n          <fb-value-editor\r\n            [value]=\"parameter.value\"\r\n            [dataType]=\"describe(parameter.name)?.dataType\"\r\n            [objectType]=\"describe(parameter.name)?.objectType || undefined\"\r\n            [isCollection]=\"describe(parameter.name)?.isCollection\"\r\n            label=\"Valore del parametro\"\r\n            (valueChange)=\"setInputValue($index, $event)\"\r\n          />\r\n        </div>\r\n      } @empty {\r\n        <p class=\"fb-empty\">Nessun parametro di ingresso.</p>\r\n      }\r\n    </div>\r\n\r\n    <button type=\"button\" class=\"fb-btn\" (click)=\"addInput()\">Aggiungi parametro</button>\r\n  </fieldset>\r\n}\r\n\r\n@if (showOutputs()) {\r\n  <fieldset class=\"fb-section\">\r\n    <legend class=\"fb-section__title\">{{ outputTitle() }}</legend>\r\n\r\n    @if (outputsDisabledReason()) {\r\n      <p class=\"fb-callout\">{{ outputsDisabledReason() }}</p>\r\n    }\r\n\r\n    <div class=\"fb-list\">\r\n      @for (parameter of outputs(); track $index) {\r\n        <div class=\"fb-list__item\">\r\n          <div class=\"fb-list__header\">\r\n            @if (hasCatalog()) {\r\n              <select\r\n                class=\"fb-select\"\r\n                [fbValue]=\"parameter.name || ''\"\r\n                aria-label=\"Nome del parametro di uscita\"\r\n                (change)=\"setOutputName($index, $any($event.target).value)\"\r\n              >\r\n                <option value=\"\">\u2014 scegli \u2014</option>\r\n                @for (candidate of outputCatalog(); track candidate.name) {\r\n                  <option [value]=\"candidate.name\">{{ candidate.label || candidate.name }}</option>\r\n                }\r\n                @if (unknownOutput(parameter)) {\r\n                  <option [value]=\"parameter.name\">{{ parameter.name }} (non nel catalogo)</option>\r\n                }\r\n              </select>\r\n            } @else {\r\n              <input\r\n                class=\"fb-input\"\r\n                [value]=\"parameter.name || ''\"\r\n                placeholder=\"Nome del parametro\"\r\n                aria-label=\"Nome del parametro di uscita\"\r\n                (input)=\"setOutputName($index, $any($event.target).value)\"\r\n              />\r\n            }\r\n            <button\r\n              type=\"button\"\r\n              class=\"fb-btn fb-btn--ghost fb-btn--icon\"\r\n              aria-label=\"Rimuovi il parametro\"\r\n              (click)=\"removeOutput($index)\"\r\n            >\r\n              \u00D7\r\n            </button>\r\n          </div>\r\n\r\n          @if (unknownOutput(parameter)) {\r\n            <p class=\"fb-field__hint fb-field__hint--warn\">\r\n              Il catalogo non dichiara questo parametro di uscita.\r\n            </p>\r\n          }\r\n\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label\">Assegna a</label>\r\n            <!-- Solo variabili: assegnare a una costante o a una formula e' un errore. -->\r\n            <fb-reference-picker\r\n              [value]=\"parameter.assignToReference\"\r\n              [writableOnly]=\"true\"\r\n              [dataType]=\"describe(parameter.name)?.dataType\"\r\n              [isCollection]=\"describe(parameter.name)?.isCollection\"\r\n              placeholder=\"Scegli una variabile\"\r\n              (valueChange)=\"setOutputTarget($index, $event)\"\r\n            />\r\n          </div>\r\n        </div>\r\n      } @empty {\r\n        <p class=\"fb-empty\">Nessun parametro di uscita.</p>\r\n      }\r\n    </div>\r\n\r\n    <button type=\"button\" class=\"fb-btn\" (click)=\"addOutput()\">Aggiungi parametro</button>\r\n  </fieldset>\r\n}\r\n", styles: [":host{display:block}.fb-list__header .fb-select,.fb-list__header .fb-input{flex:1;min-width:0}\n"], dependencies: [{ kind: "component", type: ReferencePickerComponent, selector: "fb-reference-picker", inputs: ["value", "label", "placeholder", "disabled", "dataType", "isCollection", "objectType", "writableOnly", "elementsOnly"], outputs: ["valueChange"] }, { kind: "component", type: ValueEditorComponent, selector: "fb-value-editor", inputs: ["value", "label", "dataType", "objectType", "isCollection", "disabled", "allowFormula"], outputs: ["valueChange"] }, { kind: "directive", type: SelectValueDirective, selector: "select[fbValue]", inputs: ["fbValue"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: ParameterEditorComponent, isStandalone: true, selector: "fb-parameter-editor", inputs: { holder: { classPropertyName: "holder", publicName: "holder", isSignal: true, isRequired: true, transformFunction: null }, catalogParameters: { classPropertyName: "catalogParameters", publicName: "catalogParameters", isSignal: true, isRequired: false, transformFunction: null }, inputTitle: { classPropertyName: "inputTitle", publicName: "inputTitle", isSignal: true, isRequired: false, transformFunction: null }, outputTitle: { classPropertyName: "outputTitle", publicName: "outputTitle", isSignal: true, isRequired: false, transformFunction: null }, showInputs: { classPropertyName: "showInputs", publicName: "showInputs", isSignal: true, isRequired: false, transformFunction: null }, showOutputs: { classPropertyName: "showOutputs", publicName: "showOutputs", isSignal: true, isRequired: false, transformFunction: null }, outputsDisabledReason: { classPropertyName: "outputsDisabledReason", publicName: "outputsDisabledReason", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { changed: "changed" }, ngImport: i0, template: "@if (showInputs()) {\r\n  <fieldset class=\"fb-section\">\r\n    <legend class=\"fb-section__title\">{{ inputTitle() }}</legend>\r\n\r\n    @if (missingRequired().length) {\r\n      <p class=\"fb-callout fb-callout--warn\">\r\n        Parametri obbligatori non ancora impostati:\r\n        @for (parameter of missingRequired(); track parameter.name) {\r\n          <button type=\"button\" class=\"fb-btn fb-btn--ghost fb-btn--icon\" (click)=\"addInput(parameter.name)\">\r\n            + {{ parameter.name }}\r\n          </button>\r\n        }\r\n      </p>\r\n    }\r\n\r\n    <div class=\"fb-list\">\r\n      @for (parameter of inputs(); track $index) {\r\n        <div class=\"fb-list__item\">\r\n          <div class=\"fb-list__header\">\r\n            <fb-name-picker\r\n              [value]=\"parameter.name\"\r\n              [options]=\"inputOptions()\"\r\n              label=\"Nome del parametro\"\r\n              placeholder=\"Scrivi o scegli un parametro\"\r\n              [isMono]=\"false\"\r\n              unknownMessage=\"Il catalogo non dichiara questo parametro: la validazione lo segnalerebbe come errore.\"\r\n              unknownSeverity=\"error\"\r\n              emptyMessage=\"Parametri dichiarati non disponibili: scrivi il nome a mano.\"\r\n              (valueChange)=\"setInputName($index, $event ?? '')\"\r\n            />\r\n            <button\r\n              type=\"button\"\r\n              class=\"fb-btn fb-btn--ghost fb-btn--icon\"\r\n              aria-label=\"Rimuovi il parametro\"\r\n              (click)=\"removeInput($index)\"\r\n            >\r\n              \u00D7\r\n            </button>\r\n          </div>\r\n\r\n          <fb-value-editor\r\n            [value]=\"parameter.value\"\r\n            [dataType]=\"describe(parameter.name)?.dataType\"\r\n            [objectType]=\"describe(parameter.name)?.objectType || undefined\"\r\n            [isCollection]=\"describe(parameter.name)?.isCollection\"\r\n            label=\"Valore del parametro\"\r\n            (valueChange)=\"setInputValue($index, $event)\"\r\n          />\r\n        </div>\r\n      } @empty {\r\n        <p class=\"fb-empty\">Nessun parametro di ingresso.</p>\r\n      }\r\n    </div>\r\n\r\n    <button type=\"button\" class=\"fb-btn\" (click)=\"addInput()\">Aggiungi parametro</button>\r\n  </fieldset>\r\n}\r\n\r\n@if (showOutputs()) {\r\n  <fieldset class=\"fb-section\">\r\n    <legend class=\"fb-section__title\">{{ outputTitle() }}</legend>\r\n\r\n    @if (outputsDisabledReason()) {\r\n      <p class=\"fb-callout\">{{ outputsDisabledReason() }}</p>\r\n    }\r\n\r\n    <div class=\"fb-list\">\r\n      @for (parameter of outputs(); track $index) {\r\n        <div class=\"fb-list__item\">\r\n          <div class=\"fb-list__header\">\r\n            <fb-name-picker\r\n              [value]=\"parameter.name\"\r\n              [options]=\"outputOptions()\"\r\n              label=\"Nome del parametro di uscita\"\r\n              placeholder=\"Scrivi o scegli un parametro\"\r\n              [isMono]=\"false\"\r\n              unknownMessage=\"Il catalogo non dichiara questo parametro di uscita.\"\r\n              unknownSeverity=\"error\"\r\n              emptyMessage=\"Parametri di uscita dichiarati non disponibili: scrivi il nome a mano.\"\r\n              (valueChange)=\"setOutputName($index, $event ?? '')\"\r\n            />\r\n            <button\r\n              type=\"button\"\r\n              class=\"fb-btn fb-btn--ghost fb-btn--icon\"\r\n              aria-label=\"Rimuovi il parametro\"\r\n              (click)=\"removeOutput($index)\"\r\n            >\r\n              \u00D7\r\n            </button>\r\n          </div>\r\n\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label\">Assegna a</label>\r\n            <!-- Solo variabili: assegnare a una costante o a una formula e' un errore. -->\r\n            <fb-reference-picker\r\n              [value]=\"parameter.assignToReference\"\r\n              [writableOnly]=\"true\"\r\n              [dataType]=\"describe(parameter.name)?.dataType\"\r\n              [isCollection]=\"describe(parameter.name)?.isCollection\"\r\n              placeholder=\"Scegli una variabile\"\r\n              (valueChange)=\"setOutputTarget($index, $event)\"\r\n            />\r\n          </div>\r\n        </div>\r\n      } @empty {\r\n        <p class=\"fb-empty\">Nessun parametro di uscita.</p>\r\n      }\r\n    </div>\r\n\r\n    <button type=\"button\" class=\"fb-btn\" (click)=\"addOutput()\">Aggiungi parametro</button>\r\n  </fieldset>\r\n}\r\n", styles: [":host{display:block}.fb-list__header .fb-select,.fb-list__header .fb-input{flex:1;min-width:0}\n"], dependencies: [{ kind: "component", type: NamePickerComponent, selector: "fb-name-picker", inputs: ["value", "options", "label", "placeholder", "disabled", "unknownMessage", "unknownSeverity", "emptyMessage", "isMono"], outputs: ["valueChange"] }, { kind: "component", type: ReferencePickerComponent, selector: "fb-reference-picker", inputs: ["value", "label", "placeholder", "disabled", "dataType", "isCollection", "objectType", "writableOnly", "elementsOnly"], outputs: ["valueChange"] }, { kind: "component", type: ValueEditorComponent, selector: "fb-value-editor", inputs: ["value", "label", "dataType", "objectType", "isCollection", "disabled", "allowFormula"], outputs: ["valueChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: ParameterEditorComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'fb-parameter-editor', standalone: true, imports: [ReferencePickerComponent, ValueEditorComponent, SelectValueDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (showInputs()) {\r\n  <fieldset class=\"fb-section\">\r\n    <legend class=\"fb-section__title\">{{ inputTitle() }}</legend>\r\n\r\n    @if (missingRequired().length) {\r\n      <p class=\"fb-callout fb-callout--warn\">\r\n        Parametri obbligatori non ancora impostati:\r\n        @for (parameter of missingRequired(); track parameter.name) {\r\n          <button type=\"button\" class=\"fb-btn fb-btn--ghost fb-btn--icon\" (click)=\"addInput(parameter.name)\">\r\n            + {{ parameter.name }}\r\n          </button>\r\n        }\r\n      </p>\r\n    }\r\n\r\n    <div class=\"fb-list\">\r\n      @for (parameter of inputs(); track $index) {\r\n        <div class=\"fb-list__item\">\r\n          <div class=\"fb-list__header\">\r\n            @if (hasCatalog()) {\r\n              <select\r\n                class=\"fb-select\"\r\n                [fbValue]=\"parameter.name || ''\"\r\n                aria-label=\"Nome del parametro\"\r\n                (change)=\"setInputName($index, $any($event.target).value)\"\r\n              >\r\n                <option value=\"\">\u2014 scegli \u2014</option>\r\n                @for (candidate of inputCatalog(); track candidate.name) {\r\n                  <option [value]=\"candidate.name\">\r\n                    {{ candidate.label || candidate.name }}{{ candidate.isRequired ? ' *' : '' }}\r\n                  </option>\r\n                }\r\n                @if (unknownInput(parameter)) {\r\n                  <option [value]=\"parameter.name\">{{ parameter.name }} (non nel catalogo)</option>\r\n                }\r\n              </select>\r\n            } @else {\r\n              <input\r\n                class=\"fb-input\"\r\n                [value]=\"parameter.name || ''\"\r\n                placeholder=\"Nome del parametro\"\r\n                aria-label=\"Nome del parametro\"\r\n                (input)=\"setInputName($index, $any($event.target).value)\"\r\n              />\r\n            }\r\n            <button\r\n              type=\"button\"\r\n              class=\"fb-btn fb-btn--ghost fb-btn--icon\"\r\n              aria-label=\"Rimuovi il parametro\"\r\n              (click)=\"removeInput($index)\"\r\n            >\r\n              \u00D7\r\n            </button>\r\n          </div>\r\n\r\n          @if (unknownInput(parameter)) {\r\n            <p class=\"fb-field__hint fb-field__hint--warn\">\r\n              Il catalogo non dichiara questo parametro: la validazione lo segnalerebbe come errore.\r\n            </p>\r\n          }\r\n          @if (describe(parameter.name)?.description) {\r\n            <p class=\"fb-field__hint\">{{ describe(parameter.name)?.description }}</p>\r\n          }\r\n\r\n          <fb-value-editor\r\n            [value]=\"parameter.value\"\r\n            [dataType]=\"describe(parameter.name)?.dataType\"\r\n            [objectType]=\"describe(parameter.name)?.objectType || undefined\"\r\n            [isCollection]=\"describe(parameter.name)?.isCollection\"\r\n            label=\"Valore del parametro\"\r\n            (valueChange)=\"setInputValue($index, $event)\"\r\n          />\r\n        </div>\r\n      } @empty {\r\n        <p class=\"fb-empty\">Nessun parametro di ingresso.</p>\r\n      }\r\n    </div>\r\n\r\n    <button type=\"button\" class=\"fb-btn\" (click)=\"addInput()\">Aggiungi parametro</button>\r\n  </fieldset>\r\n}\r\n\r\n@if (showOutputs()) {\r\n  <fieldset class=\"fb-section\">\r\n    <legend class=\"fb-section__title\">{{ outputTitle() }}</legend>\r\n\r\n    @if (outputsDisabledReason()) {\r\n      <p class=\"fb-callout\">{{ outputsDisabledReason() }}</p>\r\n    }\r\n\r\n    <div class=\"fb-list\">\r\n      @for (parameter of outputs(); track $index) {\r\n        <div class=\"fb-list__item\">\r\n          <div class=\"fb-list__header\">\r\n            @if (hasCatalog()) {\r\n              <select\r\n                class=\"fb-select\"\r\n                [fbValue]=\"parameter.name || ''\"\r\n                aria-label=\"Nome del parametro di uscita\"\r\n                (change)=\"setOutputName($index, $any($event.target).value)\"\r\n              >\r\n                <option value=\"\">\u2014 scegli \u2014</option>\r\n                @for (candidate of outputCatalog(); track candidate.name) {\r\n                  <option [value]=\"candidate.name\">{{ candidate.label || candidate.name }}</option>\r\n                }\r\n                @if (unknownOutput(parameter)) {\r\n                  <option [value]=\"parameter.name\">{{ parameter.name }} (non nel catalogo)</option>\r\n                }\r\n              </select>\r\n            } @else {\r\n              <input\r\n                class=\"fb-input\"\r\n                [value]=\"parameter.name || ''\"\r\n                placeholder=\"Nome del parametro\"\r\n                aria-label=\"Nome del parametro di uscita\"\r\n                (input)=\"setOutputName($index, $any($event.target).value)\"\r\n              />\r\n            }\r\n            <button\r\n              type=\"button\"\r\n              class=\"fb-btn fb-btn--ghost fb-btn--icon\"\r\n              aria-label=\"Rimuovi il parametro\"\r\n              (click)=\"removeOutput($index)\"\r\n            >\r\n              \u00D7\r\n            </button>\r\n          </div>\r\n\r\n          @if (unknownOutput(parameter)) {\r\n            <p class=\"fb-field__hint fb-field__hint--warn\">\r\n              Il catalogo non dichiara questo parametro di uscita.\r\n            </p>\r\n          }\r\n\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label\">Assegna a</label>\r\n            <!-- Solo variabili: assegnare a una costante o a una formula e' un errore. -->\r\n            <fb-reference-picker\r\n              [value]=\"parameter.assignToReference\"\r\n              [writableOnly]=\"true\"\r\n              [dataType]=\"describe(parameter.name)?.dataType\"\r\n              [isCollection]=\"describe(parameter.name)?.isCollection\"\r\n              placeholder=\"Scegli una variabile\"\r\n              (valueChange)=\"setOutputTarget($index, $event)\"\r\n            />\r\n          </div>\r\n        </div>\r\n      } @empty {\r\n        <p class=\"fb-empty\">Nessun parametro di uscita.</p>\r\n      }\r\n    </div>\r\n\r\n    <button type=\"button\" class=\"fb-btn\" (click)=\"addOutput()\">Aggiungi parametro</button>\r\n  </fieldset>\r\n}\r\n", styles: [":host{display:block}.fb-list__header .fb-select,.fb-list__header .fb-input{flex:1;min-width:0}\n"] }]
+            args: [{ selector: 'fb-parameter-editor', standalone: true, imports: [NamePickerComponent, ReferencePickerComponent, ValueEditorComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (showInputs()) {\r\n  <fieldset class=\"fb-section\">\r\n    <legend class=\"fb-section__title\">{{ inputTitle() }}</legend>\r\n\r\n    @if (missingRequired().length) {\r\n      <p class=\"fb-callout fb-callout--warn\">\r\n        Parametri obbligatori non ancora impostati:\r\n        @for (parameter of missingRequired(); track parameter.name) {\r\n          <button type=\"button\" class=\"fb-btn fb-btn--ghost fb-btn--icon\" (click)=\"addInput(parameter.name)\">\r\n            + {{ parameter.name }}\r\n          </button>\r\n        }\r\n      </p>\r\n    }\r\n\r\n    <div class=\"fb-list\">\r\n      @for (parameter of inputs(); track $index) {\r\n        <div class=\"fb-list__item\">\r\n          <div class=\"fb-list__header\">\r\n            <fb-name-picker\r\n              [value]=\"parameter.name\"\r\n              [options]=\"inputOptions()\"\r\n              label=\"Nome del parametro\"\r\n              placeholder=\"Scrivi o scegli un parametro\"\r\n              [isMono]=\"false\"\r\n              unknownMessage=\"Il catalogo non dichiara questo parametro: la validazione lo segnalerebbe come errore.\"\r\n              unknownSeverity=\"error\"\r\n              emptyMessage=\"Parametri dichiarati non disponibili: scrivi il nome a mano.\"\r\n              (valueChange)=\"setInputName($index, $event ?? '')\"\r\n            />\r\n            <button\r\n              type=\"button\"\r\n              class=\"fb-btn fb-btn--ghost fb-btn--icon\"\r\n              aria-label=\"Rimuovi il parametro\"\r\n              (click)=\"removeInput($index)\"\r\n            >\r\n              \u00D7\r\n            </button>\r\n          </div>\r\n\r\n          <fb-value-editor\r\n            [value]=\"parameter.value\"\r\n            [dataType]=\"describe(parameter.name)?.dataType\"\r\n            [objectType]=\"describe(parameter.name)?.objectType || undefined\"\r\n            [isCollection]=\"describe(parameter.name)?.isCollection\"\r\n            label=\"Valore del parametro\"\r\n            (valueChange)=\"setInputValue($index, $event)\"\r\n          />\r\n        </div>\r\n      } @empty {\r\n        <p class=\"fb-empty\">Nessun parametro di ingresso.</p>\r\n      }\r\n    </div>\r\n\r\n    <button type=\"button\" class=\"fb-btn\" (click)=\"addInput()\">Aggiungi parametro</button>\r\n  </fieldset>\r\n}\r\n\r\n@if (showOutputs()) {\r\n  <fieldset class=\"fb-section\">\r\n    <legend class=\"fb-section__title\">{{ outputTitle() }}</legend>\r\n\r\n    @if (outputsDisabledReason()) {\r\n      <p class=\"fb-callout\">{{ outputsDisabledReason() }}</p>\r\n    }\r\n\r\n    <div class=\"fb-list\">\r\n      @for (parameter of outputs(); track $index) {\r\n        <div class=\"fb-list__item\">\r\n          <div class=\"fb-list__header\">\r\n            <fb-name-picker\r\n              [value]=\"parameter.name\"\r\n              [options]=\"outputOptions()\"\r\n              label=\"Nome del parametro di uscita\"\r\n              placeholder=\"Scrivi o scegli un parametro\"\r\n              [isMono]=\"false\"\r\n              unknownMessage=\"Il catalogo non dichiara questo parametro di uscita.\"\r\n              unknownSeverity=\"error\"\r\n              emptyMessage=\"Parametri di uscita dichiarati non disponibili: scrivi il nome a mano.\"\r\n              (valueChange)=\"setOutputName($index, $event ?? '')\"\r\n            />\r\n            <button\r\n              type=\"button\"\r\n              class=\"fb-btn fb-btn--ghost fb-btn--icon\"\r\n              aria-label=\"Rimuovi il parametro\"\r\n              (click)=\"removeOutput($index)\"\r\n            >\r\n              \u00D7\r\n            </button>\r\n          </div>\r\n\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label\">Assegna a</label>\r\n            <!-- Solo variabili: assegnare a una costante o a una formula e' un errore. -->\r\n            <fb-reference-picker\r\n              [value]=\"parameter.assignToReference\"\r\n              [writableOnly]=\"true\"\r\n              [dataType]=\"describe(parameter.name)?.dataType\"\r\n              [isCollection]=\"describe(parameter.name)?.isCollection\"\r\n              placeholder=\"Scegli una variabile\"\r\n              (valueChange)=\"setOutputTarget($index, $event)\"\r\n            />\r\n          </div>\r\n        </div>\r\n      } @empty {\r\n        <p class=\"fb-empty\">Nessun parametro di uscita.</p>\r\n      }\r\n    </div>\r\n\r\n    <button type=\"button\" class=\"fb-btn\" (click)=\"addOutput()\">Aggiungi parametro</button>\r\n  </fieldset>\r\n}\r\n", styles: [":host{display:block}.fb-list__header .fb-select,.fb-list__header .fb-input{flex:1;min-width:0}\n"] }]
         }], propDecorators: { holder: [{ type: i0.Input, args: [{ isSignal: true, alias: "holder", required: true }] }], catalogParameters: [{ type: i0.Input, args: [{ isSignal: true, alias: "catalogParameters", required: false }] }], inputTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputTitle", required: false }] }], outputTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "outputTitle", required: false }] }], showInputs: [{ type: i0.Input, args: [{ isSignal: true, alias: "showInputs", required: false }] }], showOutputs: [{ type: i0.Input, args: [{ isSignal: true, alias: "showOutputs", required: false }] }], outputsDisabledReason: [{ type: i0.Input, args: [{ isSignal: true, alias: "outputsDisabledReason", required: false }] }], changed: [{ type: i0.Output, args: ["changed"] }] } });
 
 /**
@@ -4815,16 +4954,10 @@ class ActionCallInspectorComponent extends NodeInspectorBase {
     actionTypeOptions = computed(() => this.actionTypes(), ...(ngDevMode ? [{ debugName: "actionTypeOptions" }] : []));
     actionOptions = computed(() => this.actions(), ...(ngDevMode ? [{ debugName: "actionOptions" }] : []));
     parameterCatalog = computed(() => this.parameters(), ...(ngDevMode ? [{ debugName: "parameterCatalog" }] : []));
-    hasTypeCatalog = computed(() => this.actionTypes().length > 0, ...(ngDevMode ? [{ debugName: "hasTypeCatalog" }] : []));
-    hasActionCatalog = computed(() => this.actions().length > 0, ...(ngDevMode ? [{ debugName: "hasActionCatalog" }] : []));
-    /** Con il catalogo popolato, un'action inesistente e' un errore (`ACTION_UNKNOWN`). */
-    isUnknownAction = computed(() => {
-        const name = this.action().actionName;
-        if (!name || !this.hasActionCatalog()) {
-            return false;
-        }
-        return !this.actions().some((entry) => entry.name === name);
-    }, ...(ngDevMode ? [{ debugName: "isUnknownAction" }] : []));
+    /**
+     * L'action fuori catalogo (`ACTION_UNKNOWN`) la segnala il picker: riceve l'elenco e il
+     * valore, e sa già dire se il secondo e' nel primo.
+     */
     timeoutEnabled = computed(() => this.action().timeoutPathUsage === 'EnableTimeoutPath', ...(ngDevMode ? [{ debugName: "timeoutEnabled" }] : []));
     /** Un ramo di timeout senza il flag, o il flag senza il ramo: avviso da segnalare (§5.8). */
     timeoutMismatch = computed(() => {
@@ -4909,11 +5042,11 @@ class ActionCallInspectorComponent extends NodeInspectorBase {
         this.patch((node) => mutate(node));
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: ActionCallInspectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: ActionCallInspectorComponent, isStandalone: true, selector: "fb-action-call-inspector", usesInheritance: true, ngImport: i0, template: "<div class=\"fb-field\">\r\n  <label class=\"fb-field__label fb-field__label--required\">Tipo di action</label>\r\n  @if (hasTypeCatalog()) {\r\n    <select\r\n      class=\"fb-select\"\r\n      [fbValue]=\"action().actionType || ''\"\r\n      (change)=\"setActionType($any($event.target).value)\"\r\n    >\r\n      <option value=\"\">\u2014 scegli \u2014</option>\r\n      @for (type of actionTypeOptions(); track type.name) {\r\n        <option [value]=\"type.name\">{{ type.label || type.name }}</option>\r\n      }\r\n    </select>\r\n  } @else {\r\n    <input\r\n      class=\"fb-input\"\r\n      [value]=\"action().actionType || ''\"\r\n      (input)=\"setActionType($any($event.target).value)\"\r\n    />\r\n  }\r\n</div>\r\n\r\n<div class=\"fb-field\">\r\n  <label class=\"fb-field__label fb-field__label--required\">Action</label>\r\n  @if (hasActionCatalog()) {\r\n    <select\r\n      class=\"fb-select\"\r\n      [class.fb-select--invalid]=\"isUnknownAction()\"\r\n      [fbValue]=\"action().actionName || ''\"\r\n      (change)=\"setActionName($any($event.target).value)\"\r\n    >\r\n      <option value=\"\">\u2014 scegli \u2014</option>\r\n      @for (entry of actionOptions(); track entry.name) {\r\n        <option [value]=\"entry.name\">{{ entry.label || entry.name }}</option>\r\n      }\r\n      @if (isUnknownAction()) {\r\n        <option [value]=\"action().actionName\">{{ action().actionName }} (non nel catalogo)</option>\r\n      }\r\n    </select>\r\n  } @else {\r\n    <input\r\n      class=\"fb-input\"\r\n      [value]=\"action().actionName || ''\"\r\n      (input)=\"setActionName($any($event.target).value)\"\r\n    />\r\n  }\r\n  @if (isUnknownAction()) {\r\n    <p class=\"fb-field__error\">\r\n      Questa action non esiste nel catalogo del tipo scelto: la validazione la segnala come errore.\r\n    </p>\r\n  }\r\n</div>\r\n\r\n<fieldset class=\"fb-section\">\r\n  <legend class=\"fb-section__title\">Esecuzione</legend>\r\n\r\n  <div class=\"fb-field\">\r\n    <label class=\"fb-field__label\">Modello transazionale</label>\r\n    <select\r\n      class=\"fb-select\"\r\n      [fbValue]=\"action().flowTransactionModel || ''\"\r\n      (change)=\"setTransactionModel($any($event.target).value)\"\r\n    >\r\n      <option value=\"\">\u2014 predefinito \u2014</option>\r\n      @for (model of transactionModels(); track model.value) {\r\n        <option [value]=\"model.value\">{{ model.label }}</option>\r\n      }\r\n    </select>\r\n  </div>\r\n\r\n  <label class=\"fb-check\">\r\n    <input\r\n      type=\"checkbox\"\r\n      [checked]=\"action().isWaitUntilCompleted === true\"\r\n      (change)=\"setWaitUntilCompleted($any($event.target).checked)\"\r\n    />\r\n    Attendi il completamento\r\n  </label>\r\n\r\n  <div class=\"fb-field__row\">\r\n    <div class=\"fb-field\">\r\n      <label class=\"fb-field__label\">Attesa</label>\r\n      <input\r\n        class=\"fb-input\"\r\n        type=\"number\"\r\n        min=\"0\"\r\n        [value]=\"action().offset ?? ''\"\r\n        (input)=\"setOffset($any($event.target).value)\"\r\n      />\r\n    </div>\r\n    <div class=\"fb-field\">\r\n      <label class=\"fb-field__label\">Unita\u2019</label>\r\n      <select\r\n        class=\"fb-select\"\r\n        [fbValue]=\"action().offsetUnit || ''\"\r\n        (change)=\"setOffsetUnit($any($event.target).value)\"\r\n      >\r\n        <option value=\"\">\u2014</option>\r\n        @for (unit of offsetUnits(); track unit.value) {\r\n          <option [value]=\"unit.value\">{{ unit.label }}</option>\r\n        }\r\n      </select>\r\n    </div>\r\n  </div>\r\n  <p class=\"fb-field__hint\">Definiscono l\u2019attesa di un\u2019action asincrona.</p>\r\n</fieldset>\r\n\r\n<fieldset class=\"fb-section\">\r\n  <legend class=\"fb-section__title\">Ramo di timeout</legend>\r\n  <label class=\"fb-check\">\r\n    <input\r\n      type=\"checkbox\"\r\n      [checked]=\"timeoutEnabled()\"\r\n      (change)=\"setTimeoutEnabled($any($event.target).checked)\"\r\n    />\r\n    Abilita il ramo di timeout\r\n  </label>\r\n  <p class=\"fb-field__hint\">\r\n    Il ramo esiste solo con questo flag: qui il flag e la destinazione sono legati, cos\u00EC non possono\r\n    contraddirsi.\r\n  </p>\r\n  @if (timeoutMismatch()) {\r\n    <p class=\"fb-callout fb-callout--warn\">\r\n      Il flag e il ramo di timeout non sono coerenti fra loro.\r\n    </p>\r\n  }\r\n</fieldset>\r\n\r\n<fieldset class=\"fb-section\">\r\n  <legend class=\"fb-section__title\">Output</legend>\r\n  <label class=\"fb-check\">\r\n    <input\r\n      type=\"checkbox\"\r\n      [checked]=\"storeOutputAutomatically()\"\r\n      (change)=\"setStoreOutputAutomatically($any($event.target).checked)\"\r\n    />\r\n    Output automatico\r\n  </label>\r\n  @if (storeOutputAutomatically()) {\r\n    <p class=\"fb-field__hint\">\r\n      Gli output dell\u2019action si referenziano col nome dell\u2019elemento: <code>{{ name() }}.NomeOutput</code>.\r\n    </p>\r\n  }\r\n</fieldset>\r\n\r\n<fb-parameter-editor\r\n  [holder]=\"action()\"\r\n  [catalogParameters]=\"parameterCatalog()\"\r\n  [showOutputs]=\"!storeOutputAutomatically()\"\r\n  [outputsDisabledReason]=\"\r\n    storeOutputAutomatically() ? 'Con l\u2019output automatico i parametri di uscita non servono.' : null\r\n  \"\r\n  (changed)=\"onParametersChanged($event)\"\r\n/>\r\n\r\n<fb-connector-editor\r\n  [nodeName]=\"name()\"\r\n  [node]=\"node()\"\r\n  [outlets]=\"outlets()\"\r\n  title=\"Le tre uscite\"\r\n  (connectorChanged)=\"onConnectorChanged($event)\"\r\n/>\r\n", dependencies: [{ kind: "component", type: ConnectorEditorComponent, selector: "fb-connector-editor", inputs: ["nodeName", "node", "outlets", "title"], outputs: ["connectorChanged"] }, { kind: "component", type: ParameterEditorComponent, selector: "fb-parameter-editor", inputs: ["holder", "catalogParameters", "inputTitle", "outputTitle", "showInputs", "showOutputs", "outputsDisabledReason"], outputs: ["changed"] }, { kind: "directive", type: SelectValueDirective, selector: "select[fbValue]", inputs: ["fbValue"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: ActionCallInspectorComponent, isStandalone: true, selector: "fb-action-call-inspector", usesInheritance: true, ngImport: i0, template: "<div class=\"fb-field\">\r\n  <label class=\"fb-field__label fb-field__label--required\">Tipo di action</label>\r\n  <fb-name-picker\r\n    [value]=\"action().actionType\"\r\n    [options]=\"actionTypeOptions()\"\r\n    label=\"Tipo di action\"\r\n    placeholder=\"Scrivi o scegli un tipo\"\r\n    [isMono]=\"false\"\r\n    unknownMessage=\"Questo tipo di action non e\u2019 fra quelli dichiarati dal sistema ospite.\"\r\n    emptyMessage=\"Catalogo dei tipi di action non disponibile: puoi scrivere il nome a mano.\"\r\n    (valueChange)=\"setActionType($event ?? '')\"\r\n  />\r\n</div>\r\n\r\n<div class=\"fb-field\">\r\n  <label class=\"fb-field__label fb-field__label--required\">Action</label>\r\n  <fb-name-picker\r\n    [value]=\"action().actionName\"\r\n    [options]=\"actionOptions()\"\r\n    label=\"Action\"\r\n    placeholder=\"Scrivi o scegli un\u2019action\"\r\n    [isMono]=\"false\"\r\n    unknownMessage=\"Questa action non esiste nel catalogo del tipo scelto: la validazione la segnala come errore.\"\r\n    unknownSeverity=\"error\"\r\n    emptyMessage=\"Scegli prima il tipo di action, oppure scrivi il nome a mano.\"\r\n    (valueChange)=\"setActionName($event ?? '')\"\r\n  />\r\n</div>\r\n\r\n<fieldset class=\"fb-section\">\r\n  <legend class=\"fb-section__title\">Esecuzione</legend>\r\n\r\n  <div class=\"fb-field\">\r\n    <label class=\"fb-field__label\">Modello transazionale</label>\r\n    <select\r\n      class=\"fb-select\"\r\n      [fbValue]=\"action().flowTransactionModel || ''\"\r\n      (change)=\"setTransactionModel($any($event.target).value)\"\r\n    >\r\n      <option value=\"\">\u2014 predefinito \u2014</option>\r\n      @for (model of transactionModels(); track model.value) {\r\n        <option [value]=\"model.value\">{{ model.label }}</option>\r\n      }\r\n    </select>\r\n  </div>\r\n\r\n  <label class=\"fb-check\">\r\n    <input\r\n      type=\"checkbox\"\r\n      [checked]=\"action().isWaitUntilCompleted === true\"\r\n      (change)=\"setWaitUntilCompleted($any($event.target).checked)\"\r\n    />\r\n    Attendi il completamento\r\n  </label>\r\n\r\n  <div class=\"fb-field__row\">\r\n    <div class=\"fb-field\">\r\n      <label class=\"fb-field__label\">Attesa</label>\r\n      <input\r\n        class=\"fb-input\"\r\n        type=\"number\"\r\n        min=\"0\"\r\n        [value]=\"action().offset ?? ''\"\r\n        (input)=\"setOffset($any($event.target).value)\"\r\n      />\r\n    </div>\r\n    <div class=\"fb-field\">\r\n      <label class=\"fb-field__label\">Unita\u2019</label>\r\n      <select\r\n        class=\"fb-select\"\r\n        [fbValue]=\"action().offsetUnit || ''\"\r\n        (change)=\"setOffsetUnit($any($event.target).value)\"\r\n      >\r\n        <option value=\"\">\u2014</option>\r\n        @for (unit of offsetUnits(); track unit.value) {\r\n          <option [value]=\"unit.value\">{{ unit.label }}</option>\r\n        }\r\n      </select>\r\n    </div>\r\n  </div>\r\n  <p class=\"fb-field__hint\">Definiscono l\u2019attesa di un\u2019action asincrona.</p>\r\n</fieldset>\r\n\r\n<fieldset class=\"fb-section\">\r\n  <legend class=\"fb-section__title\">Ramo di timeout</legend>\r\n  <label class=\"fb-check\">\r\n    <input\r\n      type=\"checkbox\"\r\n      [checked]=\"timeoutEnabled()\"\r\n      (change)=\"setTimeoutEnabled($any($event.target).checked)\"\r\n    />\r\n    Abilita il ramo di timeout\r\n  </label>\r\n  <p class=\"fb-field__hint\">\r\n    Il ramo esiste solo con questo flag: qui il flag e la destinazione sono legati, cos\u00EC non possono\r\n    contraddirsi.\r\n  </p>\r\n  @if (timeoutMismatch()) {\r\n    <p class=\"fb-callout fb-callout--warn\">\r\n      Il flag e il ramo di timeout non sono coerenti fra loro.\r\n    </p>\r\n  }\r\n</fieldset>\r\n\r\n<fieldset class=\"fb-section\">\r\n  <legend class=\"fb-section__title\">Output</legend>\r\n  <label class=\"fb-check\">\r\n    <input\r\n      type=\"checkbox\"\r\n      [checked]=\"storeOutputAutomatically()\"\r\n      (change)=\"setStoreOutputAutomatically($any($event.target).checked)\"\r\n    />\r\n    Output automatico\r\n  </label>\r\n  @if (storeOutputAutomatically()) {\r\n    <p class=\"fb-field__hint\">\r\n      Gli output dell\u2019action si referenziano col nome dell\u2019elemento: <code>{{ name() }}.NomeOutput</code>.\r\n    </p>\r\n  }\r\n</fieldset>\r\n\r\n<fb-parameter-editor\r\n  [holder]=\"action()\"\r\n  [catalogParameters]=\"parameterCatalog()\"\r\n  [showOutputs]=\"!storeOutputAutomatically()\"\r\n  [outputsDisabledReason]=\"\r\n    storeOutputAutomatically() ? 'Con l\u2019output automatico i parametri di uscita non servono.' : null\r\n  \"\r\n  (changed)=\"onParametersChanged($event)\"\r\n/>\r\n\r\n<fb-connector-editor\r\n  [nodeName]=\"name()\"\r\n  [node]=\"node()\"\r\n  [outlets]=\"outlets()\"\r\n  title=\"Le tre uscite\"\r\n  (connectorChanged)=\"onConnectorChanged($event)\"\r\n/>\r\n", dependencies: [{ kind: "component", type: ConnectorEditorComponent, selector: "fb-connector-editor", inputs: ["nodeName", "node", "outlets", "title"], outputs: ["connectorChanged"] }, { kind: "component", type: NamePickerComponent, selector: "fb-name-picker", inputs: ["value", "options", "label", "placeholder", "disabled", "unknownMessage", "unknownSeverity", "emptyMessage", "isMono"], outputs: ["valueChange"] }, { kind: "component", type: ParameterEditorComponent, selector: "fb-parameter-editor", inputs: ["holder", "catalogParameters", "inputTitle", "outputTitle", "showInputs", "showOutputs", "outputsDisabledReason"], outputs: ["changed"] }, { kind: "directive", type: SelectValueDirective, selector: "select[fbValue]", inputs: ["fbValue"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: ActionCallInspectorComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'fb-action-call-inspector', standalone: true, imports: [ConnectorEditorComponent, ParameterEditorComponent, SelectValueDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"fb-field\">\r\n  <label class=\"fb-field__label fb-field__label--required\">Tipo di action</label>\r\n  @if (hasTypeCatalog()) {\r\n    <select\r\n      class=\"fb-select\"\r\n      [fbValue]=\"action().actionType || ''\"\r\n      (change)=\"setActionType($any($event.target).value)\"\r\n    >\r\n      <option value=\"\">\u2014 scegli \u2014</option>\r\n      @for (type of actionTypeOptions(); track type.name) {\r\n        <option [value]=\"type.name\">{{ type.label || type.name }}</option>\r\n      }\r\n    </select>\r\n  } @else {\r\n    <input\r\n      class=\"fb-input\"\r\n      [value]=\"action().actionType || ''\"\r\n      (input)=\"setActionType($any($event.target).value)\"\r\n    />\r\n  }\r\n</div>\r\n\r\n<div class=\"fb-field\">\r\n  <label class=\"fb-field__label fb-field__label--required\">Action</label>\r\n  @if (hasActionCatalog()) {\r\n    <select\r\n      class=\"fb-select\"\r\n      [class.fb-select--invalid]=\"isUnknownAction()\"\r\n      [fbValue]=\"action().actionName || ''\"\r\n      (change)=\"setActionName($any($event.target).value)\"\r\n    >\r\n      <option value=\"\">\u2014 scegli \u2014</option>\r\n      @for (entry of actionOptions(); track entry.name) {\r\n        <option [value]=\"entry.name\">{{ entry.label || entry.name }}</option>\r\n      }\r\n      @if (isUnknownAction()) {\r\n        <option [value]=\"action().actionName\">{{ action().actionName }} (non nel catalogo)</option>\r\n      }\r\n    </select>\r\n  } @else {\r\n    <input\r\n      class=\"fb-input\"\r\n      [value]=\"action().actionName || ''\"\r\n      (input)=\"setActionName($any($event.target).value)\"\r\n    />\r\n  }\r\n  @if (isUnknownAction()) {\r\n    <p class=\"fb-field__error\">\r\n      Questa action non esiste nel catalogo del tipo scelto: la validazione la segnala come errore.\r\n    </p>\r\n  }\r\n</div>\r\n\r\n<fieldset class=\"fb-section\">\r\n  <legend class=\"fb-section__title\">Esecuzione</legend>\r\n\r\n  <div class=\"fb-field\">\r\n    <label class=\"fb-field__label\">Modello transazionale</label>\r\n    <select\r\n      class=\"fb-select\"\r\n      [fbValue]=\"action().flowTransactionModel || ''\"\r\n      (change)=\"setTransactionModel($any($event.target).value)\"\r\n    >\r\n      <option value=\"\">\u2014 predefinito \u2014</option>\r\n      @for (model of transactionModels(); track model.value) {\r\n        <option [value]=\"model.value\">{{ model.label }}</option>\r\n      }\r\n    </select>\r\n  </div>\r\n\r\n  <label class=\"fb-check\">\r\n    <input\r\n      type=\"checkbox\"\r\n      [checked]=\"action().isWaitUntilCompleted === true\"\r\n      (change)=\"setWaitUntilCompleted($any($event.target).checked)\"\r\n    />\r\n    Attendi il completamento\r\n  </label>\r\n\r\n  <div class=\"fb-field__row\">\r\n    <div class=\"fb-field\">\r\n      <label class=\"fb-field__label\">Attesa</label>\r\n      <input\r\n        class=\"fb-input\"\r\n        type=\"number\"\r\n        min=\"0\"\r\n        [value]=\"action().offset ?? ''\"\r\n        (input)=\"setOffset($any($event.target).value)\"\r\n      />\r\n    </div>\r\n    <div class=\"fb-field\">\r\n      <label class=\"fb-field__label\">Unita\u2019</label>\r\n      <select\r\n        class=\"fb-select\"\r\n        [fbValue]=\"action().offsetUnit || ''\"\r\n        (change)=\"setOffsetUnit($any($event.target).value)\"\r\n      >\r\n        <option value=\"\">\u2014</option>\r\n        @for (unit of offsetUnits(); track unit.value) {\r\n          <option [value]=\"unit.value\">{{ unit.label }}</option>\r\n        }\r\n      </select>\r\n    </div>\r\n  </div>\r\n  <p class=\"fb-field__hint\">Definiscono l\u2019attesa di un\u2019action asincrona.</p>\r\n</fieldset>\r\n\r\n<fieldset class=\"fb-section\">\r\n  <legend class=\"fb-section__title\">Ramo di timeout</legend>\r\n  <label class=\"fb-check\">\r\n    <input\r\n      type=\"checkbox\"\r\n      [checked]=\"timeoutEnabled()\"\r\n      (change)=\"setTimeoutEnabled($any($event.target).checked)\"\r\n    />\r\n    Abilita il ramo di timeout\r\n  </label>\r\n  <p class=\"fb-field__hint\">\r\n    Il ramo esiste solo con questo flag: qui il flag e la destinazione sono legati, cos\u00EC non possono\r\n    contraddirsi.\r\n  </p>\r\n  @if (timeoutMismatch()) {\r\n    <p class=\"fb-callout fb-callout--warn\">\r\n      Il flag e il ramo di timeout non sono coerenti fra loro.\r\n    </p>\r\n  }\r\n</fieldset>\r\n\r\n<fieldset class=\"fb-section\">\r\n  <legend class=\"fb-section__title\">Output</legend>\r\n  <label class=\"fb-check\">\r\n    <input\r\n      type=\"checkbox\"\r\n      [checked]=\"storeOutputAutomatically()\"\r\n      (change)=\"setStoreOutputAutomatically($any($event.target).checked)\"\r\n    />\r\n    Output automatico\r\n  </label>\r\n  @if (storeOutputAutomatically()) {\r\n    <p class=\"fb-field__hint\">\r\n      Gli output dell\u2019action si referenziano col nome dell\u2019elemento: <code>{{ name() }}.NomeOutput</code>.\r\n    </p>\r\n  }\r\n</fieldset>\r\n\r\n<fb-parameter-editor\r\n  [holder]=\"action()\"\r\n  [catalogParameters]=\"parameterCatalog()\"\r\n  [showOutputs]=\"!storeOutputAutomatically()\"\r\n  [outputsDisabledReason]=\"\r\n    storeOutputAutomatically() ? 'Con l\u2019output automatico i parametri di uscita non servono.' : null\r\n  \"\r\n  (changed)=\"onParametersChanged($event)\"\r\n/>\r\n\r\n<fb-connector-editor\r\n  [nodeName]=\"name()\"\r\n  [node]=\"node()\"\r\n  [outlets]=\"outlets()\"\r\n  title=\"Le tre uscite\"\r\n  (connectorChanged)=\"onConnectorChanged($event)\"\r\n/>\r\n" }]
+            args: [{ selector: 'fb-action-call-inspector', standalone: true, imports: [ConnectorEditorComponent, NamePickerComponent, ParameterEditorComponent, SelectValueDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"fb-field\">\r\n  <label class=\"fb-field__label fb-field__label--required\">Tipo di action</label>\r\n  <fb-name-picker\r\n    [value]=\"action().actionType\"\r\n    [options]=\"actionTypeOptions()\"\r\n    label=\"Tipo di action\"\r\n    placeholder=\"Scrivi o scegli un tipo\"\r\n    [isMono]=\"false\"\r\n    unknownMessage=\"Questo tipo di action non e\u2019 fra quelli dichiarati dal sistema ospite.\"\r\n    emptyMessage=\"Catalogo dei tipi di action non disponibile: puoi scrivere il nome a mano.\"\r\n    (valueChange)=\"setActionType($event ?? '')\"\r\n  />\r\n</div>\r\n\r\n<div class=\"fb-field\">\r\n  <label class=\"fb-field__label fb-field__label--required\">Action</label>\r\n  <fb-name-picker\r\n    [value]=\"action().actionName\"\r\n    [options]=\"actionOptions()\"\r\n    label=\"Action\"\r\n    placeholder=\"Scrivi o scegli un\u2019action\"\r\n    [isMono]=\"false\"\r\n    unknownMessage=\"Questa action non esiste nel catalogo del tipo scelto: la validazione la segnala come errore.\"\r\n    unknownSeverity=\"error\"\r\n    emptyMessage=\"Scegli prima il tipo di action, oppure scrivi il nome a mano.\"\r\n    (valueChange)=\"setActionName($event ?? '')\"\r\n  />\r\n</div>\r\n\r\n<fieldset class=\"fb-section\">\r\n  <legend class=\"fb-section__title\">Esecuzione</legend>\r\n\r\n  <div class=\"fb-field\">\r\n    <label class=\"fb-field__label\">Modello transazionale</label>\r\n    <select\r\n      class=\"fb-select\"\r\n      [fbValue]=\"action().flowTransactionModel || ''\"\r\n      (change)=\"setTransactionModel($any($event.target).value)\"\r\n    >\r\n      <option value=\"\">\u2014 predefinito \u2014</option>\r\n      @for (model of transactionModels(); track model.value) {\r\n        <option [value]=\"model.value\">{{ model.label }}</option>\r\n      }\r\n    </select>\r\n  </div>\r\n\r\n  <label class=\"fb-check\">\r\n    <input\r\n      type=\"checkbox\"\r\n      [checked]=\"action().isWaitUntilCompleted === true\"\r\n      (change)=\"setWaitUntilCompleted($any($event.target).checked)\"\r\n    />\r\n    Attendi il completamento\r\n  </label>\r\n\r\n  <div class=\"fb-field__row\">\r\n    <div class=\"fb-field\">\r\n      <label class=\"fb-field__label\">Attesa</label>\r\n      <input\r\n        class=\"fb-input\"\r\n        type=\"number\"\r\n        min=\"0\"\r\n        [value]=\"action().offset ?? ''\"\r\n        (input)=\"setOffset($any($event.target).value)\"\r\n      />\r\n    </div>\r\n    <div class=\"fb-field\">\r\n      <label class=\"fb-field__label\">Unita\u2019</label>\r\n      <select\r\n        class=\"fb-select\"\r\n        [fbValue]=\"action().offsetUnit || ''\"\r\n        (change)=\"setOffsetUnit($any($event.target).value)\"\r\n      >\r\n        <option value=\"\">\u2014</option>\r\n        @for (unit of offsetUnits(); track unit.value) {\r\n          <option [value]=\"unit.value\">{{ unit.label }}</option>\r\n        }\r\n      </select>\r\n    </div>\r\n  </div>\r\n  <p class=\"fb-field__hint\">Definiscono l\u2019attesa di un\u2019action asincrona.</p>\r\n</fieldset>\r\n\r\n<fieldset class=\"fb-section\">\r\n  <legend class=\"fb-section__title\">Ramo di timeout</legend>\r\n  <label class=\"fb-check\">\r\n    <input\r\n      type=\"checkbox\"\r\n      [checked]=\"timeoutEnabled()\"\r\n      (change)=\"setTimeoutEnabled($any($event.target).checked)\"\r\n    />\r\n    Abilita il ramo di timeout\r\n  </label>\r\n  <p class=\"fb-field__hint\">\r\n    Il ramo esiste solo con questo flag: qui il flag e la destinazione sono legati, cos\u00EC non possono\r\n    contraddirsi.\r\n  </p>\r\n  @if (timeoutMismatch()) {\r\n    <p class=\"fb-callout fb-callout--warn\">\r\n      Il flag e il ramo di timeout non sono coerenti fra loro.\r\n    </p>\r\n  }\r\n</fieldset>\r\n\r\n<fieldset class=\"fb-section\">\r\n  <legend class=\"fb-section__title\">Output</legend>\r\n  <label class=\"fb-check\">\r\n    <input\r\n      type=\"checkbox\"\r\n      [checked]=\"storeOutputAutomatically()\"\r\n      (change)=\"setStoreOutputAutomatically($any($event.target).checked)\"\r\n    />\r\n    Output automatico\r\n  </label>\r\n  @if (storeOutputAutomatically()) {\r\n    <p class=\"fb-field__hint\">\r\n      Gli output dell\u2019action si referenziano col nome dell\u2019elemento: <code>{{ name() }}.NomeOutput</code>.\r\n    </p>\r\n  }\r\n</fieldset>\r\n\r\n<fb-parameter-editor\r\n  [holder]=\"action()\"\r\n  [catalogParameters]=\"parameterCatalog()\"\r\n  [showOutputs]=\"!storeOutputAutomatically()\"\r\n  [outputsDisabledReason]=\"\r\n    storeOutputAutomatically() ? 'Con l\u2019output automatico i parametri di uscita non servono.' : null\r\n  \"\r\n  (changed)=\"onParametersChanged($event)\"\r\n/>\r\n\r\n<fb-connector-editor\r\n  [nodeName]=\"name()\"\r\n  [node]=\"node()\"\r\n  [outlets]=\"outlets()\"\r\n  title=\"Le tre uscite\"\r\n  (connectorChanged)=\"onConnectorChanged($event)\"\r\n/>\r\n" }]
         }], ctorParameters: () => [] });
 
 /**
@@ -5734,7 +5867,7 @@ class OrchestratedStageInspectorComponent extends NodeInspectorBase {
     /** C'e' almeno uno step il cui rifiuto e' un esito previsto. */
     hasApprovalStep = computed(() => this.steps().some((step) => this.supportsRejection(step)), ...(ngDevMode ? [{ debugName: "hasApprovalStep" }] : []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: OrchestratedStageInspectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: OrchestratedStageInspectorComponent, isStandalone: true, selector: "fb-orchestrated-stage-inspector", usesInheritance: true, ngImport: i0, template: "<fieldset class=\"fb-section\">\r\n  <legend class=\"fb-section__title\">Step dello stage</legend>\r\n  <p class=\"fb-section__note\">\r\n    Gli step <strong>non sono una sequenza</strong>: parte quello le cui condizioni d\u2019ingresso sono vere, e\r\n    l\u2019ordine qui sotto e\u2019 solo l\u2019ordine in cui vengono esaminati.\r\n  </p>\r\n\r\n  <div class=\"fb-list\">\r\n    <!-- `stepIndex` esplicito: dentro l'elenco degli assegnatari `$index` e' quello dell'assegnatario. -->\r\n    @for (step of steps(); track $index; let stepIndex = $index, isFirst = $first, isLast = $last) {\r\n      <div class=\"fb-list__item\">\r\n        <div class=\"fb-list__header\">\r\n          <!-- Titolo, non indice: gli step non sono numerati perche' non sono una sequenza. -->\r\n          <span class=\"fb-list__title\">{{ step.label || step.name || '\u2014' }}</span>\r\n          <span class=\"fb-list__spacer\"></span>\r\n          <button\r\n            type=\"button\"\r\n            class=\"fb-btn fb-btn--ghost fb-btn--icon\"\r\n            aria-label=\"Esamina prima\"\r\n            title=\"Cambia l\u2019ordine d\u2019esame, non l\u2019ordine di esecuzione\"\r\n            [disabled]=\"isFirst\"\r\n            (click)=\"moveStep(stepIndex, -1)\"\r\n          >\r\n            \u2191\r\n          </button>\r\n          <button\r\n            type=\"button\"\r\n            class=\"fb-btn fb-btn--ghost fb-btn--icon\"\r\n            aria-label=\"Esamina dopo\"\r\n            title=\"Cambia l\u2019ordine d\u2019esame, non l\u2019ordine di esecuzione\"\r\n            [disabled]=\"isLast\"\r\n            (click)=\"moveStep(stepIndex, 1)\"\r\n          >\r\n            \u2193\r\n          </button>\r\n          <button\r\n            type=\"button\"\r\n            class=\"fb-btn fb-btn--ghost fb-btn--icon\"\r\n            aria-label=\"Rimuovi lo step\"\r\n            (click)=\"removeStep(stepIndex)\"\r\n          >\r\n            \u00D7\r\n          </button>\r\n        </div>\r\n\r\n        <div class=\"fb-field\">\r\n          <label class=\"fb-field__label fb-field__label--required\">Etichetta</label>\r\n          <input\r\n            class=\"fb-input\"\r\n            [value]=\"step.label || ''\"\r\n            placeholder=\"Approva la pratica\"\r\n            (input)=\"setStepLabel(stepIndex, $any($event.target).value)\"\r\n          />\r\n        </div>\r\n\r\n        <div class=\"fb-field\">\r\n          <label class=\"fb-field__label fb-field__label--required\">Nome tecnico</label>\r\n          <input\r\n            class=\"fb-input fb-input--mono\"\r\n            [class.fb-input--invalid]=\"!!stepNameError(step)\"\r\n            [value]=\"step.name || ''\"\r\n            (input)=\"setStepName(stepIndex, $any($event.target).value)\"\r\n          />\r\n          @if (stepNameError(step)) {\r\n            <p class=\"fb-field__error\">{{ stepNameError(step) }}</p>\r\n          } @else {\r\n            <p class=\"fb-field__hint\">\r\n              Sta nello stesso spazio dei nomi di elementi e risorse. Gli output dello step sono\r\n              referenziabili come <code>{{ step.name || 'NomeStep' }}.NomeOutput</code>.\r\n            </p>\r\n          }\r\n        </div>\r\n\r\n        <div class=\"fb-field\">\r\n          <label class=\"fb-field__label fb-field__label--required\">Tipo di step</label>\r\n          <select\r\n            class=\"fb-select\"\r\n            [class.fb-input--invalid]=\"!step.actionType || isUnknownStepType(step)\"\r\n            [fbValue]=\"step.actionType || ''\"\r\n            (change)=\"setStepType(stepIndex, $any($event.target).value)\"\r\n          >\r\n            <option value=\"\">\u2014 scegli \u2014</option>\r\n            @for (type of stepTypes(); track type.value) {\r\n              <option [value]=\"type.value\">{{ type.label }}</option>\r\n            }\r\n          </select>\r\n          @if (!step.actionType) {\r\n            <p class=\"fb-field__error\">Senza tipo lo step non e\u2019 valido (STAGE_STEP_TYPE_MISSING).</p>\r\n          } @else if (isUnknownStepType(step)) {\r\n            <p class=\"fb-field__error\">\r\n              \u00AB{{ step.actionType }}\u00BB non e\u2019 un tipo di step di questo sistema (STAGE_STEP_TYPE_UNKNOWN).\r\n            </p>\r\n          } @else if (stepTypeDescription(step)) {\r\n            <p class=\"fb-field__hint\">{{ stepTypeDescription(step) }}</p>\r\n          }\r\n        </div>\r\n\r\n        @if (requiresActionName(step)) {\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label fb-field__label--required\">Flow da eseguire</label>\r\n            <!--\r\n              Una lista di candidati vuota significa \"non lo so\", non \"nessuno\": il campo resta\r\n              scrivibile a mano invece di bloccare l'utente (\u00A77).\r\n            -->\r\n            <fb-name-picker\r\n              [value]=\"step.actionName\"\r\n              [options]=\"candidateOptions()\"\r\n              label=\"Flow da eseguire\"\r\n              placeholder=\"Preparazione_Pratica\"\r\n              unknownMessage=\"Questo flow non e\u2019 fra quelli invocabili: senza una versione attiva il motore non lo trova.\"\r\n              emptyMessage=\"Elenco dei flow non disponibile: puoi scrivere il nome a mano.\"\r\n              (valueChange)=\"setStepActionName(stepIndex, $event ?? '')\"\r\n            />\r\n            @if (!step.actionName) {\r\n              <p class=\"fb-field__error\">\r\n                Uno step in background esegue un flow: senza, e\u2019 STAGE_STEP_FLOW_MISSING.\r\n              </p>\r\n            } @else {\r\n              <p class=\"fb-field__hint\">Il motore lo esegue subito, senza coinvolgere nessuno.</p>\r\n            }\r\n          </div>\r\n        }\r\n\r\n        @if (requiresAssignees(step)) {\r\n          <fieldset class=\"fb-section\">\r\n            <legend class=\"fb-section__title\">Assegnatari</legend>\r\n            <p class=\"fb-section__note\">\r\n              Su questo step l\u2019interview si <strong>sospende</strong>: resta aperto un work item finche\u2019\r\n              una persona non lo conclude.\r\n            </p>\r\n            <div class=\"fb-list\">\r\n              @for (assignee of assigneesOf(step); track $index) {\r\n                <div class=\"fb-list__item\">\r\n                  <div class=\"fb-list__header\">\r\n                    <span class=\"fb-list__index\">{{ $index + 1 }}</span>\r\n                    <span class=\"fb-list__spacer\"></span>\r\n                    <button\r\n                      type=\"button\"\r\n                      class=\"fb-btn fb-btn--ghost fb-btn--icon\"\r\n                      aria-label=\"Rimuovi l\u2019assegnatario\"\r\n                      (click)=\"removeAssignee(stepIndex, $index)\"\r\n                    >\r\n                      \u00D7\r\n                    </button>\r\n                  </div>\r\n                  <div class=\"fb-field\">\r\n                    <label class=\"fb-field__label fb-field__label--required\">Tipo</label>\r\n                    <select\r\n                      class=\"fb-select\"\r\n                      [fbValue]=\"assignee.assigneeType || ''\"\r\n                      (change)=\"setAssigneeType(stepIndex, $index, $any($event.target).value)\"\r\n                    >\r\n                      <option value=\"\">\u2014 scegli \u2014</option>\r\n                      @for (type of assigneeTypes(); track type.value) {\r\n                        <option [value]=\"type.value\">{{ type.label }}</option>\r\n                      }\r\n                    </select>\r\n                  </div>\r\n                  <div class=\"fb-field\">\r\n                    <label class=\"fb-field__label fb-field__label--required\">Chi</label>\r\n                    <fb-value-editor\r\n                      [value]=\"assignee.assignee\"\r\n                      label=\"Assegnatario\"\r\n                      dataType=\"String\"\r\n                      (valueChange)=\"setAssigneeValue(stepIndex, $index, $event)\"\r\n                    />\r\n                  </div>\r\n                  @if (isAssigneeIncomplete(assignee)) {\r\n                    <p class=\"fb-field__error\">Servono tipo e destinatario (STAGE_STEP_ASSIGNEE_INVALID).</p>\r\n                  }\r\n                </div>\r\n              } @empty {\r\n                <p class=\"fb-empty\">\r\n                  Senza assegnatari questo step non e\u2019 valido (STAGE_STEP_ASSIGNEES_MISSING).\r\n                </p>\r\n              }\r\n            </div>\r\n            <button type=\"button\" class=\"fb-btn\" (click)=\"addAssignee(stepIndex)\">\r\n              Aggiungi assegnatario\r\n            </button>\r\n\r\n            @if (supportsRejection(step)) {\r\n              <label class=\"fb-check\">\r\n                <input\r\n                  type=\"checkbox\"\r\n                  [checked]=\"isMultiMemberApproval(step)\"\r\n                  (change)=\"setMultiMemberApproval(stepIndex, $any($event.target).checked)\"\r\n                />\r\n                Serve l\u2019approvazione di tutti i membri\r\n              </label>\r\n            }\r\n          </fieldset>\r\n        }\r\n\r\n        <!--\r\n          Ingresso e uscita non sono simmetriche: se l'ingresso non si avvera lo step viene\r\n          saltato, se l'uscita resta falsa lo stage va in stallo e l'esecuzione fallisce (\u00A75.13).\r\n        -->\r\n        <fb-condition-editor\r\n          [holder]=\"conditionHolders()[stepIndex].entry\"\r\n          title=\"Condizioni d\u2019ingresso (se lo step si applica)\"\r\n          [allowLogic]=\"false\"\r\n          [allowFormula]=\"false\"\r\n          (changed)=\"onEntryConditionsChanged(stepIndex, $event)\"\r\n        />\r\n        <p class=\"fb-field__hint\">\r\n          Se non si avverano, lo step viene <strong>saltato</strong> e lo stage prosegue.\r\n        </p>\r\n\r\n        <fb-condition-editor\r\n          [holder]=\"conditionHolders()[stepIndex].exit\"\r\n          title=\"Condizioni d\u2019uscita (quando lo step libera lo stage)\"\r\n          [allowLogic]=\"false\"\r\n          [allowFormula]=\"false\"\r\n          (changed)=\"onExitConditionsChanged(stepIndex, $event)\"\r\n        />\r\n        <p class=\"fb-field__hint fb-field__hint--warn\">\r\n          Se restano false quando non c\u2019e\u2019 piu\u2019 niente in esecuzione, lo stage e\u2019 in stallo e\r\n          l\u2019esecuzione <strong>fallisce</strong>.\r\n        </p>\r\n\r\n        @if (stepOutputInConditions(step)) {\r\n          <p class=\"fb-callout fb-callout--error\">\r\n            Una condizione referenzia l\u2019output dello step \u00AB{{ stepOutputInConditions(step) }}\u00BB: finche\u2019\r\n            quello step non ha girato il riferimento e\u2019 irrisolvibile, e a runtime e\u2019 un errore. Fai\r\n            scrivere quel risultato in una variabile (parametro di uscita \u2192 destinazione) e condiziona su\r\n            quella.\r\n          </p>\r\n        }\r\n\r\n        <div class=\"fb-field\">\r\n          <label class=\"fb-field__label\">Evaluation flow per l\u2019ingresso</label>\r\n          <fb-name-picker\r\n            [value]=\"step.entryActionName\"\r\n            [options]=\"candidateOptions()\"\r\n            label=\"Evaluation flow per l\u2019ingresso\"\r\n            placeholder=\"Valuta_Ingresso\"\r\n            unknownMessage=\"Questo flow non e\u2019 fra quelli invocabili: senza una versione attiva il motore non lo trova.\"\r\n            emptyMessage=\"Elenco dei flow non disponibile: puoi scrivere il nome a mano.\"\r\n            (valueChange)=\"setEntryActionName(stepIndex, $event ?? '')\"\r\n          />\r\n          <p class=\"fb-field__hint\">\r\n            Deve restituire l\u2019output booleano <code>{{ conditionOutputName }}</code>: e\u2019 l\u2019unico che il\r\n            runtime legge, dichiararne altri e\u2019 STAGE_ACTION_INVALID.\r\n          </p>\r\n        </div>\r\n\r\n        <div class=\"fb-field\">\r\n          <label class=\"fb-field__label\">Evaluation flow per l\u2019uscita</label>\r\n          <fb-name-picker\r\n            [value]=\"step.exitActionName\"\r\n            [options]=\"candidateOptions()\"\r\n            label=\"Evaluation flow per l\u2019uscita\"\r\n            placeholder=\"Valuta_Uscita\"\r\n            unknownMessage=\"Questo flow non e\u2019 fra quelli invocabili: senza una versione attiva il motore non lo trova.\"\r\n            emptyMessage=\"Elenco dei flow non disponibile: puoi scrivere il nome a mano.\"\r\n            (valueChange)=\"setExitActionName(stepIndex, $event ?? '')\"\r\n          />\r\n        </div>\r\n\r\n        <fb-parameter-editor\r\n          [holder]=\"step\"\r\n          inputTitle=\"Parametri dello step\"\r\n          [showOutputs]=\"true\"\r\n          outputTitle=\"Valori prodotti dallo step\"\r\n          (changed)=\"onParametersChanged(stepIndex, $event)\"\r\n        />\r\n        <p class=\"fb-field__hint\">\r\n          La destinazione e\u2019 <strong>facoltativa</strong>: l\u2019output e\u2019 gi\u00E0 referenziabile come\r\n          <code>{{ step.name || 'NomeStep' }}.NomeOutput</code>. Serve una variabile solo se un altro step\r\n          deve condizionare su quel risultato.\r\n        </p>\r\n\r\n        <label class=\"fb-check\">\r\n          <input\r\n            type=\"checkbox\"\r\n            [checked]=\"hasSimulatedOutputs(step)\"\r\n            (change)=\"setSimulateStep(stepIndex, $any($event.target).checked)\"\r\n          />\r\n          Simula lo step nella prova\r\n        </label>\r\n        @if (hasSimulatedOutputs(step)) {\r\n          <p class=\"fb-callout fb-callout--warn\">\r\n            Con la simulazione lo step non viene eseguito ne\u2019 assegnato: si usano gli output finti di\r\n            <code>outputConfigParams</code>. Non memorizzarci dati personali.\r\n          </p>\r\n        }\r\n\r\n        <div class=\"fb-field\">\r\n          <label class=\"fb-field__label\">Descrizione</label>\r\n          <textarea\r\n            class=\"fb-textarea\"\r\n            [value]=\"step.description || ''\"\r\n            (input)=\"setStepDescription(stepIndex, $any($event.target).value)\"\r\n          ></textarea>\r\n        </div>\r\n      </div>\r\n    } @empty {\r\n      <p class=\"fb-empty\">\r\n        Uno stage senza step non fa nulla ed e\u2019 un errore di validazione (STAGE_WITHOUT_STEPS).\r\n      </p>\r\n    }\r\n  </div>\r\n\r\n  <button type=\"button\" class=\"fb-btn\" (click)=\"addStep()\">Aggiungi step</button>\r\n</fieldset>\r\n\r\n@if (hasApprovalStep() && !hasRejectionBranch()) {\r\n  <p class=\"fb-callout fb-callout--warn\">\r\n    C\u2019e\u2019 uno step di approvazione ma il ramo \u00ABStep rifiutato\u00BB non e\u2019 disegnato: senza, un rifiuto fa\r\n    <strong>fallire</strong> l\u2019interview. Non e\u2019 un ramo di guasto, e\u2019 l\u2019esito previsto del rifiuto.\r\n  </p>\r\n}\r\n\r\n<fb-connector-editor\r\n  [nodeName]=\"name()\"\r\n  [node]=\"node()\"\r\n  [outlets]=\"outlets()\"\r\n  title=\"Rami\"\r\n  (connectorChanged)=\"onConnectorChanged($event)\"\r\n/>\r\n", dependencies: [{ kind: "component", type: ConditionEditorComponent, selector: "fb-condition-editor", inputs: ["holder", "title", "allowFormula", "allowLogic", "issuePath"], outputs: ["changed"] }, { kind: "component", type: ConnectorEditorComponent, selector: "fb-connector-editor", inputs: ["nodeName", "node", "outlets", "title"], outputs: ["connectorChanged"] }, { kind: "component", type: NamePickerComponent, selector: "fb-name-picker", inputs: ["value", "options", "label", "placeholder", "disabled", "unknownMessage", "emptyMessage", "isMono"], outputs: ["valueChange"] }, { kind: "component", type: ParameterEditorComponent, selector: "fb-parameter-editor", inputs: ["holder", "catalogParameters", "inputTitle", "outputTitle", "showInputs", "showOutputs", "outputsDisabledReason"], outputs: ["changed"] }, { kind: "component", type: ValueEditorComponent, selector: "fb-value-editor", inputs: ["value", "label", "dataType", "objectType", "isCollection", "disabled", "allowFormula"], outputs: ["valueChange"] }, { kind: "directive", type: SelectValueDirective, selector: "select[fbValue]", inputs: ["fbValue"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: OrchestratedStageInspectorComponent, isStandalone: true, selector: "fb-orchestrated-stage-inspector", usesInheritance: true, ngImport: i0, template: "<fieldset class=\"fb-section\">\r\n  <legend class=\"fb-section__title\">Step dello stage</legend>\r\n  <p class=\"fb-section__note\">\r\n    Gli step <strong>non sono una sequenza</strong>: parte quello le cui condizioni d\u2019ingresso sono vere, e\r\n    l\u2019ordine qui sotto e\u2019 solo l\u2019ordine in cui vengono esaminati.\r\n  </p>\r\n\r\n  <div class=\"fb-list\">\r\n    <!-- `stepIndex` esplicito: dentro l'elenco degli assegnatari `$index` e' quello dell'assegnatario. -->\r\n    @for (step of steps(); track $index; let stepIndex = $index, isFirst = $first, isLast = $last) {\r\n      <div class=\"fb-list__item\">\r\n        <div class=\"fb-list__header\">\r\n          <!-- Titolo, non indice: gli step non sono numerati perche' non sono una sequenza. -->\r\n          <span class=\"fb-list__title\">{{ step.label || step.name || '\u2014' }}</span>\r\n          <span class=\"fb-list__spacer\"></span>\r\n          <button\r\n            type=\"button\"\r\n            class=\"fb-btn fb-btn--ghost fb-btn--icon\"\r\n            aria-label=\"Esamina prima\"\r\n            title=\"Cambia l\u2019ordine d\u2019esame, non l\u2019ordine di esecuzione\"\r\n            [disabled]=\"isFirst\"\r\n            (click)=\"moveStep(stepIndex, -1)\"\r\n          >\r\n            \u2191\r\n          </button>\r\n          <button\r\n            type=\"button\"\r\n            class=\"fb-btn fb-btn--ghost fb-btn--icon\"\r\n            aria-label=\"Esamina dopo\"\r\n            title=\"Cambia l\u2019ordine d\u2019esame, non l\u2019ordine di esecuzione\"\r\n            [disabled]=\"isLast\"\r\n            (click)=\"moveStep(stepIndex, 1)\"\r\n          >\r\n            \u2193\r\n          </button>\r\n          <button\r\n            type=\"button\"\r\n            class=\"fb-btn fb-btn--ghost fb-btn--icon\"\r\n            aria-label=\"Rimuovi lo step\"\r\n            (click)=\"removeStep(stepIndex)\"\r\n          >\r\n            \u00D7\r\n          </button>\r\n        </div>\r\n\r\n        <div class=\"fb-field\">\r\n          <label class=\"fb-field__label fb-field__label--required\">Etichetta</label>\r\n          <input\r\n            class=\"fb-input\"\r\n            [value]=\"step.label || ''\"\r\n            placeholder=\"Approva la pratica\"\r\n            (input)=\"setStepLabel(stepIndex, $any($event.target).value)\"\r\n          />\r\n        </div>\r\n\r\n        <div class=\"fb-field\">\r\n          <label class=\"fb-field__label fb-field__label--required\">Nome tecnico</label>\r\n          <input\r\n            class=\"fb-input fb-input--mono\"\r\n            [class.fb-input--invalid]=\"!!stepNameError(step)\"\r\n            [value]=\"step.name || ''\"\r\n            (input)=\"setStepName(stepIndex, $any($event.target).value)\"\r\n          />\r\n          @if (stepNameError(step)) {\r\n            <p class=\"fb-field__error\">{{ stepNameError(step) }}</p>\r\n          } @else {\r\n            <p class=\"fb-field__hint\">\r\n              Sta nello stesso spazio dei nomi di elementi e risorse. Gli output dello step sono\r\n              referenziabili come <code>{{ step.name || 'NomeStep' }}.NomeOutput</code>.\r\n            </p>\r\n          }\r\n        </div>\r\n\r\n        <div class=\"fb-field\">\r\n          <label class=\"fb-field__label fb-field__label--required\">Tipo di step</label>\r\n          <select\r\n            class=\"fb-select\"\r\n            [class.fb-input--invalid]=\"!step.actionType || isUnknownStepType(step)\"\r\n            [fbValue]=\"step.actionType || ''\"\r\n            (change)=\"setStepType(stepIndex, $any($event.target).value)\"\r\n          >\r\n            <option value=\"\">\u2014 scegli \u2014</option>\r\n            @for (type of stepTypes(); track type.value) {\r\n              <option [value]=\"type.value\">{{ type.label }}</option>\r\n            }\r\n          </select>\r\n          @if (!step.actionType) {\r\n            <p class=\"fb-field__error\">Senza tipo lo step non e\u2019 valido (STAGE_STEP_TYPE_MISSING).</p>\r\n          } @else if (isUnknownStepType(step)) {\r\n            <p class=\"fb-field__error\">\r\n              \u00AB{{ step.actionType }}\u00BB non e\u2019 un tipo di step di questo sistema (STAGE_STEP_TYPE_UNKNOWN).\r\n            </p>\r\n          } @else if (stepTypeDescription(step)) {\r\n            <p class=\"fb-field__hint\">{{ stepTypeDescription(step) }}</p>\r\n          }\r\n        </div>\r\n\r\n        @if (requiresActionName(step)) {\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label fb-field__label--required\">Flow da eseguire</label>\r\n            <!--\r\n              Una lista di candidati vuota significa \"non lo so\", non \"nessuno\": il campo resta\r\n              scrivibile a mano invece di bloccare l'utente (\u00A77).\r\n            -->\r\n            <fb-name-picker\r\n              [value]=\"step.actionName\"\r\n              [options]=\"candidateOptions()\"\r\n              label=\"Flow da eseguire\"\r\n              placeholder=\"Preparazione_Pratica\"\r\n              unknownMessage=\"Questo flow non e\u2019 fra quelli invocabili: senza una versione attiva il motore non lo trova.\"\r\n              emptyMessage=\"Elenco dei flow non disponibile: puoi scrivere il nome a mano.\"\r\n              (valueChange)=\"setStepActionName(stepIndex, $event ?? '')\"\r\n            />\r\n            @if (!step.actionName) {\r\n              <p class=\"fb-field__error\">\r\n                Uno step in background esegue un flow: senza, e\u2019 STAGE_STEP_FLOW_MISSING.\r\n              </p>\r\n            } @else {\r\n              <p class=\"fb-field__hint\">Il motore lo esegue subito, senza coinvolgere nessuno.</p>\r\n            }\r\n          </div>\r\n        }\r\n\r\n        @if (requiresAssignees(step)) {\r\n          <fieldset class=\"fb-section\">\r\n            <legend class=\"fb-section__title\">Assegnatari</legend>\r\n            <p class=\"fb-section__note\">\r\n              Su questo step l\u2019interview si <strong>sospende</strong>: resta aperto un work item finche\u2019\r\n              una persona non lo conclude.\r\n            </p>\r\n            <div class=\"fb-list\">\r\n              @for (assignee of assigneesOf(step); track $index) {\r\n                <div class=\"fb-list__item\">\r\n                  <div class=\"fb-list__header\">\r\n                    <span class=\"fb-list__index\">{{ $index + 1 }}</span>\r\n                    <span class=\"fb-list__spacer\"></span>\r\n                    <button\r\n                      type=\"button\"\r\n                      class=\"fb-btn fb-btn--ghost fb-btn--icon\"\r\n                      aria-label=\"Rimuovi l\u2019assegnatario\"\r\n                      (click)=\"removeAssignee(stepIndex, $index)\"\r\n                    >\r\n                      \u00D7\r\n                    </button>\r\n                  </div>\r\n                  <div class=\"fb-field\">\r\n                    <label class=\"fb-field__label fb-field__label--required\">Tipo</label>\r\n                    <select\r\n                      class=\"fb-select\"\r\n                      [fbValue]=\"assignee.assigneeType || ''\"\r\n                      (change)=\"setAssigneeType(stepIndex, $index, $any($event.target).value)\"\r\n                    >\r\n                      <option value=\"\">\u2014 scegli \u2014</option>\r\n                      @for (type of assigneeTypes(); track type.value) {\r\n                        <option [value]=\"type.value\">{{ type.label }}</option>\r\n                      }\r\n                    </select>\r\n                  </div>\r\n                  <div class=\"fb-field\">\r\n                    <label class=\"fb-field__label fb-field__label--required\">Chi</label>\r\n                    <fb-value-editor\r\n                      [value]=\"assignee.assignee\"\r\n                      label=\"Assegnatario\"\r\n                      dataType=\"String\"\r\n                      (valueChange)=\"setAssigneeValue(stepIndex, $index, $event)\"\r\n                    />\r\n                  </div>\r\n                  @if (isAssigneeIncomplete(assignee)) {\r\n                    <p class=\"fb-field__error\">Servono tipo e destinatario (STAGE_STEP_ASSIGNEE_INVALID).</p>\r\n                  }\r\n                </div>\r\n              } @empty {\r\n                <p class=\"fb-empty\">\r\n                  Senza assegnatari questo step non e\u2019 valido (STAGE_STEP_ASSIGNEES_MISSING).\r\n                </p>\r\n              }\r\n            </div>\r\n            <button type=\"button\" class=\"fb-btn\" (click)=\"addAssignee(stepIndex)\">\r\n              Aggiungi assegnatario\r\n            </button>\r\n\r\n            @if (supportsRejection(step)) {\r\n              <label class=\"fb-check\">\r\n                <input\r\n                  type=\"checkbox\"\r\n                  [checked]=\"isMultiMemberApproval(step)\"\r\n                  (change)=\"setMultiMemberApproval(stepIndex, $any($event.target).checked)\"\r\n                />\r\n                Serve l\u2019approvazione di tutti i membri\r\n              </label>\r\n            }\r\n          </fieldset>\r\n        }\r\n\r\n        <!--\r\n          Ingresso e uscita non sono simmetriche: se l'ingresso non si avvera lo step viene\r\n          saltato, se l'uscita resta falsa lo stage va in stallo e l'esecuzione fallisce (\u00A75.13).\r\n        -->\r\n        <fb-condition-editor\r\n          [holder]=\"conditionHolders()[stepIndex].entry\"\r\n          title=\"Condizioni d\u2019ingresso (se lo step si applica)\"\r\n          [allowLogic]=\"false\"\r\n          [allowFormula]=\"false\"\r\n          (changed)=\"onEntryConditionsChanged(stepIndex, $event)\"\r\n        />\r\n        <p class=\"fb-field__hint\">\r\n          Se non si avverano, lo step viene <strong>saltato</strong> e lo stage prosegue.\r\n        </p>\r\n\r\n        <fb-condition-editor\r\n          [holder]=\"conditionHolders()[stepIndex].exit\"\r\n          title=\"Condizioni d\u2019uscita (quando lo step libera lo stage)\"\r\n          [allowLogic]=\"false\"\r\n          [allowFormula]=\"false\"\r\n          (changed)=\"onExitConditionsChanged(stepIndex, $event)\"\r\n        />\r\n        <p class=\"fb-field__hint fb-field__hint--warn\">\r\n          Se restano false quando non c\u2019e\u2019 piu\u2019 niente in esecuzione, lo stage e\u2019 in stallo e\r\n          l\u2019esecuzione <strong>fallisce</strong>.\r\n        </p>\r\n\r\n        @if (stepOutputInConditions(step)) {\r\n          <p class=\"fb-callout fb-callout--error\">\r\n            Una condizione referenzia l\u2019output dello step \u00AB{{ stepOutputInConditions(step) }}\u00BB: finche\u2019\r\n            quello step non ha girato il riferimento e\u2019 irrisolvibile, e a runtime e\u2019 un errore. Fai\r\n            scrivere quel risultato in una variabile (parametro di uscita \u2192 destinazione) e condiziona su\r\n            quella.\r\n          </p>\r\n        }\r\n\r\n        <div class=\"fb-field\">\r\n          <label class=\"fb-field__label\">Evaluation flow per l\u2019ingresso</label>\r\n          <fb-name-picker\r\n            [value]=\"step.entryActionName\"\r\n            [options]=\"candidateOptions()\"\r\n            label=\"Evaluation flow per l\u2019ingresso\"\r\n            placeholder=\"Valuta_Ingresso\"\r\n            unknownMessage=\"Questo flow non e\u2019 fra quelli invocabili: senza una versione attiva il motore non lo trova.\"\r\n            emptyMessage=\"Elenco dei flow non disponibile: puoi scrivere il nome a mano.\"\r\n            (valueChange)=\"setEntryActionName(stepIndex, $event ?? '')\"\r\n          />\r\n          <p class=\"fb-field__hint\">\r\n            Deve restituire l\u2019output booleano <code>{{ conditionOutputName }}</code>: e\u2019 l\u2019unico che il\r\n            runtime legge, dichiararne altri e\u2019 STAGE_ACTION_INVALID.\r\n          </p>\r\n        </div>\r\n\r\n        <div class=\"fb-field\">\r\n          <label class=\"fb-field__label\">Evaluation flow per l\u2019uscita</label>\r\n          <fb-name-picker\r\n            [value]=\"step.exitActionName\"\r\n            [options]=\"candidateOptions()\"\r\n            label=\"Evaluation flow per l\u2019uscita\"\r\n            placeholder=\"Valuta_Uscita\"\r\n            unknownMessage=\"Questo flow non e\u2019 fra quelli invocabili: senza una versione attiva il motore non lo trova.\"\r\n            emptyMessage=\"Elenco dei flow non disponibile: puoi scrivere il nome a mano.\"\r\n            (valueChange)=\"setExitActionName(stepIndex, $event ?? '')\"\r\n          />\r\n        </div>\r\n\r\n        <fb-parameter-editor\r\n          [holder]=\"step\"\r\n          inputTitle=\"Parametri dello step\"\r\n          [showOutputs]=\"true\"\r\n          outputTitle=\"Valori prodotti dallo step\"\r\n          (changed)=\"onParametersChanged(stepIndex, $event)\"\r\n        />\r\n        <p class=\"fb-field__hint\">\r\n          La destinazione e\u2019 <strong>facoltativa</strong>: l\u2019output e\u2019 gi\u00E0 referenziabile come\r\n          <code>{{ step.name || 'NomeStep' }}.NomeOutput</code>. Serve una variabile solo se un altro step\r\n          deve condizionare su quel risultato.\r\n        </p>\r\n\r\n        <label class=\"fb-check\">\r\n          <input\r\n            type=\"checkbox\"\r\n            [checked]=\"hasSimulatedOutputs(step)\"\r\n            (change)=\"setSimulateStep(stepIndex, $any($event.target).checked)\"\r\n          />\r\n          Simula lo step nella prova\r\n        </label>\r\n        @if (hasSimulatedOutputs(step)) {\r\n          <p class=\"fb-callout fb-callout--warn\">\r\n            Con la simulazione lo step non viene eseguito ne\u2019 assegnato: si usano gli output finti di\r\n            <code>outputConfigParams</code>. Non memorizzarci dati personali.\r\n          </p>\r\n        }\r\n\r\n        <div class=\"fb-field\">\r\n          <label class=\"fb-field__label\">Descrizione</label>\r\n          <textarea\r\n            class=\"fb-textarea\"\r\n            [value]=\"step.description || ''\"\r\n            (input)=\"setStepDescription(stepIndex, $any($event.target).value)\"\r\n          ></textarea>\r\n        </div>\r\n      </div>\r\n    } @empty {\r\n      <p class=\"fb-empty\">\r\n        Uno stage senza step non fa nulla ed e\u2019 un errore di validazione (STAGE_WITHOUT_STEPS).\r\n      </p>\r\n    }\r\n  </div>\r\n\r\n  <button type=\"button\" class=\"fb-btn\" (click)=\"addStep()\">Aggiungi step</button>\r\n</fieldset>\r\n\r\n@if (hasApprovalStep() && !hasRejectionBranch()) {\r\n  <p class=\"fb-callout fb-callout--warn\">\r\n    C\u2019e\u2019 uno step di approvazione ma il ramo \u00ABStep rifiutato\u00BB non e\u2019 disegnato: senza, un rifiuto fa\r\n    <strong>fallire</strong> l\u2019interview. Non e\u2019 un ramo di guasto, e\u2019 l\u2019esito previsto del rifiuto.\r\n  </p>\r\n}\r\n\r\n<fb-connector-editor\r\n  [nodeName]=\"name()\"\r\n  [node]=\"node()\"\r\n  [outlets]=\"outlets()\"\r\n  title=\"Rami\"\r\n  (connectorChanged)=\"onConnectorChanged($event)\"\r\n/>\r\n", dependencies: [{ kind: "component", type: ConditionEditorComponent, selector: "fb-condition-editor", inputs: ["holder", "title", "allowFormula", "allowLogic", "issuePath"], outputs: ["changed"] }, { kind: "component", type: ConnectorEditorComponent, selector: "fb-connector-editor", inputs: ["nodeName", "node", "outlets", "title"], outputs: ["connectorChanged"] }, { kind: "component", type: NamePickerComponent, selector: "fb-name-picker", inputs: ["value", "options", "label", "placeholder", "disabled", "unknownMessage", "unknownSeverity", "emptyMessage", "isMono"], outputs: ["valueChange"] }, { kind: "component", type: ParameterEditorComponent, selector: "fb-parameter-editor", inputs: ["holder", "catalogParameters", "inputTitle", "outputTitle", "showInputs", "showOutputs", "outputsDisabledReason"], outputs: ["changed"] }, { kind: "component", type: ValueEditorComponent, selector: "fb-value-editor", inputs: ["value", "label", "dataType", "objectType", "isCollection", "disabled", "allowFormula"], outputs: ["valueChange"] }, { kind: "directive", type: SelectValueDirective, selector: "select[fbValue]", inputs: ["fbValue"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: OrchestratedStageInspectorComponent, decorators: [{
             type: Component,
@@ -6196,17 +6329,11 @@ class ScreenInspectorComponent extends NodeInspectorBase {
         });
     }
     formOptions = computed(() => this.forms(), ...(ngDevMode ? [{ debugName: "formOptions" }] : []));
-    /** Catalogo vuoto = "non lo so": nessun controllo, nessun falso allarme (§7). */
-    hasFormCatalog = computed(() => this.forms().length > 0, ...(ngDevMode ? [{ debugName: "hasFormCatalog" }] : []));
     parameters = computed(() => this.formParameters(), ...(ngDevMode ? [{ debugName: "parameters" }] : []));
-    /** Con il catalogo popolato, un form non presente e' un errore (`FORM_UNKNOWN`). */
-    isUnknownForm = computed(() => {
-        const formName = this.screen().formName;
-        if (!formName || !this.hasFormCatalog()) {
-            return false;
-        }
-        return !this.forms().some((form) => form.name === formName);
-    }, ...(ngDevMode ? [{ debugName: "isUnknownForm" }] : []));
+    /**
+     * Il form fuori catalogo (`FORM_UNKNOWN`) lo segnala il picker, che riceve l'elenco. Catalogo
+     * vuoto resta "non lo so": nessun controllo, nessun falso allarme (§7).
+     */
     /**
      * `allowBack`, `allowFinish`, `allowPause` hanno default `true`: un valore assente
      * significa concesso, non negato.
@@ -6246,11 +6373,11 @@ class ScreenInspectorComponent extends NodeInspectorBase {
         this.patch((node) => mutate(node));
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: ScreenInspectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: ScreenInspectorComponent, isStandalone: true, selector: "fb-screen-inspector", usesInheritance: true, ngImport: i0, template: "<p class=\"fb-callout\">\r\n  Lo screen dichiara <strong>quale form</strong> mostrare, non i suoi campi: il form e\u2019 un componente del\r\n  frontend applicativo, e qui si definisce solo il contratto di dati.\r\n</p>\r\n\r\n<div class=\"fb-field\">\r\n  <label class=\"fb-field__label fb-field__label--required\">Form</label>\r\n  @if (hasFormCatalog()) {\r\n    <select\r\n      class=\"fb-select\"\r\n      [class.fb-select--invalid]=\"isUnknownForm()\"\r\n      [fbValue]=\"screen().formName || ''\"\r\n      (change)=\"setFormName($any($event.target).value)\"\r\n    >\r\n      <option value=\"\">\u2014 scegli un form \u2014</option>\r\n      @for (form of formOptions(); track form.name) {\r\n        <option [value]=\"form.name\">{{ form.label || form.name }}</option>\r\n      }\r\n      @if (isUnknownForm()) {\r\n        <option [value]=\"screen().formName\">{{ screen().formName }} (non nel catalogo)</option>\r\n      }\r\n    </select>\r\n  } @else {\r\n    <input\r\n      class=\"fb-input\"\r\n      [value]=\"screen().formName || ''\"\r\n      placeholder=\"Nome del form\"\r\n      (input)=\"setFormName($any($event.target).value)\"\r\n    />\r\n    <p class=\"fb-field__hint\">\r\n      Il catalogo dei form non e\u2019 popolato: il nome non viene verificato.\r\n    </p>\r\n  }\r\n  @if (isUnknownForm()) {\r\n    <p class=\"fb-field__error\">Questo form non esiste nel catalogo: la validazione lo segnala come errore.</p>\r\n  }\r\n</div>\r\n\r\n<div class=\"fb-field\">\r\n  <label class=\"fb-field__label\">Testo di aiuto</label>\r\n  <textarea\r\n    class=\"fb-textarea\"\r\n    [value]=\"screen().helpText || ''\"\r\n    (input)=\"setHelpText($any($event.target).value)\"\r\n  ></textarea>\r\n</div>\r\n\r\n<fieldset class=\"fb-section\">\r\n  <legend class=\"fb-section__title\">Navigazione</legend>\r\n  <p class=\"fb-section__note\">\r\n    Questi flag sono un\u2019intenzione, non la verita\u2019 finale: a runtime il motore comunica\r\n    <code>canGoBack</code>, <code>canFinish</code> e <code>canPause</code> nella richiesta del form \u2014\r\n    per esempio \u00ABindietro\u00BB conta solo se esiste uno screen precedente nel percorso.\r\n  </p>\r\n  <label class=\"fb-check\">\r\n    <input type=\"checkbox\" [checked]=\"allowBack()\" (change)=\"setFlag('allowBack', $any($event.target).checked)\" />\r\n    Consenti \u00ABindietro\u00BB\r\n  </label>\r\n  <label class=\"fb-check\">\r\n    <input type=\"checkbox\" [checked]=\"allowFinish()\" (change)=\"setFlag('allowFinish', $any($event.target).checked)\" />\r\n    Consenti \u00ABfine\u00BB\r\n  </label>\r\n  <label class=\"fb-check\">\r\n    <input type=\"checkbox\" [checked]=\"allowPause()\" (change)=\"setFlag('allowPause', $any($event.target).checked)\" />\r\n    Consenti \u00ABpausa\u00BB\r\n  </label>\r\n\r\n  @if (allowPause()) {\r\n    <div class=\"fb-field\">\r\n      <label class=\"fb-field__label\">Testo mostrato alla pausa</label>\r\n      <input\r\n        class=\"fb-input\"\r\n        [value]=\"screen().pausedText || ''\"\r\n        (input)=\"setPausedText($any($event.target).value)\"\r\n      />\r\n    </div>\r\n  }\r\n\r\n  @if (isDeadEnd()) {\r\n    <p class=\"fb-callout fb-callout--error\">\r\n      Questo screen non ha una destinazione e non consente \u00ABfine\u00BB: e\u2019 un vicolo cieco, e l\u2019utente resterebbe\r\n      bloccato.\r\n    </p>\r\n  }\r\n</fieldset>\r\n\r\n<fb-parameter-editor\r\n  [holder]=\"screen()\"\r\n  [catalogParameters]=\"parameters()\"\r\n  inputTitle=\"Valori passati al form\"\r\n  outputTitle=\"Valori raccolti dal form\"\r\n  (changed)=\"onParametersChanged($event)\"\r\n/>\r\n\r\n<fb-connector-editor\r\n  [nodeName]=\"name()\"\r\n  [node]=\"node()\"\r\n  [outlets]=\"outlets()\"\r\n  (connectorChanged)=\"onConnectorChanged($event)\"\r\n/>\r\n", dependencies: [{ kind: "component", type: ConnectorEditorComponent, selector: "fb-connector-editor", inputs: ["nodeName", "node", "outlets", "title"], outputs: ["connectorChanged"] }, { kind: "component", type: ParameterEditorComponent, selector: "fb-parameter-editor", inputs: ["holder", "catalogParameters", "inputTitle", "outputTitle", "showInputs", "showOutputs", "outputsDisabledReason"], outputs: ["changed"] }, { kind: "directive", type: SelectValueDirective, selector: "select[fbValue]", inputs: ["fbValue"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: ScreenInspectorComponent, isStandalone: true, selector: "fb-screen-inspector", usesInheritance: true, ngImport: i0, template: "<p class=\"fb-callout\">\r\n  Lo screen dichiara <strong>quale form</strong> mostrare, non i suoi campi: il form e\u2019 un componente del\r\n  frontend applicativo, e qui si definisce solo il contratto di dati.\r\n</p>\r\n\r\n<div class=\"fb-field\">\r\n  <label class=\"fb-field__label fb-field__label--required\">Form</label>\r\n  <fb-name-picker\r\n    [value]=\"screen().formName\"\r\n    [options]=\"formOptions()\"\r\n    label=\"Form\"\r\n    placeholder=\"Scrivi o scegli un form\"\r\n    [isMono]=\"false\"\r\n    unknownMessage=\"Questo form non esiste nel catalogo: la validazione lo segnala come errore.\"\r\n    unknownSeverity=\"error\"\r\n    emptyMessage=\"Il catalogo dei form non e\u2019 popolato: il nome non viene verificato.\"\r\n    (valueChange)=\"setFormName($event ?? '')\"\r\n  />\r\n</div>\r\n\r\n<div class=\"fb-field\">\r\n  <label class=\"fb-field__label\">Testo di aiuto</label>\r\n  <textarea\r\n    class=\"fb-textarea\"\r\n    [value]=\"screen().helpText || ''\"\r\n    (input)=\"setHelpText($any($event.target).value)\"\r\n  ></textarea>\r\n</div>\r\n\r\n<fieldset class=\"fb-section\">\r\n  <legend class=\"fb-section__title\">Navigazione</legend>\r\n  <p class=\"fb-section__note\">\r\n    Questi flag sono un\u2019intenzione, non la verita\u2019 finale: a runtime il motore comunica\r\n    <code>canGoBack</code>, <code>canFinish</code> e <code>canPause</code> nella richiesta del form \u2014\r\n    per esempio \u00ABindietro\u00BB conta solo se esiste uno screen precedente nel percorso.\r\n  </p>\r\n  <label class=\"fb-check\">\r\n    <input type=\"checkbox\" [checked]=\"allowBack()\" (change)=\"setFlag('allowBack', $any($event.target).checked)\" />\r\n    Consenti \u00ABindietro\u00BB\r\n  </label>\r\n  <label class=\"fb-check\">\r\n    <input type=\"checkbox\" [checked]=\"allowFinish()\" (change)=\"setFlag('allowFinish', $any($event.target).checked)\" />\r\n    Consenti \u00ABfine\u00BB\r\n  </label>\r\n  <label class=\"fb-check\">\r\n    <input type=\"checkbox\" [checked]=\"allowPause()\" (change)=\"setFlag('allowPause', $any($event.target).checked)\" />\r\n    Consenti \u00ABpausa\u00BB\r\n  </label>\r\n\r\n  @if (allowPause()) {\r\n    <div class=\"fb-field\">\r\n      <label class=\"fb-field__label\">Testo mostrato alla pausa</label>\r\n      <input\r\n        class=\"fb-input\"\r\n        [value]=\"screen().pausedText || ''\"\r\n        (input)=\"setPausedText($any($event.target).value)\"\r\n      />\r\n    </div>\r\n  }\r\n\r\n  @if (isDeadEnd()) {\r\n    <p class=\"fb-callout fb-callout--error\">\r\n      Questo screen non ha una destinazione e non consente \u00ABfine\u00BB: e\u2019 un vicolo cieco, e l\u2019utente resterebbe\r\n      bloccato.\r\n    </p>\r\n  }\r\n</fieldset>\r\n\r\n<fb-parameter-editor\r\n  [holder]=\"screen()\"\r\n  [catalogParameters]=\"parameters()\"\r\n  inputTitle=\"Valori passati al form\"\r\n  outputTitle=\"Valori raccolti dal form\"\r\n  (changed)=\"onParametersChanged($event)\"\r\n/>\r\n\r\n<fb-connector-editor\r\n  [nodeName]=\"name()\"\r\n  [node]=\"node()\"\r\n  [outlets]=\"outlets()\"\r\n  (connectorChanged)=\"onConnectorChanged($event)\"\r\n/>\r\n", dependencies: [{ kind: "component", type: ConnectorEditorComponent, selector: "fb-connector-editor", inputs: ["nodeName", "node", "outlets", "title"], outputs: ["connectorChanged"] }, { kind: "component", type: NamePickerComponent, selector: "fb-name-picker", inputs: ["value", "options", "label", "placeholder", "disabled", "unknownMessage", "unknownSeverity", "emptyMessage", "isMono"], outputs: ["valueChange"] }, { kind: "component", type: ParameterEditorComponent, selector: "fb-parameter-editor", inputs: ["holder", "catalogParameters", "inputTitle", "outputTitle", "showInputs", "showOutputs", "outputsDisabledReason"], outputs: ["changed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: ScreenInspectorComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'fb-screen-inspector', standalone: true, imports: [ConnectorEditorComponent, ParameterEditorComponent, SelectValueDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<p class=\"fb-callout\">\r\n  Lo screen dichiara <strong>quale form</strong> mostrare, non i suoi campi: il form e\u2019 un componente del\r\n  frontend applicativo, e qui si definisce solo il contratto di dati.\r\n</p>\r\n\r\n<div class=\"fb-field\">\r\n  <label class=\"fb-field__label fb-field__label--required\">Form</label>\r\n  @if (hasFormCatalog()) {\r\n    <select\r\n      class=\"fb-select\"\r\n      [class.fb-select--invalid]=\"isUnknownForm()\"\r\n      [fbValue]=\"screen().formName || ''\"\r\n      (change)=\"setFormName($any($event.target).value)\"\r\n    >\r\n      <option value=\"\">\u2014 scegli un form \u2014</option>\r\n      @for (form of formOptions(); track form.name) {\r\n        <option [value]=\"form.name\">{{ form.label || form.name }}</option>\r\n      }\r\n      @if (isUnknownForm()) {\r\n        <option [value]=\"screen().formName\">{{ screen().formName }} (non nel catalogo)</option>\r\n      }\r\n    </select>\r\n  } @else {\r\n    <input\r\n      class=\"fb-input\"\r\n      [value]=\"screen().formName || ''\"\r\n      placeholder=\"Nome del form\"\r\n      (input)=\"setFormName($any($event.target).value)\"\r\n    />\r\n    <p class=\"fb-field__hint\">\r\n      Il catalogo dei form non e\u2019 popolato: il nome non viene verificato.\r\n    </p>\r\n  }\r\n  @if (isUnknownForm()) {\r\n    <p class=\"fb-field__error\">Questo form non esiste nel catalogo: la validazione lo segnala come errore.</p>\r\n  }\r\n</div>\r\n\r\n<div class=\"fb-field\">\r\n  <label class=\"fb-field__label\">Testo di aiuto</label>\r\n  <textarea\r\n    class=\"fb-textarea\"\r\n    [value]=\"screen().helpText || ''\"\r\n    (input)=\"setHelpText($any($event.target).value)\"\r\n  ></textarea>\r\n</div>\r\n\r\n<fieldset class=\"fb-section\">\r\n  <legend class=\"fb-section__title\">Navigazione</legend>\r\n  <p class=\"fb-section__note\">\r\n    Questi flag sono un\u2019intenzione, non la verita\u2019 finale: a runtime il motore comunica\r\n    <code>canGoBack</code>, <code>canFinish</code> e <code>canPause</code> nella richiesta del form \u2014\r\n    per esempio \u00ABindietro\u00BB conta solo se esiste uno screen precedente nel percorso.\r\n  </p>\r\n  <label class=\"fb-check\">\r\n    <input type=\"checkbox\" [checked]=\"allowBack()\" (change)=\"setFlag('allowBack', $any($event.target).checked)\" />\r\n    Consenti \u00ABindietro\u00BB\r\n  </label>\r\n  <label class=\"fb-check\">\r\n    <input type=\"checkbox\" [checked]=\"allowFinish()\" (change)=\"setFlag('allowFinish', $any($event.target).checked)\" />\r\n    Consenti \u00ABfine\u00BB\r\n  </label>\r\n  <label class=\"fb-check\">\r\n    <input type=\"checkbox\" [checked]=\"allowPause()\" (change)=\"setFlag('allowPause', $any($event.target).checked)\" />\r\n    Consenti \u00ABpausa\u00BB\r\n  </label>\r\n\r\n  @if (allowPause()) {\r\n    <div class=\"fb-field\">\r\n      <label class=\"fb-field__label\">Testo mostrato alla pausa</label>\r\n      <input\r\n        class=\"fb-input\"\r\n        [value]=\"screen().pausedText || ''\"\r\n        (input)=\"setPausedText($any($event.target).value)\"\r\n      />\r\n    </div>\r\n  }\r\n\r\n  @if (isDeadEnd()) {\r\n    <p class=\"fb-callout fb-callout--error\">\r\n      Questo screen non ha una destinazione e non consente \u00ABfine\u00BB: e\u2019 un vicolo cieco, e l\u2019utente resterebbe\r\n      bloccato.\r\n    </p>\r\n  }\r\n</fieldset>\r\n\r\n<fb-parameter-editor\r\n  [holder]=\"screen()\"\r\n  [catalogParameters]=\"parameters()\"\r\n  inputTitle=\"Valori passati al form\"\r\n  outputTitle=\"Valori raccolti dal form\"\r\n  (changed)=\"onParametersChanged($event)\"\r\n/>\r\n\r\n<fb-connector-editor\r\n  [nodeName]=\"name()\"\r\n  [node]=\"node()\"\r\n  [outlets]=\"outlets()\"\r\n  (connectorChanged)=\"onConnectorChanged($event)\"\r\n/>\r\n" }]
+            args: [{ selector: 'fb-screen-inspector', standalone: true, imports: [ConnectorEditorComponent, NamePickerComponent, ParameterEditorComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<p class=\"fb-callout\">\r\n  Lo screen dichiara <strong>quale form</strong> mostrare, non i suoi campi: il form e\u2019 un componente del\r\n  frontend applicativo, e qui si definisce solo il contratto di dati.\r\n</p>\r\n\r\n<div class=\"fb-field\">\r\n  <label class=\"fb-field__label fb-field__label--required\">Form</label>\r\n  <fb-name-picker\r\n    [value]=\"screen().formName\"\r\n    [options]=\"formOptions()\"\r\n    label=\"Form\"\r\n    placeholder=\"Scrivi o scegli un form\"\r\n    [isMono]=\"false\"\r\n    unknownMessage=\"Questo form non esiste nel catalogo: la validazione lo segnala come errore.\"\r\n    unknownSeverity=\"error\"\r\n    emptyMessage=\"Il catalogo dei form non e\u2019 popolato: il nome non viene verificato.\"\r\n    (valueChange)=\"setFormName($event ?? '')\"\r\n  />\r\n</div>\r\n\r\n<div class=\"fb-field\">\r\n  <label class=\"fb-field__label\">Testo di aiuto</label>\r\n  <textarea\r\n    class=\"fb-textarea\"\r\n    [value]=\"screen().helpText || ''\"\r\n    (input)=\"setHelpText($any($event.target).value)\"\r\n  ></textarea>\r\n</div>\r\n\r\n<fieldset class=\"fb-section\">\r\n  <legend class=\"fb-section__title\">Navigazione</legend>\r\n  <p class=\"fb-section__note\">\r\n    Questi flag sono un\u2019intenzione, non la verita\u2019 finale: a runtime il motore comunica\r\n    <code>canGoBack</code>, <code>canFinish</code> e <code>canPause</code> nella richiesta del form \u2014\r\n    per esempio \u00ABindietro\u00BB conta solo se esiste uno screen precedente nel percorso.\r\n  </p>\r\n  <label class=\"fb-check\">\r\n    <input type=\"checkbox\" [checked]=\"allowBack()\" (change)=\"setFlag('allowBack', $any($event.target).checked)\" />\r\n    Consenti \u00ABindietro\u00BB\r\n  </label>\r\n  <label class=\"fb-check\">\r\n    <input type=\"checkbox\" [checked]=\"allowFinish()\" (change)=\"setFlag('allowFinish', $any($event.target).checked)\" />\r\n    Consenti \u00ABfine\u00BB\r\n  </label>\r\n  <label class=\"fb-check\">\r\n    <input type=\"checkbox\" [checked]=\"allowPause()\" (change)=\"setFlag('allowPause', $any($event.target).checked)\" />\r\n    Consenti \u00ABpausa\u00BB\r\n  </label>\r\n\r\n  @if (allowPause()) {\r\n    <div class=\"fb-field\">\r\n      <label class=\"fb-field__label\">Testo mostrato alla pausa</label>\r\n      <input\r\n        class=\"fb-input\"\r\n        [value]=\"screen().pausedText || ''\"\r\n        (input)=\"setPausedText($any($event.target).value)\"\r\n      />\r\n    </div>\r\n  }\r\n\r\n  @if (isDeadEnd()) {\r\n    <p class=\"fb-callout fb-callout--error\">\r\n      Questo screen non ha una destinazione e non consente \u00ABfine\u00BB: e\u2019 un vicolo cieco, e l\u2019utente resterebbe\r\n      bloccato.\r\n    </p>\r\n  }\r\n</fieldset>\r\n\r\n<fb-parameter-editor\r\n  [holder]=\"screen()\"\r\n  [catalogParameters]=\"parameters()\"\r\n  inputTitle=\"Valori passati al form\"\r\n  outputTitle=\"Valori raccolti dal form\"\r\n  (changed)=\"onParametersChanged($event)\"\r\n/>\r\n\r\n<fb-connector-editor\r\n  [nodeName]=\"name()\"\r\n  [node]=\"node()\"\r\n  [outlets]=\"outlets()\"\r\n  (connectorChanged)=\"onConnectorChanged($event)\"\r\n/>\r\n" }]
         }], ctorParameters: () => [] });
 
 /**
@@ -6284,15 +6411,7 @@ class ScriptCallInspectorComponent extends NodeInspectorBase {
         });
     }
     scriptOptions = computed(() => this.scripts(), ...(ngDevMode ? [{ debugName: "scriptOptions" }] : []));
-    hasCatalog = computed(() => this.scripts().length > 0, ...(ngDevMode ? [{ debugName: "hasCatalog" }] : []));
     parameterCatalog = computed(() => this.parameters(), ...(ngDevMode ? [{ debugName: "parameterCatalog" }] : []));
-    isUnknownScript = computed(() => {
-        const name = this.script().scriptName;
-        if (!name || !this.hasCatalog()) {
-            return false;
-        }
-        return !this.scripts().some((entry) => entry.name === name);
-    }, ...(ngDevMode ? [{ debugName: "isUnknownScript" }] : []));
     storeOutputAutomatically = computed(() => this.script().storeOutputAutomatically === true, ...(ngDevMode ? [{ debugName: "storeOutputAutomatically" }] : []));
     setScriptName(value) {
         this.patch((node) => {
@@ -6321,11 +6440,11 @@ class ScriptCallInspectorComponent extends NodeInspectorBase {
         this.patch((node) => mutate(node));
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: ScriptCallInspectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: ScriptCallInspectorComponent, isStandalone: true, selector: "fb-script-call-inspector", usesInheritance: true, ngImport: i0, template: "<div class=\"fb-field\">\r\n  <label class=\"fb-field__label fb-field__label--required\">Script</label>\r\n  @if (hasCatalog()) {\r\n    <select\r\n      class=\"fb-select\"\r\n      [class.fb-select--invalid]=\"isUnknownScript()\"\r\n      [fbValue]=\"script().scriptName || ''\"\r\n      (change)=\"setScriptName($any($event.target).value)\"\r\n    >\r\n      <option value=\"\">\u2014 scegli \u2014</option>\r\n      @for (entry of scriptOptions(); track entry.name) {\r\n        <option [value]=\"entry.name\">{{ entry.label || entry.name }}</option>\r\n      }\r\n      @if (isUnknownScript()) {\r\n        <option [value]=\"script().scriptName\">{{ script().scriptName }} (non nel catalogo)</option>\r\n      }\r\n    </select>\r\n  } @else {\r\n    <input\r\n      class=\"fb-input\"\r\n      [value]=\"script().scriptName || ''\"\r\n      (input)=\"setScriptName($any($event.target).value)\"\r\n    />\r\n  }\r\n  @if (isUnknownScript()) {\r\n    <p class=\"fb-field__error\">Questo script non esiste nel catalogo.</p>\r\n  }\r\n</div>\r\n\r\n<label class=\"fb-check\">\r\n  <input\r\n    type=\"checkbox\"\r\n    [checked]=\"storeOutputAutomatically()\"\r\n    (change)=\"setStoreOutputAutomatically($any($event.target).checked)\"\r\n  />\r\n  Output automatico\r\n</label>\r\n\r\n<fb-parameter-editor\r\n  [holder]=\"script()\"\r\n  [catalogParameters]=\"parameterCatalog()\"\r\n  [showOutputs]=\"!storeOutputAutomatically()\"\r\n  (changed)=\"onParametersChanged($event)\"\r\n/>\r\n\r\n<fb-connector-editor\r\n  [nodeName]=\"name()\"\r\n  [node]=\"node()\"\r\n  [outlets]=\"outlets()\"\r\n  (connectorChanged)=\"onConnectorChanged($event)\"\r\n/>\r\n", dependencies: [{ kind: "component", type: ConnectorEditorComponent, selector: "fb-connector-editor", inputs: ["nodeName", "node", "outlets", "title"], outputs: ["connectorChanged"] }, { kind: "component", type: ParameterEditorComponent, selector: "fb-parameter-editor", inputs: ["holder", "catalogParameters", "inputTitle", "outputTitle", "showInputs", "showOutputs", "outputsDisabledReason"], outputs: ["changed"] }, { kind: "directive", type: SelectValueDirective, selector: "select[fbValue]", inputs: ["fbValue"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.27", type: ScriptCallInspectorComponent, isStandalone: true, selector: "fb-script-call-inspector", usesInheritance: true, ngImport: i0, template: "<div class=\"fb-field\">\r\n  <label class=\"fb-field__label fb-field__label--required\">Script</label>\r\n  <fb-name-picker\r\n    [value]=\"script().scriptName\"\r\n    [options]=\"scriptOptions()\"\r\n    label=\"Script\"\r\n    placeholder=\"Scrivi o scegli uno script\"\r\n    [isMono]=\"false\"\r\n    unknownMessage=\"Questo script non esiste nel catalogo: la validazione lo segnala come errore.\"\r\n    unknownSeverity=\"error\"\r\n    emptyMessage=\"Catalogo degli script non disponibile: puoi scrivere il nome a mano.\"\r\n    (valueChange)=\"setScriptName($event ?? '')\"\r\n  />\r\n</div>\r\n\r\n<label class=\"fb-check\">\r\n  <input\r\n    type=\"checkbox\"\r\n    [checked]=\"storeOutputAutomatically()\"\r\n    (change)=\"setStoreOutputAutomatically($any($event.target).checked)\"\r\n  />\r\n  Output automatico\r\n</label>\r\n\r\n<fb-parameter-editor\r\n  [holder]=\"script()\"\r\n  [catalogParameters]=\"parameterCatalog()\"\r\n  [showOutputs]=\"!storeOutputAutomatically()\"\r\n  (changed)=\"onParametersChanged($event)\"\r\n/>\r\n\r\n<fb-connector-editor\r\n  [nodeName]=\"name()\"\r\n  [node]=\"node()\"\r\n  [outlets]=\"outlets()\"\r\n  (connectorChanged)=\"onConnectorChanged($event)\"\r\n/>\r\n", dependencies: [{ kind: "component", type: ConnectorEditorComponent, selector: "fb-connector-editor", inputs: ["nodeName", "node", "outlets", "title"], outputs: ["connectorChanged"] }, { kind: "component", type: NamePickerComponent, selector: "fb-name-picker", inputs: ["value", "options", "label", "placeholder", "disabled", "unknownMessage", "unknownSeverity", "emptyMessage", "isMono"], outputs: ["valueChange"] }, { kind: "component", type: ParameterEditorComponent, selector: "fb-parameter-editor", inputs: ["holder", "catalogParameters", "inputTitle", "outputTitle", "showInputs", "showOutputs", "outputsDisabledReason"], outputs: ["changed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: ScriptCallInspectorComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'fb-script-call-inspector', standalone: true, imports: [ConnectorEditorComponent, ParameterEditorComponent, SelectValueDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"fb-field\">\r\n  <label class=\"fb-field__label fb-field__label--required\">Script</label>\r\n  @if (hasCatalog()) {\r\n    <select\r\n      class=\"fb-select\"\r\n      [class.fb-select--invalid]=\"isUnknownScript()\"\r\n      [fbValue]=\"script().scriptName || ''\"\r\n      (change)=\"setScriptName($any($event.target).value)\"\r\n    >\r\n      <option value=\"\">\u2014 scegli \u2014</option>\r\n      @for (entry of scriptOptions(); track entry.name) {\r\n        <option [value]=\"entry.name\">{{ entry.label || entry.name }}</option>\r\n      }\r\n      @if (isUnknownScript()) {\r\n        <option [value]=\"script().scriptName\">{{ script().scriptName }} (non nel catalogo)</option>\r\n      }\r\n    </select>\r\n  } @else {\r\n    <input\r\n      class=\"fb-input\"\r\n      [value]=\"script().scriptName || ''\"\r\n      (input)=\"setScriptName($any($event.target).value)\"\r\n    />\r\n  }\r\n  @if (isUnknownScript()) {\r\n    <p class=\"fb-field__error\">Questo script non esiste nel catalogo.</p>\r\n  }\r\n</div>\r\n\r\n<label class=\"fb-check\">\r\n  <input\r\n    type=\"checkbox\"\r\n    [checked]=\"storeOutputAutomatically()\"\r\n    (change)=\"setStoreOutputAutomatically($any($event.target).checked)\"\r\n  />\r\n  Output automatico\r\n</label>\r\n\r\n<fb-parameter-editor\r\n  [holder]=\"script()\"\r\n  [catalogParameters]=\"parameterCatalog()\"\r\n  [showOutputs]=\"!storeOutputAutomatically()\"\r\n  (changed)=\"onParametersChanged($event)\"\r\n/>\r\n\r\n<fb-connector-editor\r\n  [nodeName]=\"name()\"\r\n  [node]=\"node()\"\r\n  [outlets]=\"outlets()\"\r\n  (connectorChanged)=\"onConnectorChanged($event)\"\r\n/>\r\n" }]
+            args: [{ selector: 'fb-script-call-inspector', standalone: true, imports: [ConnectorEditorComponent, NamePickerComponent, ParameterEditorComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"fb-field\">\r\n  <label class=\"fb-field__label fb-field__label--required\">Script</label>\r\n  <fb-name-picker\r\n    [value]=\"script().scriptName\"\r\n    [options]=\"scriptOptions()\"\r\n    label=\"Script\"\r\n    placeholder=\"Scrivi o scegli uno script\"\r\n    [isMono]=\"false\"\r\n    unknownMessage=\"Questo script non esiste nel catalogo: la validazione lo segnala come errore.\"\r\n    unknownSeverity=\"error\"\r\n    emptyMessage=\"Catalogo degli script non disponibile: puoi scrivere il nome a mano.\"\r\n    (valueChange)=\"setScriptName($event ?? '')\"\r\n  />\r\n</div>\r\n\r\n<label class=\"fb-check\">\r\n  <input\r\n    type=\"checkbox\"\r\n    [checked]=\"storeOutputAutomatically()\"\r\n    (change)=\"setStoreOutputAutomatically($any($event.target).checked)\"\r\n  />\r\n  Output automatico\r\n</label>\r\n\r\n<fb-parameter-editor\r\n  [holder]=\"script()\"\r\n  [catalogParameters]=\"parameterCatalog()\"\r\n  [showOutputs]=\"!storeOutputAutomatically()\"\r\n  (changed)=\"onParametersChanged($event)\"\r\n/>\r\n\r\n<fb-connector-editor\r\n  [nodeName]=\"name()\"\r\n  [node]=\"node()\"\r\n  [outlets]=\"outlets()\"\r\n  (connectorChanged)=\"onConnectorChanged($event)\"\r\n/>\r\n" }]
         }], ctorParameters: () => [] });
 
 /**
@@ -6656,7 +6775,7 @@ class SubflowInspectorComponent extends NodeInspectorBase {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: SubflowInspectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: SubflowInspectorComponent, isStandalone: true, selector: "fb-subflow-inspector", usesInheritance: true, ngImport: i0, template: "<div class=\"fb-field\">\r\n  <label class=\"fb-field__label fb-field__label--required\">Flow da invocare</label>\r\n  <fb-name-picker\r\n    [value]=\"subflow().flowName\"\r\n    [options]=\"candidates()\"\r\n    label=\"Flow da invocare\"\r\n    placeholder=\"API name del flow\"\r\n    unknownMessage=\"Questo flow non e\u2019 fra quelli invocabili: solo i flow con una versione attiva lo sono.\"\r\n    emptyMessage=\"Nessun flow attivo disponibile come subflow: attivane uno, oppure scrivi il nome a mano.\"\r\n    (valueChange)=\"setFlowName($event ?? '')\"\r\n  />\r\n  @if (hasCandidates()) {\r\n    <p class=\"fb-field__hint\">Solo i flow con una versione attiva possono essere invocati.</p>\r\n  }\r\n  @if (isRecursive()) {\r\n    <p class=\"fb-field__error\">Un flow non puo\u2019 invocare se stesso (SUBFLOW_RECURSIVE).</p>\r\n  }\r\n</div>\r\n\r\n@if (couldNotLoadTarget()) {\r\n  <p class=\"fb-callout fb-callout--warn\">\r\n    Non e\u2019 stato possibile leggere la definizione del flow invocato: i nomi di input e output non vengono\r\n    proposti, ma puoi scriverli a mano.\r\n  </p>\r\n}\r\n\r\n<p class=\"fb-callout\">\r\n  Un subflow che si sospende \u2014 cioe\u2019 che contiene screen o Wait \u2014 non e\u2019 supportato dal motore.\r\n</p>\r\n\r\n<fieldset class=\"fb-section\">\r\n  <legend class=\"fb-section__title\">Valori passati al subflow</legend>\r\n  @if (inputVariables().length) {\r\n    <p class=\"fb-section__note\">\r\n      Sono le variabili di input del flow invocato: {{ inputVariables().length }} disponibili.\r\n    </p>\r\n  }\r\n\r\n  <div class=\"fb-list\">\r\n    @for (assignment of inputAssignments(); track $index) {\r\n      <div class=\"fb-list__item\">\r\n        <div class=\"fb-list__header\">\r\n          <fb-name-picker\r\n            [value]=\"assignment.name\"\r\n            [options]=\"inputOptions()\"\r\n            label=\"Variabile del subflow\"\r\n            placeholder=\"Nome della variabile di input\"\r\n            unknownMessage=\"Questa variabile non e\u2019 fra gli input del flow invocato.\"\r\n            emptyMessage=\"Input del flow invocato non disponibili: scrivi il nome a mano.\"\r\n            (valueChange)=\"setInputName($index, $event ?? '')\"\r\n          />\r\n          <button\r\n            type=\"button\"\r\n            class=\"fb-btn fb-btn--ghost fb-btn--icon\"\r\n            aria-label=\"Rimuovi\"\r\n            (click)=\"removeInput($index)\"\r\n          >\r\n            \u00D7\r\n          </button>\r\n        </div>\r\n        <fb-value-editor\r\n          [value]=\"assignment.value\"\r\n          [dataType]=\"variableOf(assignment.name)?.dataType\"\r\n          [objectType]=\"variableOf(assignment.name)?.objectType\"\r\n          [isCollection]=\"variableOf(assignment.name)?.isCollection\"\r\n          label=\"Valore\"\r\n          (valueChange)=\"setInputValue($index, $event)\"\r\n        />\r\n      </div>\r\n    } @empty {\r\n      <p class=\"fb-empty\">Nessun valore passato.</p>\r\n    }\r\n  </div>\r\n  <button type=\"button\" class=\"fb-btn\" (click)=\"addInput()\">Aggiungi valore</button>\r\n</fieldset>\r\n\r\n<fieldset class=\"fb-section\">\r\n  <legend class=\"fb-section__title\">Valori restituiti</legend>\r\n  <label class=\"fb-check\">\r\n    <input\r\n      type=\"checkbox\"\r\n      [checked]=\"storeOutputAutomatically()\"\r\n      (change)=\"setStoreOutputAutomatically($any($event.target).checked)\"\r\n    />\r\n    Output automatico\r\n  </label>\r\n  @if (storeOutputAutomatically()) {\r\n    <p class=\"fb-field__hint\">\r\n      Le variabili di output del subflow si referenziano col nome dell\u2019elemento:\r\n      <code>{{ name() }}.NomeVariabile</code>.\r\n    </p>\r\n  } @else {\r\n    <div class=\"fb-list\">\r\n      @for (assignment of outputAssignments(); track $index) {\r\n        <div class=\"fb-list__item\">\r\n          <div class=\"fb-list__header\">\r\n            <fb-name-picker\r\n              [value]=\"assignment.name\"\r\n              [options]=\"outputOptions()\"\r\n              label=\"Variabile di output del subflow\"\r\n              placeholder=\"Nome della variabile di output\"\r\n              unknownMessage=\"Questa variabile non e\u2019 fra gli output del flow invocato.\"\r\n              emptyMessage=\"Output del flow invocato non disponibili: scrivi il nome a mano.\"\r\n              (valueChange)=\"setOutputName($index, $event ?? '')\"\r\n            />\r\n            <button\r\n              type=\"button\"\r\n              class=\"fb-btn fb-btn--ghost fb-btn--icon\"\r\n              aria-label=\"Rimuovi\"\r\n              (click)=\"removeOutput($index)\"\r\n            >\r\n              \u00D7\r\n            </button>\r\n          </div>\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label\">Assegna a</label>\r\n            <fb-reference-picker\r\n              [value]=\"assignment.assignToReference\"\r\n              [writableOnly]=\"true\"\r\n              [dataType]=\"variableOf(assignment.name)?.dataType\"\r\n              [isCollection]=\"variableOf(assignment.name)?.isCollection\"\r\n              placeholder=\"Scegli una variabile\"\r\n              (valueChange)=\"setOutputTarget($index, $event)\"\r\n            />\r\n          </div>\r\n        </div>\r\n      } @empty {\r\n        <p class=\"fb-empty\">Nessun valore raccolto.</p>\r\n      }\r\n    </div>\r\n    <button type=\"button\" class=\"fb-btn\" (click)=\"addOutput()\">Aggiungi valore</button>\r\n  }\r\n</fieldset>\r\n\r\n<fb-connector-editor\r\n  [nodeName]=\"name()\"\r\n  [node]=\"node()\"\r\n  [outlets]=\"outlets()\"\r\n  (connectorChanged)=\"onConnectorChanged($event)\"\r\n/>\r\n", dependencies: [{ kind: "component", type: ConnectorEditorComponent, selector: "fb-connector-editor", inputs: ["nodeName", "node", "outlets", "title"], outputs: ["connectorChanged"] }, { kind: "component", type: NamePickerComponent, selector: "fb-name-picker", inputs: ["value", "options", "label", "placeholder", "disabled", "unknownMessage", "emptyMessage", "isMono"], outputs: ["valueChange"] }, { kind: "component", type: ReferencePickerComponent, selector: "fb-reference-picker", inputs: ["value", "label", "placeholder", "disabled", "dataType", "isCollection", "objectType", "writableOnly", "elementsOnly"], outputs: ["valueChange"] }, { kind: "component", type: ValueEditorComponent, selector: "fb-value-editor", inputs: ["value", "label", "dataType", "objectType", "isCollection", "disabled", "allowFormula"], outputs: ["valueChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: SubflowInspectorComponent, isStandalone: true, selector: "fb-subflow-inspector", usesInheritance: true, ngImport: i0, template: "<div class=\"fb-field\">\r\n  <label class=\"fb-field__label fb-field__label--required\">Flow da invocare</label>\r\n  <fb-name-picker\r\n    [value]=\"subflow().flowName\"\r\n    [options]=\"candidates()\"\r\n    label=\"Flow da invocare\"\r\n    placeholder=\"API name del flow\"\r\n    unknownMessage=\"Questo flow non e\u2019 fra quelli invocabili: solo i flow con una versione attiva lo sono.\"\r\n    emptyMessage=\"Nessun flow attivo disponibile come subflow: attivane uno, oppure scrivi il nome a mano.\"\r\n    (valueChange)=\"setFlowName($event ?? '')\"\r\n  />\r\n  @if (hasCandidates()) {\r\n    <p class=\"fb-field__hint\">Solo i flow con una versione attiva possono essere invocati.</p>\r\n  }\r\n  @if (isRecursive()) {\r\n    <p class=\"fb-field__error\">Un flow non puo\u2019 invocare se stesso (SUBFLOW_RECURSIVE).</p>\r\n  }\r\n</div>\r\n\r\n@if (couldNotLoadTarget()) {\r\n  <p class=\"fb-callout fb-callout--warn\">\r\n    Non e\u2019 stato possibile leggere la definizione del flow invocato: i nomi di input e output non vengono\r\n    proposti, ma puoi scriverli a mano.\r\n  </p>\r\n}\r\n\r\n<p class=\"fb-callout\">\r\n  Un subflow che si sospende \u2014 cioe\u2019 che contiene screen o Wait \u2014 non e\u2019 supportato dal motore.\r\n</p>\r\n\r\n<fieldset class=\"fb-section\">\r\n  <legend class=\"fb-section__title\">Valori passati al subflow</legend>\r\n  @if (inputVariables().length) {\r\n    <p class=\"fb-section__note\">\r\n      Sono le variabili di input del flow invocato: {{ inputVariables().length }} disponibili.\r\n    </p>\r\n  }\r\n\r\n  <div class=\"fb-list\">\r\n    @for (assignment of inputAssignments(); track $index) {\r\n      <div class=\"fb-list__item\">\r\n        <div class=\"fb-list__header\">\r\n          <fb-name-picker\r\n            [value]=\"assignment.name\"\r\n            [options]=\"inputOptions()\"\r\n            label=\"Variabile del subflow\"\r\n            placeholder=\"Nome della variabile di input\"\r\n            unknownMessage=\"Questa variabile non e\u2019 fra gli input del flow invocato.\"\r\n            emptyMessage=\"Input del flow invocato non disponibili: scrivi il nome a mano.\"\r\n            (valueChange)=\"setInputName($index, $event ?? '')\"\r\n          />\r\n          <button\r\n            type=\"button\"\r\n            class=\"fb-btn fb-btn--ghost fb-btn--icon\"\r\n            aria-label=\"Rimuovi\"\r\n            (click)=\"removeInput($index)\"\r\n          >\r\n            \u00D7\r\n          </button>\r\n        </div>\r\n        <fb-value-editor\r\n          [value]=\"assignment.value\"\r\n          [dataType]=\"variableOf(assignment.name)?.dataType\"\r\n          [objectType]=\"variableOf(assignment.name)?.objectType\"\r\n          [isCollection]=\"variableOf(assignment.name)?.isCollection\"\r\n          label=\"Valore\"\r\n          (valueChange)=\"setInputValue($index, $event)\"\r\n        />\r\n      </div>\r\n    } @empty {\r\n      <p class=\"fb-empty\">Nessun valore passato.</p>\r\n    }\r\n  </div>\r\n  <button type=\"button\" class=\"fb-btn\" (click)=\"addInput()\">Aggiungi valore</button>\r\n</fieldset>\r\n\r\n<fieldset class=\"fb-section\">\r\n  <legend class=\"fb-section__title\">Valori restituiti</legend>\r\n  <label class=\"fb-check\">\r\n    <input\r\n      type=\"checkbox\"\r\n      [checked]=\"storeOutputAutomatically()\"\r\n      (change)=\"setStoreOutputAutomatically($any($event.target).checked)\"\r\n    />\r\n    Output automatico\r\n  </label>\r\n  @if (storeOutputAutomatically()) {\r\n    <p class=\"fb-field__hint\">\r\n      Le variabili di output del subflow si referenziano col nome dell\u2019elemento:\r\n      <code>{{ name() }}.NomeVariabile</code>.\r\n    </p>\r\n  } @else {\r\n    <div class=\"fb-list\">\r\n      @for (assignment of outputAssignments(); track $index) {\r\n        <div class=\"fb-list__item\">\r\n          <div class=\"fb-list__header\">\r\n            <fb-name-picker\r\n              [value]=\"assignment.name\"\r\n              [options]=\"outputOptions()\"\r\n              label=\"Variabile di output del subflow\"\r\n              placeholder=\"Nome della variabile di output\"\r\n              unknownMessage=\"Questa variabile non e\u2019 fra gli output del flow invocato.\"\r\n              emptyMessage=\"Output del flow invocato non disponibili: scrivi il nome a mano.\"\r\n              (valueChange)=\"setOutputName($index, $event ?? '')\"\r\n            />\r\n            <button\r\n              type=\"button\"\r\n              class=\"fb-btn fb-btn--ghost fb-btn--icon\"\r\n              aria-label=\"Rimuovi\"\r\n              (click)=\"removeOutput($index)\"\r\n            >\r\n              \u00D7\r\n            </button>\r\n          </div>\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label\">Assegna a</label>\r\n            <fb-reference-picker\r\n              [value]=\"assignment.assignToReference\"\r\n              [writableOnly]=\"true\"\r\n              [dataType]=\"variableOf(assignment.name)?.dataType\"\r\n              [isCollection]=\"variableOf(assignment.name)?.isCollection\"\r\n              placeholder=\"Scegli una variabile\"\r\n              (valueChange)=\"setOutputTarget($index, $event)\"\r\n            />\r\n          </div>\r\n        </div>\r\n      } @empty {\r\n        <p class=\"fb-empty\">Nessun valore raccolto.</p>\r\n      }\r\n    </div>\r\n    <button type=\"button\" class=\"fb-btn\" (click)=\"addOutput()\">Aggiungi valore</button>\r\n  }\r\n</fieldset>\r\n\r\n<fb-connector-editor\r\n  [nodeName]=\"name()\"\r\n  [node]=\"node()\"\r\n  [outlets]=\"outlets()\"\r\n  (connectorChanged)=\"onConnectorChanged($event)\"\r\n/>\r\n", dependencies: [{ kind: "component", type: ConnectorEditorComponent, selector: "fb-connector-editor", inputs: ["nodeName", "node", "outlets", "title"], outputs: ["connectorChanged"] }, { kind: "component", type: NamePickerComponent, selector: "fb-name-picker", inputs: ["value", "options", "label", "placeholder", "disabled", "unknownMessage", "unknownSeverity", "emptyMessage", "isMono"], outputs: ["valueChange"] }, { kind: "component", type: ReferencePickerComponent, selector: "fb-reference-picker", inputs: ["value", "label", "placeholder", "disabled", "dataType", "isCollection", "objectType", "writableOnly", "elementsOnly"], outputs: ["valueChange"] }, { kind: "component", type: ValueEditorComponent, selector: "fb-value-editor", inputs: ["value", "label", "dataType", "objectType", "isCollection", "disabled", "allowFormula"], outputs: ["valueChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: SubflowInspectorComponent, decorators: [{
             type: Component,
@@ -8186,21 +8305,31 @@ class FlowBuilderComponent {
     }
     /** Rilascio dalla palette: il punto di rilascio diventa `locationX`/`locationY` (§11). */
     onElementDropped(event) {
-        this.createElement(event.type, event.x, event.y);
+        this.createElement(event.type, event.variant, event.x, event.y);
     }
     /** Click sulla palette: l'elemento si posiziona in una zona libera. */
-    onElementPicked(type) {
+    onElementPicked(pick) {
         const nodes = this.store.nodes();
         const lowest = nodes.reduce((max, reference) => Math.max(max, reference.node.locationY ?? 0), 60);
-        this.createElement(type, 60, lowest + 120);
+        this.createElement(pick.type, pick.variant, 60, lowest + 120);
     }
-    createElement(type, x, y) {
+    createElement(type, variant, x, y) {
         const collection = this.dictionaries.collectionOf(type);
         if (!collection) {
             this.notice.set({ kind: 'error', message: `Tipo di elemento non riconosciuto: ${type}.` });
             return;
         }
-        const label = this.dictionaries.labelOf(type);
+        /**
+         * Su un tipo a varianti la label e' quella della variante: un node chiamato «Ordina o
+         * filtra» non dice cosa fa, e da lì viene anche il nome tecnico. Se la palette non ha
+         * passato nessuna variante — dizionario non disponibile — si prende la prima dichiarata,
+         * così l'elemento nasce comunque completo (§5.5).
+         */
+        const variants = this.dictionaries.variantsOf(type);
+        const chosenVariant = variant ?? variants[0]?.value;
+        const label = chosenVariant
+            ? this.dictionaries.variantLabelOf(type, chosenVariant) || this.dictionaries.labelOf(type)
+            : this.dictionaries.labelOf(type);
         // Il nome si genera dalla label e si verifica contro node **e** risorse (§3.3, §11).
         const name = uniqueFlowName(label, this.store.usedNames());
         const node = {
@@ -8208,14 +8337,12 @@ class FlowBuilderComponent {
             label,
             locationX: Math.round(x),
             locationY: Math.round(y),
+            ...variantPresetOf(type, chosenVariant),
         };
         // Default che rendono l'elemento sensato appena creato, senza inventare configurazione.
         if (type === 'RecordLookup' || type === 'RecordCreate') {
             node['storeOutputAutomatically'] = true;
         }
-        if (type === 'CollectionProcessor') {
-            node['collectionProcessorType'] = 'Sort';
-        }
         if (type === 'Decision') {
             node['rules'] = [
                 { name: 'Regola', label: 'Regola 1', conditionLogic: 'and', conditions: [{ operator: 'EqualTo' }] },
@@ -8481,5 +8608,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { ConditionEditorComponent, ConnectorEditorComponent, DebugPanelComponent, ElementDialogComponent, ElementInspectorComponent, ElementPaletteComponent, FALLBACK_COLLECTION_BY_TYPE, FALLBACK_TYPE_LABEL, FLOW_BUILDER_HTTP_CONFIG, FLOW_ELEMENT_ICONS, FLOW_ERROR_FALLBACK_MESSAGE, FLOW_ERROR_HTTP_STATUS, FLOW_NAME_PATTERN, FLOW_NODE_COLLECTIONS, FLOW_NODE_HEIGHT, FLOW_NODE_WIDTH, FLOW_RESOURCE_COLLECTIONS, FieldAssignmentEditorComponent, FieldPickerComponent, FlowApiError, FlowBuilderApi, FlowBuilderComponent, FlowCanvasComponent, FlowCatalogStore, FlowDictionaryStore, FlowDocumentStore, FlowEditorSession, FlowLayoutService, FlowValidationStore, HttpFlowBuilderApi, NamePickerComponent, NodeInspectorBase, ORCHESTRATION_CONDITION_OUTPUT, ObjectPickerComponent, OrchestratedStageInspectorComponent, ParameterEditorComponent, ProblemsPanelComponent, RecordFilterEditorComponent, ReferencePickerComponent, ResourcePanelComponent, START_NODE_NAME, SelectValueDirective, StartInspectorComponent, TYPES_WITH_AUTOMATIC_OUTPUT, TYPE_BY_COLLECTION, UNSUPPORTED_TYPES, ValueEditorComponent, VersionPanelComponent, areTypesComparable, canvasNodeId, checkConditionLogic, checkFlowName, elementIcon, emptyFlowDefinition, flowNodeWidth, flowNodeWidthClass, isCustomConditionLogic, isGlobalReference, isNumericType, isTypeCheckedOperator, isValidFlowName, moveCondition, outletByKey, outletsOf, parseCanvasNodeId, parseInvariantNumber, parseSourceConnectorId, parseTargetConnectorId, referenceRoot, remapConditionLogic, removeCondition, slugifyFlowName, sourceConnectorId, stageStepNames, stageStepOutputReferenced, stepsOf, targetConnectorId, uniqueFlowName };
+export { ConditionEditorComponent, ConnectorEditorComponent, DebugPanelComponent, ElementDialogComponent, ElementInspectorComponent, ElementPaletteComponent, FALLBACK_COLLECTION_BY_TYPE, FALLBACK_TYPE_LABEL, FLOW_BUILDER_HTTP_CONFIG, FLOW_ELEMENT_ICONS, FLOW_ELEMENT_VARIANT_FIELDS, FLOW_ELEMENT_VARIANT_ICONS, FLOW_ERROR_FALLBACK_MESSAGE, FLOW_ERROR_HTTP_STATUS, FLOW_NAME_PATTERN, FLOW_NODE_COLLECTIONS, FLOW_NODE_HEIGHT, FLOW_NODE_WIDTH, FLOW_RESOURCE_COLLECTIONS, FieldAssignmentEditorComponent, FieldPickerComponent, FlowApiError, FlowBuilderApi, FlowBuilderComponent, FlowCanvasComponent, FlowCatalogStore, FlowDictionaryStore, FlowDocumentStore, FlowEditorSession, FlowLayoutService, FlowValidationStore, HttpFlowBuilderApi, NamePickerComponent, NodeInspectorBase, ORCHESTRATION_CONDITION_OUTPUT, ObjectPickerComponent, OrchestratedStageInspectorComponent, ParameterEditorComponent, ProblemsPanelComponent, RecordFilterEditorComponent, ReferencePickerComponent, ResourcePanelComponent, START_NODE_NAME, SelectValueDirective, StartInspectorComponent, TYPES_WITH_AUTOMATIC_OUTPUT, TYPE_BY_COLLECTION, UNSUPPORTED_TYPES, ValueEditorComponent, VersionPanelComponent, areTypesComparable, canvasNodeId, checkConditionLogic, checkFlowName, elementIcon, emptyFlowDefinition, flowNodeWidth, flowNodeWidthClass, isCustomConditionLogic, isGlobalReference, isNumericType, isTypeCheckedOperator, isValidFlowName, moveCondition, outletByKey, outletsOf, parseCanvasNodeId, parseInvariantNumber, parseSourceConnectorId, parseTargetConnectorId, referenceRoot, remapConditionLogic, removeCondition, slugifyFlowName, sourceConnectorId, stageStepNames, stageStepOutputReferenced, stepsOf, targetConnectorId, uniqueFlowName, variantFieldOf, variantOf, variantPresetOf };
 //# sourceMappingURL=esfaenza-flow-builder.mjs.map