@esfaenza/flow-builder 20.3.15 → 20.3.17

package/fesm2022/esfaenza-flow-builder.mjs

@@ -5,7 +5,8 @@ import { firstValueFrom } from 'rxjs';
 import dagre from 'dagre';
 import * as i1 from '@foblex/flow';
 import { EFMarkerType, EFConnectableSide, FCanvasComponent, FFlowModule, provideFFlow, withA11y } from '@foblex/flow';
-import { CdkDrag, CdkDragHandle, CdkDropList } from '@angular/cdk/drag-drop';
+import { CdkDrag, CdkDragHandle } from '@angular/cdk/drag-drop';
+import { DOCUMENT, NgTemplateOutlet } from '@angular/common';
 
 /**
  * Modello del documento Flow — FRONTEND.md §3, §4, §5.
@@ -188,6 +189,24 @@ class FlowBuilderApi {
         void version;
         return missing('validateVersion');
     }
+    /**
+     * `POST /flows/validate-formula` — verifica **una sola** espressione mentre l'utente la
+     * scrive (§6.3). È l'editor di formule, non il pannello dei problemi: i rilievi portano la
+     * `position` del tratto sbagliato, che la validazione dell'intero documento non ha.
+     *
+     * Unica primitiva di analisi con un involucro: il documento sta sotto `flow` perche' il body
+     * deve portare anche l'espressione e il tipo atteso (§6.4).
+     *
+     * Opzionale come tutte le primitive che dipendono da un servizio dell'host: senza motore di
+     * validazione delle formule l'editor deve restare usabile. Ci sono **due** modi in cui manca,
+     * e sono diversi — il rifiuto `MissingService` (la primitiva non c'e') e la risposta con
+     * `isVerified: false` (la primitiva c'e', il motore no): in entrambi i casi l'espressione non
+     * si accompagna a una conferma, mai a una spunta verde.
+     */
+    validateFormula(request) {
+        void request;
+        return missing('validateFormula');
+    }
     /** `GET /schema/{object}` — label e campi. */
     describeObject(object) {
         void object;
@@ -441,6 +460,13 @@ class HttpFlowBuilderApi extends FlowBuilderApi {
     validateDefinition(definition) {
         return this.post(`/flows/editor/validate`, definition);
     }
+    /**
+     * L'eccezione alla regola del documento nudo: qui l'involucro c'e' e il flow sta sotto
+     * `flow`, perche' il body porta anche l'espressione e cosa deve produrre (§6.3, §6.4).
+     */
+    validateFormula(request) {
+        return this.post('/flows/editor/validate-formula', request);
+    }
     validateVersion(flowName, version) {
         return this.get(`/flows/editor/${HttpFlowBuilderApi.segment(flowName)}/validate`, HttpFlowBuilderApi.params({ version: version }));
     }
@@ -494,8 +520,10 @@ class HttpFlowBuilderApi extends FlowBuilderApi {
     listScriptParameters(scriptName) {
         return this.get(`/flows/editor/scripts/${HttpFlowBuilderApi.segment(scriptName)}/parameters`);
     }
-    listForms() {
-        return this.get('/flows/editor/forms');
+    listForms(kind) {
+        // Senza `kind` il backend risponde `Any`, cioe' tutto: il filtro e' un'opzione, non un
+        // obbligo, e chi non lo manda ottiene il comportamento di prima (§6.4).
+        return this.get('/flows/editor/forms', HttpFlowBuilderApi.params({ kind }));
     }
     listFormParameters(formName) {
         return this.get(`/flows/editor/forms/${HttpFlowBuilderApi.segment(formName)}/parameters`);
@@ -2367,24 +2395,29 @@ class FlowDocumentStore {
     // -------------------------------------------------------------------------
     // Connector
     // -------------------------------------------------------------------------
-    /** Scrive la destinazione di un'uscita. `target` assente → il ramo resta incompleto. */
+    /** Scrive la destinazione di un'uscita. `target` assente → il ramo si stacca del tutto. */
     setConnector(fromName, outletKey, target, isGoTo) {
         const write = (type, node) => {
             const outlet = outletsOf(type, node).find((candidate) => candidate.key === outletKey);
             if (!outlet) {
                 return;
             }
+            if (!target) {
+                // Staccare un ramo lo **omette** (§2), non lascia un oggetto senza destinazione:
+                // quello sarebbe `CONNECTOR_TARGET_MISSING`, cioe' «ramo dichiarato ma non
+                // collegato» — un avviso — mentre un ramo assente e' `CONNECTOR_MISSING`, la nota
+                // «il percorso finisce qui», che per il default di una Decision e' legittimo (§3.5,
+                // §5.4). `isGoTo` non tiene in vita il connector: e' solo un suggerimento di disegno
+                // sull'arco, e senza arco non ha niente da suggerire — conservarlo faceva restare
+                // `{isGoTo: true}` e trasformava lo stacco di un arco «a salto» in un avviso.
+                outlet.write(node, undefined);
+                return;
+            }
             const existing = outlet.read(node) ?? {};
             const connector = { ...existing, targetReference: target };
             if (isGoTo !== undefined) {
                 connector.isGoTo = isGoTo;
             }
-            if (!connector.targetReference && !connector.isGoTo) {
-                // Nessuna destinazione e nessun flag: meglio omettere il connector che scrivere
-                // un oggetto vuoto (§2, "proprieta' nulle omesse").
-                outlet.write(node, undefined);
-                return;
-            }
             outlet.write(node, connector);
         };
         if (fromName === START_NODE_NAME) {
@@ -2813,8 +2846,13 @@ class FlowCatalogStore {
         }
         return this.parametersCache.get(`script|${scriptName}`, () => this.api.listScriptParameters(scriptName).catch(() => []));
     }
-    listForms() {
-        return this.entriesCache.get('forms', () => this.api.listForms().then((list) => list ?? []));
+    /**
+     * La cache e' **per ruolo**: `Form` e `Component` sono due risposte diverse dello stesso
+     * catalogo, e una chiave sola le farebbe sovrascrivere a vicenda — il primo inspector aperto
+     * deciderebbe cosa vede il secondo (§6.4).
+     */
+    listForms(kind) {
+        return this.entriesCache.get(`forms|${kind ?? 'Any'}`, () => this.api.listForms(kind).then((list) => list ?? []));
     }
     listFormParameters(formName) {
         if (!formName) {
@@ -2913,7 +2951,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImpo
  * `code` e' stabile e si usa per decidere il comportamento; `message` e' testo per
  * l'utente e non va interpretato (§7).
  */
-const DEBOUNCE_MS = 400;
+const DEBOUNCE_MS$1 = 400;
 class FlowValidationStore {
     api = inject(FlowBuilderApi);
     destroyRef = inject(DestroyRef);
@@ -2993,7 +3031,7 @@ class FlowValidationStore {
         this.timer = setTimeout(() => {
             this.timer = undefined;
             void this.run(definition);
-        }, DEBOUNCE_MS);
+        }, DEBOUNCE_MS$1);
     }
     /** Valida subito, saltando il debounce: prima di attivare, o su richiesta esplicita. */
     async run(definition) {
@@ -3056,6 +3094,64 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImpo
             type: Injectable
         }], ctorParameters: () => [] });
 
+/**
+ * La verifica di una singola formula — FRONTEND.md §6.3.
+ *
+ * Sta accanto a {@link FlowValidationStore} e non dentro: sono due cose diverse. Quello valida
+ * il documento e alimenta il pannello dei problemi; questo valida **un'espressione** mentre la
+ * si scrive, e la risposta serve al solo campo che la ospita. Per questo qui non c'e' nessuno
+ * stato condiviso: lo stato (l'ultimo esito, il debounce) e' dell'editor di formule, uno per
+ * campo, e quello che si condivide e' solo la memoria di **se la primitiva esiste**.
+ *
+ * Quella memoria e' il motivo per cui questo servizio esiste. Senza, ogni editor riscoprirebbe
+ * per conto suo il `MissingService` a ogni pausa di digitazione: una richiesta per tasto, per
+ * campo, tutte destinate a fallire. Il primo rifiuto lo spegne per l'intera sessione di editing.
+ */
+class FormulaValidationService {
+    api = inject(FlowBuilderApi);
+    _isSupported = signal(true, ...(ngDevMode ? [{ debugName: "_isSupported" }] : []));
+    _lastError = signal(null, ...(ngDevMode ? [{ debugName: "_lastError" }] : []));
+    /**
+     * `false` quando la primitiva non e' esposta da questo ambiente. Diverso da
+     * `isVerified: false` nella risposta, che dice «primitiva sì, motore no»: per l'utente
+     * l'effetto e' lo stesso — nessuna conferma — ma il secondo caso lo dice il backend e lo si
+     * riferisce, il primo e' silenzio (§6.3).
+     */
+    isSupported = this._isSupported.asReadonly();
+    lastError = this._lastError.asReadonly();
+    /** Ci si puo' provare: la primitiva c'e' e l'ultima chiamata non e' esplosa. */
+    canValidate = computed(() => this._isSupported(), ...(ngDevMode ? [{ debugName: "canValidate" }] : []));
+    /**
+     * Verifica l'espressione. `null` significa «non lo so»: primitiva assente o richiesta
+     * fallita. Non e' «formula valida» — chi chiama non deve mostrare una conferma su un `null`.
+     */
+    async validate(request) {
+        if (!this._isSupported()) {
+            return null;
+        }
+        try {
+            const result = await this.api.validateFormula(request);
+            this._lastError.set(null);
+            return result;
+        }
+        catch (error) {
+            if (FlowApiError.is(error) && error.category === 'MissingService') {
+                // Non esiste su questo ambiente: spegnere qui evita una richiesta per tasto premuto.
+                this._isSupported.set(false);
+                this._lastError.set(null);
+                return null;
+            }
+            this._lastError.set(FlowApiError.is(error) ? error.message : String(error));
+            return null;
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: FormulaValidationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: FormulaValidationService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: FormulaValidationService, decorators: [{
+            type: Injectable
+        }] });
+
 /**
  * Auto-layout con dagre.
  *
@@ -3198,11 +3294,19 @@ class FlowEditorSession {
     lastSaveResult = this._lastSaveResult.asReadonly();
     conflict = this._conflict.asReadonly();
     expectedUpdatedAt = this._expectedUpdatedAt.asReadonly();
-    /** `true` finche' il flow non e' mai stato salvato: il comando e' "Crea", non "Salva". */
-    isNew = computed(() => this._version() === null, ...(ngDevMode ? [{ debugName: "isNew" }] : []));
+    /**
+     * `true` finche' il flow non e' mai stato salvato: il comando e' "Crea", non "Salva".
+     *
+     * Il confronto e' `== null` e non `=== null` di proposito: il segnale e' tipato
+     * `number | null`, ma cio' che ci arriva viene da una risposta del backend, e una risposta
+     * senza `version` porta `undefined`. Con `=== null` un `undefined` sarebbe «versione nota»:
+     * lo stato diventa «Nuovo» con il chip «v», il comando primario «Nuova versione» e l'editor
+     * in sola lettura, tutti insieme, senza nessun errore che lo spieghi.
+     */
+    isNew = computed(() => this._version() == null, ...(ngDevMode ? [{ debugName: "isNew" }] : []));
     currentVersionSummary = computed(() => {
         const version = this._version();
-        return version === null ? undefined : this._versions().find((entry) => entry.version === version);
+        return version == null ? undefined : this._versions().find((entry) => entry.version === version);
     }, ...(ngDevMode ? [{ debugName: "currentVersionSummary" }] : []));
     /**
      * `isEditable` arriva dal backend e non va ricalcolato lato client (§6.1). Un flow nuovo,
@@ -3274,16 +3378,27 @@ class FlowEditorSession {
         }
         return versions[0]?.version;
     }
-    /** Ricarica l'elenco versioni: dopo un'attivazione la precedente e' `Obsolete` (§8.4). */
-    async refreshVersions() {
+    /**
+     * Ricarica l'elenco versioni: dopo un'attivazione la precedente e' `Obsolete` (§8.4).
+     *
+     * `adoptVersion` serve dopo una scrittura la cui risposta non porta il numero di versione
+     * (§6.2): l'elenco e' l'altra fonte che quel numero lo sa, e senza il ripiego un flow appena
+     * creato resterebbe «Nuovo» — cioe' il salvataggio successivo tenterebbe una *creazione* su un
+     * nome che esiste già. Sta dietro un flag perche' altrove una versione assente e' un flow
+     * davvero nuovo, e adottarla lo farebbe passare per salvato.
+     */
+    async refreshVersions(options) {
         const flowName = this._flowName();
         if (!flowName) {
             return;
         }
         const versions = await this.api.listVersions(flowName);
         this._versions.set(versions);
+        if (options?.adoptVersion && this._version() == null) {
+            this._version.set(FlowEditorSession.pickVersion(versions) ?? null);
+        }
         const current = this._version();
-        if (current !== null) {
+        if (current != null) {
             this._expectedUpdatedAt.set(versions.find((entry) => entry.version === current)?.updatedAt);
         }
     }
@@ -3303,7 +3418,7 @@ class FlowEditorSession {
         this._isBusy.set(true);
         this._conflict.set(null);
         try {
-            const result = this.isNew()
+            const response = this.isNew()
                 ? await this.api.createFlow({
                     definition,
                     flowName: targetName,
@@ -3319,6 +3434,9 @@ class FlowEditorSession {
                     author: this._author(),
                     activate: options?.activate,
                 });
+            // Il nome e' quello con cui abbiamo scritto; la versione la decide il backend — un
+            // salvataggio puo' creare una versione nuova — quindi come ripiego vale quella caricata.
+            const result = this.normalizeResult(response, { flowName: targetName });
             this.applySaveResult(result);
             return result;
         }
@@ -3339,21 +3457,63 @@ class FlowEditorSession {
             this._isBusy.set(false);
         }
     }
+    /**
+     * Il risultato di una scrittura riportato alla forma su cui l'editor puo' contare.
+     *
+     * La §6.2 dice che `flowName` e `version` ci sono sempre, ma se mancano — risposta vuota,
+     * `204`, o piu' spesso un host che serializza in PascalCase, dove `Version` non e' `version` —
+     * il difetto non e' un errore: e' `undefined` che entra nello stato della sessione e ricompare
+     * ovunque. Il chip della versione diventa «v», il banner dice «Versione undefined attivata», e
+     * al salvataggio successivo si manda `flowName: undefined`. Nessuna eccezione, nessun rilievo.
+     *
+     * Cio' che sappiamo lo sappiamo già: il nome del flow e la versione sono quelli che abbiamo
+     * appena chiesto di scrivere. Si tengono, e la discrepanza si dice **una volta** in console —
+     * a chi integra, perche' e' la sua risposta a non avere la forma del contratto.
+     */
+    normalizeResult(result, fallback) {
+        const source = (result ?? {});
+        const flowName = source.flowName ?? fallback.flowName ?? this._flowName() ?? '';
+        const version = source.version ?? fallback.version ?? this._version() ?? undefined;
+        if (source.flowName === undefined || source.version === undefined) {
+            FlowEditorSession.warnOnce('La risposta di una primitiva di scrittura non porta flowName/version (§6.2): ' +
+                'l’editor usa i valori con cui ha chiamato. Il caso piu’ frequente e’ una ' +
+                'serializzazione in PascalCase invece di camelCase.');
+        }
+        return { ...source, flowName, version: version };
+    }
+    static warned = new Set();
+    static warnOnce(message) {
+        if (FlowEditorSession.warned.has(message)) {
+            return;
+        }
+        FlowEditorSession.warned.add(message);
+        console.warn(`[flow-builder] ${message}`);
+    }
     applySaveResult(result) {
-        this._flowName.set(result.flowName);
-        this._version.set(result.version);
-        // Da conservare per il salvataggio successivo (§6.2, ultimo capoverso).
+        // Un nome vuoto non e' una rinomina: se la risposta non lo porta si tiene quello con cui
+        // stiamo lavorando, altrimenti la sessione perde il flow su cui e' aperta.
+        this._flowName.set(result.flowName || this._flowName());
+        // `undefined` non e' «versione 1»: si conserva «non lo so» (null), che e' cio' che il chip,
+        // `isNew` e l'elenco versioni sanno già leggere. Il numero vero, se il backend lo conosce,
+        // arriva dal `refreshVersions` qui sotto.
+        this._version.set(result.version ?? null);
+        // Da conservare per il salvataggio successivo (§6.2, ultimo capoverso). Se manca si azzera
+        // di proposito: tenere il timestamp vecchio produrrebbe un `VersionConflict` inventato al
+        // salvataggio successivo, che e' peggio di restare senza concorrenza ottimistica (§9).
         this._expectedUpdatedAt.set(result.updatedAt);
         this._lastSaveResult.set(result);
         // Riflette nel documento cio' che il backend ha deciso, senza sporcare lo storico:
         // `fullName` e `status` sono riempiti dal record di versione, non dall'editor (§2).
         this.documentStore.updateHeader((definition) => {
-            definition.fullName = result.flowName;
-            definition.status = result.status;
+            // Idem nel documento: sovrascrivere `fullName` con un nome vuoto svuota la casella del
+            // nome tecnico in testa all'editor, e sembra un flow che ha perso l'identita'.
+            definition.fullName = result.flowName || definition.fullName;
+            // Uno `status` assente non e' «nessuno stato»: si lascia quello che il documento ha già.
+            definition.status = result.status ?? definition.status;
         }, { silent: true });
         this.documentStore.markSaved();
         this.validation.adopt(result.validation);
-        void this.refreshVersions();
+        void this.refreshVersions({ adoptVersion: true });
     }
     /** Copia la versione corrente in una nuova bozza (§8.1): il comando delle versioni chiuse. */
     async createNewVersion() {
@@ -3363,11 +3523,15 @@ class FlowEditorSession {
         }
         this._isBusy.set(true);
         try {
-            const result = await this.api.createVersion(flowName, {
+            const response = await this.api.createVersion(flowName, {
                 from: this._version() ?? undefined,
                 author: this._author(),
             });
-            await this.open(flowName, result.version);
+            // Qui la versione ripiega **sull'ignoto**, non su quella corrente: aprire la vecchia dopo
+            // averne creata una nuova rimetterebbe l'editor in sola lettura senza dire perche'. Senza
+            // numero, `open` carica la piu' recente, che e' proprio quella appena creata (§6.1).
+            const result = this.normalizeResult(response, { flowName, version: null });
+            await this.open(flowName, response?.version);
             return result;
         }
         finally {
@@ -3382,7 +3546,9 @@ class FlowEditorSession {
     async activate() {
         const flowName = this._flowName();
         const version = this._version();
-        if (!flowName || version === null) {
+        // `== null` e non `=== null`: senza numero di versione l'URL dell'attivazione finirebbe con
+        // `/activate/undefined` e il banner direbbe «Versione undefined attivata».
+        if (!flowName || version == null) {
             throw new FlowApiError('InvalidRequest', 'Salva il flow prima di attivarlo.');
         }
         const local = await this.validation.run(this.documentStore.document());
@@ -3391,7 +3557,12 @@ class FlowEditorSession {
         }
         this._isBusy.set(true);
         try {
-            const result = await this.api.activateVersion(flowName, version);
+            // Nome e versione sono quelli che abbiamo appena chiesto di attivare: se la risposta non
+            // li porta, non c'e' niente da indovinare (§6.2).
+            const result = this.normalizeResult(await this.api.activateVersion(flowName, version), {
+                flowName,
+                version,
+            });
             this.applySaveResult(result);
             return result;
         }
@@ -3827,9 +3998,10 @@ class FlowCanvasComponent {
     // Gesti
     // -------------------------------------------------------------------------
     /**
-     * Creazione di un arco. `targetId` assente significa rilascio nel vuoto: si lascia il
-     * ramo dichiarato ma senza destinazione, che e' esattamente il "ramo incompleto" del
-     * modello, invece di scartare il gesto.
+     * Creazione di un arco. `targetId` assente significa rilascio nel vuoto: il ramo resta
+     * **staccato**, cioe' omesso dal documento (`CONNECTOR_MISSING`, «il percorso finisce
+     * qui»), non dichiarato-senza-destinazione — che sarebbe `CONNECTOR_TARGET_MISSING`, un
+     * avviso su un ramo che l'utente non ha mai voluto collegare.
      */
     onCreateConnection(event) {
         const source = parseSourceConnectorId(event.sourceId);
@@ -4136,8 +4308,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImpo
  *
  *  - **Non ogni radice e' navigabile.** Un output automatico dichiara il proprio tipo, ma la
  *    specifica tiene i percorsi che ne partono fuori dalla validazione (§7): dedurne il tipo qui
- *    significherebbe far dire all'editor cio' che il backend non verifica. Stessa scelta del
- *    `reference-picker`, e le due devono restare la stessa.
+ *    significherebbe far dire all'editor cio' che il backend non verifica. Resta escluso quindi da
+ *    `referenceTypes`, che e' cio' che alimenta gli elenchi chiusi di valori e i controlli di tipo.
+ *    **Proporre** i suoi campi e' un'altra cosa, ed e' cio' che chiede `proposeOnly`: il
+ *    `reference-picker` lo passa per far comparire `Leggi_Ordine.Numero` fra le proposte senza
+ *    accusare niente di cio' che sta dopo il punto.
  *  - **"Non lo so" resta "non lo so".** Catena interrotta, catalogo assente, segmento inesistente:
  *    l'esito e' `null` e il chiamante ricade sul controllo generico. Un tipo indovinato e' peggio
  *    di un tipo mancante, perche' fa comparire un elenco chiuso di valori sbagliati.
@@ -4168,11 +4343,15 @@ function declaredPrefixOf(references, value) {
 /**
  * La risorsa da cui il valore sta navigando, se e solo se il percorso e' verificabile: una
  * `Structure` con la sua classe, un record con la sua entita'. Un output automatico e' escluso di
- * proposito (vedi l'intestazione), e una collection non si naviga — il percorso designa l'insieme.
+ * proposito (vedi l'intestazione) tranne con {@link NavigableRootOptions.proposeOnly}, e una
+ * collection non si naviga — il percorso designa l'insieme.
  */
-function navigableRootOf(references, value, isStructure) {
+function navigableRootOf(references, value, isStructure, options) {
     const reference = declaredPrefixOf(references, value);
-    if (!reference || reference.kind === 'ElementOutput' || !reference.objectType || reference.isCollection) {
+    if (!reference || !reference.objectType || reference.isCollection) {
+        return undefined;
+    }
+    if (reference.kind === 'ElementOutput' && !options?.proposeOnly) {
         return undefined;
     }
     const trimmed = (value ?? '').trim();
@@ -4524,11 +4703,26 @@ class ReferencePickerComponent {
      * `String` sta solo nell'elenco non filtrato.
      */
     declaredPrefix = computed(() => declaredPrefixOf(this.roots(), this.value()), ...(ngDevMode ? [{ debugName: "declaredPrefix" }] : []));
+    /**
+     * La radice **verificabile**: e' quella su cui si giudica il valore scritto (`valueState`), e
+     * tiene fuori gli output automatici perche' la validazione non guarda i loro percorsi (§4.5, §7).
+     */
     navigableRoot = computed(() => navigableRootOf(this.roots(), this.value(), (dataType) => this.dictionaries.isStructure(dataType)), ...(ngDevMode ? [{ debugName: "navigableRoot" }] : []));
+    /**
+     * La radice da cui si **propone**, che comprende anche gli output automatici. Sono due computed e
+     * non uno perche' le due domande sono diverse: proporre i campi di `Leggi_Ordine` aiuta a scrivere
+     * `Leggi_Ordine.Numero` — un riferimento valido — mentre giudicarne i segmenti significherebbe
+     * accusare cio' che il backend non verifica. Con una radice sola una delle due cose sarebbe
+     * sbagliata: o la riga sparisce dai campi tipizzati, o un campo scritto a mano diventa
+     * `FIELD_UNKNOWN` senza che nessuna primitiva lo dica.
+     */
+    proposalRoot = computed(() => navigableRootOf(this.roots(), this.value(), (dataType) => this.dictionaries.isStructure(dataType), {
+        proposeOnly: true,
+    }), ...(ngDevMode ? [{ debugName: "proposalRoot" }] : []));
     /** Il percorso dopo la radice: `Cliente.Email` di `Richiesta.Cliente.Email`. */
-    navigatedPath = computed(() => this.navigableRoot()?.path ?? '', ...(ngDevMode ? [{ debugName: "navigatedPath" }] : []));
+    navigatedPath = computed(() => this.proposalRoot()?.path ?? '', ...(ngDevMode ? [{ debugName: "navigatedPath" }] : []));
     navigation = navigatePath(this.catalog, () => {
-        const root = this.navigableRoot();
+        const root = this.proposalRoot();
         return root ? { root: root.container, path: this.navigatedPath() } : null;
     });
     resolution = this.navigation.resolution;
@@ -4546,11 +4740,20 @@ class ReferencePickerComponent {
      * campi del record che innesca, che si assegnano (§4.1).
      */
     isReadOnlyPath = computed(() => {
-        const name = this.navigableRoot()?.reference.name;
-        return !!name && isGlobalReference(name) && referenceRoot(name) !== '$Record';
+        const reference = this.proposalRoot()?.reference;
+        if (!reference) {
+            return false;
+        }
+        // Un output automatico non si assegna, e nemmeno i suoi campi: il record non e' una risorsa del
+        // flow, e `POST /flows/references/writable` non lo comprende. Proporlo come destinazione
+        // sarebbe un vicolo cieco (§4.5, §5.7).
+        if (reference.kind === 'ElementOutput') {
+            return true;
+        }
+        return isGlobalReference(reference.name) && referenceRoot(reference.name) !== '$Record';
     }, ...(ngDevMode ? [{ debugName: "isReadOnlyPath" }] : []));
     pathReferences = computed(() => {
-        const root = this.navigableRoot();
+        const root = this.proposalRoot();
         const tail = this.tail();
         if (!root || !tail) {
             return [];
@@ -4569,9 +4772,20 @@ class ReferencePickerComponent {
             isCollection: entry.isCollection ?? false,
             objectType: entry.objectType ?? null,
             isWritable: entry.isWritable,
-            description: entry.isWritable ? (entry.description ?? null) : 'sola lettura',
+            description: this.segmentDescription(entry),
         }));
     }, ...(ngDevMode ? [{ debugName: "pathReferences" }] : []));
+    /**
+     * Cosa dire di un segmento proposto. Sotto un output automatico «sola lettura» sarebbe vero ma
+     * fuorviante — in un campo che vuole un valore nessuno stava cercando una destinazione: cio' che
+     * cambia il comportamento e' che il percorso non lo verifica nessuno (§4.5).
+     */
+    segmentDescription(entry) {
+        if (this.proposalRoot()?.reference.kind === 'ElementOutput') {
+            return 'campo del record letto · percorso non verificato';
+        }
+        return entry.isWritable ? (entry.description ?? null) : 'sola lettura';
+    }
     /**
      * Lo stesso filtro delle radici (§6.4), applicato ai segmenti di un percorso: in un parametro
      * `String` non si propone un membro `Date`. Un segmento da cui si scende resta comunque proposto
@@ -4836,9 +5050,23 @@ class ReferencePickerComponent {
         this.valueChange.emit(`${reference.name}.`);
         this.query.set('');
     }
-    /** `true` se da questo riferimento il percorso continua: la sua forma e' dichiarata. */
+    /**
+     * `true` se da questo riferimento il percorso continua, cioe' se si conosce la forma di cio' che
+     * designa. Comprende gli **output automatici** di un elemento: `Leggi_Ordine` dichiara la propria
+     * entita', quindi i suoi campi si possono proporre — che il backend non verifichi i segmenti dopo
+     * il punto (§4.5) cambia cosa si **dice** del valore scritto, non cosa si puo' proporre. Prima
+     * l'esclusione era qui, e l'effetto era che in un campo tipizzato la riga spariva del tutto: il
+     * filtro di tipo scarta il record, e senza `›` non restava nessuna strada verso `Leggi_Ordine.Numero`.
+     *
+     * Una collection resta esclusa: il riferimento designa l'insieme, e un campo di un insieme non
+     * esiste — per scorrerlo c'e' il Loop.
+     */
     canDescend(reference) {
-        if (reference.isCollection || !reference.objectType || reference.kind === 'ElementOutput') {
+        if (reference.isCollection || !reference.objectType) {
+            return false;
+        }
+        // In un campo di destinazione da un output automatico non si arriva a niente di assegnabile.
+        if (this.writableOnly() && reference.kind === 'ElementOutput') {
             return false;
         }
         return this.dictionaries.isStructure(reference.dataType) || reference.dataType === 'Object';
@@ -5192,6 +5420,15 @@ class NamePickerComponent {
      * senza versione attiva e' un avviso. Mostrarli con lo stesso colore direbbe il falso.
      */
     unknownSeverity = input('warn', ...(ngDevMode ? [{ debugName: "unknownSeverity" }] : []));
+    /**
+     * Nomi che **esistono** ma non sono utilizzabili qui. Il caso vero e' il catalogo dei form,
+     * dove una schermata intera e un componente vivono nello stesso elenco e si distinguono per
+     * `formKind`: usare l'uno al posto dell'altro e' `FORM_KIND_MISMATCH`, non `FORM_UNKNOWN`
+     * (§5.1, §5.2). Senza questo secondo elenco il picker direbbe «non esiste» di un nome che c'e',
+     * e manderebbe a cercare un artefatto già scritto.
+     */
+    unusableOptions = input([], ...(ngDevMode ? [{ debugName: "unusableOptions" }] : []));
+    unusableMessage = input('Questo nome esiste ma non e’ utilizzabile qui.', ...(ngDevMode ? [{ debugName: "unusableMessage" }] : []));
     /** 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. */
@@ -5218,9 +5455,17 @@ class NamePickerComponent {
         return all.filter((option) => `${option.name} ${option.label ?? ''} ${option.description ?? ''}`.toLowerCase().includes(needle));
     }, ...(ngDevMode ? [{ debugName: "visibleOptions" }] : []));
     hasOptions = computed(() => this.options().length > 0, ...(ngDevMode ? [{ debugName: "hasOptions" }] : []));
+    /** Il nome c'e' nel catalogo, ma in un ruolo che qui non va: e' un errore a se' (§7). */
+    isUnusable = computed(() => {
+        const value = (this.value() ?? '')?.trim();
+        if (!value) {
+            return false;
+        }
+        return this.unusableOptions().some((option) => option.name === value);
+    }, ...(ngDevMode ? [{ debugName: "isUnusable" }] : []));
     isUnknown = computed(() => {
         const value = (this.value() ?? '')?.trim();
-        if (!value || !this.hasOptions()) {
+        if (!value || !this.hasOptions() || this.isUnusable()) {
             return false;
         }
         return !this.options().some((option) => option.name === value);
@@ -5267,12 +5512,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 }, 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__row{display:flex;align-items:stretch;gap:2px}.fb-pick__row .fb-pick__option{flex:1;min-width:0}.fb-pick__into{flex:0 0 auto;padding:0 7px;border:0;border-radius:4px;background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:13px;cursor:pointer}.fb-pick__into:hover{background:var(--fb-surface-alt, #f8f9fb);color:var(--fb-accent, #2f6feb)}.fb-pick__name{font-size:12px}.fb-pick__meta{font-size:10px;color:var(--fb-text-muted, #667085)}.fb-pick__group{margin:2px 4px 4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;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 }, unusableOptions: { classPropertyName: "unusableOptions", publicName: "unusableOptions", isSignal: true, isRequired: false, transformFunction: null }, unusableMessage: { classPropertyName: "unusableMessage", publicName: "unusableMessage", 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 (isUnusable()) {\r\n    <!-- Il nome c'e': dirlo sconosciuto manderebbe a cercare qualcosa che esiste gi\u00E0. -->\r\n    <p class=\"fb-pick__hint fb-pick__hint--error\">{{ unusableMessage() }}</p>\r\n  } @else 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__row{display:flex;align-items:stretch;gap:2px}.fb-pick__row .fb-pick__option{flex:1;min-width:0}.fb-pick__into{flex:0 0 auto;padding:0 7px;border:0;border-radius:4px;background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:13px;cursor:pointer}.fb-pick__into:hover{background:var(--fb-surface-alt, #f8f9fb);color:var(--fb-accent, #2f6feb)}.fb-pick__name{font-size:12px}.fb-pick__meta{font-size:10px;color:var(--fb-text-muted, #667085)}.fb-pick__group{margin:2px 4px 4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;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\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__row{display:flex;align-items:stretch;gap:2px}.fb-pick__row .fb-pick__option{flex:1;min-width:0}.fb-pick__into{flex:0 0 auto;padding:0 7px;border:0;border-radius:4px;background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:13px;cursor:pointer}.fb-pick__into:hover{background:var(--fb-surface-alt, #f8f9fb);color:var(--fb-accent, #2f6feb)}.fb-pick__name{font-size:12px}.fb-pick__meta{font-size:10px;color:var(--fb-text-muted, #667085)}.fb-pick__group{margin:2px 4px 4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;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"] }] } });
+            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 (isUnusable()) {\r\n    <!-- Il nome c'e': dirlo sconosciuto manderebbe a cercare qualcosa che esiste gi\u00E0. -->\r\n    <p class=\"fb-pick__hint fb-pick__hint--error\">{{ unusableMessage() }}</p>\r\n  } @else 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__row{display:flex;align-items:stretch;gap:2px}.fb-pick__row .fb-pick__option{flex:1;min-width:0}.fb-pick__into{flex:0 0 auto;padding:0 7px;border:0;border-radius:4px;background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:13px;cursor:pointer}.fb-pick__into:hover{background:var(--fb-surface-alt, #f8f9fb);color:var(--fb-accent, #2f6feb)}.fb-pick__name{font-size:12px}.fb-pick__meta{font-size:10px;color:var(--fb-text-muted, #667085)}.fb-pick__group{margin:2px 4px 4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;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 }] }], unusableOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "unusableOptions", required: false }] }], unusableMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "unusableMessage", 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"] }] } });
 
 /**
  * Selettore di **classe** per una risorsa `Structure` — FRONTEND.md §4.7.
@@ -5321,7 +5566,7 @@ class StructurePickerComponent {
       emptyMessage="Elenco delle classi non disponibile: puoi scrivere il nome a mano."
       (valueChange)="valueChange.emit($event)"
     />
-  `, isInline: true, dependencies: [{ kind: "component", type: NamePickerComponent, selector: "fb-name-picker", inputs: ["value", "options", "label", "placeholder", "disabled", "unknownMessage", "unknownSeverity", "emptyMessage", "isMono"], outputs: ["valueChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, dependencies: [{ kind: "component", type: NamePickerComponent, selector: "fb-name-picker", inputs: ["value", "options", "label", "placeholder", "disabled", "unknownMessage", "unknownSeverity", "unusableOptions", "unusableMessage", "emptyMessage", "isMono"], outputs: ["valueChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: StructurePickerComponent, decorators: [{
             type: Component,
@@ -5642,7 +5887,7 @@ class EnumValuePickerComponent {
       [emptyMessage]="emptyMessage()"
       (valueChange)="valueChange.emit($event)"
     />
-  `, isInline: true, dependencies: [{ kind: "component", type: NamePickerComponent, selector: "fb-name-picker", inputs: ["value", "options", "label", "placeholder", "disabled", "unknownMessage", "unknownSeverity", "emptyMessage", "isMono"], outputs: ["valueChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, dependencies: [{ kind: "component", type: NamePickerComponent, selector: "fb-name-picker", inputs: ["value", "options", "label", "placeholder", "disabled", "unknownMessage", "unknownSeverity", "unusableOptions", "unusableMessage", "emptyMessage", "isMono"], outputs: ["valueChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: EnumValuePickerComponent, decorators: [{
             type: Component,
@@ -5667,6 +5912,324 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImpo
                 }]
         }], ctorParameters: () => [], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], enumType: [{ type: i0.Input, args: [{ isSignal: true, alias: "enumType", 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"] }] } });
 
+/**
+ * L'editor di una formula — FRONTEND.md §4.6, §6.3.
+ *
+ * L'espressione va al motore di regole e la sua sintassi resta del motore: qui non c'e' nessun
+ * parser. Cio' che c'e' e' il **controllo**, `POST /flows/validate-formula`, chiesto mentre si
+ * digita: e' lo stesso motore a rispondere, e i suoi rilievi portano la posizione del tratto
+ * sbagliato. Cliccare un rilievo seleziona quel tratto nella casella — e' l'unica ragione per
+ * cui `position` esiste, e senza il salto resterebbe un numero che nessuno converte a mano.
+ *
+ * Quattro cose che il contratto impone e che qui sono esplicite:
+ *
+ *  - **il documento si manda in lavorazione**, non la versione salvata: una formula cita le
+ *    variabili appena aggiunte, e verificarla contro il salvato la direbbe sbagliata (§6.3).
+ *  - **`usage` e `expectedDataType` si mandano.** Sono cio' che permette al motore di dire «qui
+ *    serve un booleano» invece di accettare un'espressione che fallira' davanti all'utente.
+ *  - **`isVerified: false` non e' una promozione**: nessun motore configurato significa nessun
+ *    rilievo *e* nessuna conferma. Si dice, e non si mostra la spunta verde. Stessa cosa quando
+ *    la primitiva non esiste proprio: silenzio, mai un esito positivo inventato.
+ *  - il codice del rilievo e' **del motore**, non della §7: si mostra e non si interpreta.
+ *
+ * Il debounce e lo stato dell'esito stanno qui, uno per campo; nel servizio sta solo la memoria
+ * di «la primitiva non c'e'», che e' l'unica cosa condivisa fra i campi.
+ */
+/** §11.4 — la stessa pausa di digitazione della validazione del documento. */
+const DEBOUNCE_MS = 400;
+class FormulaEditorComponent {
+    store = inject(FlowDocumentStore);
+    api = inject(FlowBuilderApi);
+    service = inject(FormulaValidationService);
+    destroyRef = inject(DestroyRef);
+    expression = input('', ...(ngDevMode ? [{ debugName: "expression" }] : []));
+    /** Dove comparira': e' cio' che dice al motore cosa pretendere (§6.3). */
+    usage = input('Value', ...(ngDevMode ? [{ debugName: "usage" }] : []));
+    /** `Boolean` per condizioni e validation rule, il tipo dichiarato per una risorsa. */
+    expectedDataType = input(undefined, ...(ngDevMode ? [{ debugName: "expectedDataType" }] : []));
+    scale = input(undefined, ...(ngDevMode ? [{ debugName: "scale" }] : []));
+    placeholder = input('', ...(ngDevMode ? [{ debugName: "placeholder" }] : []));
+    ariaLabel = input('Espressione', ...(ngDevMode ? [{ debugName: "ariaLabel" }] : []));
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+    rows = input(3, ...(ngDevMode ? [{ debugName: "rows" }] : []));
+    /**
+     * Quando propagare al documento. `input` a ogni tasto, `change` all'uscita dal campo: la
+     * seconda serve dove mutare il documento ridisegna mezza schermata — l'anteprima dello screen
+     * dinamico — e riscriverla a ogni tasto costa. La **verifica** parte comunque durante la
+     * digitazione: usa la bozza locale, non cio' che e' arrivato al documento.
+     */
+    commitOn = input('input', ...(ngDevMode ? [{ debugName: "commitOn" }] : []));
+    expressionChange = output();
+    area = viewChild('area', ...(ngDevMode ? [{ debugName: "area" }] : []));
+    /**
+     * Il testo che si sta scrivendo. Non e' legato al DOM — la casella tiene il suo valore e la
+     * `[value]` resta quella del documento — perche' riscrivere l'attributo a ogni tasto sposta il
+     * cursore quando si corregge in mezzo all'espressione.
+     */
+    draft = signal('', ...(ngDevMode ? [{ debugName: "draft" }] : []));
+    _result = signal(null, ...(ngDevMode ? [{ debugName: "_result" }] : []));
+    _isChecking = signal(false, ...(ngDevMode ? [{ debugName: "_isChecking" }] : []));
+    timer;
+    /** Cresce a ogni richiesta: scarta le risposte di verifiche già superate. */
+    sequence = 0;
+    result = this._result.asReadonly();
+    isChecking = this._isChecking.asReadonly();
+    isSupported = this.service.isSupported;
+    /**
+     * I nomi citabili, per l'autocompletamento (§6.3): li da' `POST /flows/references`, cioe' la
+     * stessa fonte del reference picker — compresi gli **output automatici**, che sono riferimenti
+     * validi pur non essendo dichiarati in nessuna collection (§4.5, §13.3). Qui non si filtra per
+     * tipo: dentro un'espressione il tipo lo decide il motore, non il campo.
+     */
+    references = signal([], ...(ngDevMode ? [{ debugName: "references" }] : []));
+    /** Il documento per cui l'elenco e' stato chiesto: evita una richiesta a ogni focus. */
+    loadedFor = null;
+    /** La parola sotto il cursore, che e' cio' che si sta completando. */
+    token = signal(null, ...(ngDevMode ? [{ debugName: "token" }] : []));
+    highlighted = signal(0, ...(ngDevMode ? [{ debugName: "highlighted" }] : []));
+    suggestions = computed(() => {
+        const token = this.token();
+        if (!token) {
+            return [];
+        }
+        const needle = token.text.toLowerCase();
+        const matches = this.references().filter((reference) => reference.name.toLowerCase().startsWith(needle));
+        // Un solo suggerimento uguale a cio' che si e' già scritto non aiuta: e' solo un pannello che
+        // copre il testo.
+        if (matches.length === 1 && matches[0].name.toLowerCase() === needle) {
+            return [];
+        }
+        return matches.slice(0, 8);
+    }, ...(ngDevMode ? [{ debugName: "suggestions" }] : []));
+    issues = computed(() => this._result()?.issues ?? [], ...(ngDevMode ? [{ debugName: "issues" }] : []));
+    hasErrors = computed(() => this.issues().some((issue) => severityBucket(issue.severity) === 'Error'), ...(ngDevMode ? [{ debugName: "hasErrors" }] : []));
+    /**
+     * L'esito e' una conferma **solo** se un motore ha davvero guardato l'espressione: senza
+     * `isVerified` non si mostra la spunta, perche' una spunta verde su un'espressione mai
+     * controllata e' peggio di nessuna spunta (§6.3).
+     */
+    isConfirmed = computed(() => {
+        const result = this._result();
+        return !!result && result.isVerified && result.isValid && !this.issues().length;
+    }, ...(ngDevMode ? [{ debugName: "isConfirmed" }] : []));
+    /** Il motore c'e' come primitiva ma non come motore: si dice, non si tace (§6.3). */
+    isUnverified = computed(() => {
+        const result = this._result();
+        return !!result && !result.isVerified;
+    }, ...(ngDevMode ? [{ debugName: "isUnverified" }] : []));
+    /**
+     * Il tipo prodotto quando il motore sa dirlo. Serve a segnalare una formula dichiarata
+     * `String` che restituisce una data — ma il rilievo lo fa il motore: se l'ha già emesso,
+     * qui non si ripete lo stesso avviso con parole diverse.
+     */
+    resultDataType = computed(() => this._result()?.resultDataType ?? null, ...(ngDevMode ? [{ debugName: "resultDataType" }] : []));
+    typeMismatch = computed(() => {
+        const expected = this.expectedDataType();
+        const produced = this.resultDataType();
+        if (!expected || !produced || expected === produced) {
+            return null;
+        }
+        const alreadyReported = this.issues().some((issue) => issue.code === 'FORMULA_RESULT_TYPE_MISMATCH');
+        return alreadyReported ? null : { expected, produced };
+    }, ...(ngDevMode ? [{ debugName: "typeMismatch" }] : []));
+    constructor() {
+        // La verifica riparte quando cambia l'espressione **arrivata da fuori** o cio' che ci si
+        // aspetta che produca. Il documento no: si legge al momento della richiesta, perche'
+        // tracciarlo rivaliderebbe ogni formula aperta a ogni tasto premuto altrove nell'editor.
+        effect(() => {
+            const expression = this.expression();
+            this.usage();
+            this.expectedDataType();
+            this.scale();
+            untracked(() => {
+                this.draft.set(expression);
+                this.schedule(expression);
+            });
+        });
+        this.destroyRef.onDestroy(() => this.cancel());
+    }
+    onInput(value) {
+        this.draft.set(value);
+        this.schedule(value);
+        this.refreshToken();
+        if (this.commitOn() === 'input') {
+            this.expressionChange.emit(value);
+        }
+    }
+    onCommit(value) {
+        if (this.commitOn() === 'change') {
+            this.expressionChange.emit(value);
+        }
+    }
+    // -------------------------------------------------------------------------
+    // Autocompletamento dei riferimenti (§6.3)
+    // -------------------------------------------------------------------------
+    onFocus() {
+        void this.loadReferences();
+        this.refreshToken();
+    }
+    /** Il cursore si sposta anche senza digitare: la parola sotto il cursore va riletta. */
+    onCaretMove() {
+        this.refreshToken();
+    }
+    onBlur() {
+        this.token.set(null);
+    }
+    /**
+     * Le frecce scorrono l'elenco e Invio inserisce. Senza, l'elenco sarebbe una decorazione: chi
+     * scrive una formula ha le mani sulla tastiera e non va a cercare il mouse.
+     */
+    onKeyDown(event) {
+        const options = this.suggestions();
+        if (!options.length) {
+            return;
+        }
+        if (event.key === 'Escape') {
+            this.token.set(null);
+            event.stopPropagation();
+            return;
+        }
+        if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {
+            const step = event.key === 'ArrowDown' ? 1 : -1;
+            this.highlighted.update((index) => (index + step + options.length) % options.length);
+            event.preventDefault();
+            return;
+        }
+        if (event.key === 'Enter' || event.key === 'Tab') {
+            this.insert(options[this.highlighted()]?.name ?? '');
+            event.preventDefault();
+        }
+    }
+    /**
+     * Sostituisce la parola sotto il cursore col nome scelto. Si scrive nel DOM e poi si propaga:
+     * la casella e' la sorgente del testo mentre si digita, e riscrivere solo il documento
+     * lascerebbe indietro il cursore.
+     */
+    insert(name) {
+        const element = this.area()?.nativeElement;
+        const token = this.token();
+        if (!element || !name || !token) {
+            return;
+        }
+        const next = element.value.slice(0, token.start) + name + element.value.slice(token.end);
+        element.value = next;
+        const caret = token.start + name.length;
+        element.setSelectionRange(caret, caret);
+        element.focus();
+        this.token.set(null);
+        this.onInput(next);
+        // Con `commitOn="change"` il `change` del DOM non scatta su una scrittura da codice.
+        this.onCommit(next);
+    }
+    async loadReferences() {
+        const document = this.store.document();
+        if (this.loadedFor === document) {
+            return;
+        }
+        this.loadedFor = document;
+        try {
+            this.references.set(await this.api.getReferences(document));
+        }
+        catch {
+            // Elenco non disponibile: nessun suggerimento, nessuna accusa. La formula si scrive lo
+            // stesso — l'autocompletamento e' un aiuto, non un vincolo.
+            this.references.set([]);
+        }
+    }
+    /** La parola sotto il cursore: identificatore o percorso puntato, com'e' in un riferimento. */
+    refreshToken() {
+        const element = this.area()?.nativeElement;
+        if (!element) {
+            return;
+        }
+        const caret = element.selectionStart ?? 0;
+        const before = element.value.slice(0, caret);
+        const match = /[A-Za-z_$][A-Za-z0-9_.$]*$/.exec(before);
+        if (!match) {
+            this.token.set(null);
+            return;
+        }
+        this.token.set({ text: match[0], start: caret - match[0].length, end: caret });
+        this.highlighted.set(0);
+    }
+    severityOf(issue) {
+        return severityBucket(issue.severity);
+    }
+    hasPosition(issue) {
+        return typeof issue.position === 'number' && issue.position >= 0;
+    }
+    /** Il tratto citato dal rilievo, così il messaggio dice *dove* anche senza il salto. */
+    excerptOf(issue) {
+        if (!this.hasPosition(issue)) {
+            return '';
+        }
+        const start = issue.position;
+        const length = typeof issue.length === 'number' && issue.length > 0 ? issue.length : 1;
+        return this.draft().slice(start, start + length);
+    }
+    /**
+     * Porta il cursore sul tratto segnalato. È il payoff di `position`: un indice di carattere
+     * che l'utente dovrebbe contare a mano non aiuta nessuno.
+     */
+    goToIssue(issue) {
+        if (!this.hasPosition(issue) || this.disabled()) {
+            return;
+        }
+        const element = this.area()?.nativeElement;
+        if (!element) {
+            return;
+        }
+        const start = issue.position;
+        const length = typeof issue.length === 'number' && issue.length > 0 ? issue.length : 1;
+        element.focus();
+        element.setSelectionRange(Math.min(start, element.value.length), Math.min(start + length, element.value.length));
+    }
+    schedule(expression) {
+        this.cancel();
+        if (!expression.trim() || !this.service.isSupported()) {
+            // Un campo vuoto non e' una formula sbagliata: la presenza la reclama la validazione del
+            // documento (`FORMULA_EXPRESSION_MISSING`), non questa.
+            this.sequence += 1;
+            this._result.set(null);
+            this._isChecking.set(false);
+            return;
+        }
+        this._isChecking.set(true);
+        this.timer = setTimeout(() => {
+            this.timer = undefined;
+            void this.run(expression);
+        }, DEBOUNCE_MS);
+    }
+    async run(expression) {
+        const token = ++this.sequence;
+        const result = await this.service.validate({
+            flow: this.store.document(),
+            expression,
+            usage: this.usage(),
+            expectedDataType: this.expectedDataType(),
+            scale: this.scale(),
+        });
+        if (token !== this.sequence) {
+            // Una verifica piu' recente e' già partita: questa risposta e' superata.
+            return;
+        }
+        this._result.set(result);
+        this._isChecking.set(false);
+    }
+    cancel() {
+        if (this.timer) {
+            clearTimeout(this.timer);
+            this.timer = undefined;
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: FormulaEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: FormulaEditorComponent, isStandalone: true, selector: "fb-formula-editor", inputs: { expression: { classPropertyName: "expression", publicName: "expression", isSignal: true, isRequired: false, transformFunction: null }, usage: { classPropertyName: "usage", publicName: "usage", isSignal: true, isRequired: false, transformFunction: null }, expectedDataType: { classPropertyName: "expectedDataType", publicName: "expectedDataType", isSignal: true, isRequired: false, transformFunction: null }, scale: { classPropertyName: "scale", publicName: "scale", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null }, commitOn: { classPropertyName: "commitOn", publicName: "commitOn", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { expressionChange: "expressionChange" }, viewQueries: [{ propertyName: "area", first: true, predicate: ["area"], descendants: true, isSignal: true }], ngImport: i0, template: "<textarea\r\n  #area\r\n  class=\"fb-textarea fb-input--mono\"\r\n  [class.fb-input--invalid]=\"hasErrors()\"\r\n  [value]=\"expression()\"\r\n  [rows]=\"rows()\"\r\n  [disabled]=\"disabled()\"\r\n  [placeholder]=\"placeholder()\"\r\n  [attr.aria-label]=\"ariaLabel()\"\r\n  (input)=\"onInput($any($event.target).value)\"\r\n  (change)=\"onCommit($any($event.target).value)\"\r\n  (focus)=\"onFocus()\"\r\n  (blur)=\"onBlur()\"\r\n  (keydown)=\"onKeyDown($event)\"\r\n  (keyup)=\"onCaretMove()\"\r\n  (click)=\"onCaretMove()\"\r\n></textarea>\r\n\r\n@if (suggestions().length) {\r\n  <!--\r\n    L'elenco dei riferimenti disponibili come autocompletamento (\u00A76.3): stessa fonte del\r\n    reference picker, `POST /flows/references`, output automatici compresi. `mousedown` va\r\n    fermato \u2014 il blur della casella arriverebbe prima del click e chiuderebbe l'elenco.\r\n  -->\r\n  <ul class=\"fb-formula__hints\" role=\"listbox\" aria-label=\"Riferimenti disponibili\">\r\n    @for (reference of suggestions(); track reference.name) {\r\n      <li>\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-formula__hint\"\r\n          [class.fb-formula__hint--on]=\"$index === highlighted()\"\r\n          role=\"option\"\r\n          [attr.aria-selected]=\"$index === highlighted()\"\r\n          (mousedown)=\"$event.preventDefault()\"\r\n          (click)=\"insert(reference.name)\"\r\n        >\r\n          <code>{{ reference.name }}</code>\r\n          @if (reference.dataType) {\r\n            <span class=\"fb-formula__hint-type\">\r\n              {{ reference.dataType }}{{ reference.isCollection ? '[]' : '' }}\r\n            </span>\r\n          }\r\n        </button>\r\n      </li>\r\n    }\r\n  </ul>\r\n}\r\n\r\n@if (isChecking()) {\r\n  <p class=\"fb-field__hint\">Verifica in corso\u2026</p>\r\n} @else if (issues().length) {\r\n  <ul class=\"fb-formula__issues\">\r\n    @for (issue of issues(); track $index) {\r\n      <li class=\"fb-formula__issue\" [class]=\"'fb-formula__issue--' + severityOf(issue)\">\r\n        @if (hasPosition(issue)) {\r\n          <!--\r\n            Il salto e' il senso di `position`: un indice di carattere che l'utente dovrebbe\r\n            contare a mano non porta da nessuna parte.\r\n          -->\r\n          <button\r\n            type=\"button\"\r\n            class=\"fb-formula__jump\"\r\n            [disabled]=\"disabled()\"\r\n            title=\"Seleziona il tratto segnalato\"\r\n            (click)=\"goToIssue(issue)\"\r\n          >\r\n            @if (excerptOf(issue)) {\r\n              <code>{{ excerptOf(issue) }}</code>\r\n            } @else {\r\n              car. {{ issue.position! + 1 }}\r\n            }\r\n          </button>\r\n        }\r\n        <span class=\"fb-formula__message\">{{ issue.message }}</span>\r\n        <!-- Codice del motore, non della \u00A77: si mostra e non si interpreta. -->\r\n        <code class=\"fb-formula__code\">{{ issue.code }}</code>\r\n      </li>\r\n    }\r\n  </ul>\r\n} @else if (isConfirmed()) {\r\n  <p class=\"fb-formula__ok\">\u2713 Espressione verificata dal motore.</p>\r\n} @else if (isUnverified()) {\r\n  <!--\r\n    Primitiva s\u00EC, motore no: nessun rilievo **e** nessuna conferma. Dirlo e' l'unico modo di\r\n    non far leggere il silenzio come un via libera (\u00A76.3).\r\n  -->\r\n  <p class=\"fb-field__hint fb-field__hint--warn\">\r\n    Nessun motore di validazione delle formule e\u2019 configurato: l\u2019espressione non e\u2019 stata\r\n    controllata.\r\n  </p>\r\n}\r\n\r\n@if (typeMismatch(); as mismatch) {\r\n  <p class=\"fb-field__hint fb-field__hint--warn\">\r\n    L\u2019espressione produce {{ mismatch.produced }}, ma qui serve {{ mismatch.expected }}.\r\n  </p>\r\n}\r\n\r\n<ng-content />\r\n", styles: [":host{display:flex;flex-direction:column;gap:4px}.fb-formula__issues{display:flex;flex-direction:column;gap:3px;margin:0;padding:0;list-style:none}.fb-formula__issue{display:flex;flex-wrap:wrap;gap:5px;align-items:baseline;padding:3px 6px;border-left:3px solid var(--fb-border, #d6dae1);border-radius:3px;background:var(--fb-surface-alt, #f8f9fb);font-size:10px;line-height:1.45}.fb-formula__issue--Error{border-left-color:var(--fb-error, #c9372c);color:var(--fb-error, #c9372c)}.fb-formula__issue--Warning{border-left-color:var(--fb-warning, #b7791f);color:var(--fb-warning, #b7791f)}.fb-formula__issue--Info{border-left-color:var(--fb-accent, #2f6feb);color:var(--fb-text-muted, #667085)}.fb-formula__message{flex:1 1 auto;min-width:0}.fb-formula__jump{padding:0 4px;border:1px solid currentcolor;border-radius:3px;background:transparent;color:inherit;font:inherit;font-size:10px;cursor:pointer}.fb-formula__jump:disabled{opacity:.5;cursor:not-allowed}.fb-formula__jump code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.fb-formula__code{color:var(--fb-text-subtle, #98a2b3);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px}.fb-formula__ok{margin:0;font-size:10px;color:var(--fb-success, #22a06b)}.fb-formula__hints{display:flex;flex-direction:column;gap:1px;max-height:160px;margin:0;padding:2px;overflow-y:auto;border:1px solid var(--fb-border, #d6dae1);border-radius:4px;background:var(--fb-surface, #fff);list-style:none}.fb-formula__hint{display:flex;gap:6px;align-items:baseline;width:100%;padding:2px 5px;border:0;border-radius:3px;background:transparent;color:var(--fb-text, #1d2939);font:inherit;font-size:10px;text-align:left;cursor:pointer}.fb-formula__hint:hover,.fb-formula__hint--on{background:color-mix(in srgb,var(--fb-accent, #2f6feb) 10%,transparent)}.fb-formula__hint code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.fb-formula__hint-type{margin-left:auto;color:var(--fb-text-subtle, #98a2b3)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: FormulaEditorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'fb-formula-editor', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<textarea\r\n  #area\r\n  class=\"fb-textarea fb-input--mono\"\r\n  [class.fb-input--invalid]=\"hasErrors()\"\r\n  [value]=\"expression()\"\r\n  [rows]=\"rows()\"\r\n  [disabled]=\"disabled()\"\r\n  [placeholder]=\"placeholder()\"\r\n  [attr.aria-label]=\"ariaLabel()\"\r\n  (input)=\"onInput($any($event.target).value)\"\r\n  (change)=\"onCommit($any($event.target).value)\"\r\n  (focus)=\"onFocus()\"\r\n  (blur)=\"onBlur()\"\r\n  (keydown)=\"onKeyDown($event)\"\r\n  (keyup)=\"onCaretMove()\"\r\n  (click)=\"onCaretMove()\"\r\n></textarea>\r\n\r\n@if (suggestions().length) {\r\n  <!--\r\n    L'elenco dei riferimenti disponibili come autocompletamento (\u00A76.3): stessa fonte del\r\n    reference picker, `POST /flows/references`, output automatici compresi. `mousedown` va\r\n    fermato \u2014 il blur della casella arriverebbe prima del click e chiuderebbe l'elenco.\r\n  -->\r\n  <ul class=\"fb-formula__hints\" role=\"listbox\" aria-label=\"Riferimenti disponibili\">\r\n    @for (reference of suggestions(); track reference.name) {\r\n      <li>\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-formula__hint\"\r\n          [class.fb-formula__hint--on]=\"$index === highlighted()\"\r\n          role=\"option\"\r\n          [attr.aria-selected]=\"$index === highlighted()\"\r\n          (mousedown)=\"$event.preventDefault()\"\r\n          (click)=\"insert(reference.name)\"\r\n        >\r\n          <code>{{ reference.name }}</code>\r\n          @if (reference.dataType) {\r\n            <span class=\"fb-formula__hint-type\">\r\n              {{ reference.dataType }}{{ reference.isCollection ? '[]' : '' }}\r\n            </span>\r\n          }\r\n        </button>\r\n      </li>\r\n    }\r\n  </ul>\r\n}\r\n\r\n@if (isChecking()) {\r\n  <p class=\"fb-field__hint\">Verifica in corso\u2026</p>\r\n} @else if (issues().length) {\r\n  <ul class=\"fb-formula__issues\">\r\n    @for (issue of issues(); track $index) {\r\n      <li class=\"fb-formula__issue\" [class]=\"'fb-formula__issue--' + severityOf(issue)\">\r\n        @if (hasPosition(issue)) {\r\n          <!--\r\n            Il salto e' il senso di `position`: un indice di carattere che l'utente dovrebbe\r\n            contare a mano non porta da nessuna parte.\r\n          -->\r\n          <button\r\n            type=\"button\"\r\n            class=\"fb-formula__jump\"\r\n            [disabled]=\"disabled()\"\r\n            title=\"Seleziona il tratto segnalato\"\r\n            (click)=\"goToIssue(issue)\"\r\n          >\r\n            @if (excerptOf(issue)) {\r\n              <code>{{ excerptOf(issue) }}</code>\r\n            } @else {\r\n              car. {{ issue.position! + 1 }}\r\n            }\r\n          </button>\r\n        }\r\n        <span class=\"fb-formula__message\">{{ issue.message }}</span>\r\n        <!-- Codice del motore, non della \u00A77: si mostra e non si interpreta. -->\r\n        <code class=\"fb-formula__code\">{{ issue.code }}</code>\r\n      </li>\r\n    }\r\n  </ul>\r\n} @else if (isConfirmed()) {\r\n  <p class=\"fb-formula__ok\">\u2713 Espressione verificata dal motore.</p>\r\n} @else if (isUnverified()) {\r\n  <!--\r\n    Primitiva s\u00EC, motore no: nessun rilievo **e** nessuna conferma. Dirlo e' l'unico modo di\r\n    non far leggere il silenzio come un via libera (\u00A76.3).\r\n  -->\r\n  <p class=\"fb-field__hint fb-field__hint--warn\">\r\n    Nessun motore di validazione delle formule e\u2019 configurato: l\u2019espressione non e\u2019 stata\r\n    controllata.\r\n  </p>\r\n}\r\n\r\n@if (typeMismatch(); as mismatch) {\r\n  <p class=\"fb-field__hint fb-field__hint--warn\">\r\n    L\u2019espressione produce {{ mismatch.produced }}, ma qui serve {{ mismatch.expected }}.\r\n  </p>\r\n}\r\n\r\n<ng-content />\r\n", styles: [":host{display:flex;flex-direction:column;gap:4px}.fb-formula__issues{display:flex;flex-direction:column;gap:3px;margin:0;padding:0;list-style:none}.fb-formula__issue{display:flex;flex-wrap:wrap;gap:5px;align-items:baseline;padding:3px 6px;border-left:3px solid var(--fb-border, #d6dae1);border-radius:3px;background:var(--fb-surface-alt, #f8f9fb);font-size:10px;line-height:1.45}.fb-formula__issue--Error{border-left-color:var(--fb-error, #c9372c);color:var(--fb-error, #c9372c)}.fb-formula__issue--Warning{border-left-color:var(--fb-warning, #b7791f);color:var(--fb-warning, #b7791f)}.fb-formula__issue--Info{border-left-color:var(--fb-accent, #2f6feb);color:var(--fb-text-muted, #667085)}.fb-formula__message{flex:1 1 auto;min-width:0}.fb-formula__jump{padding:0 4px;border:1px solid currentcolor;border-radius:3px;background:transparent;color:inherit;font:inherit;font-size:10px;cursor:pointer}.fb-formula__jump:disabled{opacity:.5;cursor:not-allowed}.fb-formula__jump code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.fb-formula__code{color:var(--fb-text-subtle, #98a2b3);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px}.fb-formula__ok{margin:0;font-size:10px;color:var(--fb-success, #22a06b)}.fb-formula__hints{display:flex;flex-direction:column;gap:1px;max-height:160px;margin:0;padding:2px;overflow-y:auto;border:1px solid var(--fb-border, #d6dae1);border-radius:4px;background:var(--fb-surface, #fff);list-style:none}.fb-formula__hint{display:flex;gap:6px;align-items:baseline;width:100%;padding:2px 5px;border:0;border-radius:3px;background:transparent;color:var(--fb-text, #1d2939);font:inherit;font-size:10px;text-align:left;cursor:pointer}.fb-formula__hint:hover,.fb-formula__hint--on{background:color-mix(in srgb,var(--fb-accent, #2f6feb) 10%,transparent)}.fb-formula__hint code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.fb-formula__hint-type{margin-left:auto;color:var(--fb-text-subtle, #98a2b3)}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { expression: [{ type: i0.Input, args: [{ isSignal: true, alias: "expression", required: false }] }], usage: [{ type: i0.Input, args: [{ isSignal: true, alias: "usage", required: false }] }], expectedDataType: [{ type: i0.Input, args: [{ isSignal: true, alias: "expectedDataType", required: false }] }], scale: [{ type: i0.Input, args: [{ isSignal: true, alias: "scale", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], rows: [{ type: i0.Input, args: [{ isSignal: true, alias: "rows", required: false }] }], commitOn: [{ type: i0.Input, args: [{ isSignal: true, alias: "commitOn", required: false }] }], expressionChange: [{ type: i0.Output, args: ["expressionChange"] }], area: [{ type: i0.ViewChild, args: ['area', { isSignal: true }] }] } });
+
 /**
  * `[fbValue]` su un `<select>`.
  *
@@ -5995,11 +6558,11 @@ class ValueEditorComponent {
     }
     dataTypeOptions = computed(() => this.dictionaries.dataTypes(), ...(ngDevMode ? [{ debugName: "dataTypeOptions" }] : []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: ValueEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: ValueEditorComponent, isStandalone: true, selector: "fb-value-editor", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, dataType: { classPropertyName: "dataType", publicName: "dataType", isSignal: true, isRequired: false, transformFunction: null }, objectType: { classPropertyName: "objectType", publicName: "objectType", isSignal: true, isRequired: false, transformFunction: null }, isCollection: { classPropertyName: "isCollection", publicName: "isCollection", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, allowFormula: { classPropertyName: "allowFormula", publicName: "allowFormula", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<div class=\"fb-value\">\r\n  <div class=\"fb-value__modes\" role=\"group\" [attr.aria-label]=\"label() + ': modalita\u2019'\">\r\n    <button\r\n      type=\"button\"\r\n      class=\"fb-value__mode\"\r\n      [class.fb-value__mode--active]=\"mode() === 'reference'\"\r\n      [disabled]=\"disabled()\"\r\n      title=\"Riferimento a una risorsa o all\u2019output di un elemento\"\r\n      (click)=\"setMode('reference')\"\r\n    >\r\n      Riferimento\r\n    </button>\r\n    @if (literalAllowed()) {\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-value__mode\"\r\n        [class.fb-value__mode--active]=\"mode() === 'literal'\"\r\n        [disabled]=\"disabled()\"\r\n        title=\"Valore letterale del tipo della destinazione\"\r\n        (click)=\"setMode('literal')\"\r\n      >\r\n        Valore\r\n      </button>\r\n    }\r\n    @if (allowFormula()) {\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-value__mode\"\r\n        [class.fb-value__mode--active]=\"mode() === 'formula'\"\r\n        [disabled]=\"disabled()\"\r\n        title=\"Espressione calcolata dal motore di regole\"\r\n        (click)=\"setMode('formula')\"\r\n      >\r\n        Formula\r\n      </button>\r\n    }\r\n    @if (globalConstants().length) {\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-value__mode\"\r\n        [class.fb-value__mode--active]=\"mode() === 'globalConstant'\"\r\n        [disabled]=\"disabled()\"\r\n        title=\"Costante globale\"\r\n        (click)=\"setMode('globalConstant')\"\r\n      >\r\n        Costante globale\r\n      </button>\r\n    }\r\n    @if (mode() !== 'empty') {\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-value__mode fb-value__mode--clear\"\r\n        [disabled]=\"disabled()\"\r\n        title=\"Nessun valore\"\r\n        (click)=\"setMode('empty')\"\r\n      >\r\n        \u00D7\r\n      </button>\r\n    }\r\n  </div>\r\n\r\n  @if (isAmbiguous()) {\r\n    <!-- Piu' campi di valore insieme: il comportamento a runtime dipende dall'ordine di lettura. -->\r\n    <p class=\"fb-callout fb-callout--warn\">\r\n      Questo valore ha {{ filledFieldCount() }} campi valorizzati insieme: a runtime conta l\u2019ordine di lettura.\r\n      <button type=\"button\" class=\"fb-btn fb-btn--ghost fb-btn--icon\" (click)=\"normalize()\">\r\n        Tieni solo \u00AB{{ mode() === 'formula' ? 'formula' : mode() === 'literal' ? 'valore' : 'riferimento' }}\u00BB\r\n      </button>\r\n    </p>\r\n  }\r\n\r\n  @switch (mode()) {\r\n    @case ('reference') {\r\n      <fb-reference-picker\r\n        [value]=\"value()?.elementReference\"\r\n        [label]=\"label()\"\r\n        [dataType]=\"dataType()\"\r\n        [isCollection]=\"isCollection()\"\r\n        [objectType]=\"objectType()\"\r\n        [disabled]=\"disabled()\"\r\n        (valueChange)=\"onReferenceChange($event)\"\r\n      />\r\n      @if (isStructureTarget()) {\r\n        <p class=\"fb-field__hint\">\r\n          Un\u2019istanza di classe si passa per riferimento: non esiste un valore letterale con cui scriverla.\r\n        </p>\r\n      }\r\n    }\r\n\r\n    @case ('globalConstant') {\r\n      <select\r\n        class=\"fb-select\"\r\n        [disabled]=\"disabled()\"\r\n        [fbValue]=\"value()?.elementReference || ''\"\r\n        (change)=\"onGlobalConstantChange($any($event.target).value)\"\r\n      >\r\n        @for (constant of globalConstants(); track constant) {\r\n          <option [value]=\"constant\">{{ constant }}</option>\r\n        }\r\n      </select>\r\n    }\r\n\r\n    @case ('literal') {\r\n      @if (dataType() === 'Boolean') {\r\n        <label class=\"fb-check\">\r\n          <input\r\n            type=\"checkbox\"\r\n            [checked]=\"booleanValue()\"\r\n            [disabled]=\"disabled()\"\r\n            (change)=\"onBooleanChange($any($event.target).checked)\"\r\n          />\r\n          {{ booleanValue() ? 'vero' : 'falso' }}\r\n        </label>\r\n      } @else if (dataType() === 'Enum') {\r\n        <!--\r\n          Un enum si scrive **per nome** su un insieme chiuso: i nomi ammessi sono quelli del tipo\r\n          (\u00A74.2, \u00A74.6), e farli digitare e' il modo piu' facile di scriverne uno che il runtime non\r\n          riconosce. Senza `objectType` \u2014 o senza la primitiva \u2014 il picker resta una casella di\r\n          testo, che e' l'unica cosa onesta quando i valori non si sanno.\r\n        -->\r\n        <fb-enum-value-picker\r\n          [value]=\"value()?.enumValue\"\r\n          [enumType]=\"objectType()\"\r\n          [label]=\"label()\"\r\n          [disabled]=\"disabled()\"\r\n          placeholder=\"Nome del valore di enum\"\r\n          (valueChange)=\"onEnumChange($event)\"\r\n        />\r\n      } @else {\r\n        <input\r\n          class=\"fb-input\"\r\n          [type]=\"literalInputType()\"\r\n          [value]=\"literalText()\"\r\n          [disabled]=\"disabled()\"\r\n          [attr.aria-label]=\"label()\"\r\n          (input)=\"onLiteralChange($any($event.target).value)\"\r\n        />\r\n        @if (numericHint()) {\r\n          <p class=\"fb-field__hint\">{{ numericHint() }}</p>\r\n        }\r\n        @if (dataType() === 'Date') {\r\n          <!--\r\n            Il fuso e' una scelta, non un dettaglio: `09:00Z` e `09:00` sono due istanti\r\n            diversi, e il motore converte in UTC prima di ogni confronto (\u00A74.2).\r\n          -->\r\n          <div class=\"fb-value__modes\" role=\"group\" aria-label=\"Fuso del valore data\">\r\n            <button\r\n              type=\"button\"\r\n              class=\"fb-value__mode\"\r\n              [class.fb-value__mode--active]=\"!dateIsUtc()\"\r\n              [disabled]=\"disabled()\"\r\n              title=\"Interpretato nel fuso dell\u2019applicazione\"\r\n              (click)=\"setDateZone(false)\"\r\n            >\r\n              Ora locale\r\n            </button>\r\n            <button\r\n              type=\"button\"\r\n              class=\"fb-value__mode\"\r\n              [class.fb-value__mode--active]=\"dateIsUtc()\"\r\n              [disabled]=\"disabled()\"\r\n              title=\"Scrive il suffisso Z: l\u2019orario e\u2019 in UTC\"\r\n              (click)=\"setDateZone(true)\"\r\n            >\r\n              UTC (Z)\r\n            </button>\r\n          </div>\r\n          <p class=\"fb-field__hint\">\r\n            Data e ora insieme.\r\n            {{\r\n              dateIsUtc()\r\n                ? 'Con \u00ABUTC\u00BB l\u2019orario e\u2019 assoluto.'\r\n                : 'Senza fuso l\u2019orario e\u2019 interpretato nel fuso dell\u2019applicazione, non in UTC.'\r\n            }}\r\n            Cambiare fuso riscrive l\u2019orario, non lo converte.\r\n          </p>\r\n        }\r\n      }\r\n    }\r\n\r\n    @case ('formula') {\r\n      <textarea\r\n        class=\"fb-textarea fb-input--mono\"\r\n        [value]=\"value()?.formulaExpression || ''\"\r\n        [disabled]=\"disabled()\"\r\n        placeholder=\"Importo * 1.22\"\r\n        [attr.aria-label]=\"label() + ': espressione'\"\r\n        (input)=\"onFormulaChange($any($event.target).value)\"\r\n      ></textarea>\r\n      <div class=\"fb-field__row\">\r\n        <label class=\"fb-field__hint\">Tipo del risultato</label>\r\n        <select\r\n          class=\"fb-select\"\r\n          [fbValue]=\"value()?.formulaDataType || ''\"\r\n          [disabled]=\"disabled()\"\r\n          (change)=\"onFormulaTypeChange($any($event.target).value)\"\r\n        >\r\n          @for (type of dataTypeOptions(); track type.value) {\r\n            <option [value]=\"type.value\">{{ type.label }}</option>\r\n          }\r\n        </select>\r\n      </div>\r\n      <p class=\"fb-field__hint\">\r\n        L\u2019espressione va al motore di regole: il backend non ne verifica la sintassi.\r\n      </p>\r\n    }\r\n\r\n    @case ('empty') {\r\n      <p class=\"fb-field__hint\">Nessun valore.</p>\r\n    }\r\n  }\r\n</div>\r\n", styles: [":host{display:block}.fb-value{display:flex;flex-direction:column;gap:4px}.fb-value__modes{display:flex;flex-wrap:wrap;gap:2px}.fb-value__mode{padding:2px 7px;border:1px solid var(--fb-border-subtle, #e6e9ee);border-radius:10px;background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:10px;cursor:pointer}.fb-value__mode:hover:not(:disabled){background:var(--fb-surface-alt, #f8f9fb)}.fb-value__mode--active{border-color:var(--fb-accent, #2f6feb);background:color-mix(in srgb,var(--fb-accent, #2f6feb) 10%,transparent);color:var(--fb-accent, #2f6feb);font-weight:600}.fb-value__mode--clear{margin-left:auto}.fb-value__mode:disabled{opacity:.5;cursor:not-allowed}\n"], dependencies: [{ kind: "component", type: EnumValuePickerComponent, selector: "fb-enum-value-picker", inputs: ["value", "enumType", "label", "placeholder", "disabled"], outputs: ["valueChange"] }, { kind: "component", type: ReferencePickerComponent, selector: "fb-reference-picker", inputs: ["value", "label", "placeholder", "disabled", "dataType", "isCollection", "objectType", "writableOnly", "elementsOnly"], 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: ValueEditorComponent, isStandalone: true, selector: "fb-value-editor", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, dataType: { classPropertyName: "dataType", publicName: "dataType", isSignal: true, isRequired: false, transformFunction: null }, objectType: { classPropertyName: "objectType", publicName: "objectType", isSignal: true, isRequired: false, transformFunction: null }, isCollection: { classPropertyName: "isCollection", publicName: "isCollection", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, allowFormula: { classPropertyName: "allowFormula", publicName: "allowFormula", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<div class=\"fb-value\">\r\n  <div class=\"fb-value__modes\" role=\"group\" [attr.aria-label]=\"label() + ': modalita\u2019'\">\r\n    <button\r\n      type=\"button\"\r\n      class=\"fb-value__mode\"\r\n      [class.fb-value__mode--active]=\"mode() === 'reference'\"\r\n      [disabled]=\"disabled()\"\r\n      title=\"Riferimento a una risorsa o all\u2019output di un elemento\"\r\n      (click)=\"setMode('reference')\"\r\n    >\r\n      Riferimento\r\n    </button>\r\n    @if (literalAllowed()) {\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-value__mode\"\r\n        [class.fb-value__mode--active]=\"mode() === 'literal'\"\r\n        [disabled]=\"disabled()\"\r\n        title=\"Valore letterale del tipo della destinazione\"\r\n        (click)=\"setMode('literal')\"\r\n      >\r\n        Valore\r\n      </button>\r\n    }\r\n    @if (allowFormula()) {\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-value__mode\"\r\n        [class.fb-value__mode--active]=\"mode() === 'formula'\"\r\n        [disabled]=\"disabled()\"\r\n        title=\"Espressione calcolata dal motore di regole\"\r\n        (click)=\"setMode('formula')\"\r\n      >\r\n        Formula\r\n      </button>\r\n    }\r\n    @if (globalConstants().length) {\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-value__mode\"\r\n        [class.fb-value__mode--active]=\"mode() === 'globalConstant'\"\r\n        [disabled]=\"disabled()\"\r\n        title=\"Costante globale\"\r\n        (click)=\"setMode('globalConstant')\"\r\n      >\r\n        Costante globale\r\n      </button>\r\n    }\r\n    @if (mode() !== 'empty') {\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-value__mode fb-value__mode--clear\"\r\n        [disabled]=\"disabled()\"\r\n        title=\"Nessun valore\"\r\n        (click)=\"setMode('empty')\"\r\n      >\r\n        \u00D7\r\n      </button>\r\n    }\r\n  </div>\r\n\r\n  @if (isAmbiguous()) {\r\n    <!-- Piu' campi di valore insieme: il comportamento a runtime dipende dall'ordine di lettura. -->\r\n    <p class=\"fb-callout fb-callout--warn\">\r\n      Questo valore ha {{ filledFieldCount() }} campi valorizzati insieme: a runtime conta l\u2019ordine di lettura.\r\n      <button type=\"button\" class=\"fb-btn fb-btn--ghost fb-btn--icon\" (click)=\"normalize()\">\r\n        Tieni solo \u00AB{{ mode() === 'formula' ? 'formula' : mode() === 'literal' ? 'valore' : 'riferimento' }}\u00BB\r\n      </button>\r\n    </p>\r\n  }\r\n\r\n  @switch (mode()) {\r\n    @case ('reference') {\r\n      <fb-reference-picker\r\n        [value]=\"value()?.elementReference\"\r\n        [label]=\"label()\"\r\n        [dataType]=\"dataType()\"\r\n        [isCollection]=\"isCollection()\"\r\n        [objectType]=\"objectType()\"\r\n        [disabled]=\"disabled()\"\r\n        (valueChange)=\"onReferenceChange($event)\"\r\n      />\r\n      @if (isStructureTarget()) {\r\n        <p class=\"fb-field__hint\">\r\n          Un\u2019istanza di classe si passa per riferimento: non esiste un valore letterale con cui scriverla.\r\n        </p>\r\n      }\r\n    }\r\n\r\n    @case ('globalConstant') {\r\n      <select\r\n        class=\"fb-select\"\r\n        [disabled]=\"disabled()\"\r\n        [fbValue]=\"value()?.elementReference || ''\"\r\n        (change)=\"onGlobalConstantChange($any($event.target).value)\"\r\n      >\r\n        @for (constant of globalConstants(); track constant) {\r\n          <option [value]=\"constant\">{{ constant }}</option>\r\n        }\r\n      </select>\r\n    }\r\n\r\n    @case ('literal') {\r\n      @if (dataType() === 'Boolean') {\r\n        <label class=\"fb-check\">\r\n          <input\r\n            type=\"checkbox\"\r\n            [checked]=\"booleanValue()\"\r\n            [disabled]=\"disabled()\"\r\n            (change)=\"onBooleanChange($any($event.target).checked)\"\r\n          />\r\n          {{ booleanValue() ? 'vero' : 'falso' }}\r\n        </label>\r\n      } @else if (dataType() === 'Enum') {\r\n        <!--\r\n          Un enum si scrive **per nome** su un insieme chiuso: i nomi ammessi sono quelli del tipo\r\n          (\u00A74.2, \u00A74.6), e farli digitare e' il modo piu' facile di scriverne uno che il runtime non\r\n          riconosce. Senza `objectType` \u2014 o senza la primitiva \u2014 il picker resta una casella di\r\n          testo, che e' l'unica cosa onesta quando i valori non si sanno.\r\n        -->\r\n        <fb-enum-value-picker\r\n          [value]=\"value()?.enumValue\"\r\n          [enumType]=\"objectType()\"\r\n          [label]=\"label()\"\r\n          [disabled]=\"disabled()\"\r\n          placeholder=\"Nome del valore di enum\"\r\n          (valueChange)=\"onEnumChange($event)\"\r\n        />\r\n      } @else {\r\n        <input\r\n          class=\"fb-input\"\r\n          [type]=\"literalInputType()\"\r\n          [value]=\"literalText()\"\r\n          [disabled]=\"disabled()\"\r\n          [attr.aria-label]=\"label()\"\r\n          (input)=\"onLiteralChange($any($event.target).value)\"\r\n        />\r\n        @if (numericHint()) {\r\n          <p class=\"fb-field__hint\">{{ numericHint() }}</p>\r\n        }\r\n        @if (dataType() === 'Date') {\r\n          <!--\r\n            Il fuso e' una scelta, non un dettaglio: `09:00Z` e `09:00` sono due istanti\r\n            diversi, e il motore converte in UTC prima di ogni confronto (\u00A74.2).\r\n          -->\r\n          <div class=\"fb-value__modes\" role=\"group\" aria-label=\"Fuso del valore data\">\r\n            <button\r\n              type=\"button\"\r\n              class=\"fb-value__mode\"\r\n              [class.fb-value__mode--active]=\"!dateIsUtc()\"\r\n              [disabled]=\"disabled()\"\r\n              title=\"Interpretato nel fuso dell\u2019applicazione\"\r\n              (click)=\"setDateZone(false)\"\r\n            >\r\n              Ora locale\r\n            </button>\r\n            <button\r\n              type=\"button\"\r\n              class=\"fb-value__mode\"\r\n              [class.fb-value__mode--active]=\"dateIsUtc()\"\r\n              [disabled]=\"disabled()\"\r\n              title=\"Scrive il suffisso Z: l\u2019orario e\u2019 in UTC\"\r\n              (click)=\"setDateZone(true)\"\r\n            >\r\n              UTC (Z)\r\n            </button>\r\n          </div>\r\n          <p class=\"fb-field__hint\">\r\n            Data e ora insieme.\r\n            {{\r\n              dateIsUtc()\r\n                ? 'Con \u00ABUTC\u00BB l\u2019orario e\u2019 assoluto.'\r\n                : 'Senza fuso l\u2019orario e\u2019 interpretato nel fuso dell\u2019applicazione, non in UTC.'\r\n            }}\r\n            Cambiare fuso riscrive l\u2019orario, non lo converte.\r\n          </p>\r\n        }\r\n      }\r\n    }\r\n\r\n    @case ('formula') {\r\n      <!--\r\n        Il tipo atteso e' quello **dichiarato sulla formula** (`formulaDataType`), non quello del\r\n        campo: e' cio' che il documento porta, ed e' su quello che il motore va misurato (\u00A76.3).\r\n      -->\r\n      <fb-formula-editor\r\n        [expression]=\"value()?.formulaExpression || ''\"\r\n        usage=\"Value\"\r\n        [expectedDataType]=\"$any(value()?.formulaDataType) || dataType()\"\r\n        [disabled]=\"disabled()\"\r\n        placeholder=\"Importo * 1.22\"\r\n        [ariaLabel]=\"label() + ': espressione'\"\r\n        (expressionChange)=\"onFormulaChange($event)\"\r\n      />\r\n      <div class=\"fb-field__row\">\r\n        <label class=\"fb-field__hint\">Tipo del risultato</label>\r\n        <select\r\n          class=\"fb-select\"\r\n          [fbValue]=\"value()?.formulaDataType || ''\"\r\n          [disabled]=\"disabled()\"\r\n          (change)=\"onFormulaTypeChange($any($event.target).value)\"\r\n        >\r\n          @for (type of dataTypeOptions(); track type.value) {\r\n            <option [value]=\"type.value\">{{ type.label }}</option>\r\n          }\r\n        </select>\r\n      </div>\r\n      <p class=\"fb-field__hint\">\r\n        L\u2019espressione va al motore di regole: la sintassi delle funzioni e\u2019 del motore.\r\n      </p>\r\n    }\r\n\r\n    @case ('empty') {\r\n      <p class=\"fb-field__hint\">Nessun valore.</p>\r\n    }\r\n  }\r\n</div>\r\n", styles: [":host{display:block}.fb-value{display:flex;flex-direction:column;gap:4px}.fb-value__modes{display:flex;flex-wrap:wrap;gap:2px}.fb-value__mode{padding:2px 7px;border:1px solid var(--fb-border-subtle, #e6e9ee);border-radius:10px;background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:10px;cursor:pointer}.fb-value__mode:hover:not(:disabled){background:var(--fb-surface-alt, #f8f9fb)}.fb-value__mode--active{border-color:var(--fb-accent, #2f6feb);background:color-mix(in srgb,var(--fb-accent, #2f6feb) 10%,transparent);color:var(--fb-accent, #2f6feb);font-weight:600}.fb-value__mode--clear{margin-left:auto}.fb-value__mode:disabled{opacity:.5;cursor:not-allowed}\n"], dependencies: [{ kind: "component", type: EnumValuePickerComponent, selector: "fb-enum-value-picker", inputs: ["value", "enumType", "label", "placeholder", "disabled"], outputs: ["valueChange"] }, { kind: "component", type: FormulaEditorComponent, selector: "fb-formula-editor", inputs: ["expression", "usage", "expectedDataType", "scale", "placeholder", "ariaLabel", "disabled", "rows", "commitOn"], outputs: ["expressionChange"] }, { kind: "component", type: ReferencePickerComponent, selector: "fb-reference-picker", inputs: ["value", "label", "placeholder", "disabled", "dataType", "isCollection", "objectType", "writableOnly", "elementsOnly"], 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: ValueEditorComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'fb-value-editor', standalone: true, imports: [EnumValuePickerComponent, ReferencePickerComponent, SelectValueDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"fb-value\">\r\n  <div class=\"fb-value__modes\" role=\"group\" [attr.aria-label]=\"label() + ': modalita\u2019'\">\r\n    <button\r\n      type=\"button\"\r\n      class=\"fb-value__mode\"\r\n      [class.fb-value__mode--active]=\"mode() === 'reference'\"\r\n      [disabled]=\"disabled()\"\r\n      title=\"Riferimento a una risorsa o all\u2019output di un elemento\"\r\n      (click)=\"setMode('reference')\"\r\n    >\r\n      Riferimento\r\n    </button>\r\n    @if (literalAllowed()) {\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-value__mode\"\r\n        [class.fb-value__mode--active]=\"mode() === 'literal'\"\r\n        [disabled]=\"disabled()\"\r\n        title=\"Valore letterale del tipo della destinazione\"\r\n        (click)=\"setMode('literal')\"\r\n      >\r\n        Valore\r\n      </button>\r\n    }\r\n    @if (allowFormula()) {\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-value__mode\"\r\n        [class.fb-value__mode--active]=\"mode() === 'formula'\"\r\n        [disabled]=\"disabled()\"\r\n        title=\"Espressione calcolata dal motore di regole\"\r\n        (click)=\"setMode('formula')\"\r\n      >\r\n        Formula\r\n      </button>\r\n    }\r\n    @if (globalConstants().length) {\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-value__mode\"\r\n        [class.fb-value__mode--active]=\"mode() === 'globalConstant'\"\r\n        [disabled]=\"disabled()\"\r\n        title=\"Costante globale\"\r\n        (click)=\"setMode('globalConstant')\"\r\n      >\r\n        Costante globale\r\n      </button>\r\n    }\r\n    @if (mode() !== 'empty') {\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-value__mode fb-value__mode--clear\"\r\n        [disabled]=\"disabled()\"\r\n        title=\"Nessun valore\"\r\n        (click)=\"setMode('empty')\"\r\n      >\r\n        \u00D7\r\n      </button>\r\n    }\r\n  </div>\r\n\r\n  @if (isAmbiguous()) {\r\n    <!-- Piu' campi di valore insieme: il comportamento a runtime dipende dall'ordine di lettura. -->\r\n    <p class=\"fb-callout fb-callout--warn\">\r\n      Questo valore ha {{ filledFieldCount() }} campi valorizzati insieme: a runtime conta l\u2019ordine di lettura.\r\n      <button type=\"button\" class=\"fb-btn fb-btn--ghost fb-btn--icon\" (click)=\"normalize()\">\r\n        Tieni solo \u00AB{{ mode() === 'formula' ? 'formula' : mode() === 'literal' ? 'valore' : 'riferimento' }}\u00BB\r\n      </button>\r\n    </p>\r\n  }\r\n\r\n  @switch (mode()) {\r\n    @case ('reference') {\r\n      <fb-reference-picker\r\n        [value]=\"value()?.elementReference\"\r\n        [label]=\"label()\"\r\n        [dataType]=\"dataType()\"\r\n        [isCollection]=\"isCollection()\"\r\n        [objectType]=\"objectType()\"\r\n        [disabled]=\"disabled()\"\r\n        (valueChange)=\"onReferenceChange($event)\"\r\n      />\r\n      @if (isStructureTarget()) {\r\n        <p class=\"fb-field__hint\">\r\n          Un\u2019istanza di classe si passa per riferimento: non esiste un valore letterale con cui scriverla.\r\n        </p>\r\n      }\r\n    }\r\n\r\n    @case ('globalConstant') {\r\n      <select\r\n        class=\"fb-select\"\r\n        [disabled]=\"disabled()\"\r\n        [fbValue]=\"value()?.elementReference || ''\"\r\n        (change)=\"onGlobalConstantChange($any($event.target).value)\"\r\n      >\r\n        @for (constant of globalConstants(); track constant) {\r\n          <option [value]=\"constant\">{{ constant }}</option>\r\n        }\r\n      </select>\r\n    }\r\n\r\n    @case ('literal') {\r\n      @if (dataType() === 'Boolean') {\r\n        <label class=\"fb-check\">\r\n          <input\r\n            type=\"checkbox\"\r\n            [checked]=\"booleanValue()\"\r\n            [disabled]=\"disabled()\"\r\n            (change)=\"onBooleanChange($any($event.target).checked)\"\r\n          />\r\n          {{ booleanValue() ? 'vero' : 'falso' }}\r\n        </label>\r\n      } @else if (dataType() === 'Enum') {\r\n        <!--\r\n          Un enum si scrive **per nome** su un insieme chiuso: i nomi ammessi sono quelli del tipo\r\n          (\u00A74.2, \u00A74.6), e farli digitare e' il modo piu' facile di scriverne uno che il runtime non\r\n          riconosce. Senza `objectType` \u2014 o senza la primitiva \u2014 il picker resta una casella di\r\n          testo, che e' l'unica cosa onesta quando i valori non si sanno.\r\n        -->\r\n        <fb-enum-value-picker\r\n          [value]=\"value()?.enumValue\"\r\n          [enumType]=\"objectType()\"\r\n          [label]=\"label()\"\r\n          [disabled]=\"disabled()\"\r\n          placeholder=\"Nome del valore di enum\"\r\n          (valueChange)=\"onEnumChange($event)\"\r\n        />\r\n      } @else {\r\n        <input\r\n          class=\"fb-input\"\r\n          [type]=\"literalInputType()\"\r\n          [value]=\"literalText()\"\r\n          [disabled]=\"disabled()\"\r\n          [attr.aria-label]=\"label()\"\r\n          (input)=\"onLiteralChange($any($event.target).value)\"\r\n        />\r\n        @if (numericHint()) {\r\n          <p class=\"fb-field__hint\">{{ numericHint() }}</p>\r\n        }\r\n        @if (dataType() === 'Date') {\r\n          <!--\r\n            Il fuso e' una scelta, non un dettaglio: `09:00Z` e `09:00` sono due istanti\r\n            diversi, e il motore converte in UTC prima di ogni confronto (\u00A74.2).\r\n          -->\r\n          <div class=\"fb-value__modes\" role=\"group\" aria-label=\"Fuso del valore data\">\r\n            <button\r\n              type=\"button\"\r\n              class=\"fb-value__mode\"\r\n              [class.fb-value__mode--active]=\"!dateIsUtc()\"\r\n              [disabled]=\"disabled()\"\r\n              title=\"Interpretato nel fuso dell\u2019applicazione\"\r\n              (click)=\"setDateZone(false)\"\r\n            >\r\n              Ora locale\r\n            </button>\r\n            <button\r\n              type=\"button\"\r\n              class=\"fb-value__mode\"\r\n              [class.fb-value__mode--active]=\"dateIsUtc()\"\r\n              [disabled]=\"disabled()\"\r\n              title=\"Scrive il suffisso Z: l\u2019orario e\u2019 in UTC\"\r\n              (click)=\"setDateZone(true)\"\r\n            >\r\n              UTC (Z)\r\n            </button>\r\n          </div>\r\n          <p class=\"fb-field__hint\">\r\n            Data e ora insieme.\r\n            {{\r\n              dateIsUtc()\r\n                ? 'Con \u00ABUTC\u00BB l\u2019orario e\u2019 assoluto.'\r\n                : 'Senza fuso l\u2019orario e\u2019 interpretato nel fuso dell\u2019applicazione, non in UTC.'\r\n            }}\r\n            Cambiare fuso riscrive l\u2019orario, non lo converte.\r\n          </p>\r\n        }\r\n      }\r\n    }\r\n\r\n    @case ('formula') {\r\n      <textarea\r\n        class=\"fb-textarea fb-input--mono\"\r\n        [value]=\"value()?.formulaExpression || ''\"\r\n        [disabled]=\"disabled()\"\r\n        placeholder=\"Importo * 1.22\"\r\n        [attr.aria-label]=\"label() + ': espressione'\"\r\n        (input)=\"onFormulaChange($any($event.target).value)\"\r\n      ></textarea>\r\n      <div class=\"fb-field__row\">\r\n        <label class=\"fb-field__hint\">Tipo del risultato</label>\r\n        <select\r\n          class=\"fb-select\"\r\n          [fbValue]=\"value()?.formulaDataType || ''\"\r\n          [disabled]=\"disabled()\"\r\n          (change)=\"onFormulaTypeChange($any($event.target).value)\"\r\n        >\r\n          @for (type of dataTypeOptions(); track type.value) {\r\n            <option [value]=\"type.value\">{{ type.label }}</option>\r\n          }\r\n        </select>\r\n      </div>\r\n      <p class=\"fb-field__hint\">\r\n        L\u2019espressione va al motore di regole: il backend non ne verifica la sintassi.\r\n      </p>\r\n    }\r\n\r\n    @case ('empty') {\r\n      <p class=\"fb-field__hint\">Nessun valore.</p>\r\n    }\r\n  }\r\n</div>\r\n", styles: [":host{display:block}.fb-value{display:flex;flex-direction:column;gap:4px}.fb-value__modes{display:flex;flex-wrap:wrap;gap:2px}.fb-value__mode{padding:2px 7px;border:1px solid var(--fb-border-subtle, #e6e9ee);border-radius:10px;background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:10px;cursor:pointer}.fb-value__mode:hover:not(:disabled){background:var(--fb-surface-alt, #f8f9fb)}.fb-value__mode--active{border-color:var(--fb-accent, #2f6feb);background:color-mix(in srgb,var(--fb-accent, #2f6feb) 10%,transparent);color:var(--fb-accent, #2f6feb);font-weight:600}.fb-value__mode--clear{margin-left:auto}.fb-value__mode:disabled{opacity:.5;cursor:not-allowed}\n"] }]
+            args: [{ selector: 'fb-value-editor', standalone: true, imports: [EnumValuePickerComponent, FormulaEditorComponent, ReferencePickerComponent, SelectValueDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"fb-value\">\r\n  <div class=\"fb-value__modes\" role=\"group\" [attr.aria-label]=\"label() + ': modalita\u2019'\">\r\n    <button\r\n      type=\"button\"\r\n      class=\"fb-value__mode\"\r\n      [class.fb-value__mode--active]=\"mode() === 'reference'\"\r\n      [disabled]=\"disabled()\"\r\n      title=\"Riferimento a una risorsa o all\u2019output di un elemento\"\r\n      (click)=\"setMode('reference')\"\r\n    >\r\n      Riferimento\r\n    </button>\r\n    @if (literalAllowed()) {\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-value__mode\"\r\n        [class.fb-value__mode--active]=\"mode() === 'literal'\"\r\n        [disabled]=\"disabled()\"\r\n        title=\"Valore letterale del tipo della destinazione\"\r\n        (click)=\"setMode('literal')\"\r\n      >\r\n        Valore\r\n      </button>\r\n    }\r\n    @if (allowFormula()) {\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-value__mode\"\r\n        [class.fb-value__mode--active]=\"mode() === 'formula'\"\r\n        [disabled]=\"disabled()\"\r\n        title=\"Espressione calcolata dal motore di regole\"\r\n        (click)=\"setMode('formula')\"\r\n      >\r\n        Formula\r\n      </button>\r\n    }\r\n    @if (globalConstants().length) {\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-value__mode\"\r\n        [class.fb-value__mode--active]=\"mode() === 'globalConstant'\"\r\n        [disabled]=\"disabled()\"\r\n        title=\"Costante globale\"\r\n        (click)=\"setMode('globalConstant')\"\r\n      >\r\n        Costante globale\r\n      </button>\r\n    }\r\n    @if (mode() !== 'empty') {\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-value__mode fb-value__mode--clear\"\r\n        [disabled]=\"disabled()\"\r\n        title=\"Nessun valore\"\r\n        (click)=\"setMode('empty')\"\r\n      >\r\n        \u00D7\r\n      </button>\r\n    }\r\n  </div>\r\n\r\n  @if (isAmbiguous()) {\r\n    <!-- Piu' campi di valore insieme: il comportamento a runtime dipende dall'ordine di lettura. -->\r\n    <p class=\"fb-callout fb-callout--warn\">\r\n      Questo valore ha {{ filledFieldCount() }} campi valorizzati insieme: a runtime conta l\u2019ordine di lettura.\r\n      <button type=\"button\" class=\"fb-btn fb-btn--ghost fb-btn--icon\" (click)=\"normalize()\">\r\n        Tieni solo \u00AB{{ mode() === 'formula' ? 'formula' : mode() === 'literal' ? 'valore' : 'riferimento' }}\u00BB\r\n      </button>\r\n    </p>\r\n  }\r\n\r\n  @switch (mode()) {\r\n    @case ('reference') {\r\n      <fb-reference-picker\r\n        [value]=\"value()?.elementReference\"\r\n        [label]=\"label()\"\r\n        [dataType]=\"dataType()\"\r\n        [isCollection]=\"isCollection()\"\r\n        [objectType]=\"objectType()\"\r\n        [disabled]=\"disabled()\"\r\n        (valueChange)=\"onReferenceChange($event)\"\r\n      />\r\n      @if (isStructureTarget()) {\r\n        <p class=\"fb-field__hint\">\r\n          Un\u2019istanza di classe si passa per riferimento: non esiste un valore letterale con cui scriverla.\r\n        </p>\r\n      }\r\n    }\r\n\r\n    @case ('globalConstant') {\r\n      <select\r\n        class=\"fb-select\"\r\n        [disabled]=\"disabled()\"\r\n        [fbValue]=\"value()?.elementReference || ''\"\r\n        (change)=\"onGlobalConstantChange($any($event.target).value)\"\r\n      >\r\n        @for (constant of globalConstants(); track constant) {\r\n          <option [value]=\"constant\">{{ constant }}</option>\r\n        }\r\n      </select>\r\n    }\r\n\r\n    @case ('literal') {\r\n      @if (dataType() === 'Boolean') {\r\n        <label class=\"fb-check\">\r\n          <input\r\n            type=\"checkbox\"\r\n            [checked]=\"booleanValue()\"\r\n            [disabled]=\"disabled()\"\r\n            (change)=\"onBooleanChange($any($event.target).checked)\"\r\n          />\r\n          {{ booleanValue() ? 'vero' : 'falso' }}\r\n        </label>\r\n      } @else if (dataType() === 'Enum') {\r\n        <!--\r\n          Un enum si scrive **per nome** su un insieme chiuso: i nomi ammessi sono quelli del tipo\r\n          (\u00A74.2, \u00A74.6), e farli digitare e' il modo piu' facile di scriverne uno che il runtime non\r\n          riconosce. Senza `objectType` \u2014 o senza la primitiva \u2014 il picker resta una casella di\r\n          testo, che e' l'unica cosa onesta quando i valori non si sanno.\r\n        -->\r\n        <fb-enum-value-picker\r\n          [value]=\"value()?.enumValue\"\r\n          [enumType]=\"objectType()\"\r\n          [label]=\"label()\"\r\n          [disabled]=\"disabled()\"\r\n          placeholder=\"Nome del valore di enum\"\r\n          (valueChange)=\"onEnumChange($event)\"\r\n        />\r\n      } @else {\r\n        <input\r\n          class=\"fb-input\"\r\n          [type]=\"literalInputType()\"\r\n          [value]=\"literalText()\"\r\n          [disabled]=\"disabled()\"\r\n          [attr.aria-label]=\"label()\"\r\n          (input)=\"onLiteralChange($any($event.target).value)\"\r\n        />\r\n        @if (numericHint()) {\r\n          <p class=\"fb-field__hint\">{{ numericHint() }}</p>\r\n        }\r\n        @if (dataType() === 'Date') {\r\n          <!--\r\n            Il fuso e' una scelta, non un dettaglio: `09:00Z` e `09:00` sono due istanti\r\n            diversi, e il motore converte in UTC prima di ogni confronto (\u00A74.2).\r\n          -->\r\n          <div class=\"fb-value__modes\" role=\"group\" aria-label=\"Fuso del valore data\">\r\n            <button\r\n              type=\"button\"\r\n              class=\"fb-value__mode\"\r\n              [class.fb-value__mode--active]=\"!dateIsUtc()\"\r\n              [disabled]=\"disabled()\"\r\n              title=\"Interpretato nel fuso dell\u2019applicazione\"\r\n              (click)=\"setDateZone(false)\"\r\n            >\r\n              Ora locale\r\n            </button>\r\n            <button\r\n              type=\"button\"\r\n              class=\"fb-value__mode\"\r\n              [class.fb-value__mode--active]=\"dateIsUtc()\"\r\n              [disabled]=\"disabled()\"\r\n              title=\"Scrive il suffisso Z: l\u2019orario e\u2019 in UTC\"\r\n              (click)=\"setDateZone(true)\"\r\n            >\r\n              UTC (Z)\r\n            </button>\r\n          </div>\r\n          <p class=\"fb-field__hint\">\r\n            Data e ora insieme.\r\n            {{\r\n              dateIsUtc()\r\n                ? 'Con \u00ABUTC\u00BB l\u2019orario e\u2019 assoluto.'\r\n                : 'Senza fuso l\u2019orario e\u2019 interpretato nel fuso dell\u2019applicazione, non in UTC.'\r\n            }}\r\n            Cambiare fuso riscrive l\u2019orario, non lo converte.\r\n          </p>\r\n        }\r\n      }\r\n    }\r\n\r\n    @case ('formula') {\r\n      <!--\r\n        Il tipo atteso e' quello **dichiarato sulla formula** (`formulaDataType`), non quello del\r\n        campo: e' cio' che il documento porta, ed e' su quello che il motore va misurato (\u00A76.3).\r\n      -->\r\n      <fb-formula-editor\r\n        [expression]=\"value()?.formulaExpression || ''\"\r\n        usage=\"Value\"\r\n        [expectedDataType]=\"$any(value()?.formulaDataType) || dataType()\"\r\n        [disabled]=\"disabled()\"\r\n        placeholder=\"Importo * 1.22\"\r\n        [ariaLabel]=\"label() + ': espressione'\"\r\n        (expressionChange)=\"onFormulaChange($event)\"\r\n      />\r\n      <div class=\"fb-field__row\">\r\n        <label class=\"fb-field__hint\">Tipo del risultato</label>\r\n        <select\r\n          class=\"fb-select\"\r\n          [fbValue]=\"value()?.formulaDataType || ''\"\r\n          [disabled]=\"disabled()\"\r\n          (change)=\"onFormulaTypeChange($any($event.target).value)\"\r\n        >\r\n          @for (type of dataTypeOptions(); track type.value) {\r\n            <option [value]=\"type.value\">{{ type.label }}</option>\r\n          }\r\n        </select>\r\n      </div>\r\n      <p class=\"fb-field__hint\">\r\n        L\u2019espressione va al motore di regole: la sintassi delle funzioni e\u2019 del motore.\r\n      </p>\r\n    }\r\n\r\n    @case ('empty') {\r\n      <p class=\"fb-field__hint\">Nessun valore.</p>\r\n    }\r\n  }\r\n</div>\r\n", styles: [":host{display:block}.fb-value{display:flex;flex-direction:column;gap:4px}.fb-value__modes{display:flex;flex-wrap:wrap;gap:2px}.fb-value__mode{padding:2px 7px;border:1px solid var(--fb-border-subtle, #e6e9ee);border-radius:10px;background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:10px;cursor:pointer}.fb-value__mode:hover:not(:disabled){background:var(--fb-surface-alt, #f8f9fb)}.fb-value__mode--active{border-color:var(--fb-accent, #2f6feb);background:color-mix(in srgb,var(--fb-accent, #2f6feb) 10%,transparent);color:var(--fb-accent, #2f6feb);font-weight:600}.fb-value__mode--clear{margin-left:auto}.fb-value__mode:disabled{opacity:.5;cursor:not-allowed}\n"] }]
         }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], dataType: [{ type: i0.Input, args: [{ isSignal: true, alias: "dataType", required: false }] }], objectType: [{ type: i0.Input, args: [{ isSignal: true, alias: "objectType", required: false }] }], isCollection: [{ type: i0.Input, args: [{ isSignal: true, alias: "isCollection", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], allowFormula: [{ type: i0.Input, args: [{ isSignal: true, alias: "allowFormula", required: false }] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }] } });
 
 /**
@@ -6324,11 +6887,11 @@ class ConditionEditorComponent {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: ConditionEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: ConditionEditorComponent, isStandalone: true, selector: "fb-condition-editor", inputs: { holder: { classPropertyName: "holder", publicName: "holder", isSignal: true, isRequired: true, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, allowFormula: { classPropertyName: "allowFormula", publicName: "allowFormula", isSignal: true, isRequired: false, transformFunction: null }, allowLogic: { classPropertyName: "allowLogic", publicName: "allowLogic", isSignal: true, isRequired: false, transformFunction: null }, issuePath: { classPropertyName: "issuePath", publicName: "issuePath", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { changed: "changed" }, ngImport: i0, template: "<fieldset class=\"fb-section\">\r\n  <legend class=\"fb-section__title\">{{ title() }}</legend>\r\n\r\n  @if (allowLogic()) {\r\n  <div class=\"fb-cond__logic\">\r\n    <label class=\"fb-field__label\">Come si combinano</label>\r\n    <div class=\"fb-cond__modes\" role=\"group\" aria-label=\"Logica delle condizioni\">\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-cond__mode\"\r\n        [class.fb-cond__mode--active]=\"logicMode() === 'and'\"\r\n        title=\"Tutte le condizioni devono essere vere\"\r\n        (click)=\"setLogicMode('and')\"\r\n      >\r\n        Tutte (AND)\r\n      </button>\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-cond__mode\"\r\n        [class.fb-cond__mode--active]=\"logicMode() === 'or'\"\r\n        title=\"Almeno una condizione deve essere vera\"\r\n        (click)=\"setLogicMode('or')\"\r\n      >\r\n        Almeno una (OR)\r\n      </button>\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-cond__mode\"\r\n        [class.fb-cond__mode--active]=\"logicMode() === 'custom'\"\r\n        title=\"Espressione sugli indici delle condizioni, es. 1 AND (2 OR 3)\"\r\n        (click)=\"setLogicMode('custom')\"\r\n      >\r\n        Espressione\r\n      </button>\r\n      @if (allowFormula()) {\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-cond__mode\"\r\n          [class.fb-cond__mode--active]=\"logicMode() === 'formula'\"\r\n          title=\"L\u2019esito lo determina una formula: le condizioni vengono ignorate\"\r\n          (click)=\"setLogicMode('formula')\"\r\n        >\r\n          Formula\r\n        </button>\r\n      }\r\n    </div>\r\n  </div>\r\n  } @else {\r\n    <p class=\"fb-field__hint\">\r\n      Devono essere vere <strong>tutte</strong>: qui il modello non prevede una logica separata.\r\n    </p>\r\n  }\r\n\r\n  @if (logicMode() === 'custom') {\r\n    <div class=\"fb-field\">\r\n      <input\r\n        class=\"fb-input fb-input--mono\"\r\n        [class.fb-input--invalid]=\"!!customLogicError()\"\r\n        [value]=\"customLogic()\"\r\n        placeholder=\"1 AND (2 OR 3)\"\r\n        aria-label=\"Espressione sugli indici delle condizioni\"\r\n        (input)=\"setCustomLogic($any($event.target).value)\"\r\n      />\r\n      @if (customLogicError()) {\r\n        <p class=\"fb-field__error\">{{ customLogicError() }}</p>\r\n      } @else {\r\n        <p class=\"fb-field__hint\">\r\n          Gli indici sono 1-based e si riferiscono all\u2019ordine sotto. Cancellare una condizione riscrive\r\n          l\u2019espressione automaticamente.\r\n        </p>\r\n      }\r\n    </div>\r\n  }\r\n\r\n  @if (logicMode() === 'formula') {\r\n    <div class=\"fb-field\">\r\n      <label class=\"fb-field__label fb-field__label--required\">Formula</label>\r\n      <textarea\r\n        class=\"fb-textarea fb-input--mono\"\r\n        [value]=\"holder().formula || ''\"\r\n        placeholder=\"AND(Esito = 'KO', Importo > 1000)\"\r\n        (input)=\"setFormula($any($event.target).value)\"\r\n      ></textarea>\r\n      <p class=\"fb-field__hint\">\r\n        Con la modalita\u2019 Formula le condizioni sotto vengono ignorate dal motore.\r\n      </p>\r\n    </div>\r\n  }\r\n\r\n  @if (conditionsIgnored() && conditions().length) {\r\n    <p class=\"fb-callout fb-callout--warn\">\r\n      Ci sono {{ conditions().length }} condizioni ma la logica e\u2019 \u00ABFormula\u00BB: il motore le ignora.\r\n    </p>\r\n  }\r\n\r\n  @if (incompleteCount()) {\r\n    <!-- `None` blocca l'attivazione: la bozza si salva, la versione attiva no (\u00A713.14). -->\r\n    <p class=\"fb-callout fb-callout--error\">\r\n      {{ incompleteCount() === 1 ? 'Una condizione e\u2019' : incompleteCount() + ' condizioni sono' }} da\r\n      completare: la bozza si salva, l\u2019attivazione no (CONDITION_INCOMPLETE).\r\n    </p>\r\n  }\r\n\r\n  <div class=\"fb-list\">\r\n    @for (condition of conditions(); track $index) {\r\n      <div class=\"fb-list__item\">\r\n        <div class=\"fb-list__header\">\r\n          <!-- L'indice e' 1-based perche' e' quello che l'espressione referenzia. -->\r\n          <span class=\"fb-list__index\" [title]=\"'Indice ' + ($index + 1) + ' nell\u2019espressione'\">\r\n            {{ $index + 1 }}\r\n          </span>\r\n          @if (isPlaceholderOperator(condition)) {\r\n            <span\r\n              class=\"fb-cond__placeholder\"\r\n              title=\"A runtime vale sempre falso, e l\u2019attivazione la rifiuta: va completata\"\r\n            >\r\n              da completare\r\n            </span>\r\n          }\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=\"Sposta su\"\r\n            [disabled]=\"$first\"\r\n            (click)=\"moveCondition($index, -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=\"Sposta giu\u2019\"\r\n            [disabled]=\"$last\"\r\n            (click)=\"moveCondition($index, 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 la condizione\"\r\n            (click)=\"removeCondition($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\">\r\n            {{ appliesToElements(condition) ? 'Elemento' : 'Risorsa' }}\r\n          </label>\r\n          <fb-reference-picker\r\n            [value]=\"condition.leftValueReference\"\r\n            [elementsOnly]=\"appliesToElements(condition)\"\r\n            [placeholder]=\"appliesToElements(condition) ? 'Scegli un elemento del flow' : 'Scegli una risorsa'\"\r\n            (valueChange)=\"setLeft($index, $event)\"\r\n          />\r\n          @if (appliesToElements(condition)) {\r\n            <p class=\"fb-field__hint\">\r\n              Questo operatore si applica a un elemento del flow, non a una risorsa.\r\n            </p>\r\n          }\r\n        </div>\r\n\r\n        <div class=\"fb-field\">\r\n          <label class=\"fb-field__label\">Operatore</label>\r\n          <select\r\n            class=\"fb-select\"\r\n            [class.fb-input--invalid]=\"isPlaceholderOperator(condition)\"\r\n            [fbValue]=\"condition.operator || ''\"\r\n            (change)=\"setOperator($index, $any($event.target).value)\"\r\n          >\r\n            <!-- Filtrati per il tipo del lato sinistro: `appliesTo` del dizionario (\u00A74.3). -->\r\n            @for (operator of operatorsFor(condition); track operator.value) {\r\n              <option [value]=\"operator.value\">{{ operator.label }}</option>\r\n            }\r\n          </select>\r\n          @if (isPlaceholderOperator(condition)) {\r\n            <p class=\"fb-field__error\">\r\n              Segnaposto: a runtime vale sempre falso e l\u2019attivazione lo rifiuta\r\n              (CONDITION_INCOMPLETE). Scegli un operatore.\r\n            </p>\r\n          } @else if (operatorDescription(condition.operator)) {\r\n            <p class=\"fb-field__hint\">{{ operatorDescription(condition.operator) }}</p>\r\n          }\r\n        </div>\r\n\r\n        @if (isUnary(condition)) {\r\n          <!--\r\n            Trappola numero uno: per gli operatori unari `rightValue` non e' il termine di\r\n            confronto ma l'esito atteso. Qui non c'e' un campo \"valore da confrontare\":\r\n            c'e' un selettore che dice quale delle due cose si sta chiedendo.\r\n          -->\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label\">Esito atteso</label>\r\n            <div class=\"fb-cond__unary\" role=\"group\" aria-label=\"Esito atteso\">\r\n              <button\r\n                type=\"button\"\r\n                class=\"fb-cond__mode\"\r\n                [class.fb-cond__mode--active]=\"unaryExpectation(condition)\"\r\n                (click)=\"setUnaryExpectation($index, true)\"\r\n              >\r\n                {{ operatorLabel(condition.operator) }}\r\n              </button>\r\n              <button\r\n                type=\"button\"\r\n                class=\"fb-cond__mode\"\r\n                [class.fb-cond__mode--active]=\"!unaryExpectation(condition)\"\r\n                (click)=\"setUnaryExpectation($index, false)\"\r\n              >\r\n                NON {{ operatorLabel(condition.operator) }}\r\n              </button>\r\n            </div>\r\n            <p class=\"fb-field__hint\">\r\n              Questa condizione e\u2019 vera quando: <strong>{{ unarySummary(condition) }}</strong>.\r\n            </p>\r\n          </div>\r\n        } @else {\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label\">Confronta con</label>\r\n            <!--\r\n              Il tipo del lato sinistro guida il secondo operando: il letterale finisce nel\r\n              campo giusto e le risorse proposte sono quelle compatibili. Testo con numero e'\r\n              CONDITION_TYPE_MISMATCH e blocca l'attivazione (\u00A74.3).\r\n            -->\r\n            <fb-value-editor\r\n              [value]=\"condition.rightValue\"\r\n              label=\"Valore di confronto\"\r\n              [dataType]=\"leftDataType(condition)\"\r\n              [objectType]=\"leftObjectType(condition)\"\r\n              (valueChange)=\"setRightValue($index, $event)\"\r\n            />\r\n            @if (hasTypeMismatch(condition)) {\r\n              <p class=\"fb-field__error\">{{ typeMismatchMessage(condition) }}</p>\r\n            }\r\n          </div>\r\n        }\r\n      </div>\r\n    } @empty {\r\n      <p class=\"fb-empty\">Nessuna condizione.</p>\r\n    }\r\n  </div>\r\n\r\n  <button type=\"button\" class=\"fb-btn\" (click)=\"addCondition()\">Aggiungi condizione</button>\r\n</fieldset>\r\n", styles: [":host{display:block}.fb-cond__logic{margin-bottom:8px}.fb-cond__modes,.fb-cond__unary{display:flex;flex-wrap:wrap;gap:3px;margin-top:3px}.fb-cond__mode{padding:3px 8px;border:1px solid var(--fb-border-subtle, #e6e9ee);border-radius:12px;background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:11px;cursor:pointer}.fb-cond__mode:hover{background:var(--fb-surface-alt, #f8f9fb)}.fb-cond__mode--active{border-color:var(--fb-accent, #2f6feb);background:color-mix(in srgb,var(--fb-accent, #2f6feb) 10%,transparent);color:var(--fb-accent, #2f6feb);font-weight:600}.fb-cond__placeholder{padding:1px 6px;border-radius:8px;background:color-mix(in srgb,var(--fb-warning, #b7791f) 14%,transparent);font-size:10px;font-weight:600;color:var(--fb-warning, #b7791f)}\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: ConditionEditorComponent, isStandalone: true, selector: "fb-condition-editor", inputs: { holder: { classPropertyName: "holder", publicName: "holder", isSignal: true, isRequired: true, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, allowFormula: { classPropertyName: "allowFormula", publicName: "allowFormula", isSignal: true, isRequired: false, transformFunction: null }, allowLogic: { classPropertyName: "allowLogic", publicName: "allowLogic", isSignal: true, isRequired: false, transformFunction: null }, issuePath: { classPropertyName: "issuePath", publicName: "issuePath", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { changed: "changed" }, ngImport: i0, template: "<fieldset class=\"fb-section\">\r\n  <legend class=\"fb-section__title\">{{ title() }}</legend>\r\n\r\n  @if (allowLogic()) {\r\n  <div class=\"fb-cond__logic\">\r\n    <label class=\"fb-field__label\">Come si combinano</label>\r\n    <div class=\"fb-cond__modes\" role=\"group\" aria-label=\"Logica delle condizioni\">\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-cond__mode\"\r\n        [class.fb-cond__mode--active]=\"logicMode() === 'and'\"\r\n        title=\"Tutte le condizioni devono essere vere\"\r\n        (click)=\"setLogicMode('and')\"\r\n      >\r\n        Tutte (AND)\r\n      </button>\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-cond__mode\"\r\n        [class.fb-cond__mode--active]=\"logicMode() === 'or'\"\r\n        title=\"Almeno una condizione deve essere vera\"\r\n        (click)=\"setLogicMode('or')\"\r\n      >\r\n        Almeno una (OR)\r\n      </button>\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-cond__mode\"\r\n        [class.fb-cond__mode--active]=\"logicMode() === 'custom'\"\r\n        title=\"Espressione sugli indici delle condizioni, es. 1 AND (2 OR 3)\"\r\n        (click)=\"setLogicMode('custom')\"\r\n      >\r\n        Espressione\r\n      </button>\r\n      @if (allowFormula()) {\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-cond__mode\"\r\n          [class.fb-cond__mode--active]=\"logicMode() === 'formula'\"\r\n          title=\"L\u2019esito lo determina una formula: le condizioni vengono ignorate\"\r\n          (click)=\"setLogicMode('formula')\"\r\n        >\r\n          Formula\r\n        </button>\r\n      }\r\n    </div>\r\n  </div>\r\n  } @else {\r\n    <p class=\"fb-field__hint\">\r\n      Devono essere vere <strong>tutte</strong>: qui il modello non prevede una logica separata.\r\n    </p>\r\n  }\r\n\r\n  @if (logicMode() === 'custom') {\r\n    <div class=\"fb-field\">\r\n      <input\r\n        class=\"fb-input fb-input--mono\"\r\n        [class.fb-input--invalid]=\"!!customLogicError()\"\r\n        [value]=\"customLogic()\"\r\n        placeholder=\"1 AND (2 OR 3)\"\r\n        aria-label=\"Espressione sugli indici delle condizioni\"\r\n        (input)=\"setCustomLogic($any($event.target).value)\"\r\n      />\r\n      @if (customLogicError()) {\r\n        <p class=\"fb-field__error\">{{ customLogicError() }}</p>\r\n      } @else {\r\n        <p class=\"fb-field__hint\">\r\n          Gli indici sono 1-based e si riferiscono all\u2019ordine sotto. Cancellare una condizione riscrive\r\n          l\u2019espressione automaticamente.\r\n        </p>\r\n      }\r\n    </div>\r\n  }\r\n\r\n  @if (logicMode() === 'formula') {\r\n    <div class=\"fb-field\">\r\n      <label class=\"fb-field__label fb-field__label--required\">Formula</label>\r\n      <!-- Una condizione deve produrre un booleano: mandarlo e' cio' che fa dire al motore\r\n           \u00ABqui serve un booleano\u00BB invece di accettare un'espressione che fallira' (\u00A76.3). -->\r\n      <fb-formula-editor\r\n        [expression]=\"holder().formula || ''\"\r\n        usage=\"Condition\"\r\n        expectedDataType=\"Boolean\"\r\n        placeholder=\"AND(Esito = 'KO', Importo > 1000)\"\r\n        ariaLabel=\"Formula della condizione\"\r\n        (expressionChange)=\"setFormula($event)\"\r\n      >\r\n        <p class=\"fb-field__hint\">\r\n          Con la modalita\u2019 Formula le condizioni sotto vengono ignorate dal motore.\r\n        </p>\r\n      </fb-formula-editor>\r\n    </div>\r\n  }\r\n\r\n  @if (conditionsIgnored() && conditions().length) {\r\n    <p class=\"fb-callout fb-callout--warn\">\r\n      Ci sono {{ conditions().length }} condizioni ma la logica e\u2019 \u00ABFormula\u00BB: il motore le ignora.\r\n    </p>\r\n  }\r\n\r\n  @if (incompleteCount()) {\r\n    <!-- `None` blocca l'attivazione: la bozza si salva, la versione attiva no (\u00A713.14). -->\r\n    <p class=\"fb-callout fb-callout--error\">\r\n      {{ incompleteCount() === 1 ? 'Una condizione e\u2019' : incompleteCount() + ' condizioni sono' }} da\r\n      completare: la bozza si salva, l\u2019attivazione no (CONDITION_INCOMPLETE).\r\n    </p>\r\n  }\r\n\r\n  <div class=\"fb-list\">\r\n    @for (condition of conditions(); track $index) {\r\n      <div class=\"fb-list__item\">\r\n        <div class=\"fb-list__header\">\r\n          <!-- L'indice e' 1-based perche' e' quello che l'espressione referenzia. -->\r\n          <span class=\"fb-list__index\" [title]=\"'Indice ' + ($index + 1) + ' nell\u2019espressione'\">\r\n            {{ $index + 1 }}\r\n          </span>\r\n          @if (isPlaceholderOperator(condition)) {\r\n            <span\r\n              class=\"fb-cond__placeholder\"\r\n              title=\"A runtime vale sempre falso, e l\u2019attivazione la rifiuta: va completata\"\r\n            >\r\n              da completare\r\n            </span>\r\n          }\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=\"Sposta su\"\r\n            [disabled]=\"$first\"\r\n            (click)=\"moveCondition($index, -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=\"Sposta giu\u2019\"\r\n            [disabled]=\"$last\"\r\n            (click)=\"moveCondition($index, 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 la condizione\"\r\n            (click)=\"removeCondition($index)\"\r\n          >\r\n            \u00D7\r\n          </button>\r\n        </div>\r\n\r\n        <!-- I tre termini del confronto sono una frase sola: si leggono in riga. -->\r\n        <div class=\"fb-fields-row\">\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label\">\r\n              {{ appliesToElements(condition) ? 'Elemento' : 'Risorsa' }}\r\n            </label>\r\n            <fb-reference-picker\r\n              [value]=\"condition.leftValueReference\"\r\n              [elementsOnly]=\"appliesToElements(condition)\"\r\n              [placeholder]=\"appliesToElements(condition) ? 'Scegli un elemento del flow' : 'Scegli una risorsa'\"\r\n              (valueChange)=\"setLeft($index, $event)\"\r\n            />\r\n            @if (appliesToElements(condition)) {\r\n              <p class=\"fb-field__hint\">\r\n                Questo operatore si applica a un elemento del flow, non a una risorsa.\r\n              </p>\r\n            }\r\n          </div>\r\n\r\n          <div class=\"fb-field fb-field--compact\">\r\n            <label class=\"fb-field__label\">Operatore</label>\r\n            <select\r\n              class=\"fb-select\"\r\n              [class.fb-input--invalid]=\"isPlaceholderOperator(condition)\"\r\n              [fbValue]=\"condition.operator || ''\"\r\n              (change)=\"setOperator($index, $any($event.target).value)\"\r\n            >\r\n              <!-- Filtrati per il tipo del lato sinistro: `appliesTo` del dizionario (\u00A74.3). -->\r\n              @for (operator of operatorsFor(condition); track operator.value) {\r\n                <option [value]=\"operator.value\">{{ operator.label }}</option>\r\n              }\r\n            </select>\r\n            @if (isPlaceholderOperator(condition)) {\r\n              <p class=\"fb-field__error\">\r\n                Segnaposto: a runtime vale sempre falso e l\u2019attivazione lo rifiuta\r\n                (CONDITION_INCOMPLETE). Scegli un operatore.\r\n              </p>\r\n            } @else if (operatorDescription(condition.operator)) {\r\n              <p class=\"fb-field__hint\">{{ operatorDescription(condition.operator) }}</p>\r\n            }\r\n          </div>\r\n\r\n          @if (isUnary(condition)) {\r\n            <!--\r\n              Trappola numero uno: per gli operatori unari `rightValue` non e' il termine di\r\n              confronto ma l'esito atteso. Qui non c'e' un campo \"valore da confrontare\":\r\n              c'e' un selettore che dice quale delle due cose si sta chiedendo.\r\n            -->\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label\">Esito atteso</label>\r\n              <div class=\"fb-cond__unary\" role=\"group\" aria-label=\"Esito atteso\">\r\n                <button\r\n                  type=\"button\"\r\n                  class=\"fb-cond__mode\"\r\n                  [class.fb-cond__mode--active]=\"unaryExpectation(condition)\"\r\n                  (click)=\"setUnaryExpectation($index, true)\"\r\n                >\r\n                  {{ operatorLabel(condition.operator) }}\r\n                </button>\r\n                <button\r\n                  type=\"button\"\r\n                  class=\"fb-cond__mode\"\r\n                  [class.fb-cond__mode--active]=\"!unaryExpectation(condition)\"\r\n                  (click)=\"setUnaryExpectation($index, false)\"\r\n                >\r\n                  NON {{ operatorLabel(condition.operator) }}\r\n                </button>\r\n              </div>\r\n              <p class=\"fb-field__hint\">\r\n                Questa condizione e\u2019 vera quando: <strong>{{ unarySummary(condition) }}</strong>.\r\n              </p>\r\n            </div>\r\n          } @else {\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label\">Confronta con</label>\r\n              <!--\r\n                Il tipo del lato sinistro guida il secondo operando: il letterale finisce nel\r\n                campo giusto e le risorse proposte sono quelle compatibili. Testo con numero e'\r\n                CONDITION_TYPE_MISMATCH e blocca l'attivazione (\u00A74.3).\r\n              -->\r\n              <fb-value-editor\r\n                [value]=\"condition.rightValue\"\r\n                label=\"Valore di confronto\"\r\n                [dataType]=\"leftDataType(condition)\"\r\n                [objectType]=\"leftObjectType(condition)\"\r\n                (valueChange)=\"setRightValue($index, $event)\"\r\n              />\r\n              @if (hasTypeMismatch(condition)) {\r\n                <p class=\"fb-field__error\">{{ typeMismatchMessage(condition) }}</p>\r\n              }\r\n            </div>\r\n          }\r\n        </div>\r\n      </div>\r\n    } @empty {\r\n      <p class=\"fb-empty\">Nessuna condizione.</p>\r\n    }\r\n  </div>\r\n\r\n  <button type=\"button\" class=\"fb-btn\" (click)=\"addCondition()\">Aggiungi condizione</button>\r\n</fieldset>\r\n", styles: [":host{display:block}.fb-cond__logic{margin-bottom:8px}.fb-cond__modes,.fb-cond__unary{display:flex;flex-wrap:wrap;gap:3px;margin-top:3px}.fb-cond__mode{padding:3px 8px;border:1px solid var(--fb-border-subtle, #e6e9ee);border-radius:12px;background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:11px;cursor:pointer}.fb-cond__mode:hover{background:var(--fb-surface-alt, #f8f9fb)}.fb-cond__mode--active{border-color:var(--fb-accent, #2f6feb);background:color-mix(in srgb,var(--fb-accent, #2f6feb) 10%,transparent);color:var(--fb-accent, #2f6feb);font-weight:600}.fb-cond__placeholder{padding:1px 6px;border-radius:8px;background:color-mix(in srgb,var(--fb-warning, #b7791f) 14%,transparent);font-size:10px;font-weight:600;color:var(--fb-warning, #b7791f)}\n"], dependencies: [{ kind: "component", type: FormulaEditorComponent, selector: "fb-formula-editor", inputs: ["expression", "usage", "expectedDataType", "scale", "placeholder", "ariaLabel", "disabled", "rows", "commitOn"], outputs: ["expressionChange"] }, { 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 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: ConditionEditorComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'fb-condition-editor', standalone: true, imports: [ReferencePickerComponent, ValueEditorComponent, SelectValueDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<fieldset class=\"fb-section\">\r\n  <legend class=\"fb-section__title\">{{ title() }}</legend>\r\n\r\n  @if (allowLogic()) {\r\n  <div class=\"fb-cond__logic\">\r\n    <label class=\"fb-field__label\">Come si combinano</label>\r\n    <div class=\"fb-cond__modes\" role=\"group\" aria-label=\"Logica delle condizioni\">\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-cond__mode\"\r\n        [class.fb-cond__mode--active]=\"logicMode() === 'and'\"\r\n        title=\"Tutte le condizioni devono essere vere\"\r\n        (click)=\"setLogicMode('and')\"\r\n      >\r\n        Tutte (AND)\r\n      </button>\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-cond__mode\"\r\n        [class.fb-cond__mode--active]=\"logicMode() === 'or'\"\r\n        title=\"Almeno una condizione deve essere vera\"\r\n        (click)=\"setLogicMode('or')\"\r\n      >\r\n        Almeno una (OR)\r\n      </button>\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-cond__mode\"\r\n        [class.fb-cond__mode--active]=\"logicMode() === 'custom'\"\r\n        title=\"Espressione sugli indici delle condizioni, es. 1 AND (2 OR 3)\"\r\n        (click)=\"setLogicMode('custom')\"\r\n      >\r\n        Espressione\r\n      </button>\r\n      @if (allowFormula()) {\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-cond__mode\"\r\n          [class.fb-cond__mode--active]=\"logicMode() === 'formula'\"\r\n          title=\"L\u2019esito lo determina una formula: le condizioni vengono ignorate\"\r\n          (click)=\"setLogicMode('formula')\"\r\n        >\r\n          Formula\r\n        </button>\r\n      }\r\n    </div>\r\n  </div>\r\n  } @else {\r\n    <p class=\"fb-field__hint\">\r\n      Devono essere vere <strong>tutte</strong>: qui il modello non prevede una logica separata.\r\n    </p>\r\n  }\r\n\r\n  @if (logicMode() === 'custom') {\r\n    <div class=\"fb-field\">\r\n      <input\r\n        class=\"fb-input fb-input--mono\"\r\n        [class.fb-input--invalid]=\"!!customLogicError()\"\r\n        [value]=\"customLogic()\"\r\n        placeholder=\"1 AND (2 OR 3)\"\r\n        aria-label=\"Espressione sugli indici delle condizioni\"\r\n        (input)=\"setCustomLogic($any($event.target).value)\"\r\n      />\r\n      @if (customLogicError()) {\r\n        <p class=\"fb-field__error\">{{ customLogicError() }}</p>\r\n      } @else {\r\n        <p class=\"fb-field__hint\">\r\n          Gli indici sono 1-based e si riferiscono all\u2019ordine sotto. Cancellare una condizione riscrive\r\n          l\u2019espressione automaticamente.\r\n        </p>\r\n      }\r\n    </div>\r\n  }\r\n\r\n  @if (logicMode() === 'formula') {\r\n    <div class=\"fb-field\">\r\n      <label class=\"fb-field__label fb-field__label--required\">Formula</label>\r\n      <textarea\r\n        class=\"fb-textarea fb-input--mono\"\r\n        [value]=\"holder().formula || ''\"\r\n        placeholder=\"AND(Esito = 'KO', Importo > 1000)\"\r\n        (input)=\"setFormula($any($event.target).value)\"\r\n      ></textarea>\r\n      <p class=\"fb-field__hint\">\r\n        Con la modalita\u2019 Formula le condizioni sotto vengono ignorate dal motore.\r\n      </p>\r\n    </div>\r\n  }\r\n\r\n  @if (conditionsIgnored() && conditions().length) {\r\n    <p class=\"fb-callout fb-callout--warn\">\r\n      Ci sono {{ conditions().length }} condizioni ma la logica e\u2019 \u00ABFormula\u00BB: il motore le ignora.\r\n    </p>\r\n  }\r\n\r\n  @if (incompleteCount()) {\r\n    <!-- `None` blocca l'attivazione: la bozza si salva, la versione attiva no (\u00A713.14). -->\r\n    <p class=\"fb-callout fb-callout--error\">\r\n      {{ incompleteCount() === 1 ? 'Una condizione e\u2019' : incompleteCount() + ' condizioni sono' }} da\r\n      completare: la bozza si salva, l\u2019attivazione no (CONDITION_INCOMPLETE).\r\n    </p>\r\n  }\r\n\r\n  <div class=\"fb-list\">\r\n    @for (condition of conditions(); track $index) {\r\n      <div class=\"fb-list__item\">\r\n        <div class=\"fb-list__header\">\r\n          <!-- L'indice e' 1-based perche' e' quello che l'espressione referenzia. -->\r\n          <span class=\"fb-list__index\" [title]=\"'Indice ' + ($index + 1) + ' nell\u2019espressione'\">\r\n            {{ $index + 1 }}\r\n          </span>\r\n          @if (isPlaceholderOperator(condition)) {\r\n            <span\r\n              class=\"fb-cond__placeholder\"\r\n              title=\"A runtime vale sempre falso, e l\u2019attivazione la rifiuta: va completata\"\r\n            >\r\n              da completare\r\n            </span>\r\n          }\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=\"Sposta su\"\r\n            [disabled]=\"$first\"\r\n            (click)=\"moveCondition($index, -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=\"Sposta giu\u2019\"\r\n            [disabled]=\"$last\"\r\n            (click)=\"moveCondition($index, 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 la condizione\"\r\n            (click)=\"removeCondition($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\">\r\n            {{ appliesToElements(condition) ? 'Elemento' : 'Risorsa' }}\r\n          </label>\r\n          <fb-reference-picker\r\n            [value]=\"condition.leftValueReference\"\r\n            [elementsOnly]=\"appliesToElements(condition)\"\r\n            [placeholder]=\"appliesToElements(condition) ? 'Scegli un elemento del flow' : 'Scegli una risorsa'\"\r\n            (valueChange)=\"setLeft($index, $event)\"\r\n          />\r\n          @if (appliesToElements(condition)) {\r\n            <p class=\"fb-field__hint\">\r\n              Questo operatore si applica a un elemento del flow, non a una risorsa.\r\n            </p>\r\n          }\r\n        </div>\r\n\r\n        <div class=\"fb-field\">\r\n          <label class=\"fb-field__label\">Operatore</label>\r\n          <select\r\n            class=\"fb-select\"\r\n            [class.fb-input--invalid]=\"isPlaceholderOperator(condition)\"\r\n            [fbValue]=\"condition.operator || ''\"\r\n            (change)=\"setOperator($index, $any($event.target).value)\"\r\n          >\r\n            <!-- Filtrati per il tipo del lato sinistro: `appliesTo` del dizionario (\u00A74.3). -->\r\n            @for (operator of operatorsFor(condition); track operator.value) {\r\n              <option [value]=\"operator.value\">{{ operator.label }}</option>\r\n            }\r\n          </select>\r\n          @if (isPlaceholderOperator(condition)) {\r\n            <p class=\"fb-field__error\">\r\n              Segnaposto: a runtime vale sempre falso e l\u2019attivazione lo rifiuta\r\n              (CONDITION_INCOMPLETE). Scegli un operatore.\r\n            </p>\r\n          } @else if (operatorDescription(condition.operator)) {\r\n            <p class=\"fb-field__hint\">{{ operatorDescription(condition.operator) }}</p>\r\n          }\r\n        </div>\r\n\r\n        @if (isUnary(condition)) {\r\n          <!--\r\n            Trappola numero uno: per gli operatori unari `rightValue` non e' il termine di\r\n            confronto ma l'esito atteso. Qui non c'e' un campo \"valore da confrontare\":\r\n            c'e' un selettore che dice quale delle due cose si sta chiedendo.\r\n          -->\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label\">Esito atteso</label>\r\n            <div class=\"fb-cond__unary\" role=\"group\" aria-label=\"Esito atteso\">\r\n              <button\r\n                type=\"button\"\r\n                class=\"fb-cond__mode\"\r\n                [class.fb-cond__mode--active]=\"unaryExpectation(condition)\"\r\n                (click)=\"setUnaryExpectation($index, true)\"\r\n              >\r\n                {{ operatorLabel(condition.operator) }}\r\n              </button>\r\n              <button\r\n                type=\"button\"\r\n                class=\"fb-cond__mode\"\r\n                [class.fb-cond__mode--active]=\"!unaryExpectation(condition)\"\r\n                (click)=\"setUnaryExpectation($index, false)\"\r\n              >\r\n                NON {{ operatorLabel(condition.operator) }}\r\n              </button>\r\n            </div>\r\n            <p class=\"fb-field__hint\">\r\n              Questa condizione e\u2019 vera quando: <strong>{{ unarySummary(condition) }}</strong>.\r\n            </p>\r\n          </div>\r\n        } @else {\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label\">Confronta con</label>\r\n            <!--\r\n              Il tipo del lato sinistro guida il secondo operando: il letterale finisce nel\r\n              campo giusto e le risorse proposte sono quelle compatibili. Testo con numero e'\r\n              CONDITION_TYPE_MISMATCH e blocca l'attivazione (\u00A74.3).\r\n            -->\r\n            <fb-value-editor\r\n              [value]=\"condition.rightValue\"\r\n              label=\"Valore di confronto\"\r\n              [dataType]=\"leftDataType(condition)\"\r\n              [objectType]=\"leftObjectType(condition)\"\r\n              (valueChange)=\"setRightValue($index, $event)\"\r\n            />\r\n            @if (hasTypeMismatch(condition)) {\r\n              <p class=\"fb-field__error\">{{ typeMismatchMessage(condition) }}</p>\r\n            }\r\n          </div>\r\n        }\r\n      </div>\r\n    } @empty {\r\n      <p class=\"fb-empty\">Nessuna condizione.</p>\r\n    }\r\n  </div>\r\n\r\n  <button type=\"button\" class=\"fb-btn\" (click)=\"addCondition()\">Aggiungi condizione</button>\r\n</fieldset>\r\n", styles: [":host{display:block}.fb-cond__logic{margin-bottom:8px}.fb-cond__modes,.fb-cond__unary{display:flex;flex-wrap:wrap;gap:3px;margin-top:3px}.fb-cond__mode{padding:3px 8px;border:1px solid var(--fb-border-subtle, #e6e9ee);border-radius:12px;background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:11px;cursor:pointer}.fb-cond__mode:hover{background:var(--fb-surface-alt, #f8f9fb)}.fb-cond__mode--active{border-color:var(--fb-accent, #2f6feb);background:color-mix(in srgb,var(--fb-accent, #2f6feb) 10%,transparent);color:var(--fb-accent, #2f6feb);font-weight:600}.fb-cond__placeholder{padding:1px 6px;border-radius:8px;background:color-mix(in srgb,var(--fb-warning, #b7791f) 14%,transparent);font-size:10px;font-weight:600;color:var(--fb-warning, #b7791f)}\n"] }]
+            args: [{ selector: 'fb-condition-editor', standalone: true, imports: [FormulaEditorComponent, ReferencePickerComponent, ValueEditorComponent, SelectValueDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<fieldset class=\"fb-section\">\r\n  <legend class=\"fb-section__title\">{{ title() }}</legend>\r\n\r\n  @if (allowLogic()) {\r\n  <div class=\"fb-cond__logic\">\r\n    <label class=\"fb-field__label\">Come si combinano</label>\r\n    <div class=\"fb-cond__modes\" role=\"group\" aria-label=\"Logica delle condizioni\">\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-cond__mode\"\r\n        [class.fb-cond__mode--active]=\"logicMode() === 'and'\"\r\n        title=\"Tutte le condizioni devono essere vere\"\r\n        (click)=\"setLogicMode('and')\"\r\n      >\r\n        Tutte (AND)\r\n      </button>\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-cond__mode\"\r\n        [class.fb-cond__mode--active]=\"logicMode() === 'or'\"\r\n        title=\"Almeno una condizione deve essere vera\"\r\n        (click)=\"setLogicMode('or')\"\r\n      >\r\n        Almeno una (OR)\r\n      </button>\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-cond__mode\"\r\n        [class.fb-cond__mode--active]=\"logicMode() === 'custom'\"\r\n        title=\"Espressione sugli indici delle condizioni, es. 1 AND (2 OR 3)\"\r\n        (click)=\"setLogicMode('custom')\"\r\n      >\r\n        Espressione\r\n      </button>\r\n      @if (allowFormula()) {\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-cond__mode\"\r\n          [class.fb-cond__mode--active]=\"logicMode() === 'formula'\"\r\n          title=\"L\u2019esito lo determina una formula: le condizioni vengono ignorate\"\r\n          (click)=\"setLogicMode('formula')\"\r\n        >\r\n          Formula\r\n        </button>\r\n      }\r\n    </div>\r\n  </div>\r\n  } @else {\r\n    <p class=\"fb-field__hint\">\r\n      Devono essere vere <strong>tutte</strong>: qui il modello non prevede una logica separata.\r\n    </p>\r\n  }\r\n\r\n  @if (logicMode() === 'custom') {\r\n    <div class=\"fb-field\">\r\n      <input\r\n        class=\"fb-input fb-input--mono\"\r\n        [class.fb-input--invalid]=\"!!customLogicError()\"\r\n        [value]=\"customLogic()\"\r\n        placeholder=\"1 AND (2 OR 3)\"\r\n        aria-label=\"Espressione sugli indici delle condizioni\"\r\n        (input)=\"setCustomLogic($any($event.target).value)\"\r\n      />\r\n      @if (customLogicError()) {\r\n        <p class=\"fb-field__error\">{{ customLogicError() }}</p>\r\n      } @else {\r\n        <p class=\"fb-field__hint\">\r\n          Gli indici sono 1-based e si riferiscono all\u2019ordine sotto. Cancellare una condizione riscrive\r\n          l\u2019espressione automaticamente.\r\n        </p>\r\n      }\r\n    </div>\r\n  }\r\n\r\n  @if (logicMode() === 'formula') {\r\n    <div class=\"fb-field\">\r\n      <label class=\"fb-field__label fb-field__label--required\">Formula</label>\r\n      <!-- Una condizione deve produrre un booleano: mandarlo e' cio' che fa dire al motore\r\n           \u00ABqui serve un booleano\u00BB invece di accettare un'espressione che fallira' (\u00A76.3). -->\r\n      <fb-formula-editor\r\n        [expression]=\"holder().formula || ''\"\r\n        usage=\"Condition\"\r\n        expectedDataType=\"Boolean\"\r\n        placeholder=\"AND(Esito = 'KO', Importo > 1000)\"\r\n        ariaLabel=\"Formula della condizione\"\r\n        (expressionChange)=\"setFormula($event)\"\r\n      >\r\n        <p class=\"fb-field__hint\">\r\n          Con la modalita\u2019 Formula le condizioni sotto vengono ignorate dal motore.\r\n        </p>\r\n      </fb-formula-editor>\r\n    </div>\r\n  }\r\n\r\n  @if (conditionsIgnored() && conditions().length) {\r\n    <p class=\"fb-callout fb-callout--warn\">\r\n      Ci sono {{ conditions().length }} condizioni ma la logica e\u2019 \u00ABFormula\u00BB: il motore le ignora.\r\n    </p>\r\n  }\r\n\r\n  @if (incompleteCount()) {\r\n    <!-- `None` blocca l'attivazione: la bozza si salva, la versione attiva no (\u00A713.14). -->\r\n    <p class=\"fb-callout fb-callout--error\">\r\n      {{ incompleteCount() === 1 ? 'Una condizione e\u2019' : incompleteCount() + ' condizioni sono' }} da\r\n      completare: la bozza si salva, l\u2019attivazione no (CONDITION_INCOMPLETE).\r\n    </p>\r\n  }\r\n\r\n  <div class=\"fb-list\">\r\n    @for (condition of conditions(); track $index) {\r\n      <div class=\"fb-list__item\">\r\n        <div class=\"fb-list__header\">\r\n          <!-- L'indice e' 1-based perche' e' quello che l'espressione referenzia. -->\r\n          <span class=\"fb-list__index\" [title]=\"'Indice ' + ($index + 1) + ' nell\u2019espressione'\">\r\n            {{ $index + 1 }}\r\n          </span>\r\n          @if (isPlaceholderOperator(condition)) {\r\n            <span\r\n              class=\"fb-cond__placeholder\"\r\n              title=\"A runtime vale sempre falso, e l\u2019attivazione la rifiuta: va completata\"\r\n            >\r\n              da completare\r\n            </span>\r\n          }\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=\"Sposta su\"\r\n            [disabled]=\"$first\"\r\n            (click)=\"moveCondition($index, -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=\"Sposta giu\u2019\"\r\n            [disabled]=\"$last\"\r\n            (click)=\"moveCondition($index, 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 la condizione\"\r\n            (click)=\"removeCondition($index)\"\r\n          >\r\n            \u00D7\r\n          </button>\r\n        </div>\r\n\r\n        <!-- I tre termini del confronto sono una frase sola: si leggono in riga. -->\r\n        <div class=\"fb-fields-row\">\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label\">\r\n              {{ appliesToElements(condition) ? 'Elemento' : 'Risorsa' }}\r\n            </label>\r\n            <fb-reference-picker\r\n              [value]=\"condition.leftValueReference\"\r\n              [elementsOnly]=\"appliesToElements(condition)\"\r\n              [placeholder]=\"appliesToElements(condition) ? 'Scegli un elemento del flow' : 'Scegli una risorsa'\"\r\n              (valueChange)=\"setLeft($index, $event)\"\r\n            />\r\n            @if (appliesToElements(condition)) {\r\n              <p class=\"fb-field__hint\">\r\n                Questo operatore si applica a un elemento del flow, non a una risorsa.\r\n              </p>\r\n            }\r\n          </div>\r\n\r\n          <div class=\"fb-field fb-field--compact\">\r\n            <label class=\"fb-field__label\">Operatore</label>\r\n            <select\r\n              class=\"fb-select\"\r\n              [class.fb-input--invalid]=\"isPlaceholderOperator(condition)\"\r\n              [fbValue]=\"condition.operator || ''\"\r\n              (change)=\"setOperator($index, $any($event.target).value)\"\r\n            >\r\n              <!-- Filtrati per il tipo del lato sinistro: `appliesTo` del dizionario (\u00A74.3). -->\r\n              @for (operator of operatorsFor(condition); track operator.value) {\r\n                <option [value]=\"operator.value\">{{ operator.label }}</option>\r\n              }\r\n            </select>\r\n            @if (isPlaceholderOperator(condition)) {\r\n              <p class=\"fb-field__error\">\r\n                Segnaposto: a runtime vale sempre falso e l\u2019attivazione lo rifiuta\r\n                (CONDITION_INCOMPLETE). Scegli un operatore.\r\n              </p>\r\n            } @else if (operatorDescription(condition.operator)) {\r\n              <p class=\"fb-field__hint\">{{ operatorDescription(condition.operator) }}</p>\r\n            }\r\n          </div>\r\n\r\n          @if (isUnary(condition)) {\r\n            <!--\r\n              Trappola numero uno: per gli operatori unari `rightValue` non e' il termine di\r\n              confronto ma l'esito atteso. Qui non c'e' un campo \"valore da confrontare\":\r\n              c'e' un selettore che dice quale delle due cose si sta chiedendo.\r\n            -->\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label\">Esito atteso</label>\r\n              <div class=\"fb-cond__unary\" role=\"group\" aria-label=\"Esito atteso\">\r\n                <button\r\n                  type=\"button\"\r\n                  class=\"fb-cond__mode\"\r\n                  [class.fb-cond__mode--active]=\"unaryExpectation(condition)\"\r\n                  (click)=\"setUnaryExpectation($index, true)\"\r\n                >\r\n                  {{ operatorLabel(condition.operator) }}\r\n                </button>\r\n                <button\r\n                  type=\"button\"\r\n                  class=\"fb-cond__mode\"\r\n                  [class.fb-cond__mode--active]=\"!unaryExpectation(condition)\"\r\n                  (click)=\"setUnaryExpectation($index, false)\"\r\n                >\r\n                  NON {{ operatorLabel(condition.operator) }}\r\n                </button>\r\n              </div>\r\n              <p class=\"fb-field__hint\">\r\n                Questa condizione e\u2019 vera quando: <strong>{{ unarySummary(condition) }}</strong>.\r\n              </p>\r\n            </div>\r\n          } @else {\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label\">Confronta con</label>\r\n              <!--\r\n                Il tipo del lato sinistro guida il secondo operando: il letterale finisce nel\r\n                campo giusto e le risorse proposte sono quelle compatibili. Testo con numero e'\r\n                CONDITION_TYPE_MISMATCH e blocca l'attivazione (\u00A74.3).\r\n              -->\r\n              <fb-value-editor\r\n                [value]=\"condition.rightValue\"\r\n                label=\"Valore di confronto\"\r\n                [dataType]=\"leftDataType(condition)\"\r\n                [objectType]=\"leftObjectType(condition)\"\r\n                (valueChange)=\"setRightValue($index, $event)\"\r\n              />\r\n              @if (hasTypeMismatch(condition)) {\r\n                <p class=\"fb-field__error\">{{ typeMismatchMessage(condition) }}</p>\r\n              }\r\n            </div>\r\n          }\r\n        </div>\r\n      </div>\r\n    } @empty {\r\n      <p class=\"fb-empty\">Nessuna condizione.</p>\r\n    }\r\n  </div>\r\n\r\n  <button type=\"button\" class=\"fb-btn\" (click)=\"addCondition()\">Aggiungi condizione</button>\r\n</fieldset>\r\n", styles: [":host{display:block}.fb-cond__logic{margin-bottom:8px}.fb-cond__modes,.fb-cond__unary{display:flex;flex-wrap:wrap;gap:3px;margin-top:3px}.fb-cond__mode{padding:3px 8px;border:1px solid var(--fb-border-subtle, #e6e9ee);border-radius:12px;background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:11px;cursor:pointer}.fb-cond__mode:hover{background:var(--fb-surface-alt, #f8f9fb)}.fb-cond__mode--active{border-color:var(--fb-accent, #2f6feb);background:color-mix(in srgb,var(--fb-accent, #2f6feb) 10%,transparent);color:var(--fb-accent, #2f6feb);font-weight:600}.fb-cond__placeholder{padding:1px 6px;border-radius:8px;background:color-mix(in srgb,var(--fb-warning, #b7791f) 14%,transparent);font-size:10px;font-weight:600;color:var(--fb-warning, #b7791f)}\n"] }]
         }], ctorParameters: () => [], propDecorators: { holder: [{ type: i0.Input, args: [{ isSignal: true, alias: "holder", required: true }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], allowFormula: [{ type: i0.Input, args: [{ isSignal: true, alias: "allowFormula", required: false }] }], allowLogic: [{ type: i0.Input, args: [{ isSignal: true, alias: "allowLogic", required: false }] }], issuePath: [{ type: i0.Input, args: [{ isSignal: true, alias: "issuePath", required: false }] }], changed: [{ type: i0.Output, args: ["changed"] }] } });
 
 /**
@@ -6542,11 +7105,11 @@ class RecordFilterEditorComponent {
         return this.types.objectTypeOf(filter.field);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: RecordFilterEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: RecordFilterEditorComponent, isStandalone: true, selector: "fb-record-filter-editor", inputs: { holder: { classPropertyName: "holder", publicName: "holder", isSignal: true, isRequired: true, transformFunction: null }, object: { classPropertyName: "object", publicName: "object", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, usage: { classPropertyName: "usage", publicName: "usage", isSignal: true, isRequired: false, transformFunction: null }, supportsLogic: { classPropertyName: "supportsLogic", publicName: "supportsLogic", isSignal: true, isRequired: false, transformFunction: null }, supportsFormula: { classPropertyName: "supportsFormula", publicName: "supportsFormula", isSignal: true, isRequired: false, transformFunction: null }, emptyWarning: { classPropertyName: "emptyWarning", publicName: "emptyWarning", isSignal: true, isRequired: false, transformFunction: null }, emptyWarningSeverity: { classPropertyName: "emptyWarningSeverity", publicName: "emptyWarningSeverity", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { changed: "changed" }, ngImport: i0, template: "<fieldset class=\"fb-section\">\r\n  <legend class=\"fb-section__title\">{{ title() }}</legend>\r\n\r\n  @if (!object()) {\r\n    <p class=\"fb-field__hint\">Scegli prima un oggetto per poter filtrare sui suoi campi.</p>\r\n  }\r\n\r\n  @if (supportsLogic()) {\r\n    <div class=\"fb-filter__modes\" role=\"group\" aria-label=\"Logica dei filtri\">\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-filter__mode\"\r\n        [class.fb-filter__mode--active]=\"logicMode() === 'and'\"\r\n        (click)=\"setLogicMode('and')\"\r\n      >\r\n        Tutti (AND)\r\n      </button>\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-filter__mode\"\r\n        [class.fb-filter__mode--active]=\"logicMode() === 'or'\"\r\n        (click)=\"setLogicMode('or')\"\r\n      >\r\n        Almeno uno (OR)\r\n      </button>\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-filter__mode\"\r\n        [class.fb-filter__mode--active]=\"logicMode() === 'custom'\"\r\n        (click)=\"setLogicMode('custom')\"\r\n      >\r\n        Espressione\r\n      </button>\r\n      @if (supportsFormula()) {\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-filter__mode\"\r\n          [class.fb-filter__mode--active]=\"logicMode() === 'formula'\"\r\n          (click)=\"setLogicMode('formula')\"\r\n        >\r\n          Formula\r\n        </button>\r\n      }\r\n    </div>\r\n  } @else {\r\n    <!-- Qui il modello non ha `filterLogic`: mostrarlo lo farebbe perdere al salvataggio. -->\r\n    <p class=\"fb-field__hint\">Su questo elemento i filtri sono sempre combinati in AND.</p>\r\n  }\r\n\r\n  @if (supportsLogic() && logicMode() === 'custom') {\r\n    <div class=\"fb-field\">\r\n      <input\r\n        class=\"fb-input fb-input--mono\"\r\n        [value]=\"customLogic()\"\r\n        placeholder=\"1 AND (2 OR 3)\"\r\n        aria-label=\"Espressione sugli indici dei filtri\"\r\n        (input)=\"setCustomLogic($any($event.target).value)\"\r\n      />\r\n    </div>\r\n  }\r\n\r\n  @if (supportsFormula() && logicMode() === 'formula') {\r\n    <div class=\"fb-field\">\r\n      <label class=\"fb-field__label\">Formula di filtro</label>\r\n      <textarea\r\n        class=\"fb-textarea fb-input--mono\"\r\n        [value]=\"holder().filterFormula || ''\"\r\n        (input)=\"setFormula($any($event.target).value)\"\r\n      ></textarea>\r\n      <p class=\"fb-field__hint\">Valutata dal motore di regole, in alternativa ai filtri.</p>\r\n    </div>\r\n  }\r\n\r\n  @if (identifierNotFilterable()) {\r\n    <p class=\"fb-field__hint\">\r\n      Su questo oggetto l\u2019identificativo non e\u2019 filtrabile: la chiave e\u2019 composta e porta la propria\r\n      forma canonica. Filtra per le colonne della chiave, una per colonna.\r\n    </p>\r\n  }\r\n\r\n  @if (showEmptyWarning()) {\r\n    <p\r\n      class=\"fb-callout\"\r\n      [class.fb-callout--warn]=\"emptyWarningSeverity() === 'warn'\"\r\n      [class.fb-callout--error]=\"emptyWarningSeverity() === 'error'\"\r\n    >\r\n      {{ emptyWarning() }}\r\n    </p>\r\n  }\r\n\r\n  <div class=\"fb-list\">\r\n    @for (filter of filters(); 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 il filtro\"\r\n            (click)=\"removeFilter($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\">Campo</label>\r\n          <fb-field-picker\r\n            [value]=\"filter.field\"\r\n            [object]=\"object()\"\r\n            [usage]=\"usage()\"\r\n            placeholder=\"Scrivi o scegli un campo\"\r\n            (valueChange)=\"setField($index, $event ?? '')\"\r\n          />\r\n        </div>\r\n\r\n        <div class=\"fb-field\">\r\n          <label class=\"fb-field__label\">Operatore</label>\r\n          <select\r\n            class=\"fb-select\"\r\n            [fbValue]=\"filter.operator || ''\"\r\n            (change)=\"setOperator($index, $any($event.target).value)\"\r\n          >\r\n            @for (operator of operators(); track operator.value) {\r\n              <option [value]=\"operator.value\">{{ operator.label }}</option>\r\n            }\r\n          </select>\r\n        </div>\r\n\r\n        @if (isNullOperator(filter)) {\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label\">Esito atteso</label>\r\n            <div class=\"fb-filter__modes\">\r\n              <button\r\n                type=\"button\"\r\n                class=\"fb-filter__mode\"\r\n                [class.fb-filter__mode--active]=\"nullExpectation(filter)\"\r\n                (click)=\"setNullExpectation($index, true)\"\r\n              >\r\n                \u00E8 vuoto\r\n              </button>\r\n              <button\r\n                type=\"button\"\r\n                class=\"fb-filter__mode\"\r\n                [class.fb-filter__mode--active]=\"!nullExpectation(filter)\"\r\n                (click)=\"setNullExpectation($index, false)\"\r\n              >\r\n                non \u00E8 vuoto\r\n              </button>\r\n            </div>\r\n          </div>\r\n        } @else {\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label\">Valore</label>\r\n            <fb-value-editor\r\n              [value]=\"filter.value\"\r\n              [dataType]=\"fieldDataType(filter)\"\r\n              [objectType]=\"fieldObjectType(filter)\"\r\n              label=\"Valore del filtro\"\r\n              [allowFormula]=\"false\"\r\n              (valueChange)=\"setValue($index, $event)\"\r\n            />\r\n          </div>\r\n        }\r\n      </div>\r\n    } @empty {\r\n      <p class=\"fb-empty\">Nessun filtro.</p>\r\n    }\r\n  </div>\r\n\r\n  <button type=\"button\" class=\"fb-btn\" (click)=\"addFilter()\">Aggiungi filtro</button>\r\n</fieldset>\r\n", styles: [":host{display:block}.fb-filter__modes{display:flex;flex-wrap:wrap;gap:3px;margin-bottom:8px}.fb-filter__mode{padding:3px 8px;border:1px solid var(--fb-border-subtle, #e6e9ee);border-radius:12px;background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:11px;cursor:pointer}.fb-filter__mode:hover{background:var(--fb-surface-alt, #f8f9fb)}.fb-filter__mode--active{border-color:var(--fb-accent, #2f6feb);background:color-mix(in srgb,var(--fb-accent, #2f6feb) 10%,transparent);color:var(--fb-accent, #2f6feb);font-weight:600}\n"], dependencies: [{ kind: "component", type: FieldPickerComponent, selector: "fb-field-picker", inputs: ["value", "object", "usage", "label", "placeholder", "disabled"], 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: RecordFilterEditorComponent, isStandalone: true, selector: "fb-record-filter-editor", inputs: { holder: { classPropertyName: "holder", publicName: "holder", isSignal: true, isRequired: true, transformFunction: null }, object: { classPropertyName: "object", publicName: "object", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, usage: { classPropertyName: "usage", publicName: "usage", isSignal: true, isRequired: false, transformFunction: null }, supportsLogic: { classPropertyName: "supportsLogic", publicName: "supportsLogic", isSignal: true, isRequired: false, transformFunction: null }, supportsFormula: { classPropertyName: "supportsFormula", publicName: "supportsFormula", isSignal: true, isRequired: false, transformFunction: null }, emptyWarning: { classPropertyName: "emptyWarning", publicName: "emptyWarning", isSignal: true, isRequired: false, transformFunction: null }, emptyWarningSeverity: { classPropertyName: "emptyWarningSeverity", publicName: "emptyWarningSeverity", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { changed: "changed" }, ngImport: i0, template: "<fieldset class=\"fb-section\">\r\n  <legend class=\"fb-section__title\">{{ title() }}</legend>\r\n\r\n  @if (!object()) {\r\n    <p class=\"fb-field__hint\">Scegli prima un oggetto per poter filtrare sui suoi campi.</p>\r\n  }\r\n\r\n  @if (supportsLogic()) {\r\n    <div class=\"fb-filter__modes\" role=\"group\" aria-label=\"Logica dei filtri\">\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-filter__mode\"\r\n        [class.fb-filter__mode--active]=\"logicMode() === 'and'\"\r\n        (click)=\"setLogicMode('and')\"\r\n      >\r\n        Tutti (AND)\r\n      </button>\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-filter__mode\"\r\n        [class.fb-filter__mode--active]=\"logicMode() === 'or'\"\r\n        (click)=\"setLogicMode('or')\"\r\n      >\r\n        Almeno uno (OR)\r\n      </button>\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-filter__mode\"\r\n        [class.fb-filter__mode--active]=\"logicMode() === 'custom'\"\r\n        (click)=\"setLogicMode('custom')\"\r\n      >\r\n        Espressione\r\n      </button>\r\n      @if (supportsFormula()) {\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-filter__mode\"\r\n          [class.fb-filter__mode--active]=\"logicMode() === 'formula'\"\r\n          (click)=\"setLogicMode('formula')\"\r\n        >\r\n          Formula\r\n        </button>\r\n      }\r\n    </div>\r\n  } @else {\r\n    <!-- Qui il modello non ha `filterLogic`: mostrarlo lo farebbe perdere al salvataggio. -->\r\n    <p class=\"fb-field__hint\">Su questo elemento i filtri sono sempre combinati in AND.</p>\r\n  }\r\n\r\n  @if (supportsLogic() && logicMode() === 'custom') {\r\n    <div class=\"fb-field\">\r\n      <input\r\n        class=\"fb-input fb-input--mono\"\r\n        [value]=\"customLogic()\"\r\n        placeholder=\"1 AND (2 OR 3)\"\r\n        aria-label=\"Espressione sugli indici dei filtri\"\r\n        (input)=\"setCustomLogic($any($event.target).value)\"\r\n      />\r\n    </div>\r\n  }\r\n\r\n  @if (supportsFormula() && logicMode() === 'formula') {\r\n    <div class=\"fb-field\">\r\n      <label class=\"fb-field__label\">Formula di filtro</label>\r\n      <fb-formula-editor\r\n        [expression]=\"holder().filterFormula || ''\"\r\n        usage=\"Condition\"\r\n        expectedDataType=\"Boolean\"\r\n        ariaLabel=\"Formula di filtro\"\r\n        (expressionChange)=\"setFormula($event)\"\r\n      >\r\n        <p class=\"fb-field__hint\">Valutata dal motore di regole, in alternativa ai filtri.</p>\r\n      </fb-formula-editor>\r\n    </div>\r\n  }\r\n\r\n  @if (identifierNotFilterable()) {\r\n    <p class=\"fb-field__hint\">\r\n      Su questo oggetto l\u2019identificativo non e\u2019 filtrabile: la chiave e\u2019 composta e porta la propria\r\n      forma canonica. Filtra per le colonne della chiave, una per colonna.\r\n    </p>\r\n  }\r\n\r\n  @if (showEmptyWarning()) {\r\n    <p\r\n      class=\"fb-callout\"\r\n      [class.fb-callout--warn]=\"emptyWarningSeverity() === 'warn'\"\r\n      [class.fb-callout--error]=\"emptyWarningSeverity() === 'error'\"\r\n    >\r\n      {{ emptyWarning() }}\r\n    </p>\r\n  }\r\n\r\n  <div class=\"fb-list\">\r\n    @for (filter of filters(); 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 il filtro\"\r\n            (click)=\"removeFilter($index)\"\r\n          >\r\n            \u00D7\r\n          </button>\r\n        </div>\r\n\r\n        <!-- Campo, operatore e valore sono una frase sola: si leggono in riga. -->\r\n        <div class=\"fb-fields-row\">\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label\">Campo</label>\r\n            <fb-field-picker\r\n              [value]=\"filter.field\"\r\n              [object]=\"object()\"\r\n              [usage]=\"usage()\"\r\n              placeholder=\"Scrivi o scegli un campo\"\r\n              (valueChange)=\"setField($index, $event ?? '')\"\r\n            />\r\n          </div>\r\n\r\n          <div class=\"fb-field fb-field--compact\">\r\n            <label class=\"fb-field__label\">Operatore</label>\r\n            <select\r\n              class=\"fb-select\"\r\n              [fbValue]=\"filter.operator || ''\"\r\n              (change)=\"setOperator($index, $any($event.target).value)\"\r\n            >\r\n              @for (operator of operators(); track operator.value) {\r\n                <option [value]=\"operator.value\">{{ operator.label }}</option>\r\n              }\r\n            </select>\r\n          </div>\r\n\r\n          @if (isNullOperator(filter)) {\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label\">Esito atteso</label>\r\n              <div class=\"fb-filter__modes\">\r\n                <button\r\n                  type=\"button\"\r\n                  class=\"fb-filter__mode\"\r\n                  [class.fb-filter__mode--active]=\"nullExpectation(filter)\"\r\n                  (click)=\"setNullExpectation($index, true)\"\r\n                >\r\n                  \u00E8 vuoto\r\n                </button>\r\n                <button\r\n                  type=\"button\"\r\n                  class=\"fb-filter__mode\"\r\n                  [class.fb-filter__mode--active]=\"!nullExpectation(filter)\"\r\n                  (click)=\"setNullExpectation($index, false)\"\r\n                >\r\n                  non \u00E8 vuoto\r\n                </button>\r\n              </div>\r\n            </div>\r\n          } @else {\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label\">Valore</label>\r\n              <fb-value-editor\r\n                [value]=\"filter.value\"\r\n                [dataType]=\"fieldDataType(filter)\"\r\n                [objectType]=\"fieldObjectType(filter)\"\r\n                label=\"Valore del filtro\"\r\n                [allowFormula]=\"false\"\r\n                (valueChange)=\"setValue($index, $event)\"\r\n              />\r\n            </div>\r\n          }\r\n        </div>\r\n      </div>\r\n    } @empty {\r\n      <p class=\"fb-empty\">Nessun filtro.</p>\r\n    }\r\n  </div>\r\n\r\n  <button type=\"button\" class=\"fb-btn\" (click)=\"addFilter()\">Aggiungi filtro</button>\r\n</fieldset>\r\n", styles: [":host{display:block}.fb-filter__modes{display:flex;flex-wrap:wrap;gap:3px;margin-bottom:8px}.fb-filter__mode{padding:3px 8px;border:1px solid var(--fb-border-subtle, #e6e9ee);border-radius:12px;background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:11px;cursor:pointer}.fb-filter__mode:hover{background:var(--fb-surface-alt, #f8f9fb)}.fb-filter__mode--active{border-color:var(--fb-accent, #2f6feb);background:color-mix(in srgb,var(--fb-accent, #2f6feb) 10%,transparent);color:var(--fb-accent, #2f6feb);font-weight:600}\n"], dependencies: [{ kind: "component", type: FieldPickerComponent, selector: "fb-field-picker", inputs: ["value", "object", "usage", "label", "placeholder", "disabled"], outputs: ["valueChange"] }, { kind: "component", type: FormulaEditorComponent, selector: "fb-formula-editor", inputs: ["expression", "usage", "expectedDataType", "scale", "placeholder", "ariaLabel", "disabled", "rows", "commitOn"], outputs: ["expressionChange"] }, { 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: RecordFilterEditorComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'fb-record-filter-editor', standalone: true, imports: [FieldPickerComponent, ValueEditorComponent, SelectValueDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<fieldset class=\"fb-section\">\r\n  <legend class=\"fb-section__title\">{{ title() }}</legend>\r\n\r\n  @if (!object()) {\r\n    <p class=\"fb-field__hint\">Scegli prima un oggetto per poter filtrare sui suoi campi.</p>\r\n  }\r\n\r\n  @if (supportsLogic()) {\r\n    <div class=\"fb-filter__modes\" role=\"group\" aria-label=\"Logica dei filtri\">\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-filter__mode\"\r\n        [class.fb-filter__mode--active]=\"logicMode() === 'and'\"\r\n        (click)=\"setLogicMode('and')\"\r\n      >\r\n        Tutti (AND)\r\n      </button>\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-filter__mode\"\r\n        [class.fb-filter__mode--active]=\"logicMode() === 'or'\"\r\n        (click)=\"setLogicMode('or')\"\r\n      >\r\n        Almeno uno (OR)\r\n      </button>\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-filter__mode\"\r\n        [class.fb-filter__mode--active]=\"logicMode() === 'custom'\"\r\n        (click)=\"setLogicMode('custom')\"\r\n      >\r\n        Espressione\r\n      </button>\r\n      @if (supportsFormula()) {\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-filter__mode\"\r\n          [class.fb-filter__mode--active]=\"logicMode() === 'formula'\"\r\n          (click)=\"setLogicMode('formula')\"\r\n        >\r\n          Formula\r\n        </button>\r\n      }\r\n    </div>\r\n  } @else {\r\n    <!-- Qui il modello non ha `filterLogic`: mostrarlo lo farebbe perdere al salvataggio. -->\r\n    <p class=\"fb-field__hint\">Su questo elemento i filtri sono sempre combinati in AND.</p>\r\n  }\r\n\r\n  @if (supportsLogic() && logicMode() === 'custom') {\r\n    <div class=\"fb-field\">\r\n      <input\r\n        class=\"fb-input fb-input--mono\"\r\n        [value]=\"customLogic()\"\r\n        placeholder=\"1 AND (2 OR 3)\"\r\n        aria-label=\"Espressione sugli indici dei filtri\"\r\n        (input)=\"setCustomLogic($any($event.target).value)\"\r\n      />\r\n    </div>\r\n  }\r\n\r\n  @if (supportsFormula() && logicMode() === 'formula') {\r\n    <div class=\"fb-field\">\r\n      <label class=\"fb-field__label\">Formula di filtro</label>\r\n      <textarea\r\n        class=\"fb-textarea fb-input--mono\"\r\n        [value]=\"holder().filterFormula || ''\"\r\n        (input)=\"setFormula($any($event.target).value)\"\r\n      ></textarea>\r\n      <p class=\"fb-field__hint\">Valutata dal motore di regole, in alternativa ai filtri.</p>\r\n    </div>\r\n  }\r\n\r\n  @if (identifierNotFilterable()) {\r\n    <p class=\"fb-field__hint\">\r\n      Su questo oggetto l\u2019identificativo non e\u2019 filtrabile: la chiave e\u2019 composta e porta la propria\r\n      forma canonica. Filtra per le colonne della chiave, una per colonna.\r\n    </p>\r\n  }\r\n\r\n  @if (showEmptyWarning()) {\r\n    <p\r\n      class=\"fb-callout\"\r\n      [class.fb-callout--warn]=\"emptyWarningSeverity() === 'warn'\"\r\n      [class.fb-callout--error]=\"emptyWarningSeverity() === 'error'\"\r\n    >\r\n      {{ emptyWarning() }}\r\n    </p>\r\n  }\r\n\r\n  <div class=\"fb-list\">\r\n    @for (filter of filters(); 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 il filtro\"\r\n            (click)=\"removeFilter($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\">Campo</label>\r\n          <fb-field-picker\r\n            [value]=\"filter.field\"\r\n            [object]=\"object()\"\r\n            [usage]=\"usage()\"\r\n            placeholder=\"Scrivi o scegli un campo\"\r\n            (valueChange)=\"setField($index, $event ?? '')\"\r\n          />\r\n        </div>\r\n\r\n        <div class=\"fb-field\">\r\n          <label class=\"fb-field__label\">Operatore</label>\r\n          <select\r\n            class=\"fb-select\"\r\n            [fbValue]=\"filter.operator || ''\"\r\n            (change)=\"setOperator($index, $any($event.target).value)\"\r\n          >\r\n            @for (operator of operators(); track operator.value) {\r\n              <option [value]=\"operator.value\">{{ operator.label }}</option>\r\n            }\r\n          </select>\r\n        </div>\r\n\r\n        @if (isNullOperator(filter)) {\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label\">Esito atteso</label>\r\n            <div class=\"fb-filter__modes\">\r\n              <button\r\n                type=\"button\"\r\n                class=\"fb-filter__mode\"\r\n                [class.fb-filter__mode--active]=\"nullExpectation(filter)\"\r\n                (click)=\"setNullExpectation($index, true)\"\r\n              >\r\n                \u00E8 vuoto\r\n              </button>\r\n              <button\r\n                type=\"button\"\r\n                class=\"fb-filter__mode\"\r\n                [class.fb-filter__mode--active]=\"!nullExpectation(filter)\"\r\n                (click)=\"setNullExpectation($index, false)\"\r\n              >\r\n                non \u00E8 vuoto\r\n              </button>\r\n            </div>\r\n          </div>\r\n        } @else {\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label\">Valore</label>\r\n            <fb-value-editor\r\n              [value]=\"filter.value\"\r\n              [dataType]=\"fieldDataType(filter)\"\r\n              [objectType]=\"fieldObjectType(filter)\"\r\n              label=\"Valore del filtro\"\r\n              [allowFormula]=\"false\"\r\n              (valueChange)=\"setValue($index, $event)\"\r\n            />\r\n          </div>\r\n        }\r\n      </div>\r\n    } @empty {\r\n      <p class=\"fb-empty\">Nessun filtro.</p>\r\n    }\r\n  </div>\r\n\r\n  <button type=\"button\" class=\"fb-btn\" (click)=\"addFilter()\">Aggiungi filtro</button>\r\n</fieldset>\r\n", styles: [":host{display:block}.fb-filter__modes{display:flex;flex-wrap:wrap;gap:3px;margin-bottom:8px}.fb-filter__mode{padding:3px 8px;border:1px solid var(--fb-border-subtle, #e6e9ee);border-radius:12px;background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:11px;cursor:pointer}.fb-filter__mode:hover{background:var(--fb-surface-alt, #f8f9fb)}.fb-filter__mode--active{border-color:var(--fb-accent, #2f6feb);background:color-mix(in srgb,var(--fb-accent, #2f6feb) 10%,transparent);color:var(--fb-accent, #2f6feb);font-weight:600}\n"] }]
+            args: [{ selector: 'fb-record-filter-editor', standalone: true, imports: [FieldPickerComponent, FormulaEditorComponent, ValueEditorComponent, SelectValueDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<fieldset class=\"fb-section\">\r\n  <legend class=\"fb-section__title\">{{ title() }}</legend>\r\n\r\n  @if (!object()) {\r\n    <p class=\"fb-field__hint\">Scegli prima un oggetto per poter filtrare sui suoi campi.</p>\r\n  }\r\n\r\n  @if (supportsLogic()) {\r\n    <div class=\"fb-filter__modes\" role=\"group\" aria-label=\"Logica dei filtri\">\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-filter__mode\"\r\n        [class.fb-filter__mode--active]=\"logicMode() === 'and'\"\r\n        (click)=\"setLogicMode('and')\"\r\n      >\r\n        Tutti (AND)\r\n      </button>\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-filter__mode\"\r\n        [class.fb-filter__mode--active]=\"logicMode() === 'or'\"\r\n        (click)=\"setLogicMode('or')\"\r\n      >\r\n        Almeno uno (OR)\r\n      </button>\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-filter__mode\"\r\n        [class.fb-filter__mode--active]=\"logicMode() === 'custom'\"\r\n        (click)=\"setLogicMode('custom')\"\r\n      >\r\n        Espressione\r\n      </button>\r\n      @if (supportsFormula()) {\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-filter__mode\"\r\n          [class.fb-filter__mode--active]=\"logicMode() === 'formula'\"\r\n          (click)=\"setLogicMode('formula')\"\r\n        >\r\n          Formula\r\n        </button>\r\n      }\r\n    </div>\r\n  } @else {\r\n    <!-- Qui il modello non ha `filterLogic`: mostrarlo lo farebbe perdere al salvataggio. -->\r\n    <p class=\"fb-field__hint\">Su questo elemento i filtri sono sempre combinati in AND.</p>\r\n  }\r\n\r\n  @if (supportsLogic() && logicMode() === 'custom') {\r\n    <div class=\"fb-field\">\r\n      <input\r\n        class=\"fb-input fb-input--mono\"\r\n        [value]=\"customLogic()\"\r\n        placeholder=\"1 AND (2 OR 3)\"\r\n        aria-label=\"Espressione sugli indici dei filtri\"\r\n        (input)=\"setCustomLogic($any($event.target).value)\"\r\n      />\r\n    </div>\r\n  }\r\n\r\n  @if (supportsFormula() && logicMode() === 'formula') {\r\n    <div class=\"fb-field\">\r\n      <label class=\"fb-field__label\">Formula di filtro</label>\r\n      <fb-formula-editor\r\n        [expression]=\"holder().filterFormula || ''\"\r\n        usage=\"Condition\"\r\n        expectedDataType=\"Boolean\"\r\n        ariaLabel=\"Formula di filtro\"\r\n        (expressionChange)=\"setFormula($event)\"\r\n      >\r\n        <p class=\"fb-field__hint\">Valutata dal motore di regole, in alternativa ai filtri.</p>\r\n      </fb-formula-editor>\r\n    </div>\r\n  }\r\n\r\n  @if (identifierNotFilterable()) {\r\n    <p class=\"fb-field__hint\">\r\n      Su questo oggetto l\u2019identificativo non e\u2019 filtrabile: la chiave e\u2019 composta e porta la propria\r\n      forma canonica. Filtra per le colonne della chiave, una per colonna.\r\n    </p>\r\n  }\r\n\r\n  @if (showEmptyWarning()) {\r\n    <p\r\n      class=\"fb-callout\"\r\n      [class.fb-callout--warn]=\"emptyWarningSeverity() === 'warn'\"\r\n      [class.fb-callout--error]=\"emptyWarningSeverity() === 'error'\"\r\n    >\r\n      {{ emptyWarning() }}\r\n    </p>\r\n  }\r\n\r\n  <div class=\"fb-list\">\r\n    @for (filter of filters(); 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 il filtro\"\r\n            (click)=\"removeFilter($index)\"\r\n          >\r\n            \u00D7\r\n          </button>\r\n        </div>\r\n\r\n        <!-- Campo, operatore e valore sono una frase sola: si leggono in riga. -->\r\n        <div class=\"fb-fields-row\">\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label\">Campo</label>\r\n            <fb-field-picker\r\n              [value]=\"filter.field\"\r\n              [object]=\"object()\"\r\n              [usage]=\"usage()\"\r\n              placeholder=\"Scrivi o scegli un campo\"\r\n              (valueChange)=\"setField($index, $event ?? '')\"\r\n            />\r\n          </div>\r\n\r\n          <div class=\"fb-field fb-field--compact\">\r\n            <label class=\"fb-field__label\">Operatore</label>\r\n            <select\r\n              class=\"fb-select\"\r\n              [fbValue]=\"filter.operator || ''\"\r\n              (change)=\"setOperator($index, $any($event.target).value)\"\r\n            >\r\n              @for (operator of operators(); track operator.value) {\r\n                <option [value]=\"operator.value\">{{ operator.label }}</option>\r\n              }\r\n            </select>\r\n          </div>\r\n\r\n          @if (isNullOperator(filter)) {\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label\">Esito atteso</label>\r\n              <div class=\"fb-filter__modes\">\r\n                <button\r\n                  type=\"button\"\r\n                  class=\"fb-filter__mode\"\r\n                  [class.fb-filter__mode--active]=\"nullExpectation(filter)\"\r\n                  (click)=\"setNullExpectation($index, true)\"\r\n                >\r\n                  \u00E8 vuoto\r\n                </button>\r\n                <button\r\n                  type=\"button\"\r\n                  class=\"fb-filter__mode\"\r\n                  [class.fb-filter__mode--active]=\"!nullExpectation(filter)\"\r\n                  (click)=\"setNullExpectation($index, false)\"\r\n                >\r\n                  non \u00E8 vuoto\r\n                </button>\r\n              </div>\r\n            </div>\r\n          } @else {\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label\">Valore</label>\r\n              <fb-value-editor\r\n                [value]=\"filter.value\"\r\n                [dataType]=\"fieldDataType(filter)\"\r\n                [objectType]=\"fieldObjectType(filter)\"\r\n                label=\"Valore del filtro\"\r\n                [allowFormula]=\"false\"\r\n                (valueChange)=\"setValue($index, $event)\"\r\n              />\r\n            </div>\r\n          }\r\n        </div>\r\n      </div>\r\n    } @empty {\r\n      <p class=\"fb-empty\">Nessun filtro.</p>\r\n    }\r\n  </div>\r\n\r\n  <button type=\"button\" class=\"fb-btn\" (click)=\"addFilter()\">Aggiungi filtro</button>\r\n</fieldset>\r\n", styles: [":host{display:block}.fb-filter__modes{display:flex;flex-wrap:wrap;gap:3px;margin-bottom:8px}.fb-filter__mode{padding:3px 8px;border:1px solid var(--fb-border-subtle, #e6e9ee);border-radius:12px;background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:11px;cursor:pointer}.fb-filter__mode:hover{background:var(--fb-surface-alt, #f8f9fb)}.fb-filter__mode--active{border-color:var(--fb-accent, #2f6feb);background:color-mix(in srgb,var(--fb-accent, #2f6feb) 10%,transparent);color:var(--fb-accent, #2f6feb);font-weight:600}\n"] }]
         }], ctorParameters: () => [], propDecorators: { holder: [{ type: i0.Input, args: [{ isSignal: true, alias: "holder", required: true }] }], object: [{ type: i0.Input, args: [{ isSignal: true, alias: "object", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], usage: [{ type: i0.Input, args: [{ isSignal: true, alias: "usage", required: false }] }], supportsLogic: [{ type: i0.Input, args: [{ isSignal: true, alias: "supportsLogic", required: false }] }], supportsFormula: [{ type: i0.Input, args: [{ isSignal: true, alias: "supportsFormula", required: false }] }], emptyWarning: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyWarning", required: false }] }], emptyWarningSeverity: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyWarningSeverity", required: false }] }], changed: [{ type: i0.Output, args: ["changed"] }] } });
 
 /**
@@ -6678,11 +7241,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            <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 });
+    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          <!-- Nome e valore sono una coppia: in colonna raddoppiavano l\u2019altezza dell\u2019elenco. -->\r\n          <div class=\"fb-fields-row\">\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label\">Parametro</label>\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            </div>\r\n\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label\">Valore</label>\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\r\n            <button\r\n              type=\"button\"\r\n              class=\"fb-btn fb-btn--ghost fb-btn--icon fb-fields-row__action\"\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        </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-fields-row\">\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label\">Parametro</label>\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            </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\r\n            <button\r\n              type=\"button\"\r\n              class=\"fb-btn fb-btn--ghost fb-btn--icon fb-fields-row__action\"\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        </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}\n"], dependencies: [{ kind: "component", type: NamePickerComponent, selector: "fb-name-picker", inputs: ["value", "options", "label", "placeholder", "disabled", "unknownMessage", "unknownSeverity", "unusableOptions", "unusableMessage", "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: [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"] }]
+            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          <!-- Nome e valore sono una coppia: in colonna raddoppiavano l\u2019altezza dell\u2019elenco. -->\r\n          <div class=\"fb-fields-row\">\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label\">Parametro</label>\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            </div>\r\n\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label\">Valore</label>\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\r\n            <button\r\n              type=\"button\"\r\n              class=\"fb-btn fb-btn--ghost fb-btn--icon fb-fields-row__action\"\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        </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-fields-row\">\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label\">Parametro</label>\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            </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\r\n            <button\r\n              type=\"button\"\r\n              class=\"fb-btn fb-btn--ghost fb-btn--icon fb-fields-row__action\"\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        </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}\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"] }] } });
 
 /**
@@ -6767,11 +7330,11 @@ class FieldAssignmentEditorComponent {
         return this.fields().find((field) => field.name === name);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: FieldAssignmentEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: FieldAssignmentEditorComponent, isStandalone: true, selector: "fb-field-assignment-editor", inputs: { holder: { classPropertyName: "holder", publicName: "holder", isSignal: true, isRequired: true, transformFunction: null }, object: { classPropertyName: "object", publicName: "object", isSignal: true, isRequired: false, transformFunction: null }, usage: { classPropertyName: "usage", publicName: "usage", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, disabledReason: { classPropertyName: "disabledReason", publicName: "disabledReason", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { changed: "changed" }, ngImport: i0, template: "<fieldset class=\"fb-section\">\r\n  <legend class=\"fb-section__title\">{{ title() }}</legend>\r\n\r\n  @if (disabledReason()) {\r\n    <p class=\"fb-callout\">{{ disabledReason() }}</p>\r\n  }\r\n  @if (!object()) {\r\n    <p class=\"fb-field__hint\">Scegli prima un oggetto per poterne valorizzare i campi.</p>\r\n  }\r\n  @if (missingRequired().length) {\r\n    <p class=\"fb-callout fb-callout--warn\">\r\n      Campi obbligatori non valorizzati:\r\n      @for (field of missingRequired(); track field.name) {\r\n        <button type=\"button\" class=\"fb-btn fb-btn--ghost fb-btn--icon\" (click)=\"add(field.name)\">\r\n          + {{ field.label || field.name }}\r\n        </button>\r\n      }\r\n    </p>\r\n  }\r\n\r\n  <div class=\"fb-list\">\r\n    @for (assignment of assignments(); track $index) {\r\n      <div class=\"fb-list__item\">\r\n        <div class=\"fb-list__header\">\r\n          <fb-field-picker\r\n            [value]=\"assignment.field\"\r\n            [object]=\"object()\"\r\n            [usage]=\"usage()\"\r\n            placeholder=\"Scrivi o scegli un campo\"\r\n            (valueChange)=\"setField($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)=\"remove($index)\"\r\n          >\r\n            \u00D7\r\n          </button>\r\n        </div>\r\n\r\n        <fb-value-editor\r\n          [value]=\"assignment.value\"\r\n          [dataType]=\"describe(assignment.field)?.dataType\"\r\n          [objectType]=\"describe(assignment.field)?.objectType || undefined\"\r\n          label=\"Valore del campo\"\r\n          (valueChange)=\"setValue($index, $event)\"\r\n        />\r\n      </div>\r\n    } @empty {\r\n      <p class=\"fb-empty\">Nessun campo valorizzato.</p>\r\n    }\r\n  </div>\r\n\r\n  <button type=\"button\" class=\"fb-btn\" (click)=\"add()\">Aggiungi campo</button>\r\n</fieldset>\r\n", styles: [":host{display:block}.fb-list__header .fb-input{flex:1;min-width:0}\n"], dependencies: [{ kind: "component", type: FieldPickerComponent, selector: "fb-field-picker", inputs: ["value", "object", "usage", "label", "placeholder", "disabled"], 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: FieldAssignmentEditorComponent, isStandalone: true, selector: "fb-field-assignment-editor", inputs: { holder: { classPropertyName: "holder", publicName: "holder", isSignal: true, isRequired: true, transformFunction: null }, object: { classPropertyName: "object", publicName: "object", isSignal: true, isRequired: false, transformFunction: null }, usage: { classPropertyName: "usage", publicName: "usage", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, disabledReason: { classPropertyName: "disabledReason", publicName: "disabledReason", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { changed: "changed" }, ngImport: i0, template: "<fieldset class=\"fb-section\">\r\n  <legend class=\"fb-section__title\">{{ title() }}</legend>\r\n\r\n  @if (disabledReason()) {\r\n    <p class=\"fb-callout\">{{ disabledReason() }}</p>\r\n  }\r\n  @if (!object()) {\r\n    <p class=\"fb-field__hint\">Scegli prima un oggetto per poterne valorizzare i campi.</p>\r\n  }\r\n  @if (missingRequired().length) {\r\n    <p class=\"fb-callout fb-callout--warn\">\r\n      Campi obbligatori non valorizzati:\r\n      @for (field of missingRequired(); track field.name) {\r\n        <button type=\"button\" class=\"fb-btn fb-btn--ghost fb-btn--icon\" (click)=\"add(field.name)\">\r\n          + {{ field.label || field.name }}\r\n        </button>\r\n      }\r\n    </p>\r\n  }\r\n\r\n  <div class=\"fb-list\">\r\n    @for (assignment of assignments(); track $index) {\r\n      <div class=\"fb-list__item\">\r\n        <!-- Campo e valore sono una coppia: in colonna raddoppiavano l\u2019altezza dell\u2019elenco. -->\r\n        <div class=\"fb-fields-row\">\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label\">Campo</label>\r\n            <fb-field-picker\r\n              [value]=\"assignment.field\"\r\n              [object]=\"object()\"\r\n              [usage]=\"usage()\"\r\n              placeholder=\"Scrivi o scegli un campo\"\r\n              (valueChange)=\"setField($index, $event ?? '')\"\r\n            />\r\n          </div>\r\n\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label\">Valore</label>\r\n            <fb-value-editor\r\n              [value]=\"assignment.value\"\r\n              [dataType]=\"describe(assignment.field)?.dataType\"\r\n              [objectType]=\"describe(assignment.field)?.objectType || undefined\"\r\n              label=\"Valore del campo\"\r\n              (valueChange)=\"setValue($index, $event)\"\r\n            />\r\n          </div>\r\n\r\n          <button\r\n            type=\"button\"\r\n            class=\"fb-btn fb-btn--ghost fb-btn--icon fb-fields-row__action\"\r\n            aria-label=\"Rimuovi\"\r\n            (click)=\"remove($index)\"\r\n          >\r\n            \u00D7\r\n          </button>\r\n        </div>\r\n      </div>\r\n    } @empty {\r\n      <p class=\"fb-empty\">Nessun campo valorizzato.</p>\r\n    }\r\n  </div>\r\n\r\n  <button type=\"button\" class=\"fb-btn\" (click)=\"add()\">Aggiungi campo</button>\r\n</fieldset>\r\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "component", type: FieldPickerComponent, selector: "fb-field-picker", inputs: ["value", "object", "usage", "label", "placeholder", "disabled"], 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: FieldAssignmentEditorComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'fb-field-assignment-editor', standalone: true, imports: [FieldPickerComponent, ValueEditorComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<fieldset class=\"fb-section\">\r\n  <legend class=\"fb-section__title\">{{ title() }}</legend>\r\n\r\n  @if (disabledReason()) {\r\n    <p class=\"fb-callout\">{{ disabledReason() }}</p>\r\n  }\r\n  @if (!object()) {\r\n    <p class=\"fb-field__hint\">Scegli prima un oggetto per poterne valorizzare i campi.</p>\r\n  }\r\n  @if (missingRequired().length) {\r\n    <p class=\"fb-callout fb-callout--warn\">\r\n      Campi obbligatori non valorizzati:\r\n      @for (field of missingRequired(); track field.name) {\r\n        <button type=\"button\" class=\"fb-btn fb-btn--ghost fb-btn--icon\" (click)=\"add(field.name)\">\r\n          + {{ field.label || field.name }}\r\n        </button>\r\n      }\r\n    </p>\r\n  }\r\n\r\n  <div class=\"fb-list\">\r\n    @for (assignment of assignments(); track $index) {\r\n      <div class=\"fb-list__item\">\r\n        <div class=\"fb-list__header\">\r\n          <fb-field-picker\r\n            [value]=\"assignment.field\"\r\n            [object]=\"object()\"\r\n            [usage]=\"usage()\"\r\n            placeholder=\"Scrivi o scegli un campo\"\r\n            (valueChange)=\"setField($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)=\"remove($index)\"\r\n          >\r\n            \u00D7\r\n          </button>\r\n        </div>\r\n\r\n        <fb-value-editor\r\n          [value]=\"assignment.value\"\r\n          [dataType]=\"describe(assignment.field)?.dataType\"\r\n          [objectType]=\"describe(assignment.field)?.objectType || undefined\"\r\n          label=\"Valore del campo\"\r\n          (valueChange)=\"setValue($index, $event)\"\r\n        />\r\n      </div>\r\n    } @empty {\r\n      <p class=\"fb-empty\">Nessun campo valorizzato.</p>\r\n    }\r\n  </div>\r\n\r\n  <button type=\"button\" class=\"fb-btn\" (click)=\"add()\">Aggiungi campo</button>\r\n</fieldset>\r\n", styles: [":host{display:block}.fb-list__header .fb-input{flex:1;min-width:0}\n"] }]
+            args: [{ selector: 'fb-field-assignment-editor', standalone: true, imports: [FieldPickerComponent, ValueEditorComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<fieldset class=\"fb-section\">\r\n  <legend class=\"fb-section__title\">{{ title() }}</legend>\r\n\r\n  @if (disabledReason()) {\r\n    <p class=\"fb-callout\">{{ disabledReason() }}</p>\r\n  }\r\n  @if (!object()) {\r\n    <p class=\"fb-field__hint\">Scegli prima un oggetto per poterne valorizzare i campi.</p>\r\n  }\r\n  @if (missingRequired().length) {\r\n    <p class=\"fb-callout fb-callout--warn\">\r\n      Campi obbligatori non valorizzati:\r\n      @for (field of missingRequired(); track field.name) {\r\n        <button type=\"button\" class=\"fb-btn fb-btn--ghost fb-btn--icon\" (click)=\"add(field.name)\">\r\n          + {{ field.label || field.name }}\r\n        </button>\r\n      }\r\n    </p>\r\n  }\r\n\r\n  <div class=\"fb-list\">\r\n    @for (assignment of assignments(); track $index) {\r\n      <div class=\"fb-list__item\">\r\n        <!-- Campo e valore sono una coppia: in colonna raddoppiavano l\u2019altezza dell\u2019elenco. -->\r\n        <div class=\"fb-fields-row\">\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label\">Campo</label>\r\n            <fb-field-picker\r\n              [value]=\"assignment.field\"\r\n              [object]=\"object()\"\r\n              [usage]=\"usage()\"\r\n              placeholder=\"Scrivi o scegli un campo\"\r\n              (valueChange)=\"setField($index, $event ?? '')\"\r\n            />\r\n          </div>\r\n\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label\">Valore</label>\r\n            <fb-value-editor\r\n              [value]=\"assignment.value\"\r\n              [dataType]=\"describe(assignment.field)?.dataType\"\r\n              [objectType]=\"describe(assignment.field)?.objectType || undefined\"\r\n              label=\"Valore del campo\"\r\n              (valueChange)=\"setValue($index, $event)\"\r\n            />\r\n          </div>\r\n\r\n          <button\r\n            type=\"button\"\r\n            class=\"fb-btn fb-btn--ghost fb-btn--icon fb-fields-row__action\"\r\n            aria-label=\"Rimuovi\"\r\n            (click)=\"remove($index)\"\r\n          >\r\n            \u00D7\r\n          </button>\r\n        </div>\r\n      </div>\r\n    } @empty {\r\n      <p class=\"fb-empty\">Nessun campo valorizzato.</p>\r\n    }\r\n  </div>\r\n\r\n  <button type=\"button\" class=\"fb-btn\" (click)=\"add()\">Aggiungi campo</button>\r\n</fieldset>\r\n", styles: [":host{display:block}\n"] }]
         }], ctorParameters: () => [], propDecorators: { holder: [{ type: i0.Input, args: [{ isSignal: true, alias: "holder", required: true }] }], object: [{ type: i0.Input, args: [{ isSignal: true, alias: "object", required: false }] }], usage: [{ type: i0.Input, args: [{ isSignal: true, alias: "usage", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], disabledReason: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabledReason", required: false }] }], changed: [{ type: i0.Output, args: ["changed"] }] } });
 
 /**
@@ -6957,8 +7520,8 @@ class ActionCallInspectorComponent extends NodeInspectorBase {
             }
             void this.catalog
                 .listActions(actionType)
-                .then((list) => this.actions.set(list ?? []))
-                .catch(() => this.actions.set([]));
+                .then((list) => this.applyActions(actionType, list ?? []))
+                .catch(() => this.applyActions(actionType, []));
         });
         effect(() => {
             const action = this.action();
@@ -6966,12 +7529,34 @@ class ActionCallInspectorComponent extends NodeInspectorBase {
                 this.parameters.set([]);
                 return;
             }
+            const key = `${action.actionType}/${action.actionName}`;
             void this.catalog
                 .listActionParameters(action.actionType, action.actionName)
-                .then((list) => this.parameters.set(list ?? []))
-                .catch(() => this.parameters.set([]));
+                .then((list) => this.applyParameters(key, list ?? []))
+                .catch(() => this.applyParameters(key, []));
         });
     }
+    /**
+     * Le risposte non arrivano in ordine di richiesta, e il catalogo e' memoizzato: un tipo già
+     * chiesto risponde nel microtask, uno nuovo dopo la rete. Cambiando tipo due volte — o
+     * digitandone il nome, che emette un valore per tasto — la risposta del tipo **precedente**
+     * arrivava per ultima e sovrascriveva l'elenco: l'effetto era una lista di action che sembrava
+     * non filtrata sul tipo scelto. Si scarta quindi cio' che non corrisponde al tipo di adesso.
+     */
+    applyActions(actionType, list) {
+        if (untracked(() => this.action().actionType) !== actionType) {
+            return;
+        }
+        this.actions.set(list);
+    }
+    /** Stessa regola per i parametri, che dipendono da tipo **e** nome dell'action. */
+    applyParameters(key, list) {
+        const current = untracked(() => this.action());
+        if (`${current.actionType}/${current.actionName}` !== key) {
+            return;
+        }
+        this.parameters.set(list);
+    }
     actionTypeOptions = computed(() => this.actionTypes(), ...(ngDevMode ? [{ debugName: "actionTypeOptions" }] : []));
     actionOptions = computed(() => this.actions(), ...(ngDevMode ? [{ debugName: "actionOptions" }] : []));
     parameterCatalog = computed(() => this.parameters(), ...(ngDevMode ? [{ debugName: "parameterCatalog" }] : []));
@@ -7063,7 +7648,7 @@ 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  <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 });
+    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", "unusableOptions", "unusableMessage", "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,
@@ -7213,11 +7798,11 @@ class AssignmentInspectorComponent extends NodeInspectorBase {
         return !operator.startsWith('Remove') || operator === 'RemovePosition' || operator === 'RemoveUncommon';
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: AssignmentInspectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: AssignmentInspectorComponent, isStandalone: true, selector: "fb-assignment-inspector", usesInheritance: true, ngImport: i0, template: "<fieldset class=\"fb-section\">\r\n  <legend class=\"fb-section__title\">Operazioni</legend>\r\n  <p class=\"fb-section__note\">\r\n    Le operazioni sono eseguite <strong>nell\u2019ordine in cui compaiono</strong>: spostarne una cambia il\r\n    risultato.\r\n  </p>\r\n\r\n  <div class=\"fb-list\">\r\n    @for (item of items(); 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=\"Sposta su\"\r\n            [disabled]=\"$first\"\r\n            (click)=\"moveItem($index, -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=\"Sposta giu\u2019\"\r\n            [disabled]=\"$last\"\r\n            (click)=\"moveItem($index, 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 l\u2019operazione\"\r\n            (click)=\"removeItem($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 fb-field__label--required\">Destinazione</label>\r\n          <!--\r\n            Solo destinazioni scrivibili: una costante o una formula produrrebbero\r\n            TARGET_NOT_WRITABLE. Le globali assegnabili \u2014 `$Flow.CurrentStage`,\r\n            `$Flow.ActiveStages` e quelle dichiarate scrivibili dall'host \u2014 arrivano gi\u00E0\r\n            dalla primitiva, non si aggiungono qui.\r\n          -->\r\n          <fb-reference-picker\r\n            [value]=\"item.assignToReference\"\r\n            [writableOnly]=\"true\"\r\n            placeholder=\"Scegli una variabile\"\r\n            (valueChange)=\"setTarget($index, $event)\"\r\n          />\r\n          <p class=\"fb-field__hint\">\r\n            Puoi scrivere anche un campo di un record: <code>Cliente.Email</code>, <code>$Record.Stato</code>.\r\n          </p>\r\n        </div>\r\n\r\n        <div class=\"fb-field\">\r\n          <label class=\"fb-field__label\">Operazione</label>\r\n          <select\r\n            class=\"fb-select\"\r\n            [fbValue]=\"item.operator || ''\"\r\n            (change)=\"setOperator($index, $any($event.target).value)\"\r\n          >\r\n            @for (operator of operators(); track operator.value) {\r\n              <option [value]=\"operator.value\">{{ operator.label }}</option>\r\n            }\r\n          </select>\r\n          @if (operatorDescription(item.operator)) {\r\n            <p class=\"fb-field__hint\">{{ operatorDescription(item.operator) }}</p>\r\n          }\r\n          @if (addSemanticsHint(item)) {\r\n            <p class=\"fb-field__hint\">{{ addSemanticsHint(item) }}</p>\r\n          }\r\n          @if (expectsCollection(item)) {\r\n            <p class=\"fb-field__hint fb-field__hint--warn\">\r\n              Questa operazione ha senso solo su una destinazione collection: su una variabile singola non\r\n              fallisce, semplicemente non fa nulla.\r\n            </p>\r\n          }\r\n        </div>\r\n\r\n        @if (needsValue(item)) {\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label\">Valore</label>\r\n            <!--\r\n              Il tipo della destinazione guida il controllo: su un Enum i valori proponibili sono\r\n              quelli del suo tipo, e farli digitare e' il modo piu' facile di scriverne uno che il\r\n              runtime non riconosce (\u00A74.6). Vale anche dentro una classe \u2014 \u00ABRichiesta.Stato\u00BB \u2014 perche'\r\n              il tipo si ricava navigando i membri (\u00A74.7.1). Ignoto il tipo, il campo resta generico.\r\n            -->\r\n            <fb-value-editor\r\n              [value]=\"item.value\"\r\n              label=\"Valore\"\r\n              [dataType]=\"targetDataType(item)\"\r\n              [objectType]=\"targetObjectType(item)\"\r\n              (valueChange)=\"setValue($index, $event)\"\r\n            />\r\n          </div>\r\n        }\r\n      </div>\r\n    } @empty {\r\n      <p class=\"fb-empty\">\r\n        Nessuna operazione: un Assignment senza operazioni non fa nulla (ASSIGNMENT_WITHOUT_ITEMS).\r\n      </p>\r\n    }\r\n  </div>\r\n\r\n  <button type=\"button\" class=\"fb-btn\" (click)=\"addItem()\">Aggiungi operazione</button>\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: 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: AssignmentInspectorComponent, isStandalone: true, selector: "fb-assignment-inspector", usesInheritance: true, ngImport: i0, template: "<fieldset class=\"fb-section\">\r\n  <legend class=\"fb-section__title\">Operazioni</legend>\r\n  <p class=\"fb-section__note\">\r\n    Le operazioni sono eseguite <strong>nell\u2019ordine in cui compaiono</strong>: spostarne una cambia il\r\n    risultato.\r\n  </p>\r\n\r\n  <div class=\"fb-list\">\r\n    @for (item of items(); 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=\"Sposta su\"\r\n            [disabled]=\"$first\"\r\n            (click)=\"moveItem($index, -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=\"Sposta giu\u2019\"\r\n            [disabled]=\"$last\"\r\n            (click)=\"moveItem($index, 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 l\u2019operazione\"\r\n            (click)=\"removeItem($index)\"\r\n          >\r\n            \u00D7\r\n          </button>\r\n        </div>\r\n\r\n        <!-- Destinazione, operazione e valore sono una frase sola: si leggono in riga. -->\r\n        <div class=\"fb-fields-row\">\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label fb-field__label--required\">Destinazione</label>\r\n            <!--\r\n              Solo destinazioni scrivibili: una costante o una formula produrrebbero\r\n              TARGET_NOT_WRITABLE. Le globali assegnabili \u2014 `$Flow.CurrentStage`,\r\n              `$Flow.ActiveStages` e quelle dichiarate scrivibili dall'host \u2014 arrivano gi\u00E0\r\n              dalla primitiva, non si aggiungono qui.\r\n            -->\r\n            <fb-reference-picker\r\n              [value]=\"item.assignToReference\"\r\n              [writableOnly]=\"true\"\r\n              placeholder=\"Scegli una variabile\"\r\n              (valueChange)=\"setTarget($index, $event)\"\r\n            />\r\n            <p class=\"fb-field__hint\">\r\n              Puoi scrivere anche un campo di un record: <code>Cliente.Email</code>, <code>$Record.Stato</code>.\r\n            </p>\r\n          </div>\r\n\r\n          <div class=\"fb-field fb-field--compact\">\r\n            <label class=\"fb-field__label\">Operazione</label>\r\n            <select\r\n              class=\"fb-select\"\r\n              [fbValue]=\"item.operator || ''\"\r\n              (change)=\"setOperator($index, $any($event.target).value)\"\r\n            >\r\n              @for (operator of operators(); track operator.value) {\r\n                <option [value]=\"operator.value\">{{ operator.label }}</option>\r\n              }\r\n            </select>\r\n            @if (operatorDescription(item.operator)) {\r\n              <p class=\"fb-field__hint\">{{ operatorDescription(item.operator) }}</p>\r\n            }\r\n            @if (addSemanticsHint(item)) {\r\n              <p class=\"fb-field__hint\">{{ addSemanticsHint(item) }}</p>\r\n            }\r\n            @if (expectsCollection(item)) {\r\n              <p class=\"fb-field__hint fb-field__hint--warn\">\r\n                Questa operazione ha senso solo su una destinazione collection: su una variabile singola non\r\n                fallisce, semplicemente non fa nulla.\r\n              </p>\r\n            }\r\n          </div>\r\n\r\n          @if (needsValue(item)) {\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label\">Valore</label>\r\n              <!--\r\n                Il tipo della destinazione guida il controllo: su un Enum i valori proponibili sono\r\n                quelli del suo tipo, e farli digitare e' il modo piu' facile di scriverne uno che il\r\n                runtime non riconosce (\u00A74.6). Vale anche dentro una classe \u2014 \u00ABRichiesta.Stato\u00BB \u2014 perche'\r\n                il tipo si ricava navigando i membri (\u00A74.7.1). Ignoto il tipo, il campo resta generico.\r\n              -->\r\n              <fb-value-editor\r\n                [value]=\"item.value\"\r\n                label=\"Valore\"\r\n                [dataType]=\"targetDataType(item)\"\r\n                [objectType]=\"targetObjectType(item)\"\r\n                (valueChange)=\"setValue($index, $event)\"\r\n              />\r\n            </div>\r\n          }\r\n        </div>\r\n      </div>\r\n    } @empty {\r\n      <p class=\"fb-empty\">\r\n        Nessuna operazione: un Assignment senza operazioni non fa nulla (ASSIGNMENT_WITHOUT_ITEMS).\r\n      </p>\r\n    }\r\n  </div>\r\n\r\n  <button type=\"button\" class=\"fb-btn\" (click)=\"addItem()\">Aggiungi operazione</button>\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: 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 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: AssignmentInspectorComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'fb-assignment-inspector', standalone: true, imports: [ConnectorEditorComponent, ReferencePickerComponent, ValueEditorComponent, SelectValueDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<fieldset class=\"fb-section\">\r\n  <legend class=\"fb-section__title\">Operazioni</legend>\r\n  <p class=\"fb-section__note\">\r\n    Le operazioni sono eseguite <strong>nell\u2019ordine in cui compaiono</strong>: spostarne una cambia il\r\n    risultato.\r\n  </p>\r\n\r\n  <div class=\"fb-list\">\r\n    @for (item of items(); 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=\"Sposta su\"\r\n            [disabled]=\"$first\"\r\n            (click)=\"moveItem($index, -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=\"Sposta giu\u2019\"\r\n            [disabled]=\"$last\"\r\n            (click)=\"moveItem($index, 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 l\u2019operazione\"\r\n            (click)=\"removeItem($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 fb-field__label--required\">Destinazione</label>\r\n          <!--\r\n            Solo destinazioni scrivibili: una costante o una formula produrrebbero\r\n            TARGET_NOT_WRITABLE. Le globali assegnabili \u2014 `$Flow.CurrentStage`,\r\n            `$Flow.ActiveStages` e quelle dichiarate scrivibili dall'host \u2014 arrivano gi\u00E0\r\n            dalla primitiva, non si aggiungono qui.\r\n          -->\r\n          <fb-reference-picker\r\n            [value]=\"item.assignToReference\"\r\n            [writableOnly]=\"true\"\r\n            placeholder=\"Scegli una variabile\"\r\n            (valueChange)=\"setTarget($index, $event)\"\r\n          />\r\n          <p class=\"fb-field__hint\">\r\n            Puoi scrivere anche un campo di un record: <code>Cliente.Email</code>, <code>$Record.Stato</code>.\r\n          </p>\r\n        </div>\r\n\r\n        <div class=\"fb-field\">\r\n          <label class=\"fb-field__label\">Operazione</label>\r\n          <select\r\n            class=\"fb-select\"\r\n            [fbValue]=\"item.operator || ''\"\r\n            (change)=\"setOperator($index, $any($event.target).value)\"\r\n          >\r\n            @for (operator of operators(); track operator.value) {\r\n              <option [value]=\"operator.value\">{{ operator.label }}</option>\r\n            }\r\n          </select>\r\n          @if (operatorDescription(item.operator)) {\r\n            <p class=\"fb-field__hint\">{{ operatorDescription(item.operator) }}</p>\r\n          }\r\n          @if (addSemanticsHint(item)) {\r\n            <p class=\"fb-field__hint\">{{ addSemanticsHint(item) }}</p>\r\n          }\r\n          @if (expectsCollection(item)) {\r\n            <p class=\"fb-field__hint fb-field__hint--warn\">\r\n              Questa operazione ha senso solo su una destinazione collection: su una variabile singola non\r\n              fallisce, semplicemente non fa nulla.\r\n            </p>\r\n          }\r\n        </div>\r\n\r\n        @if (needsValue(item)) {\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label\">Valore</label>\r\n            <!--\r\n              Il tipo della destinazione guida il controllo: su un Enum i valori proponibili sono\r\n              quelli del suo tipo, e farli digitare e' il modo piu' facile di scriverne uno che il\r\n              runtime non riconosce (\u00A74.6). Vale anche dentro una classe \u2014 \u00ABRichiesta.Stato\u00BB \u2014 perche'\r\n              il tipo si ricava navigando i membri (\u00A74.7.1). Ignoto il tipo, il campo resta generico.\r\n            -->\r\n            <fb-value-editor\r\n              [value]=\"item.value\"\r\n              label=\"Valore\"\r\n              [dataType]=\"targetDataType(item)\"\r\n              [objectType]=\"targetObjectType(item)\"\r\n              (valueChange)=\"setValue($index, $event)\"\r\n            />\r\n          </div>\r\n        }\r\n      </div>\r\n    } @empty {\r\n      <p class=\"fb-empty\">\r\n        Nessuna operazione: un Assignment senza operazioni non fa nulla (ASSIGNMENT_WITHOUT_ITEMS).\r\n      </p>\r\n    }\r\n  </div>\r\n\r\n  <button type=\"button\" class=\"fb-btn\" (click)=\"addItem()\">Aggiungi operazione</button>\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" }]
+            args: [{ selector: 'fb-assignment-inspector', standalone: true, imports: [ConnectorEditorComponent, ReferencePickerComponent, ValueEditorComponent, SelectValueDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<fieldset class=\"fb-section\">\r\n  <legend class=\"fb-section__title\">Operazioni</legend>\r\n  <p class=\"fb-section__note\">\r\n    Le operazioni sono eseguite <strong>nell\u2019ordine in cui compaiono</strong>: spostarne una cambia il\r\n    risultato.\r\n  </p>\r\n\r\n  <div class=\"fb-list\">\r\n    @for (item of items(); 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=\"Sposta su\"\r\n            [disabled]=\"$first\"\r\n            (click)=\"moveItem($index, -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=\"Sposta giu\u2019\"\r\n            [disabled]=\"$last\"\r\n            (click)=\"moveItem($index, 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 l\u2019operazione\"\r\n            (click)=\"removeItem($index)\"\r\n          >\r\n            \u00D7\r\n          </button>\r\n        </div>\r\n\r\n        <!-- Destinazione, operazione e valore sono una frase sola: si leggono in riga. -->\r\n        <div class=\"fb-fields-row\">\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label fb-field__label--required\">Destinazione</label>\r\n            <!--\r\n              Solo destinazioni scrivibili: una costante o una formula produrrebbero\r\n              TARGET_NOT_WRITABLE. Le globali assegnabili \u2014 `$Flow.CurrentStage`,\r\n              `$Flow.ActiveStages` e quelle dichiarate scrivibili dall'host \u2014 arrivano gi\u00E0\r\n              dalla primitiva, non si aggiungono qui.\r\n            -->\r\n            <fb-reference-picker\r\n              [value]=\"item.assignToReference\"\r\n              [writableOnly]=\"true\"\r\n              placeholder=\"Scegli una variabile\"\r\n              (valueChange)=\"setTarget($index, $event)\"\r\n            />\r\n            <p class=\"fb-field__hint\">\r\n              Puoi scrivere anche un campo di un record: <code>Cliente.Email</code>, <code>$Record.Stato</code>.\r\n            </p>\r\n          </div>\r\n\r\n          <div class=\"fb-field fb-field--compact\">\r\n            <label class=\"fb-field__label\">Operazione</label>\r\n            <select\r\n              class=\"fb-select\"\r\n              [fbValue]=\"item.operator || ''\"\r\n              (change)=\"setOperator($index, $any($event.target).value)\"\r\n            >\r\n              @for (operator of operators(); track operator.value) {\r\n                <option [value]=\"operator.value\">{{ operator.label }}</option>\r\n              }\r\n            </select>\r\n            @if (operatorDescription(item.operator)) {\r\n              <p class=\"fb-field__hint\">{{ operatorDescription(item.operator) }}</p>\r\n            }\r\n            @if (addSemanticsHint(item)) {\r\n              <p class=\"fb-field__hint\">{{ addSemanticsHint(item) }}</p>\r\n            }\r\n            @if (expectsCollection(item)) {\r\n              <p class=\"fb-field__hint fb-field__hint--warn\">\r\n                Questa operazione ha senso solo su una destinazione collection: su una variabile singola non\r\n                fallisce, semplicemente non fa nulla.\r\n              </p>\r\n            }\r\n          </div>\r\n\r\n          @if (needsValue(item)) {\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label\">Valore</label>\r\n              <!--\r\n                Il tipo della destinazione guida il controllo: su un Enum i valori proponibili sono\r\n                quelli del suo tipo, e farli digitare e' il modo piu' facile di scriverne uno che il\r\n                runtime non riconosce (\u00A74.6). Vale anche dentro una classe \u2014 \u00ABRichiesta.Stato\u00BB \u2014 perche'\r\n                il tipo si ricava navigando i membri (\u00A74.7.1). Ignoto il tipo, il campo resta generico.\r\n              -->\r\n              <fb-value-editor\r\n                [value]=\"item.value\"\r\n                label=\"Valore\"\r\n                [dataType]=\"targetDataType(item)\"\r\n                [objectType]=\"targetObjectType(item)\"\r\n                (valueChange)=\"setValue($index, $event)\"\r\n              />\r\n            </div>\r\n          }\r\n        </div>\r\n      </div>\r\n    } @empty {\r\n      <p class=\"fb-empty\">\r\n        Nessuna operazione: un Assignment senza operazioni non fa nulla (ASSIGNMENT_WITHOUT_ITEMS).\r\n      </p>\r\n    }\r\n  </div>\r\n\r\n  <button type=\"button\" class=\"fb-btn\" (click)=\"addItem()\">Aggiungi operazione</button>\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" }]
         }], ctorParameters: () => [] });
 
 /**
@@ -7521,15 +8106,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImpo
  * Screen dinamico — FRONTEND.md §5.2.
  *
  * A differenza dello Screen a form (§5.1), qui la schermata **la compone il flow**: l'inspector
- * e' quindi un compositore, non un form di quattro campi. Due pannelli: a sinistra l'albero dei
- * campi con la griglia, a destra le proprieta' del campo selezionato.
+ * e' quindi un compositore, non un form di quattro campi. Tre colonne, come il costruttore di
+ * schermate che tutti conoscono: a sinistra cosa si puo' aggiungere (componenti e campi di
+ * un'entita', due elenchi distinti perche' sono due gesti distinti), al centro **la schermata
+ * disegnata** — si clicca il campo che si vuole configurare e lo si trascina dove deve stare —
+ * e a destra le proprieta' di cio' che e' selezionato.
  *
  * Le cose che questo componente fa di proposito, e che un editor piu' ingenuo sbaglia:
  *
- *  1. **Quali campi mostrare lo decide il dizionario, non il codice.** `screenFieldTypes` porta
- *     `storesValue`, `isCollection`, `acceptsChoices`, `isContainer`, `requiresDataType` (§6.4),
- *     e sono gli **stessi** flag che applica il runtime: reimplementarli qui vorrebbe dire
- *     proporre configurazioni che il motore rifiuta.
+ *  1. **Quali proprieta' mostrare lo decide il dizionario, non il codice.** `screenFieldTypes`
+ *     porta `storesValue`, `isCollection`, `acceptsChoices`, `isContainer`, `requiresDataType`
+ *     (§6.4), e sono gli **stessi** flag che applica il runtime: reimplementarli qui vorrebbe
+ *     dire proporre configurazioni che il motore rifiuta.
  *  2. **Un campo che raccoglie un valore e' una risorsa del flow** (§5.2): il suo nome vive
  *     nello spazio dei nomi comune (§3.3) e rinominarlo riscrive i riferimenti — se ne occupa
  *     `FlowDocumentStore.renameScreenField`, perche' nessuna primitiva del backend lo fa (§13.8).
@@ -7540,19 +8128,43 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImpo
  *  4. **`choiceReferences` accetta solo `Choice` e `DynamicChoiceSet`** (§5.2): puntare a una
  *     variabile e' `SCREEN_FIELD_CHOICE_UNKNOWN`, quindi l'elenco proposto e' filtrato sulle due
  *     collection e non sui riferimenti in generale.
- *  5. **Il trascinamento e' del CDK.** L'annidamento previsto e' sezione → colonne → campi, e
- *     lo spostamento dentro il proprio sottoalbero e' rifiutato da `moveField`: un contenitore
- *     trascinato dentro se stesso porterebbe via tutto quello che contiene.
+ *  5. **L'anteprima non e' il runtime.** Disegna i campi per far capire *dove stanno* e quanto
+ *     sono larghi; i controlli sono inerti (`disabled`, `pointer-events: none`) perche' un input
+ *     che accetta testo in un editor di metadati fa credere di star compilando la schermata.
+ *
+ * Sul trascinamento, vedi {@link hitTest}: il bersaglio lo calcoliamo noi dal DOM, non le drop
+ * list del CDK.
+ */
+/** Lo spessore della barra di inserimento: lo stesso valore del CSS, serve per centrarla. */
+const MARKER_THICKNESS = 3;
+/**
+ * Il glifo di un tipo di campo nella palette. È **presentazione**, non contratto: l'elenco
+ * autoritativo dei tipi resta il dizionario, e un tipo che questa mappa non conosce prende
+ * l'iniziale della propria etichetta invece di sparire.
  */
+const FIELD_ICONS = {
+    DisplayText: '¶',
+    InputField: '▭',
+    LargeTextArea: '▤',
+    PasswordField: '•••',
+    RadioButtons: '◉',
+    DropdownBox: '▾',
+    MultiSelectCheckboxes: '☑',
+    MultiSelectPicklist: '≡',
+    ComponentInstance: '⬡',
+    Region: '▯',
+    RegionContainer: '▣',
+    ObjectProvided: '⌗',
+};
 class DynamicScreenInspectorComponent extends NodeInspectorBase {
     catalog = inject(FlowCatalogStore);
+    document = inject(DOCUMENT);
     dictionary = inject(FlowDictionaryStore);
     elementType = 'DynamicScreen';
     screen = computed(() => this.node(), ...(ngDevMode ? [{ debugName: "screen" }] : []));
-    /** Il percorso del campo selezionato: `null` = nessuno, e il pannello destro lo dice. */
+    /** Il percorso del campo selezionato: `null` = nessuno, e a destra ci sono le proprieta'
+     * della **schermata** — lo stesso gesto del cliccare fuori da un campo. */
     selection = signal(null, ...(ngDevMode ? [{ debugName: "selection" }] : []));
-    /** L'albero appiattito: e' anche cio' che serve per capire quali percorsi esistono ancora. */
-    tree = computed(() => flattenFields(this.screen().fields), ...(ngDevMode ? [{ debugName: "tree" }] : []));
     selectedPath = computed(() => {
         const path = this.selection();
         if (!path) {
@@ -7569,19 +8181,55 @@ class DynamicScreenInspectorComponent extends NodeInspectorBase {
     /** La voce di dizionario del campo selezionato: e' lei a decidere il form di destra. */
     selectedType = computed(() => this.dictionary.screenFieldType(this.selectedField()?.fieldType), ...(ngDevMode ? [{ debugName: "selectedType" }] : []));
     // -------------------------------------------------------------------------
+    // Colonna di sinistra: cosa si puo' aggiungere
+    // -------------------------------------------------------------------------
+    /**
+     * Due elenchi e non uno: un **componente** si sceglie per tipo (che cosa fa), un **campo di
+     * un'entita'** si sceglie per nome (quale dato), e da lì tipo, etichetta, obbligatorieta' e
+     * opzioni arrivano dallo schema (§5.2). Metterli insieme costringerebbe a scegliere prima
+     * `ObjectProvided` e poi il campo, che e' il contrario dell'ordine in cui si pensa.
+     */
+    paletteTab = signal('components', ...(ngDevMode ? [{ debugName: "paletteTab" }] : []));
+    /** L'entita' di cui elencare i campi nella seconda scheda. */
+    fieldsObject = signal(undefined, ...(ngDevMode ? [{ debugName: "fieldsObject" }] : []));
+    objectFields = signal([], ...(ngDevMode ? [{ debugName: "objectFields" }] : []));
+    fieldsOfObject = computed(() => this.objectFields(), ...(ngDevMode ? [{ debugName: "fieldsOfObject" }] : []));
+    iconOf(type) {
+        if (!type) {
+            return '•';
+        }
+        return FIELD_ICONS[type] ?? (this.dictionary.screenFieldType(type)?.label ?? type).charAt(0).toUpperCase();
+    }
+    setPaletteTab(tab) {
+        this.paletteTab.set(tab);
+    }
+    setFieldsObject(object) {
+        this.fieldsObject.set(object || undefined);
+    }
+    // -------------------------------------------------------------------------
     // Cataloghi
     // -------------------------------------------------------------------------
     /** Componenti e form sono la stessa domanda al frontend, e lo stesso catalogo (§5.2). */
+    /** I soli **componenti**: `GET /catalog/forms?kind=Component` (§5.2, §6.4). */
     components = signal([], ...(ngDevMode ? [{ debugName: "components" }] : []));
+    /**
+     * Le schermate intere, che qui non vanno. Serve a dire la cosa giusta su un nome che esiste:
+     * `FORM_KIND_MISMATCH` e non `SCREEN_COMPONENT_UNKNOWN` (§5.2).
+     */
+    forms = signal([], ...(ngDevMode ? [{ debugName: "forms" }] : []));
     componentParameters = signal([], ...(ngDevMode ? [{ debugName: "componentParameters" }] : []));
     /** I tipi di enumerazione: dizionario chiuso, quindi `<select>` e non combo (§4.6). */
     enumTypes = signal([], ...(ngDevMode ? [{ debugName: "enumTypes" }] : []));
     constructor() {
         super();
         void this.catalog
-            .listForms()
+            .listForms('Component')
             .then((list) => this.components.set(list ?? []))
             .catch(() => this.components.set([]));
+        void this.catalog
+            .listForms('Form')
+            .then((list) => this.forms.set(list ?? []))
+            .catch(() => this.forms.set([]));
         void this.catalog
             .listEnumTypes()
             .then((list) => this.enumTypes.set(list ?? []))
@@ -7597,8 +8245,29 @@ class DynamicScreenInspectorComponent extends NodeInspectorBase {
                 .then((list) => this.componentParameters.set(list ?? []))
                 .catch(() => this.componentParameters.set([]));
         });
+        effect(() => {
+            const object = this.fieldsObject();
+            if (!object) {
+                this.objectFields.set([]);
+                return;
+            }
+            void this.catalog
+                .listFields(object)
+                .then((list) => this.objectFields.set(list ?? []))
+                // Elenco vuoto = "non lo so": la scheda lo dice, invece di fingere che l'entita' non
+                // abbia campi (§7).
+                .catch(() => this.objectFields.set([]));
+        });
     }
     componentOptions = computed(() => this.components(), ...(ngDevMode ? [{ debugName: "componentOptions" }] : []));
+    /**
+     * Le schermate che **non** sono anche componenti: una voce senza `formKind` vale `Any` e
+     * compare in entrambe le risposte, quindi qui non va accusata (§6.4).
+     */
+    unusableComponents = computed(() => {
+        const usable = new Set(this.components().map((entry) => entry.name));
+        return this.forms().filter((entry) => !usable.has(entry.name));
+    }, ...(ngDevMode ? [{ debugName: "unusableComponents" }] : []));
     enumOptions = computed(() => this.enumTypes(), ...(ngDevMode ? [{ debugName: "enumOptions" }] : []));
     componentParameterList = computed(() => this.componentParameters(), ...(ngDevMode ? [{ debugName: "componentParameterList" }] : []));
     /**
@@ -7626,118 +8295,386 @@ class DynamicScreenInspectorComponent extends NodeInspectorBase {
         .filter((stage) => stage.name)
         .map((stage) => ({ name: stage.name, label: stage.label ?? null })), ...(ngDevMode ? [{ debugName: "stageOptions" }] : []));
     // -------------------------------------------------------------------------
-    // Lettura dell'albero
+    // Colonna centrale: l'anteprima
     // -------------------------------------------------------------------------
-    icon = elementIcon('DynamicScreen');
     isSelected(path) {
         return samePath(this.selectedPath(), path);
     }
     isContainer(field) {
         return this.dictionary.screenFieldIsContainer(field?.fieldType);
     }
-    /** L'etichetta mostrata nell'albero: `fieldText`, poi il nome, poi un segnaposto. */
+    /** `true` sulla sezione, che dispone i figli **in riga**: le colonne stanno una accanto all'altra. */
+    isSection(field) {
+        return field?.fieldType === 'RegionContainer';
+    }
+    childPath(parent, index) {
+        return [...parent, index];
+    }
+    /** L'etichetta da disegnare: `fieldText`, poi il nome, poi un segnaposto esplicito. */
     captionOf(field) {
-        return field.fieldText || field.name || '(senza nome)';
+        return field.fieldText || field.name || '(senza etichetta)';
     }
     typeLabelOf(field) {
         return this.dictionary.screenFieldType(field.fieldType)?.label ?? field.fieldType ?? '—';
     }
-    /** La larghezza in dodicesimi: assente = tutta la riga, che e' il comportamento di default. */
+    /**
+     * La larghezza in dodicesimi: assente = tutta la riga, che e' il default del runtime. È anche
+     * il numero di colonne che il campo occupa nella griglia dell'anteprima, limitato a 1..12
+     * perche' un valore fuori scala romperebbe la griglia invece di segnalarsi.
+     */
     widthOf(field) {
-        return field.width ?? 12;
+        return Math.min(12, Math.max(1, field.width ?? 12));
     }
-    /** `true` dove il tipo non e' nel dizionario: il form di destra lo dice invece di indovinare. */
+    /** `true` dove il tipo non e' nel dizionario: si dice, invece di indovinare un disegno. */
     isUnknownType(field) {
         return !!field?.fieldType && !this.dictionary.screenFieldType(field.fieldType);
     }
-    /** Il campo raccoglie un valore, quindi e' referenziabile per nome nel resto del flow (§5.2). */
-    selectedIsResource = computed(() => this.selectedType()?.storesValue === true, ...(ngDevMode ? [{ debugName: "selectedIsResource" }] : []));
     /**
-     * §5.2 — uno screen senza campi non ha niente da mostrare (`SCREEN_WITHOUT_FIELDS`), e uno
-     * senza destinazione che non consente «fine» e' un vicolo cieco (`SCREEN_DEAD_END`). Si dicono
-     * qui prima che lo dica la validazione.
+     * Le etichette delle opzioni, per disegnarle nell'anteprima: il `choiceText` di una
+     * `FlowChoice`, il nome del choice set (le sue opzioni sono una query, e non esistono finche'
+     * la schermata non viene presentata — §5.2).
      */
-    isEmpty = computed(() => !this.screen().fields?.length, ...(ngDevMode ? [{ debugName: "isEmpty" }] : []));
-    isDeadEnd = computed(() => {
-        const screen = this.screen();
-        return !screen.connector?.targetReference && screen.allowFinish === false;
-    }, ...(ngDevMode ? [{ debugName: "isDeadEnd" }] : []));
-    allowBack = computed(() => this.screen().allowBack !== false, ...(ngDevMode ? [{ debugName: "allowBack" }] : []));
-    allowFinish = computed(() => this.screen().allowFinish !== false, ...(ngDevMode ? [{ debugName: "allowFinish" }] : []));
-    allowPause = computed(() => this.screen().allowPause !== false, ...(ngDevMode ? [{ debugName: "allowPause" }] : []));
-    showHeader = computed(() => this.screen().showHeader !== false, ...(ngDevMode ? [{ debugName: "showHeader" }] : []));
-    showFooter = computed(() => this.screen().showFooter !== false, ...(ngDevMode ? [{ debugName: "showFooter" }] : []));
-    /** §5.2 — `isEditable` ha default `true`: a `false` il runtime ignora cio' che torna. */
-    selectedIsEditable = computed(() => this.selectedField()?.isEditable !== false, ...(ngDevMode ? [{ debugName: "selectedIsEditable" }] : []));
-    selectedIsRequired = computed(() => this.selectedField()?.isRequired === true, ...(ngDevMode ? [{ debugName: "selectedIsRequired" }] : []));
+    choiceLabelsOf(field) {
+        const document = this.store.document();
+        return (field.choiceReferences ?? []).map((reference) => {
+            const choice = (document.choices ?? []).find((entry) => entry.name === reference);
+            if (choice) {
+                return choice.choiceText || choice.name || reference;
+            }
+            const set = (document.dynamicChoiceSets ?? []).find((entry) => entry.name === reference);
+            return set ? `${set.name} (dinamiche)` : reference;
+        });
+    }
+    /** Il testo mostrato dentro il controllo inerte: il default, se ce n'e' uno leggibile. */
+    placeholderOf(field) {
+        const value = field.defaultValue;
+        if (!value) {
+            return '';
+        }
+        if (value.elementReference) {
+            return `{!${value.elementReference}}`;
+        }
+        if (value.formulaExpression) {
+            return `= ${value.formulaExpression}`;
+        }
+        const literal = value.stringValue ??
+            value.numberValue ??
+            value.integerValue ??
+            value.dateValue ??
+            value.enumValue ??
+            (value.booleanValue === undefined ? undefined : String(value.booleanValue));
+        return literal === undefined ? '' : String(literal);
+    }
+    // -------------------------------------------------------------------------
+    // Trascinamento
+    // -------------------------------------------------------------------------
+    /** Il campo che si sta trascinando: la sua anteprima si sbiadisce e non intercetta il mouse. */
+    dragging = signal(null, ...(ngDevMode ? [{ debugName: "dragging" }] : []));
+    /** Il punto di inserimento corrente, disegnato come una barra fra i campi. */
+    dropTarget = signal(null, ...(ngDevMode ? [{ debugName: "dropTarget" }] : []));
+    isDragging(path) {
+        const current = this.dragging();
+        return !!current && isPathInside(current, path);
+    }
     /**
-     * §5.2 — `storeOutputAutomatically` **insieme** a `outputParameters` e'
-     * `OUTPUT_CONFIGURATION_CONFLICT`: la coppia si mostra come esclusiva, non come due caselle.
+     * La barra di inserimento, disegnata **sopra** l'anteprima e non dentro il contenitore.
+     *
+     * Un tempo era un figlio del contenitore di rilascio, e in una griglia a 12 tracce questo la
+     * rendeva ingovernabile: una barra orizzontale prende `1 / -1`, cioe' una **riga intera piu' il
+     * gap**, e spinge in basso tutto cio' che la segue — compresa la sezione che si stava puntando,
+     * che si sposta di sotto il puntatore. Il gesto successivo rimisurava allora una geometria che
+     * la barra stessa aveva cambiato, il bersaglio cambiava, la barra spariva, la sezione risaliva:
+     * un'oscillazione a ogni movimento, e nessun modo di rilasciare dentro la sezione. Fuori dal
+     * flusso la barra non muove niente, e `hitTest` misura sempre la stessa anteprima.
+     *
+     * Il secondo difetto che questo risolve: fra due colonne che riempivano tutte e 12 le tracce la
+     * barra verticale finiva mandata a capo su una riga di altezza zero, cioe' **invisibile** —
+     * proprio dove serviva di piu'.
+     */
+    dropMarker = computed(() => this.dropTarget()?.marker ?? null, ...(ngDevMode ? [{ debugName: "dropMarker" }] : []));
+    onFieldDragStarted(path) {
+        this.dragging.set([...path]);
+        this.select(path);
+    }
+    onFieldDragMoved(event) {
+        this.dropTarget.set(this.hitTest(event.pointerPosition.x, event.pointerPosition.y));
+    }
+    onFieldDragEnded(event, path) {
+        const target = this.dropTarget();
+        this.dragging.set(null);
+        this.dropTarget.set(null);
+        // Il campo torna al suo posto: a spostarlo e' il documento, e l'anteprima si ridisegna da
+        // lì. Senza `reset()` resterebbe la trasformazione del trascinamento sull'elemento riusato.
+        event.source.reset();
+        if (!target || isPathInside(path, target.parent)) {
+            // Dentro se stesso no: si porterebbe via tutto il proprio contenuto.
+            return;
+        }
+        this.afterDrag(() => this.applyMove(path, target.parent, target.index, true));
+    }
+    /** Trascinamento **dalla palette**: non sposta niente, crea. */
+    onPaletteDragMoved(event) {
+        this.dropTarget.set(this.hitTest(event.pointerPosition.x, event.pointerPosition.y));
+    }
+    onComponentDragEnded(event, type) {
+        const target = this.dropTarget();
+        this.dropTarget.set(null);
+        event.source.reset();
+        if (target) {
+            this.afterDrag(() => this.addComponent(type, target));
+        }
+    }
+    onObjectFieldDragEnded(event, field) {
+        const target = this.dropTarget();
+        this.dropTarget.set(null);
+        event.source.reset();
+        if (target) {
+            this.afterDrag(() => this.addObjectField(field, target));
+        }
+    }
+    /**
+     * Il documento si muta **dopo** che il gesto e' finito, non dentro `cdkDragEnded`: lì
+     * l'anteprima si ridisegnerebbe mentre il CDK sta ancora chiudendo il trascinamento
+     * sull'elemento che Angular in quel momento riusa per un altro campo. Un rinvio al task
+     * successivo basta, e per chi guarda lo spostamento resta istantaneo.
      */
-    hasOutputConflict = computed(() => {
-        const field = this.selectedField();
-        return field?.storeOutputAutomatically === true && (field.outputParameters?.length ?? 0) > 0;
-    }, ...(ngDevMode ? [{ debugName: "hasOutputConflict" }] : []));
-    /** §5.2 — la choice di default fuori dall'elenco e' un avviso, non un errore. */
-    defaultChoiceIsForeign = computed(() => {
-        const field = this.selectedField();
-        const value = field?.defaultSelectedChoiceReference;
-        return !!value && !(field?.choiceReferences ?? []).includes(value);
-    }, ...(ngDevMode ? [{ debugName: "defaultChoiceIsForeign" }] : []));
-    /** §5.2 — `scale` su un campo non numerico e' `SCALE_NOT_APPLICABLE`. */
-    scaleApplies = computed(() => this.dictionary.supportsScale(this.selectedField()?.dataType), ...(ngDevMode ? [{ debugName: "scaleApplies" }] : []));
-    requiresObjectType = computed(() => this.dictionary.requiresObjectType(this.selectedField()?.dataType), ...(ngDevMode ? [{ debugName: "requiresObjectType" }] : []));
-    objectTypeIsStructure = computed(() => this.dictionary.isStructure(this.selectedField()?.dataType), ...(ngDevMode ? [{ debugName: "objectTypeIsStructure" }] : []));
-    /** L'oggetto di un `ObjectProvided`, cioe' la parte prima del punto (§5.2). */
-    providedObject = computed(() => {
-        const reference = this.selectedField()?.objectFieldReference ?? '';
-        const dot = reference.indexOf('.');
-        return dot < 0 ? reference : reference.slice(0, dot);
-    }, ...(ngDevMode ? [{ debugName: "providedObject" }] : []));
-    providedField = computed(() => {
-        const reference = this.selectedField()?.objectFieldReference ?? '';
-        const dot = reference.indexOf('.');
-        return dot < 0 ? '' : reference.slice(dot + 1);
-    }, ...(ngDevMode ? [{ debugName: "providedField" }] : []));
+    afterDrag(action) {
+        setTimeout(action);
+    }
+    /**
+     * Il bersaglio del rilascio, calcolato dal **DOM** e non dalle drop list del CDK.
+     *
+     * Le drop list annidate qui sono ambigue per costruzione: il rettangolo di una sezione
+     * contiene quello delle sue colonne, e a ricevere il rilascio finisce sempre la lista
+     * registrata per prima, cioe' la radice. Interrogando `elementFromPoint` si prende invece il
+     * contenitore **piu' interno** sotto il puntatore, che e' esattamente quello che si vede.
+     *
+     * L'indice viene dal confronto con la mezzeria dei fratelli, sull'asse del contenitore: le
+     * colonne di una sezione stanno in riga, tutto il resto in colonna.
+     *
+     * La misura e' **sempre** su un'anteprima senza barra di inserimento: la barra e' un velo
+     * assoluto (vedi `dropMarker`), quindi non c'e' il ciclo per cui disegnarla spostava cio' che
+     * si stava puntando.
+     */
+    hitTest(x, y) {
+        const element = this.document.elementFromPoint(x, y);
+        const host = element?.closest('[data-drop]');
+        if (!host) {
+            return null;
+        }
+        const parent = DynamicScreenInspectorComponent.parsePath(host.dataset['drop'] ?? '');
+        const horizontal = host.dataset['axis'] === 'row';
+        const children = Array.from(host.children).filter((child) => child instanceof HTMLElement && child.dataset['item'] !== undefined);
+        /*
+         * Un contenitore verticale manda a capo: due campi da 6/12 stanno **sulla stessa riga**,
+         * e confrontare solo la Y li renderebbe indistinguibili — non si potrebbe inserire fra i
+         * due. Quando il puntatore e' dentro la banda verticale di qualche campo, decide quindi la
+         * X, come in un contenitore orizzontale.
+         */
+        if (!horizontal) {
+            const sameRow = children.filter((child) => {
+                const rect = child.getBoundingClientRect();
+                return y >= rect.top && y <= rect.bottom;
+            });
+            if (sameRow.length) {
+                /*
+                 * Un campo che occupa la riga intera non ha un «di fianco»: inserirgli accanto vuol dire
+                 * sopra o sotto, e allora decide la Y — come nel ramo normale — e la barra e' orizzontale.
+                 * Con la X si sarebbe dovuti passare a destra della mezzeria per inserire *sotto*.
+                 */
+                if (sameRow.length === 1 && this.fillsRow(host, sameRow[0])) {
+                    const child = sameRow[0];
+                    const rect = child.getBoundingClientRect();
+                    const index = children.indexOf(child);
+                    return y < rect.top + rect.height / 2
+                        ? { parent, index, marker: this.barAbove(host, child) }
+                        : { parent, index: index + 1, marker: this.barBelow(host, child) };
+                }
+                for (const child of sameRow) {
+                    const rect = child.getBoundingClientRect();
+                    if (x < rect.left + rect.width / 2) {
+                        return { parent, index: children.indexOf(child), marker: this.barBefore(child) };
+                    }
+                }
+                const last = sameRow[sameRow.length - 1];
+                return { parent, index: children.indexOf(last) + 1, marker: this.barAfter(last) };
+            }
+        }
+        if (!children.length) {
+            // Contenitore vuoto: la barra sta dov'e' il segnaposto, cioe' in mezzo al contenitore.
+            return { parent, index: 0, marker: this.barInside(host) };
+        }
+        const pointer = horizontal ? x : y;
+        for (let index = 0; index < children.length; index += 1) {
+            const child = children[index];
+            const rect = child.getBoundingClientRect();
+            const middle = horizontal ? rect.left + rect.width / 2 : rect.top + rect.height / 2;
+            if (pointer < middle) {
+                return {
+                    parent,
+                    index,
+                    marker: horizontal ? this.barBefore(child) : this.barAbove(host, child),
+                };
+            }
+        }
+        const last = children[children.length - 1];
+        return {
+            parent,
+            index: children.length,
+            marker: horizontal ? this.barAfter(last) : this.barBelow(host, last),
+        };
+    }
+    // ---------------------------------------------------------------- la barra
+    //
+    // Quattro varianti e non due perche' l'inserimento fra due campi affiancati e' **verticale**
+    // anche in un contenitore che va per righe: e' lo stesso ramo `sameRow` di sopra.
+    /** Barra verticale a sinistra di un campo, alta quanto lui. */
+    barBefore(child) {
+        const rect = child.getBoundingClientRect();
+        return this.toFrame(child, rect.left - MARKER_THICKNESS / 2, rect.top, MARKER_THICKNESS, rect.height);
+    }
+    /** Barra verticale a destra di un campo. */
+    barAfter(child) {
+        const rect = child.getBoundingClientRect();
+        return this.toFrame(child, rect.right - MARKER_THICKNESS / 2, rect.top, MARKER_THICKNESS, rect.height);
+    }
+    /** Barra orizzontale sopra un campo, larga quanto le tracce del contenitore. */
+    barAbove(host, child) {
+        const rect = child.getBoundingClientRect();
+        const band = this.contentBand(host);
+        return this.toFrame(host, band.left, rect.top - MARKER_THICKNESS, band.width, MARKER_THICKNESS);
+    }
+    /** Barra orizzontale sotto un campo. */
+    barBelow(host, child) {
+        const rect = child.getBoundingClientRect();
+        const band = this.contentBand(host);
+        return this.toFrame(host, band.left, rect.bottom, band.width, MARKER_THICKNESS);
+    }
+    /** Barra orizzontale in mezzo a un contenitore vuoto, dov'e' il segnaposto. */
+    barInside(host) {
+        const span = host.getBoundingClientRect();
+        const band = this.contentBand(host);
+        return this.toFrame(host, band.left, span.top + span.height / 2 - MARKER_THICKNESS / 2, band.width, MARKER_THICKNESS);
+    }
+    /** La banda occupata dalle tracce della griglia: il rettangolo del contenitore meno il padding. */
+    contentBand(host) {
+        const span = host.getBoundingClientRect();
+        const style = getComputedStyle(host);
+        const left = parseFloat(style.paddingLeft) || 0;
+        const right = parseFloat(style.paddingRight) || 0;
+        return { left: span.left + left, width: Math.max(span.width - left - right, 0) };
+    }
+    /** `true` se il campo occupa tutte le tracce, cioe' se la sua riga e' sua e basta. */
+    fillsRow(host, child) {
+        return child.getBoundingClientRect().width >= this.contentBand(host).width - 1;
+    }
+    /**
+     * Da coordinate del viewport a coordinate del frame dell'anteprima, che e' il contenitore
+     * posizionato in cui vive il velo. Senza la conversione la barra sarebbe fuori posto appena la
+     * dialog e' scorsa.
+     */
+    toFrame(inside, left, top, width, height) {
+        const frame = inside.closest('.fb-scr__frame');
+        const origin = frame?.getBoundingClientRect();
+        return {
+            left: left - (origin?.left ?? 0),
+            top: top - (origin?.top ?? 0),
+            width,
+            height,
+        };
+    }
+    /** `"0.2"` → `[0, 2]`; la radice e' la stringa vuota. */
+    static parsePath(raw) {
+        return raw ? raw.split('.').map((part) => Number(part)) : [];
+    }
+    /** Il valore dell'attributo che marca un contenitore di rilascio. */
+    dropId(path) {
+        return path.join('.');
+    }
     // -------------------------------------------------------------------------
-    // Mutazioni sull'albero
+    // Aggiunta di campi
     // -------------------------------------------------------------------------
-    select(path) {
-        this.selection.set([...path]);
+    /**
+     * Dove finisce un campo aggiunto **con un clic**: dentro il contenitore selezionato, oppure
+     * accanto al campo selezionato, oppure in fondo alla schermata. È l'ordine in cui uno se lo
+     * aspetta dopo aver cliccato una colonna.
+     */
+    clickTarget() {
+        const path = this.selectedPath();
+        if (!path) {
+            return { parent: [], index: this.screen().fields?.length ?? 0 };
+        }
+        if (this.isContainer(this.selectedField())) {
+            return { parent: path, index: fieldAt(this.screen().fields, path)?.fields?.length ?? 0 };
+        }
+        return { parent: path.slice(0, -1), index: path[path.length - 1] + 1 };
+    }
+    addComponentAtSelection(type) {
+        this.addComponent(type, this.clickTarget());
     }
-    /** Aggiunge un campo dentro il contenitore selezionato, o in fondo alla schermata. */
-    addField(type) {
-        const parent = this.parentForNewField();
-        const base = this.dictionary.screenFieldType(type)?.label ?? type;
-        const name = uniqueFlowName(base, this.store.usedNames());
-        const field = { name, fieldType: type };
+    addObjectFieldAtSelection(field) {
+        this.addObjectField(field, this.clickTarget());
+    }
+    /**
+     * Un componente nuovo. Una sezione nasce **con una colonna dentro**: una sezione vuota e'
+     * `SCREEN_CONTAINER_EMPTY` e non ha nemmeno un posto in cui rilasciare i campi, quindi il
+     * primo gesto sarebbe sempre lo stesso.
+     */
+    addComponent(type, target) {
+        const label = this.dictionary.screenFieldType(type)?.label ?? type;
+        const used = [...this.store.usedNames()];
+        const field = { name: uniqueFlowName(label, used), fieldType: type };
+        used.push(field.name);
         if (this.dictionary.screenFieldStoresValue(type) && this.dictionary.screenFieldRequiresDataType(type)) {
             // Il tipo e' obbligatorio (`DATA_TYPE_MISSING`): nascere con `String` evita di
             // presentare come completo un campo che non lo e'. Resta cambiabile.
             field.dataType = 'String';
         }
         if (!this.dictionary.screenFieldIsContainer(type)) {
-            field.fieldText = base;
+            field.fieldText = label;
+        }
+        if (type === 'RegionContainer') {
+            field.fields = [{ name: uniqueFlowName('Colonna', used), fieldType: 'Region', width: 12 }];
         }
         let created;
         this.patch((node) => {
-            created = insertField(node, parent, field);
+            created = insertField(node, target.parent, field, target.index);
         });
         if (created) {
             this.selection.set(created);
         }
     }
     /**
-     * Dove finisce un campo nuovo: dentro il contenitore selezionato (o dentro il contenitore
-     * che contiene il campo selezionato), altrimenti in fondo alla schermata. È il gesto che
-     * l'utente si aspetta dopo aver cliccato una colonna.
+     * §5.2 — un campo dell'entita': `objectFieldReference` fa arrivare tipo, label,
+     * obbligatorieta', scala e le opzioni **dallo schema**, invece di ridichiararli qui.
      */
-    parentForNewField() {
-        const path = this.selectedPath();
-        if (!path) {
-            return [];
+    addObjectField(description, target) {
+        const object = this.fieldsObject();
+        if (!object) {
+            return;
+        }
+        const field = {
+            name: uniqueFlowName(description.name, this.store.usedNames()),
+            fieldType: 'ObjectProvided',
+            objectFieldReference: `${object}.${description.name}`,
+        };
+        let created;
+        this.patch((node) => {
+            created = insertField(node, target.parent, field, target.index);
+        });
+        if (created) {
+            this.selection.set(created);
         }
-        return this.isContainer(this.selectedField()) ? path : path.slice(0, -1);
+    }
+    // -------------------------------------------------------------------------
+    // Mutazioni sull'albero
+    // -------------------------------------------------------------------------
+    select(path) {
+        this.selection.set([...path]);
+    }
+    /** Cliccare la schermata fuori da un campo: a destra tornano le proprieta' della schermata. */
+    selectScreen() {
+        this.selection.set(null);
     }
     removeSelected() {
         const path = this.selectedPath();
@@ -7763,8 +8700,8 @@ class DynamicScreenInspectorComponent extends NodeInspectorBase {
         }
     }
     /**
-     * Spostamento con i tasti: la stessa operazione del trascinamento, per chi non trascina e per
-     * i casi in cui la lista e' piu' alta del pannello.
+     * Spostamento con i tasti: la stessa operazione del trascinamento, per chi non trascina e
+     * perche' spostare di una posizione con il mouse e' piu' difficile che con una freccia.
      */
     moveSelected(direction) {
         const path = this.selectedPath();
@@ -7782,28 +8719,6 @@ class DynamicScreenInspectorComponent extends NodeInspectorBase {
         }
         this.applyMove(path, parent, target);
     }
-    /**
-     * Sposta il campo dentro il contenitore che lo precede. È la controparte esplicita del
-     * trascinamento: dove l'albero e' lungo, mirare la riga giusta costa piu' di un clic.
-     */
-    indentSelected() {
-        const target = this.indentTarget();
-        const path = this.selectedPath();
-        if (!path || !target) {
-            return;
-        }
-        this.applyMove(path, target, (fieldAt(this.screen().fields, target)?.fields?.length ?? 0));
-    }
-    /** Il contenitore in cui «porta dentro» metterebbe il campo, o `null` se non ce n'e' uno. */
-    indentTarget = computed(() => {
-        const path = this.selectedPath();
-        if (!path || path[path.length - 1] === 0) {
-            // Primo della sua lista: non ha un fratello precedente in cui entrare.
-            return null;
-        }
-        const previous = [...path.slice(0, -1), path[path.length - 1] - 1];
-        return this.isContainer(fieldAt(this.screen().fields, previous)) ? previous : null;
-    }, ...(ngDevMode ? [{ debugName: "indentTarget" }] : []));
     /** Estrae il campo dal proprio contenitore e lo mette subito dopo di esso. */
     outdentSelected() {
         const path = this.selectedPath();
@@ -7814,48 +8729,11 @@ class DynamicScreenInspectorComponent extends NodeInspectorBase {
         const parentIndex = path[path.length - 2];
         this.applyMove(path, grandParent, parentIndex + 1);
     }
+    canOutdent = computed(() => (this.selectedPath()?.length ?? 0) >= 2, ...(ngDevMode ? [{ debugName: "canOutdent" }] : []));
     /**
-     * Rilascio del trascinamento sulla lista **piatta**.
-     *
-     * Il contenitore di arrivo non lo dice il CDK — c'e' una sola lista — ma si deduce dalla riga
-     * che **precede** il punto di rilascio, che e' anche cio' che l'utente vede: rilasciare subito
-     * sotto una sezione o una colonna significa «mettilo dentro»; rilasciare sotto un campo
-     * normale significa «mettilo accanto». Sono le due sole intenzioni possibili.
-     */
-    onDrop(event) {
-        const nodes = this.tree();
-        const dragged = nodes[event.previousIndex];
-        if (!dragged) {
-            return;
-        }
-        const from = dragged.path;
-        // L'elenco come lo vede il CDK al momento del rilascio: senza la riga trascinata.
-        const withoutDragged = nodes.filter((_, index) => index !== event.previousIndex);
-        let before;
-        for (let index = event.currentIndex - 1; index >= 0; index -= 1) {
-            const candidate = withoutDragged[index];
-            // Le righe del proprio sottoalbero non sono un ancoraggio valido: e' lì che il campo
-            // finirebbe dentro se stesso.
-            if (candidate && !isPathInside(from, candidate.path)) {
-                before = candidate;
-                break;
-            }
-        }
-        if (!before) {
-            // Rilasciato in cima: primo campo della schermata.
-            this.applyMove(from, [], 0, true);
-            return;
-        }
-        if (this.isContainer(before.field)) {
-            this.applyMove(from, before.path, 0, true);
-            return;
-        }
-        this.applyMove(from, before.path.slice(0, -1), before.path[before.path.length - 1] + 1, true);
-    }
-    /**
-     * `preRemoval` distingue le due convenzioni sull'indice di arrivo: i comandi (su, giu',
-     * porta fuori) ragionano sulla lista **dopo** l'estrazione, il rilascio ragiona su cio' che
-     * si vedeva **prima**. Confonderle sposta di uno ogni trascinamento verso il basso.
+     * `preRemoval` distingue le due convenzioni sull'indice di arrivo: i comandi (su, giu', porta
+     * fuori) ragionano sulla lista **dopo** l'estrazione, il rilascio su cio' che si vedeva
+     * **prima**. Confonderle sposta di uno ogni trascinamento verso il basso.
      */
     applyMove(from, toParent, toIndex, preRemoval = false) {
         const fromParent = from.slice(0, -1);
@@ -7871,6 +8749,58 @@ class DynamicScreenInspectorComponent extends NodeInspectorBase {
         }
     }
     // -------------------------------------------------------------------------
+    // Stato della schermata
+    // -------------------------------------------------------------------------
+    /** Il campo raccoglie un valore, quindi e' referenziabile per nome nel resto del flow (§5.2). */
+    selectedIsResource = computed(() => this.selectedType()?.storesValue === true, ...(ngDevMode ? [{ debugName: "selectedIsResource" }] : []));
+    /**
+     * §5.2 — uno screen senza campi non ha niente da mostrare (`SCREEN_WITHOUT_FIELDS`), e uno
+     * senza destinazione che non consente «fine» e' un vicolo cieco (`SCREEN_DEAD_END`). Si dicono
+     * qui prima che lo dica la validazione.
+     */
+    isEmpty = computed(() => !this.screen().fields?.length, ...(ngDevMode ? [{ debugName: "isEmpty" }] : []));
+    isDeadEnd = computed(() => {
+        const screen = this.screen();
+        return !screen.connector?.targetReference && screen.allowFinish === false;
+    }, ...(ngDevMode ? [{ debugName: "isDeadEnd" }] : []));
+    allowBack = computed(() => this.screen().allowBack !== false, ...(ngDevMode ? [{ debugName: "allowBack" }] : []));
+    allowFinish = computed(() => this.screen().allowFinish !== false, ...(ngDevMode ? [{ debugName: "allowFinish" }] : []));
+    allowPause = computed(() => this.screen().allowPause !== false, ...(ngDevMode ? [{ debugName: "allowPause" }] : []));
+    showHeader = computed(() => this.screen().showHeader !== false, ...(ngDevMode ? [{ debugName: "showHeader" }] : []));
+    showFooter = computed(() => this.screen().showFooter !== false, ...(ngDevMode ? [{ debugName: "showFooter" }] : []));
+    /** §5.2 — `isEditable` ha default `true`: a `false` il runtime ignora cio' che torna. */
+    selectedIsEditable = computed(() => this.selectedField()?.isEditable !== false, ...(ngDevMode ? [{ debugName: "selectedIsEditable" }] : []));
+    selectedIsRequired = computed(() => this.selectedField()?.isRequired === true, ...(ngDevMode ? [{ debugName: "selectedIsRequired" }] : []));
+    /**
+     * §5.2 — `storeOutputAutomatically` **insieme** a `outputParameters` e'
+     * `OUTPUT_CONFIGURATION_CONFLICT`: la coppia si mostra come esclusiva, non come due caselle.
+     */
+    hasOutputConflict = computed(() => {
+        const field = this.selectedField();
+        return field?.storeOutputAutomatically === true && (field.outputParameters?.length ?? 0) > 0;
+    }, ...(ngDevMode ? [{ debugName: "hasOutputConflict" }] : []));
+    /** §5.2 — la choice di default fuori dall'elenco e' un avviso, non un errore. */
+    defaultChoiceIsForeign = computed(() => {
+        const field = this.selectedField();
+        const value = field?.defaultSelectedChoiceReference;
+        return !!value && !(field?.choiceReferences ?? []).includes(value);
+    }, ...(ngDevMode ? [{ debugName: "defaultChoiceIsForeign" }] : []));
+    /** §5.2 — `scale` su un campo non numerico e' `SCALE_NOT_APPLICABLE`. */
+    scaleApplies = computed(() => this.dictionary.supportsScale(this.selectedField()?.dataType), ...(ngDevMode ? [{ debugName: "scaleApplies" }] : []));
+    requiresObjectType = computed(() => this.dictionary.requiresObjectType(this.selectedField()?.dataType), ...(ngDevMode ? [{ debugName: "requiresObjectType" }] : []));
+    objectTypeIsStructure = computed(() => this.dictionary.isStructure(this.selectedField()?.dataType), ...(ngDevMode ? [{ debugName: "objectTypeIsStructure" }] : []));
+    /** L'oggetto di un `ObjectProvided`, cioe' la parte prima del punto (§5.2). */
+    providedObject = computed(() => {
+        const reference = this.selectedField()?.objectFieldReference ?? '';
+        const dot = reference.indexOf('.');
+        return dot < 0 ? reference : reference.slice(0, dot);
+    }, ...(ngDevMode ? [{ debugName: "providedObject" }] : []));
+    providedField = computed(() => {
+        const reference = this.selectedField()?.objectFieldReference ?? '';
+        const dot = reference.indexOf('.');
+        return dot < 0 ? '' : reference.slice(dot + 1);
+    }, ...(ngDevMode ? [{ debugName: "providedField" }] : []));
+    // -------------------------------------------------------------------------
     // Mutazioni sul campo selezionato
     // -------------------------------------------------------------------------
     /** Scrive una proprieta' del campo selezionato; valore vuoto → chiave omessa (§2). */
@@ -8076,24 +9006,25 @@ class DynamicScreenInspectorComponent extends NodeInspectorBase {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: DynamicScreenInspectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: DynamicScreenInspectorComponent, isStandalone: true, selector: "fb-dynamic-screen-inspector", usesInheritance: true, ngImport: i0, template: "<p class=\"fb-callout\">\r\n  Lo screen dinamico <strong>descrive i propri campi</strong>: la schermata la compone il flow, non un\r\n  componente scritto a mano. Un campo che raccoglie un valore diventa una <strong>risorsa</strong> del flow,\r\n  referenziabile per nome ovunque e di sola lettura.\r\n</p>\r\n\r\n<div class=\"fb-dyn\">\r\n  <!-- ------------------------------------------------------------- albero -->\r\n  <section class=\"fb-dyn__pane fb-dyn__pane--tree\" aria-label=\"Campi della schermata\">\r\n    <header class=\"fb-dyn__pane-head\">\r\n      <h3 class=\"fb-dyn__pane-title\">Campi</h3>\r\n      <div class=\"fb-dyn__add\">\r\n        <select class=\"fb-select fb-select--sm\" #newType [disabled]=\"!dictionary.screenFieldTypes().length\">\r\n          @for (entry of dictionary.screenFieldTypes(); track entry.value) {\r\n            <option [value]=\"entry.value\">{{ entry.label }}</option>\r\n          }\r\n        </select>\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-btn fb-btn--primary fb-btn--sm\"\r\n          [disabled]=\"!dictionary.screenFieldTypes().length\"\r\n          (click)=\"addField(newType.value)\"\r\n        >\r\n          Aggiungi\r\n        </button>\r\n      </div>\r\n    </header>\r\n\r\n    @if (!dictionary.screenFieldTypes().length) {\r\n      <p class=\"fb-callout fb-callout--warn\">\r\n        Il dizionario <code>screenFieldTypes</code> non e\u2019 disponibile: senza i suoi flag l\u2019editor non sa\r\n        quali campi ammette ciascun tipo, e non li inventa.\r\n      </p>\r\n    }\r\n\r\n    <p class=\"fb-dyn__hint\">\r\n      Trascina per riordinare e per spostare un campo dentro una sezione o una colonna. L\u2019annidamento\r\n      previsto e\u2019 <strong>sezione \u2192 colonne \u2192 campi</strong>.\r\n    </p>\r\n\r\n    <!--\r\n      **Una sola** lista di rilascio sull'albero appiattito, non una per contenitore.\r\n      Le drop list annidate del CDK sono ambigue proprio qui: il rettangolo di una sezione\r\n      contiene quello delle sue colonne, e chi riceve il rilascio e' la lista registrata per\r\n      prima \u2014 cioe' sempre la radice. Con la lista piatta il contenitore di arrivo si deduce\r\n      dalla riga che precede il punto di rilascio, che e' anche cio' che si vede.\r\n    -->\r\n    <div\r\n      cdkDropList\r\n      class=\"fb-dyn__tree\"\r\n      [cdkDropListData]=\"tree()\"\r\n      (cdkDropListDropped)=\"onDrop($event)\"\r\n    >\r\n      @for (item of tree(); track $index) {\r\n        <div cdkDrag class=\"fb-dyn__item\" [style.margin-left.px]=\"item.depth * 16\">\r\n          <div\r\n            class=\"fb-dyn__row\"\r\n            [class.fb-dyn__row--selected]=\"isSelected(item.path)\"\r\n            [class.fb-dyn__row--container]=\"isContainer(item.field)\"\r\n            role=\"button\"\r\n            tabindex=\"0\"\r\n            (click)=\"select(item.path)\"\r\n            (keydown.enter)=\"select(item.path)\"\r\n            (keydown.space)=\"select(item.path)\"\r\n          >\r\n            <span class=\"fb-dyn__grip\" cdkDragHandle aria-hidden=\"true\">\u283F</span>\r\n            <span class=\"fb-dyn__caption\">{{ captionOf(item.field) }}</span>\r\n            <span class=\"fb-dyn__type\">{{ typeLabelOf(item.field) }}</span>\r\n            @if (item.field.isRequired) {\r\n              <span class=\"fb-dyn__badge fb-dyn__badge--required\" title=\"Obbligatorio\">*</span>\r\n            }\r\n            @if (item.field.visibilityRule?.conditions?.length) {\r\n              <span class=\"fb-dyn__badge\" title=\"Ha una regola di visibilita\u2019\">\u25D0</span>\r\n            }\r\n            @if (!isContainer(item.field)) {\r\n              <!-- La larghezza in dodicesimi, disegnata: e' l'unica parte di layout che il\r\n                   documento porta, e leggerla come numero non dice niente. -->\r\n              <span class=\"fb-dyn__width\" [title]=\"widthOf(item.field) + '/12'\">\r\n                <span class=\"fb-dyn__width-fill\" [style.width.%]=\"(widthOf(item.field) / 12) * 100\"></span>\r\n              </span>\r\n            }\r\n          </div>\r\n        </div>\r\n      }\r\n    </div>\r\n\r\n    @if (isEmpty()) {\r\n      <p class=\"fb-callout fb-callout--warn\">\r\n        La schermata non ha campi: non c\u2019e\u2019 niente da mostrare all\u2019utente (SCREEN_WITHOUT_FIELDS).\r\n      </p>\r\n    }\r\n  </section>\r\n\r\n  <!-- --------------------------------------------------------- proprieta' -->\r\n  <section class=\"fb-dyn__pane fb-dyn__pane--props\" aria-label=\"Proprieta\u2019 del campo\">\r\n    @if (!selectedField()) {\r\n      <p class=\"fb-empty\">Seleziona un campo a sinistra per configurarlo.</p>\r\n    } @else {\r\n      <header class=\"fb-dyn__pane-head\">\r\n        <h3 class=\"fb-dyn__pane-title\">{{ captionOf(selectedField()!) }}</h3>\r\n        <div class=\"fb-dyn__pane-actions\">\r\n          <button type=\"button\" class=\"fb-btn fb-btn--sm\" title=\"Sposta su\" (click)=\"moveSelected(-1)\">\u2191</button>\r\n          <button type=\"button\" class=\"fb-btn fb-btn--sm\" title=\"Sposta giu\u2019\" (click)=\"moveSelected(1)\">\u2193</button>\r\n          <button\r\n            type=\"button\"\r\n            class=\"fb-btn fb-btn--sm\"\r\n            title=\"Porta dentro il contenitore precedente\"\r\n            [disabled]=\"!indentTarget()\"\r\n            (click)=\"indentSelected()\"\r\n          >\r\n            \u21E5\r\n          </button>\r\n          <button\r\n            type=\"button\"\r\n            class=\"fb-btn fb-btn--sm\"\r\n            title=\"Porta fuori dal contenitore\"\r\n            [disabled]=\"(selectedPath()?.length || 0) < 2\"\r\n            (click)=\"outdentSelected()\"\r\n          >\r\n            \u21E4\r\n          </button>\r\n          <button type=\"button\" class=\"fb-btn fb-btn--sm\" (click)=\"duplicateSelected()\">Duplica</button>\r\n          <button type=\"button\" class=\"fb-btn fb-btn--danger fb-btn--sm\" (click)=\"removeSelected()\">Elimina</button>\r\n        </div>\r\n      </header>\r\n\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]=\"selectedField()!.fieldType || ''\"\r\n          (change)=\"setFieldType($any($event.target).value)\"\r\n        >\r\n          <option value=\"\">\u2014 scegli \u2014</option>\r\n          @for (entry of dictionary.screenFieldTypes(); track entry.value) {\r\n            <option [value]=\"entry.value\">{{ entry.label }}</option>\r\n          }\r\n        </select>\r\n        @if (!selectedField()!.fieldType) {\r\n          <p class=\"fb-field__error\">Il tipo e\u2019 obbligatorio: senza, SCREEN_FIELD_TYPE_MISSING.</p>\r\n        } @else if (isUnknownType(selectedField())) {\r\n          <p class=\"fb-field__hint fb-field__hint--warn\">\r\n            Questo tipo non e\u2019 nel dizionario: l\u2019editor non sa quali campi ammetta e mostra solo i comuni.\r\n          </p>\r\n        } @else if (selectedType()?.description) {\r\n          <p class=\"fb-field__hint\">{{ selectedType()?.description }}</p>\r\n        }\r\n      </div>\r\n\r\n      <div class=\"fb-field\">\r\n        <label class=\"fb-field__label\">Nome</label>\r\n        <!-- Sul `change` e non sull\u2019`input`: la rinomina riscrive i riferimenti nel documento,\r\n             e farlo a ogni tasto significherebbe riscriverlo per ogni lettera. -->\r\n        <input\r\n          class=\"fb-input fb-input--mono\"\r\n          [value]=\"selectedField()!.name || ''\"\r\n          (change)=\"setFieldName($any($event.target).value)\"\r\n        />\r\n        @if (selectedIsResource()) {\r\n          <p class=\"fb-field__hint\">\r\n            Questo campo e\u2019 una <strong>risorsa</strong>: lo referenzi come\r\n            <code>{{ selectedField()!.name || 'Nome' }}</code> in condizioni, formule e parametri. \u00C8 di sola\r\n            lettura per il flow \u2014 un Assignment che ci scrive e\u2019 TARGET_NOT_WRITABLE.\r\n          </p>\r\n        }\r\n      </div>\r\n\r\n      @if (!selectedType()?.isContainer && selectedField()!.fieldType !== 'ComponentInstance') {\r\n        <div class=\"fb-field\">\r\n          <label class=\"fb-field__label\">\r\n            {{ selectedField()!.fieldType === 'DisplayText' ? 'Testo' : 'Etichetta' }}\r\n          </label>\r\n          <textarea\r\n            class=\"fb-textarea\"\r\n            [value]=\"selectedField()!.fieldText || ''\"\r\n            (input)=\"setFieldProperty('fieldText', $any($event.target).value)\"\r\n          ></textarea>\r\n          <p class=\"fb-field__hint\">Supporta i merge field <code>&#123;!Riferimento&#125;</code>.</p>\r\n        </div>\r\n      }\r\n\r\n      <div class=\"fb-field\">\r\n        <label class=\"fb-field__label\">Testo di aiuto</label>\r\n        <input\r\n          class=\"fb-input\"\r\n          [value]=\"selectedField()!.helpText || ''\"\r\n          (input)=\"setFieldProperty('helpText', $any($event.target).value)\"\r\n        />\r\n      </div>\r\n\r\n      <div class=\"fb-field\">\r\n        <label class=\"fb-field__label\">Larghezza</label>\r\n        <div class=\"fb-dyn__width-editor\">\r\n          <input\r\n            type=\"range\"\r\n            min=\"1\"\r\n            max=\"12\"\r\n            step=\"1\"\r\n            [value]=\"widthOf(selectedField()!)\"\r\n            (input)=\"setNumberProperty('width', $any($event.target).value)\"\r\n          />\r\n          <span class=\"fb-dyn__width-value\">{{ widthOf(selectedField()!) }}/12</span>\r\n        </div>\r\n        <p class=\"fb-field__hint\">\r\n          Colonne della griglia della schermata. \u00C8 un\u2019indicazione: il frontend puo\u2019 ignorarla.\r\n        </p>\r\n      </div>\r\n\r\n      <!-- ------------------------------------------------ campi che raccolgono un valore -->\r\n      @if (selectedType()?.storesValue) {\r\n        <fieldset class=\"fb-section\">\r\n          <legend class=\"fb-section__title\">Valore</legend>\r\n\r\n          @if (selectedField()!.fieldType !== 'ObjectProvided') {\r\n            <div class=\"fb-field\">\r\n              <label\r\n                class=\"fb-field__label\"\r\n                [class.fb-field__label--required]=\"!!selectedType()?.requiresDataType\"\r\n              >\r\n                Tipo di dato\r\n              </label>\r\n              <select\r\n                class=\"fb-select\"\r\n                [fbValue]=\"selectedField()!.dataType || ''\"\r\n                (change)=\"setFieldProperty('dataType', $any($event.target).value)\"\r\n              >\r\n                <option value=\"\">\u2014 scegli \u2014</option>\r\n                @for (entry of dictionary.dataTypes(); track entry.value) {\r\n                  <option [value]=\"entry.value\">{{ entry.label }}</option>\r\n                }\r\n              </select>\r\n              @if (selectedType()?.requiresDataType && !selectedField()!.dataType) {\r\n                <p class=\"fb-field__error\">Obbligatorio per questo tipo di campo (DATA_TYPE_MISSING).</p>\r\n              }\r\n              @if (selectedType()?.isCollection) {\r\n                <p class=\"fb-field__hint\">\r\n                  Il valore raccolto e\u2019 una <strong>collection</strong>, non una stringa con i valori\r\n                  separati: nelle condizioni si usano gli operatori di collection.\r\n                </p>\r\n              }\r\n            </div>\r\n\r\n            @if (requiresObjectType()) {\r\n              <div class=\"fb-field\">\r\n                <label\r\n                  class=\"fb-field__label\"\r\n                  [class.fb-field__label--required]=\"objectTypeIsStructure()\"\r\n                >\r\n                  {{ objectTypeIsStructure() ? 'Classe' : selectedField()!.dataType === 'Enum' ? 'Tipo di enumerazione' : 'Oggetto' }}\r\n                </label>\r\n                @if (selectedField()!.dataType === 'Enum') {\r\n                  <!-- Dizionario chiuso: si sceglie, non si scrive. -->\r\n                  <select\r\n                    class=\"fb-select\"\r\n                    [fbValue]=\"selectedField()!.objectType || ''\"\r\n                    (change)=\"setFieldProperty('objectType', $any($event.target).value)\"\r\n                  >\r\n                    <option value=\"\">\u2014 scegli \u2014</option>\r\n                    @for (entry of enumOptions(); track entry.name) {\r\n                      <option [value]=\"entry.name\">{{ entry.label || entry.name }}</option>\r\n                    }\r\n                  </select>\r\n                  @if (!selectedField()!.objectType) {\r\n                    <p class=\"fb-field__hint fb-field__hint--warn\">\r\n                      Senza il tipo concreto l\u2019editor non puo\u2019 proporre i valori dell\u2019enumerazione.\r\n                    </p>\r\n                  }\r\n                } @else if (objectTypeIsStructure()) {\r\n                  <fb-structure-picker\r\n                    [value]=\"selectedField()!.objectType\"\r\n                    label=\"Classe\"\r\n                    (valueChange)=\"setFieldProperty('objectType', $event ?? '')\"\r\n                  />\r\n                  @if (!selectedField()!.objectType) {\r\n                    <p class=\"fb-field__error\">\r\n                      La classe e\u2019 obbligatoria: senza, il runtime non ha nulla da istanziare\r\n                      (OBJECT_TYPE_MISSING).\r\n                    </p>\r\n                  }\r\n                } @else {\r\n                  <fb-object-picker\r\n                    [value]=\"selectedField()!.objectType\"\r\n                    label=\"Oggetto\"\r\n                    (valueChange)=\"setFieldProperty('objectType', $event ?? '')\"\r\n                  />\r\n                }\r\n              </div>\r\n            }\r\n          } @else {\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label fb-field__label--required\">Campo dell\u2019entita\u2019</label>\r\n              <p class=\"fb-field__hint\">\r\n                Tipo, label, obbligatorieta\u2019, scala e \u2014 se il campo e\u2019 una picklist \u2014 le opzioni arrivano\r\n                dallo schema dati: qui non si ridichiarano.\r\n              </p>\r\n              <fb-object-picker\r\n                [value]=\"providedObject() || undefined\"\r\n                label=\"Oggetto\"\r\n                (valueChange)=\"setProvidedObject($event)\"\r\n              />\r\n              <fb-field-picker\r\n                [value]=\"providedField() || undefined\"\r\n                [object]=\"providedObject() || undefined\"\r\n                label=\"Campo\"\r\n                (valueChange)=\"setProvidedField($event)\"\r\n              />\r\n            </div>\r\n          }\r\n\r\n          <label class=\"fb-check\">\r\n            <input\r\n              type=\"checkbox\"\r\n              [checked]=\"selectedIsRequired()\"\r\n              (change)=\"setRequired($any($event.target).checked)\"\r\n            />\r\n            Obbligatorio\r\n          </label>\r\n          <label class=\"fb-check\">\r\n            <input\r\n              type=\"checkbox\"\r\n              [checked]=\"selectedIsEditable()\"\r\n              (change)=\"setEditable($any($event.target).checked)\"\r\n            />\r\n            Modificabile\r\n          </label>\r\n          @if (!selectedIsEditable()) {\r\n            <p class=\"fb-field__hint\">\r\n              A <code>false</code> il runtime <strong>ignora</strong> cio\u2019 che il client rimanda indietro:\r\n              e\u2019 l\u2019unico modo di rendere un campo davvero di sola lettura.\r\n            </p>\r\n          }\r\n\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label\">Valore di default</label>\r\n            <fb-value-editor\r\n              [value]=\"selectedField()!.defaultValue\"\r\n              [dataType]=\"selectedField()!.dataType\"\r\n              [objectType]=\"selectedField()!.objectType\"\r\n              [isCollection]=\"selectedType()?.isCollection\"\r\n              label=\"Valore di default\"\r\n              (valueChange)=\"setDefaultValue($event)\"\r\n            />\r\n          </div>\r\n\r\n          <div class=\"fb-dyn__grid\">\r\n            @if (scaleApplies()) {\r\n              <div class=\"fb-field\">\r\n                <label class=\"fb-field__label\">Decimali</label>\r\n                <input\r\n                  class=\"fb-input\"\r\n                  type=\"number\"\r\n                  min=\"0\"\r\n                  [value]=\"selectedField()!.scale ?? ''\"\r\n                  (change)=\"setNumberProperty('scale', $any($event.target).value)\"\r\n                />\r\n              </div>\r\n            } @else if (selectedField()!.scale !== undefined) {\r\n              <p class=\"fb-field__hint fb-field__hint--warn\">\r\n                <code>scale</code> su un campo non numerico e\u2019 SCALE_NOT_APPLICABLE.\r\n              </p>\r\n            }\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label\">Lunghezza massima</label>\r\n              <input\r\n                class=\"fb-input\"\r\n                type=\"number\"\r\n                min=\"1\"\r\n                [value]=\"selectedField()!.maxLength ?? ''\"\r\n                (change)=\"setNumberProperty('maxLength', $any($event.target).value)\"\r\n              />\r\n              <p class=\"fb-field__hint\">Verificata anche dal runtime (TOO_LONG).</p>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label\">Tornando sulla schermata</label>\r\n            <select\r\n              class=\"fb-select\"\r\n              [fbValue]=\"selectedField()!.inputsOnNextNavToAssocScrn || ''\"\r\n              (change)=\"setFieldProperty('inputsOnNextNavToAssocScrn', $any($event.target).value)\"\r\n            >\r\n              <option value=\"\">Predefinito (mantieni i valori)</option>\r\n              @for (entry of dictionary.screenFieldInputsRevisited(); track entry.value) {\r\n                <option [value]=\"entry.value\">{{ entry.label }}</option>\r\n              }\r\n            </select>\r\n          </div>\r\n\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label\">Regola di validazione</label>\r\n            <input\r\n              class=\"fb-input fb-input--mono\"\r\n              placeholder=\"Espressione, es. LEN(Nome) > 3\"\r\n              [value]=\"selectedField()!.validationRule?.formulaExpression || ''\"\r\n              (change)=\"setValidationRule('formulaExpression', $any($event.target).value)\"\r\n            />\r\n            <input\r\n              class=\"fb-input\"\r\n              placeholder=\"Messaggio mostrato quando l\u2019espressione e\u2019 falsa\"\r\n              [value]=\"selectedField()!.validationRule?.errorMessage || ''\"\r\n              (change)=\"setValidationRule('errorMessage', $any($event.target).value)\"\r\n            />\r\n            <p class=\"fb-field__hint\">\r\n              L\u2019espressione la valuta il motore di regole: il backend non la interpreta e non la verifica.\r\n            </p>\r\n          </div>\r\n        </fieldset>\r\n      }\r\n\r\n      <!-- --------------------------------------------------------------- choice -->\r\n      @if (selectedType()?.acceptsChoices) {\r\n        <fieldset class=\"fb-section\">\r\n          <legend class=\"fb-section__title\">Opzioni</legend>\r\n          <p class=\"fb-section__note\">\r\n            Accetta <strong>Choice</strong> e <strong>Dynamic choice set</strong>, nell\u2019ordine in cui le\r\n            opzioni compaiono. Puntare a una variabile e\u2019 SCREEN_FIELD_CHOICE_UNKNOWN.\r\n          </p>\r\n\r\n          @if (!selectedField()!.choiceReferences?.length) {\r\n            <p class=\"fb-callout fb-callout--warn\">\r\n              Nessuna opzione: il campo non ha niente da mostrare (SCREEN_FIELD_CHOICES_MISSING).\r\n            </p>\r\n          }\r\n\r\n          <div class=\"fb-list\">\r\n            @for (choice of selectedField()!.choiceReferences || []; 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__title\">{{ choice }}</span>\r\n                  <span class=\"fb-list__spacer\"></span>\r\n                  <button type=\"button\" class=\"fb-btn fb-btn--sm\" (click)=\"moveChoice($index, -1)\">\u2191</button>\r\n                  <button type=\"button\" class=\"fb-btn fb-btn--sm\" (click)=\"moveChoice($index, 1)\">\u2193</button>\r\n                  <button\r\n                    type=\"button\"\r\n                    class=\"fb-btn fb-btn--ghost fb-btn--sm\"\r\n                    aria-label=\"Rimuovi\"\r\n                    (click)=\"removeChoice($index)\"\r\n                  >\r\n                    \u00D7\r\n                  </button>\r\n                </div>\r\n              </div>\r\n            }\r\n          </div>\r\n\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label\">Aggiungi un\u2019opzione</label>\r\n            <fb-name-picker\r\n              [options]=\"choiceOptions()\"\r\n              label=\"Choice\"\r\n              placeholder=\"Scegli una choice o un choice set\"\r\n              unknownMessage=\"Questo nome non e\u2019 una choice ne\u2019 un choice set: e\u2019 SCREEN_FIELD_CHOICE_UNKNOWN.\"\r\n              unknownSeverity=\"error\"\r\n              emptyMessage=\"Il flow non dichiara nessuna choice: creale nel pannello delle risorse.\"\r\n              (valueChange)=\"addChoice($event)\"\r\n            />\r\n          </div>\r\n\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label\">Opzione selezionata all\u2019apertura</label>\r\n            <select\r\n              class=\"fb-select\"\r\n              [fbValue]=\"selectedField()!.defaultSelectedChoiceReference || ''\"\r\n              (change)=\"setFieldProperty('defaultSelectedChoiceReference', $any($event.target).value)\"\r\n            >\r\n              <option value=\"\">\u2014 nessuna \u2014</option>\r\n              @for (choice of selectedField()!.choiceReferences || []; track $index) {\r\n                <option [value]=\"choice\">{{ choice }}</option>\r\n              }\r\n            </select>\r\n            @if (defaultChoiceIsForeign()) {\r\n              <p class=\"fb-field__hint fb-field__hint--warn\">\r\n                \u00AB{{ selectedField()!.defaultSelectedChoiceReference }}\u00BB non e\u2019 fra le opzioni elencate qui\r\n                sopra.\r\n              </p>\r\n            }\r\n          </div>\r\n        </fieldset>\r\n      }\r\n\r\n      <!-- ------------------------------------------------------- contenitori -->\r\n      @if (selectedType()?.isContainer) {\r\n        <fieldset class=\"fb-section\">\r\n          <legend class=\"fb-section__title\">Contenitore</legend>\r\n          @if (selectedField()!.fieldType === 'RegionContainer') {\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label\">Tipo di sezione</label>\r\n              <select\r\n                class=\"fb-select\"\r\n                [fbValue]=\"selectedField()!.regionContainerType || ''\"\r\n                (change)=\"setFieldProperty('regionContainerType', $any($event.target).value)\"\r\n              >\r\n                <option value=\"\">\u2014 predefinito \u2014</option>\r\n                @for (entry of dictionary.regionContainerTypes(); track entry.value) {\r\n                  <option [value]=\"entry.value\">{{ entry.label }}</option>\r\n                }\r\n              </select>\r\n            </div>\r\n          }\r\n          @if (!selectedField()!.fields?.length) {\r\n            <p class=\"fb-callout fb-callout--warn\">\r\n              Il contenitore e\u2019 vuoto: non produce niente sulla schermata (SCREEN_CONTAINER_EMPTY).\r\n            </p>\r\n          }\r\n        </fieldset>\r\n      }\r\n\r\n      <!-- --------------------------------------------------- ComponentInstance -->\r\n      @if (selectedField()!.fieldType === 'ComponentInstance') {\r\n        <fieldset class=\"fb-section\">\r\n          <legend class=\"fb-section__title\">Componente</legend>\r\n          <p class=\"fb-section__note\">\r\n            Componenti e form sono la stessa domanda al frontend \u2014 cosa sa rendere, e con quali parametri \u2014\r\n            e passano dallo stesso catalogo. Un <code>ComponentInstance</code> non ha un valore proprio: lo\r\n            hanno i suoi output.\r\n          </p>\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label fb-field__label--required\">Componente</label>\r\n            <fb-name-picker\r\n              [value]=\"selectedField()!.extensionName\"\r\n              [options]=\"componentOptions()\"\r\n              label=\"Componente\"\r\n              placeholder=\"Scrivi o scegli un componente\"\r\n              [isMono]=\"false\"\r\n              unknownMessage=\"Questo componente non esiste nel catalogo: e\u2019 SCREEN_COMPONENT_UNKNOWN.\"\r\n              unknownSeverity=\"error\"\r\n              emptyMessage=\"Il catalogo dei componenti non e\u2019 popolato: il nome non viene verificato.\"\r\n              (valueChange)=\"setFieldProperty('extensionName', $event ?? '')\"\r\n            />\r\n            @if (!selectedField()!.extensionName) {\r\n              <p class=\"fb-field__error\">Obbligatorio: senza, SCREEN_COMPONENT_MISSING.</p>\r\n            }\r\n          </div>\r\n\r\n          <label class=\"fb-check\">\r\n            <input\r\n              type=\"checkbox\"\r\n              [checked]=\"selectedField()!.storeOutputAutomatically === true\"\r\n              (change)=\"setStoreOutputAutomatically($any($event.target).checked)\"\r\n            />\r\n            Rendi gli output referenziabili automaticamente\r\n          </label>\r\n          @if (selectedField()!.storeOutputAutomatically) {\r\n            <p class=\"fb-field__hint\">\r\n              Gli output si referenziano come\r\n              <code>{{ selectedField()!.name || 'Campo' }}.nomeOutput</code>, senza dichiarare variabili.\r\n            </p>\r\n          }\r\n          @if (hasOutputConflict()) {\r\n            <p class=\"fb-callout fb-callout--error\">\r\n              Output automatici <strong>e</strong> parametri di uscita insieme:\r\n              OUTPUT_CONFIGURATION_CONFLICT.\r\n            </p>\r\n          }\r\n\r\n          <fb-parameter-editor\r\n            [holder]=\"$any(selectedField())\"\r\n            [catalogParameters]=\"componentParameterList()\"\r\n            inputTitle=\"Valori passati al componente\"\r\n            outputTitle=\"Valori raccolti dal componente\"\r\n            [showOutputs]=\"!selectedField()!.storeOutputAutomatically\"\r\n            outputsDisabledReason=\"Gli output sono automatici: disattivalo per assegnarli a variabili.\"\r\n            (changed)=\"onComponentParametersChanged($event)\"\r\n          />\r\n        </fieldset>\r\n      }\r\n\r\n      <!-- ------------------------------------------------------- visibilita' -->\r\n      <fieldset class=\"fb-section\">\r\n        <legend class=\"fb-section__title\">Visibilita\u2019</legend>\r\n        <p class=\"fb-section__note\">\r\n          Le regole si rivalutano <strong>sui valori appena inviati</strong>: e\u2019 cos\u00EC che un campo compare in\r\n          funzione di un altro campo della stessa schermata. Un campo risultato nascosto viene\r\n          <strong>azzerato</strong> e non viene validato.\r\n        </p>\r\n        <fb-condition-editor\r\n          [holder]=\"visibilityRule()\"\r\n          title=\"Mostra il campo quando\"\r\n          [allowFormula]=\"false\"\r\n          [issuePath]=\"'fields[' + (selectedField()!.name || '') + '].visibilityRule'\"\r\n          (changed)=\"onVisibilityChanged($event)\"\r\n        />\r\n      </fieldset>\r\n    }\r\n  </section>\r\n</div>\r\n\r\n<!-- --------------------------------------------------------------- schermata -->\r\n<fieldset class=\"fb-section\">\r\n  <legend class=\"fb-section__title\">Schermata</legend>\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)=\"setScreenText('helpText', $any($event.target).value)\"\r\n    ></textarea>\r\n  </div>\r\n\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 della schermata.\r\n  </p>\r\n  <label class=\"fb-check\">\r\n    <input type=\"checkbox\" [checked]=\"allowBack()\" (change)=\"setScreenFlag('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)=\"setScreenFlag('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)=\"setScreenFlag('allowPause', $any($event.target).checked)\" />\r\n    Consenti \u00ABpausa\u00BB\r\n  </label>\r\n  <label class=\"fb-check\">\r\n    <input type=\"checkbox\" [checked]=\"showHeader()\" (change)=\"setScreenFlag('showHeader', $any($event.target).checked)\" />\r\n    Mostra l\u2019intestazione\r\n  </label>\r\n  <label class=\"fb-check\">\r\n    <input type=\"checkbox\" [checked]=\"showFooter()\" (change)=\"setScreenFlag('showFooter', $any($event.target).checked)\" />\r\n    Mostra il piede\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)=\"setScreenText('pausedText', $any($event.target).value)\"\r\n      />\r\n    </div>\r\n  }\r\n\r\n  <div class=\"fb-dyn__grid\">\r\n    <div class=\"fb-field\">\r\n      <label class=\"fb-field__label\">Etichetta \u00ABindietro\u00BB</label>\r\n      <input\r\n        class=\"fb-input\"\r\n        [value]=\"screen().backButtonLabel || ''\"\r\n        (input)=\"setScreenText('backButtonLabel', $any($event.target).value)\"\r\n      />\r\n    </div>\r\n    <div class=\"fb-field\">\r\n      <label class=\"fb-field__label\">Etichetta \u00ABavanti / fine\u00BB</label>\r\n      <input\r\n        class=\"fb-input\"\r\n        [value]=\"screen().nextOrFinishButtonLabel || ''\"\r\n        (input)=\"setScreenText('nextOrFinishButtonLabel', $any($event.target).value)\"\r\n      />\r\n    </div>\r\n    <div class=\"fb-field\">\r\n      <label class=\"fb-field__label\">Etichetta \u00ABpausa\u00BB</label>\r\n      <input\r\n        class=\"fb-input\"\r\n        [value]=\"screen().pauseButtonLabel || ''\"\r\n        (input)=\"setScreenText('pauseButtonLabel', $any($event.target).value)\"\r\n      />\r\n    </div>\r\n  </div>\r\n\r\n  <div class=\"fb-field\">\r\n    <label class=\"fb-field__label\">Stage mostrato nell\u2019avanzamento</label>\r\n    <fb-name-picker\r\n      [value]=\"screen().stageReference\"\r\n      [options]=\"stageOptions()\"\r\n      label=\"Stage\"\r\n      placeholder=\"Scegli uno stage\"\r\n      unknownMessage=\"Questo stage non e\u2019 dichiarato dal flow.\"\r\n      emptyMessage=\"Il flow non dichiara stage: creali nel pannello delle risorse.\"\r\n      (valueChange)=\"setScreenText('stageReference', $event ?? '')\"\r\n    />\r\n  </div>\r\n\r\n  @if (isDeadEnd()) {\r\n    <p class=\"fb-callout fb-callout--error\">\r\n      Questa schermata non ha una destinazione e non consente \u00ABfine\u00BB: e\u2019 un vicolo cieco, e l\u2019utente\r\n      resterebbe bloccato (SCREEN_DEAD_END).\r\n    </p>\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", styles: [".fb-dyn{display:grid;grid-template-columns:minmax(240px,320px) minmax(0,1fr);gap:14px;align-items:start;margin-bottom:14px}@media(max-width:900px){.fb-dyn{grid-template-columns:minmax(0,1fr)}}.fb-dyn__pane{min-width:0;padding:10px;border:1px solid var(--fb-border, #e2e5eb);border-radius:var(--fb-radius, 10px);background:var(--fb-surface-alt, #f7f8fa)}.fb-dyn__pane--tree{position:sticky;top:0}.fb-dyn__pane--props{background:var(--fb-surface, #fff)}.fb-dyn__pane-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}.fb-dyn__pane-title{flex:1;min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--fb-text-muted, #6b7086)}.fb-dyn__pane-actions,.fb-dyn__add{display:flex;flex-wrap:wrap;gap:4px}.fb-dyn__add .fb-select--sm{width:auto;max-width:150px}.fb-btn--sm{padding:3px 7px;font-size:11px}.fb-select--sm{padding:3px 6px;font-size:11px}.fb-dyn__hint{margin:0 0 8px;font-size:11px;color:var(--fb-text-muted, #6b7086)}.fb-dyn__tree{max-height:420px;overflow-y:auto;overscroll-behavior:contain}.fb-dyn__item{background:transparent}.fb-dyn__row{display:flex;align-items:center;gap:6px;padding:4px 6px;margin-bottom:3px;border:1px solid var(--fb-border, #e2e5eb);border-radius:var(--fb-radius-xs, 6px);background:var(--fb-surface, #fff);cursor:pointer}.fb-dyn__row:hover{border-color:var(--fb-border-strong, #cfd4de)}.fb-dyn__row--selected{border-color:var(--fb-accent, #4f6ef7);box-shadow:inset 0 0 0 1px var(--fb-accent, #4f6ef7)}.fb-dyn__row--container{background:var(--fb-surface-sunken, #eef0f4);font-weight:600}.fb-dyn__grip{color:var(--fb-text-subtle, #98a2b3);cursor:grab}.fb-dyn__caption{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:var(--fb-text, #1a1c23)}.fb-dyn__type{font-size:10px;color:var(--fb-text-subtle, #98a2b3)}.fb-dyn__badge{font-size:11px;color:var(--fb-text-muted, #6b7086)}.fb-dyn__badge--required{color:var(--fb-error, #dc2626);font-weight:700}.fb-dyn__width{flex:none;width:34px;height:6px;border-radius:3px;background:var(--fb-surface-sunken, #eef0f4);overflow:hidden}.fb-dyn__width-fill{display:block;height:100%;background:var(--fb-accent, #4f6ef7)}.fb-dyn__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:0 10px}.fb-dyn__width-editor{display:flex;align-items:center;gap:8px}.fb-dyn__width-editor input[type=range]{flex:1;min-width:0}.fb-dyn__width-value{font-size:11px;color:var(--fb-text-muted, #6b7086)}.fb-dyn__item.cdk-drag-placeholder{opacity:.4}.fb-dyn__tree.cdk-drop-list-dragging .fb-dyn__row{transition:transform .12s cubic-bezier(0,0,.2,1)}\n"], dependencies: [{ kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "directive", type: CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer", "cdkDropListHasAnchor"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { 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: FieldPickerComponent, selector: "fb-field-picker", inputs: ["value", "object", "usage", "label", "placeholder", "disabled"], outputs: ["valueChange"] }, { kind: "component", type: NamePickerComponent, selector: "fb-name-picker", inputs: ["value", "options", "label", "placeholder", "disabled", "unknownMessage", "unknownSeverity", "emptyMessage", "isMono"], outputs: ["valueChange"] }, { kind: "component", type: ObjectPickerComponent, selector: "fb-object-picker", inputs: ["value", "label", "placeholder", "disabled"], 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"] }, { kind: "component", type: StructurePickerComponent, selector: "fb-structure-picker", inputs: ["value", "label", "placeholder", "disabled"], 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: DynamicScreenInspectorComponent, isStandalone: true, selector: "fb-dynamic-screen-inspector", usesInheritance: true, ngImport: i0, template: "<div class=\"fb-scr\">\r\n  <!-- ============================================================ sinistra -->\r\n  <aside class=\"fb-scr__side\" aria-label=\"Componenti e campi\">\r\n    <div class=\"fb-scr__tabs\" role=\"tablist\">\r\n      <button\r\n        type=\"button\"\r\n        role=\"tab\"\r\n        class=\"fb-scr__tab\"\r\n        [class.fb-scr__tab--active]=\"paletteTab() === 'components'\"\r\n        [attr.aria-selected]=\"paletteTab() === 'components'\"\r\n        (click)=\"setPaletteTab('components')\"\r\n      >\r\n        Componenti\r\n      </button>\r\n      <button\r\n        type=\"button\"\r\n        role=\"tab\"\r\n        class=\"fb-scr__tab\"\r\n        [class.fb-scr__tab--active]=\"paletteTab() === 'fields'\"\r\n        [attr.aria-selected]=\"paletteTab() === 'fields'\"\r\n        (click)=\"setPaletteTab('fields')\"\r\n      >\r\n        Campi\r\n      </button>\r\n    </div>\r\n\r\n    @if (paletteTab() === 'components') {\r\n      @if (!dictionary.screenFieldTypes().length) {\r\n        <p class=\"fb-callout fb-callout--warn\">\r\n          Il dizionario <code>screenFieldTypes</code> non e\u2019 disponibile: senza i suoi flag l\u2019editor non\r\n          sa quali campi ammette ciascun tipo, e non li inventa.\r\n        </p>\r\n      }\r\n      <p class=\"fb-scr__side-hint\">Trascina sulla schermata, oppure clicca per aggiungere.</p>\r\n      <ul class=\"fb-scr__palette\">\r\n        @for (entry of dictionary.screenFieldTypes(); track entry.value) {\r\n          <li>\r\n            <button\r\n              type=\"button\"\r\n              class=\"fb-scr__chip\"\r\n              cdkDrag\r\n              [title]=\"entry.description || entry.label\"\r\n              (cdkDragMoved)=\"onPaletteDragMoved($event)\"\r\n              (cdkDragEnded)=\"onComponentDragEnded($event, entry.value)\"\r\n              (click)=\"addComponentAtSelection(entry.value)\"\r\n            >\r\n              <span class=\"fb-scr__chip-icon\" aria-hidden=\"true\">{{ iconOf(entry.value) }}</span>\r\n              <span class=\"fb-scr__chip-label\">{{ entry.label }}</span>\r\n            </button>\r\n          </li>\r\n        }\r\n      </ul>\r\n    } @else {\r\n      <p class=\"fb-scr__side-hint\">\r\n        Un campo dell\u2019entita\u2019 porta con se\u2019 tipo, etichetta, obbligatorieta\u2019 e opzioni: arrivano dallo\r\n        schema dati, qui non si ridichiarano.\r\n      </p>\r\n      <!-- Il catalogo non e' un dizionario chiuso: si sceglie o si scrive, come ovunque si\r\n           indichi un'entita' (vedi `object-picker`). -->\r\n      <fb-object-picker\r\n        [value]=\"fieldsObject()\"\r\n        label=\"Entita\u2019\"\r\n        placeholder=\"Scrivi o scegli un\u2019entita\u2019\"\r\n        (valueChange)=\"setFieldsObject($event)\"\r\n      />\r\n      @if (fieldsObject() && !fieldsOfObject().length) {\r\n        <p class=\"fb-scr__side-empty\">\r\n          Nessun campo dichiarato per questa entita\u2019: il catalogo non li espone, non significa che non\r\n          ci siano.\r\n        </p>\r\n      }\r\n      <ul class=\"fb-scr__palette\">\r\n        @for (field of fieldsOfObject(); track $index) {\r\n          <li>\r\n            <button\r\n              type=\"button\"\r\n              class=\"fb-scr__chip\"\r\n              cdkDrag\r\n              [title]=\"field.name + (field.dataType ? ' \u00B7 ' + field.dataType : '')\"\r\n              (cdkDragMoved)=\"onPaletteDragMoved($event)\"\r\n              (cdkDragEnded)=\"onObjectFieldDragEnded($event, field)\"\r\n              (click)=\"addObjectFieldAtSelection(field)\"\r\n            >\r\n              <span class=\"fb-scr__chip-icon\" aria-hidden=\"true\">\u2317</span>\r\n              <span class=\"fb-scr__chip-label\">\r\n                {{ field.label || field.name }}\r\n                @if (field.isRequired) {\r\n                  <span class=\"fb-scr__req\">*</span>\r\n                }\r\n                <small>{{ field.dataType }}</small>\r\n              </span>\r\n            </button>\r\n          </li>\r\n        }\r\n      </ul>\r\n    }\r\n  </aside>\r\n\r\n  <!-- ============================================================== centro -->\r\n  <!-- Cliccare fuori da un campo riporta a destra le proprieta' della schermata. -->\r\n  <section class=\"fb-scr__canvas\" aria-label=\"Anteprima della schermata\" (click)=\"selectScreen()\">\r\n    <div class=\"fb-scr__frame\">\r\n      @if (showHeader()) {\r\n        <header class=\"fb-scr__frame-head\">\r\n          {{ $any(node()).label || name() }}\r\n          @if (screen().helpText) {\r\n            <span class=\"fb-scr__help\" [title]=\"screen().helpText || ''\">?</span>\r\n          }\r\n        </header>\r\n      }\r\n\r\n      <div\r\n        class=\"fb-scr__body\"\r\n        [attr.data-drop]=\"''\"\r\n        data-axis=\"column\"\r\n        [class.fb-scr__body--empty]=\"isEmpty()\"\r\n      >\r\n        <ng-container\r\n          [ngTemplateOutlet]=\"listTpl\"\r\n          [ngTemplateOutletContext]=\"{ $implicit: screen().fields || [], parent: [], axis: 'column' }\"\r\n        />\r\n      </div>\r\n\r\n      <!--\r\n        La barra di inserimento e' un **velo** sopra l'anteprima, non un figlio del contenitore di\r\n        rilascio: dentro la griglia occupava una riga intera e spostava in basso proprio la sezione\r\n        che si stava puntando, che allora usciva da sotto il puntatore e il bersaglio oscillava.\r\n      -->\r\n      @if (dropMarker(); as bar) {\r\n        <div\r\n          class=\"fb-scr__marker\"\r\n          [style.left.px]=\"bar.left\"\r\n          [style.top.px]=\"bar.top\"\r\n          [style.width.px]=\"bar.width\"\r\n          [style.height.px]=\"bar.height\"\r\n        ></div>\r\n      }\r\n\r\n      @if (showFooter()) {\r\n        <footer class=\"fb-scr__frame-foot\">\r\n          @if (allowPause()) {\r\n            <span class=\"fb-scr__btn fb-scr__btn--ghost\">{{ screen().pauseButtonLabel || 'Pausa' }}</span>\r\n          }\r\n          <span class=\"fb-scr__spacer\"></span>\r\n          @if (allowBack()) {\r\n            <span class=\"fb-scr__btn fb-scr__btn--ghost\">{{ screen().backButtonLabel || 'Indietro' }}</span>\r\n          }\r\n          <span class=\"fb-scr__btn fb-scr__btn--primary\">\r\n            {{ screen().nextOrFinishButtonLabel || (allowFinish() ? 'Fine' : 'Avanti') }}\r\n          </span>\r\n        </footer>\r\n      }\r\n    </div>\r\n\r\n    @if (isEmpty()) {\r\n      <p class=\"fb-callout fb-callout--warn fb-scr__canvas-note\">\r\n        La schermata non ha campi: non c\u2019e\u2019 niente da mostrare all\u2019utente (SCREEN_WITHOUT_FIELDS).\r\n      </p>\r\n    }\r\n  </section>\r\n\r\n  <!-- ============================================================== destra -->\r\n  <aside class=\"fb-scr__props\" aria-label=\"Proprieta\u2019\">\r\n    @if (!selectedField()) {\r\n      <!-- ------------------------------------------------ proprieta' della schermata -->\r\n      <header class=\"fb-scr__props-head\">\r\n        <h3 class=\"fb-scr__props-title\">Schermata</h3>\r\n      </header>\r\n      <p class=\"fb-scr__side-hint\">Seleziona un campo nell\u2019anteprima per configurarlo.</p>\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)=\"setScreenText('helpText', $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 della\r\n          schermata.\r\n        </p>\r\n        <label class=\"fb-check\">\r\n          <input type=\"checkbox\" [checked]=\"allowBack()\" (change)=\"setScreenFlag('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)=\"setScreenFlag('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)=\"setScreenFlag('allowPause', $any($event.target).checked)\" />\r\n          Consenti \u00ABpausa\u00BB\r\n        </label>\r\n        <label class=\"fb-check\">\r\n          <input type=\"checkbox\" [checked]=\"showHeader()\" (change)=\"setScreenFlag('showHeader', $any($event.target).checked)\" />\r\n          Mostra l\u2019intestazione\r\n        </label>\r\n        <label class=\"fb-check\">\r\n          <input type=\"checkbox\" [checked]=\"showFooter()\" (change)=\"setScreenFlag('showFooter', $any($event.target).checked)\" />\r\n          Mostra il piede\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)=\"setScreenText('pausedText', $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            Questa schermata non ha una destinazione e non consente \u00ABfine\u00BB: e\u2019 un vicolo cieco, e\r\n            l\u2019utente resterebbe bloccato (SCREEN_DEAD_END).\r\n          </p>\r\n        }\r\n      </fieldset>\r\n\r\n      <fieldset class=\"fb-section\">\r\n        <legend class=\"fb-section__title\">Pulsanti</legend>\r\n        <div class=\"fb-field\">\r\n          <label class=\"fb-field__label\">Etichetta \u00ABindietro\u00BB</label>\r\n          <input\r\n            class=\"fb-input\"\r\n            [value]=\"screen().backButtonLabel || ''\"\r\n            (input)=\"setScreenText('backButtonLabel', $any($event.target).value)\"\r\n          />\r\n        </div>\r\n        <div class=\"fb-field\">\r\n          <label class=\"fb-field__label\">Etichetta \u00ABavanti / fine\u00BB</label>\r\n          <input\r\n            class=\"fb-input\"\r\n            [value]=\"screen().nextOrFinishButtonLabel || ''\"\r\n            (input)=\"setScreenText('nextOrFinishButtonLabel', $any($event.target).value)\"\r\n          />\r\n        </div>\r\n        <div class=\"fb-field\">\r\n          <label class=\"fb-field__label\">Etichetta \u00ABpausa\u00BB</label>\r\n          <input\r\n            class=\"fb-input\"\r\n            [value]=\"screen().pauseButtonLabel || ''\"\r\n            (input)=\"setScreenText('pauseButtonLabel', $any($event.target).value)\"\r\n          />\r\n        </div>\r\n      </fieldset>\r\n\r\n      <div class=\"fb-field\">\r\n        <label class=\"fb-field__label\">Stage mostrato nell\u2019avanzamento</label>\r\n        <fb-name-picker\r\n          [value]=\"screen().stageReference\"\r\n          [options]=\"stageOptions()\"\r\n          label=\"Stage\"\r\n          placeholder=\"Scegli uno stage\"\r\n          unknownMessage=\"Questo stage non e\u2019 dichiarato dal flow.\"\r\n          emptyMessage=\"Il flow non dichiara stage: creali nel pannello delle risorse.\"\r\n          (valueChange)=\"setScreenText('stageReference', $event ?? '')\"\r\n        />\r\n      </div>\r\n    } @else {\r\n      <!-- ---------------------------------------------------- proprieta' del campo -->\r\n      <header class=\"fb-scr__props-head\">\r\n        <h3 class=\"fb-scr__props-title\">{{ captionOf(selectedField()!) }}</h3>\r\n        <div class=\"fb-scr__props-actions\">\r\n          <button type=\"button\" class=\"fb-btn fb-btn--sm\" title=\"Sposta su\" (click)=\"moveSelected(-1)\">\u2191</button>\r\n          <button type=\"button\" class=\"fb-btn fb-btn--sm\" title=\"Sposta giu\u2019\" (click)=\"moveSelected(1)\">\u2193</button>\r\n          <button\r\n            type=\"button\"\r\n            class=\"fb-btn fb-btn--sm\"\r\n            title=\"Porta fuori dal contenitore\"\r\n            [disabled]=\"!canOutdent()\"\r\n            (click)=\"outdentSelected()\"\r\n          >\r\n            \u21E4\r\n          </button>\r\n          <button type=\"button\" class=\"fb-btn fb-btn--sm\" title=\"Duplica\" (click)=\"duplicateSelected()\">\u29C9</button>\r\n          <button type=\"button\" class=\"fb-btn fb-btn--danger fb-btn--sm\" title=\"Elimina\" (click)=\"removeSelected()\">\r\n            \u00D7\r\n          </button>\r\n        </div>\r\n      </header>\r\n\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]=\"selectedField()!.fieldType || ''\"\r\n          (change)=\"setFieldType($any($event.target).value)\"\r\n        >\r\n          <option value=\"\">\u2014 scegli \u2014</option>\r\n          @for (entry of dictionary.screenFieldTypes(); track entry.value) {\r\n            <option [value]=\"entry.value\">{{ entry.label }}</option>\r\n          }\r\n        </select>\r\n        @if (!selectedField()!.fieldType) {\r\n          <p class=\"fb-field__error\">Il tipo e\u2019 obbligatorio: senza, SCREEN_FIELD_TYPE_MISSING.</p>\r\n        } @else if (isUnknownType(selectedField())) {\r\n          <p class=\"fb-field__hint fb-field__hint--warn\">\r\n            Questo tipo non e\u2019 nel dizionario: l\u2019editor non sa quali campi ammetta e mostra solo i comuni.\r\n          </p>\r\n        } @else if (selectedType()?.description) {\r\n          <p class=\"fb-field__hint\">{{ selectedType()?.description }}</p>\r\n        }\r\n      </div>\r\n\r\n      <div class=\"fb-field\">\r\n        <label class=\"fb-field__label\">Nome</label>\r\n        <!-- Sul `change` e non sull\u2019`input`: la rinomina riscrive i riferimenti nel documento,\r\n             e farlo a ogni tasto significherebbe riscriverlo per ogni lettera. -->\r\n        <input\r\n          class=\"fb-input fb-input--mono\"\r\n          [value]=\"selectedField()!.name || ''\"\r\n          (change)=\"setFieldName($any($event.target).value)\"\r\n        />\r\n        @if (selectedIsResource()) {\r\n          <p class=\"fb-field__hint\">\r\n            Questo campo e\u2019 una <strong>risorsa</strong>: lo referenzi come\r\n            <code>{{ selectedField()!.name || 'Nome' }}</code> in condizioni, formule e parametri. \u00C8 di\r\n            sola lettura per il flow \u2014 un Assignment che ci scrive e\u2019 TARGET_NOT_WRITABLE.\r\n          </p>\r\n        }\r\n      </div>\r\n\r\n      @if (!selectedType()?.isContainer && selectedField()!.fieldType !== 'ComponentInstance') {\r\n        <div class=\"fb-field\">\r\n          <label class=\"fb-field__label\">\r\n            {{ selectedField()!.fieldType === 'DisplayText' ? 'Testo' : 'Etichetta' }}\r\n          </label>\r\n          <textarea\r\n            class=\"fb-textarea\"\r\n            [value]=\"selectedField()!.fieldText || ''\"\r\n            (input)=\"setFieldProperty('fieldText', $any($event.target).value)\"\r\n          ></textarea>\r\n          <p class=\"fb-field__hint\">Supporta i merge field <code>&#123;!Riferimento&#125;</code>.</p>\r\n        </div>\r\n      } @else if (selectedType()?.isContainer) {\r\n        <div class=\"fb-field\">\r\n          <label class=\"fb-field__label\">Intestazione</label>\r\n          <input\r\n            class=\"fb-input\"\r\n            [value]=\"selectedField()!.fieldText || ''\"\r\n            (input)=\"setFieldProperty('fieldText', $any($event.target).value)\"\r\n          />\r\n        </div>\r\n      }\r\n\r\n      <div class=\"fb-field\">\r\n        <label class=\"fb-field__label\">Testo di aiuto</label>\r\n        <input\r\n          class=\"fb-input\"\r\n          [value]=\"selectedField()!.helpText || ''\"\r\n          (input)=\"setFieldProperty('helpText', $any($event.target).value)\"\r\n        />\r\n      </div>\r\n\r\n      <div class=\"fb-field\">\r\n        <label class=\"fb-field__label\">Larghezza</label>\r\n        <div class=\"fb-scr__width\">\r\n          <input\r\n            type=\"range\"\r\n            min=\"1\"\r\n            max=\"12\"\r\n            step=\"1\"\r\n            [value]=\"widthOf(selectedField()!)\"\r\n            (input)=\"setNumberProperty('width', $any($event.target).value)\"\r\n          />\r\n          <span class=\"fb-scr__width-value\">{{ widthOf(selectedField()!) }}/12</span>\r\n        </div>\r\n        <p class=\"fb-field__hint\">\r\n          Colonne della griglia della schermata. \u00C8 un\u2019indicazione: il frontend puo\u2019 ignorarla.\r\n        </p>\r\n      </div>\r\n\r\n      <!-- ------------------------------------------------ campi che raccolgono un valore -->\r\n      @if (selectedType()?.storesValue) {\r\n        <fieldset class=\"fb-section\">\r\n          <legend class=\"fb-section__title\">Valore</legend>\r\n\r\n          @if (selectedField()!.fieldType !== 'ObjectProvided') {\r\n            <div class=\"fb-field\">\r\n              <label\r\n                class=\"fb-field__label\"\r\n                [class.fb-field__label--required]=\"!!selectedType()?.requiresDataType\"\r\n              >\r\n                Tipo di dato\r\n              </label>\r\n              <select\r\n                class=\"fb-select\"\r\n                [fbValue]=\"selectedField()!.dataType || ''\"\r\n                (change)=\"setFieldProperty('dataType', $any($event.target).value)\"\r\n              >\r\n                <option value=\"\">\u2014 scegli \u2014</option>\r\n                @for (entry of dictionary.dataTypes(); track entry.value) {\r\n                  <option [value]=\"entry.value\">{{ entry.label }}</option>\r\n                }\r\n              </select>\r\n              @if (selectedType()?.requiresDataType && !selectedField()!.dataType) {\r\n                <p class=\"fb-field__error\">Obbligatorio per questo tipo di campo (DATA_TYPE_MISSING).</p>\r\n              }\r\n              @if (selectedType()?.isCollection) {\r\n                <p class=\"fb-field__hint\">\r\n                  Il valore raccolto e\u2019 una <strong>collection</strong>, non una stringa con i valori\r\n                  separati: nelle condizioni si usano gli operatori di collection.\r\n                </p>\r\n              }\r\n            </div>\r\n\r\n            @if (requiresObjectType()) {\r\n              <div class=\"fb-field\">\r\n                <label class=\"fb-field__label\" [class.fb-field__label--required]=\"objectTypeIsStructure()\">\r\n                  {{\r\n                    objectTypeIsStructure()\r\n                      ? 'Classe'\r\n                      : selectedField()!.dataType === 'Enum'\r\n                        ? 'Tipo di enumerazione'\r\n                        : 'Oggetto'\r\n                  }}\r\n                </label>\r\n                @if (selectedField()!.dataType === 'Enum') {\r\n                  <!-- Dizionario chiuso: si sceglie, non si scrive. -->\r\n                  <select\r\n                    class=\"fb-select\"\r\n                    [fbValue]=\"selectedField()!.objectType || ''\"\r\n                    (change)=\"setFieldProperty('objectType', $any($event.target).value)\"\r\n                  >\r\n                    <option value=\"\">\u2014 scegli \u2014</option>\r\n                    @for (entry of enumOptions(); track entry.name) {\r\n                      <option [value]=\"entry.name\">{{ entry.label || entry.name }}</option>\r\n                    }\r\n                  </select>\r\n                  @if (!selectedField()!.objectType) {\r\n                    <p class=\"fb-field__hint fb-field__hint--warn\">\r\n                      Senza il tipo concreto l\u2019editor non puo\u2019 proporre i valori dell\u2019enumerazione.\r\n                    </p>\r\n                  }\r\n                } @else if (objectTypeIsStructure()) {\r\n                  <fb-structure-picker\r\n                    [value]=\"selectedField()!.objectType\"\r\n                    label=\"Classe\"\r\n                    (valueChange)=\"setFieldProperty('objectType', $event ?? '')\"\r\n                  />\r\n                  @if (!selectedField()!.objectType) {\r\n                    <p class=\"fb-field__error\">\r\n                      La classe e\u2019 obbligatoria: senza, il runtime non ha nulla da istanziare\r\n                      (OBJECT_TYPE_MISSING).\r\n                    </p>\r\n                  }\r\n                } @else {\r\n                  <fb-object-picker\r\n                    [value]=\"selectedField()!.objectType\"\r\n                    label=\"Oggetto\"\r\n                    (valueChange)=\"setFieldProperty('objectType', $event ?? '')\"\r\n                  />\r\n                }\r\n              </div>\r\n            }\r\n          } @else {\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label fb-field__label--required\">Campo dell\u2019entita\u2019</label>\r\n              <p class=\"fb-field__hint\">\r\n                Tipo, label, obbligatorieta\u2019, scala e \u2014 se il campo e\u2019 una picklist \u2014 le opzioni arrivano\r\n                dallo schema dati: qui non si ridichiarano.\r\n              </p>\r\n              <fb-object-picker\r\n                [value]=\"providedObject() || undefined\"\r\n                label=\"Oggetto\"\r\n                (valueChange)=\"setProvidedObject($event)\"\r\n              />\r\n              <fb-field-picker\r\n                [value]=\"providedField() || undefined\"\r\n                [object]=\"providedObject() || undefined\"\r\n                label=\"Campo\"\r\n                (valueChange)=\"setProvidedField($event)\"\r\n              />\r\n            </div>\r\n          }\r\n\r\n          <label class=\"fb-check\">\r\n            <input\r\n              type=\"checkbox\"\r\n              [checked]=\"selectedIsRequired()\"\r\n              (change)=\"setRequired($any($event.target).checked)\"\r\n            />\r\n            Obbligatorio\r\n          </label>\r\n          <label class=\"fb-check\">\r\n            <input\r\n              type=\"checkbox\"\r\n              [checked]=\"selectedIsEditable()\"\r\n              (change)=\"setEditable($any($event.target).checked)\"\r\n            />\r\n            Modificabile\r\n          </label>\r\n          @if (!selectedIsEditable()) {\r\n            <p class=\"fb-field__hint\">\r\n              A <code>false</code> il runtime <strong>ignora</strong> cio\u2019 che il client rimanda indietro:\r\n              e\u2019 l\u2019unico modo di rendere un campo davvero di sola lettura.\r\n            </p>\r\n          }\r\n\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label\">Valore di default</label>\r\n            <fb-value-editor\r\n              [value]=\"selectedField()!.defaultValue\"\r\n              [dataType]=\"selectedField()!.dataType\"\r\n              [objectType]=\"selectedField()!.objectType\"\r\n              [isCollection]=\"selectedType()?.isCollection\"\r\n              label=\"Valore di default\"\r\n              (valueChange)=\"setDefaultValue($event)\"\r\n            />\r\n          </div>\r\n\r\n          @if (scaleApplies()) {\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label\">Decimali</label>\r\n              <input\r\n                class=\"fb-input\"\r\n                type=\"number\"\r\n                min=\"0\"\r\n                [value]=\"selectedField()!.scale ?? ''\"\r\n                (change)=\"setNumberProperty('scale', $any($event.target).value)\"\r\n              />\r\n            </div>\r\n          } @else if (selectedField()!.scale !== undefined) {\r\n            <p class=\"fb-field__hint fb-field__hint--warn\">\r\n              <code>scale</code> su un campo non numerico e\u2019 SCALE_NOT_APPLICABLE.\r\n            </p>\r\n          }\r\n\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label\">Lunghezza massima</label>\r\n            <input\r\n              class=\"fb-input\"\r\n              type=\"number\"\r\n              min=\"1\"\r\n              [value]=\"selectedField()!.maxLength ?? ''\"\r\n              (change)=\"setNumberProperty('maxLength', $any($event.target).value)\"\r\n            />\r\n            <p class=\"fb-field__hint\">Verificata anche dal runtime (TOO_LONG).</p>\r\n          </div>\r\n\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label\">Tornando sulla schermata</label>\r\n            <select\r\n              class=\"fb-select\"\r\n              [fbValue]=\"selectedField()!.inputsOnNextNavToAssocScrn || ''\"\r\n              (change)=\"setFieldProperty('inputsOnNextNavToAssocScrn', $any($event.target).value)\"\r\n            >\r\n              <option value=\"\">Predefinito (mantieni i valori)</option>\r\n              @for (entry of dictionary.screenFieldInputsRevisited(); track entry.value) {\r\n                <option [value]=\"entry.value\">{{ entry.label }}</option>\r\n              }\r\n            </select>\r\n          </div>\r\n\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label\">Regola di validazione</label>\r\n            <!--\r\n              `commitOn=\"change\"`: qui mutare il documento ridisegna l'anteprima, e riscriverla a\r\n              ogni tasto costa. La verifica parte lo stesso mentre si digita (\u00A76.3).\r\n            -->\r\n            <fb-formula-editor\r\n              [expression]=\"selectedField()!.validationRule?.formulaExpression || ''\"\r\n              usage=\"ValidationRule\"\r\n              expectedDataType=\"Boolean\"\r\n              commitOn=\"change\"\r\n              [rows]=\"2\"\r\n              placeholder=\"Espressione, es. LEN(Nome) > 3\"\r\n              ariaLabel=\"Regola di validazione\"\r\n              (expressionChange)=\"setValidationRule('formulaExpression', $event)\"\r\n            />\r\n            <input\r\n              class=\"fb-input\"\r\n              placeholder=\"Messaggio mostrato quando l\u2019espressione e\u2019 falsa\"\r\n              [value]=\"selectedField()!.validationRule?.errorMessage || ''\"\r\n              (change)=\"setValidationRule('errorMessage', $any($event.target).value)\"\r\n            />\r\n            <p class=\"fb-field__hint\">\r\n              L\u2019espressione la valuta il motore di regole: il backend non la interpreta, la fa\r\n              verificare al motore.\r\n            </p>\r\n          </div>\r\n        </fieldset>\r\n      }\r\n\r\n      <!-- --------------------------------------------------------------- choice -->\r\n      @if (selectedType()?.acceptsChoices) {\r\n        <fieldset class=\"fb-section\">\r\n          <legend class=\"fb-section__title\">Opzioni</legend>\r\n          <p class=\"fb-section__note\">\r\n            Accetta <strong>Choice</strong> e <strong>Dynamic choice set</strong>, nell\u2019ordine in cui le\r\n            opzioni compaiono. Puntare a una variabile e\u2019 SCREEN_FIELD_CHOICE_UNKNOWN.\r\n          </p>\r\n\r\n          @if (!selectedField()!.choiceReferences?.length) {\r\n            @if (selectedField()!.fieldType === 'ObjectProvided') {\r\n              <!-- Le opzioni di una picklist arrivano dallo schema: qui si aggiungono solo se\r\n                   si vuole sostituirle, e non dichiararne nessuna e' il caso normale. -->\r\n              <p class=\"fb-field__hint\">\r\n                Se il campo dello schema e\u2019 una picklist, le opzioni arrivano da l\u00EC: dichiararle qui\r\n                serve solo a sostituirle.\r\n              </p>\r\n            } @else {\r\n              <p class=\"fb-callout fb-callout--warn\">\r\n                Nessuna opzione: il campo non ha niente da mostrare (SCREEN_FIELD_CHOICES_MISSING).\r\n              </p>\r\n            }\r\n          }\r\n\r\n          <div class=\"fb-list\">\r\n            @for (choice of selectedField()!.choiceReferences || []; 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__title\">{{ choice }}</span>\r\n                  <span class=\"fb-list__spacer\"></span>\r\n                  <button type=\"button\" class=\"fb-btn fb-btn--sm\" (click)=\"moveChoice($index, -1)\">\u2191</button>\r\n                  <button type=\"button\" class=\"fb-btn fb-btn--sm\" (click)=\"moveChoice($index, 1)\">\u2193</button>\r\n                  <button\r\n                    type=\"button\"\r\n                    class=\"fb-btn fb-btn--ghost fb-btn--sm\"\r\n                    aria-label=\"Rimuovi\"\r\n                    (click)=\"removeChoice($index)\"\r\n                  >\r\n                    \u00D7\r\n                  </button>\r\n                </div>\r\n              </div>\r\n            }\r\n          </div>\r\n\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label\">Aggiungi un\u2019opzione</label>\r\n            <fb-name-picker\r\n              [options]=\"choiceOptions()\"\r\n              label=\"Choice\"\r\n              placeholder=\"Scegli una choice o un choice set\"\r\n              unknownMessage=\"Questo nome non e\u2019 una choice ne\u2019 un choice set: e\u2019 SCREEN_FIELD_CHOICE_UNKNOWN.\"\r\n              unknownSeverity=\"error\"\r\n              emptyMessage=\"Il flow non dichiara nessuna choice: creale nel pannello delle risorse.\"\r\n              (valueChange)=\"addChoice($event)\"\r\n            />\r\n          </div>\r\n\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label\">Opzione selezionata all\u2019apertura</label>\r\n            <select\r\n              class=\"fb-select\"\r\n              [fbValue]=\"selectedField()!.defaultSelectedChoiceReference || ''\"\r\n              (change)=\"setFieldProperty('defaultSelectedChoiceReference', $any($event.target).value)\"\r\n            >\r\n              <option value=\"\">\u2014 nessuna \u2014</option>\r\n              @for (choice of selectedField()!.choiceReferences || []; track $index) {\r\n                <option [value]=\"choice\">{{ choice }}</option>\r\n              }\r\n            </select>\r\n            @if (defaultChoiceIsForeign()) {\r\n              <p class=\"fb-field__hint fb-field__hint--warn\">\r\n                \u00AB{{ selectedField()!.defaultSelectedChoiceReference }}\u00BB non e\u2019 fra le opzioni elencate qui\r\n                sopra.\r\n              </p>\r\n            }\r\n          </div>\r\n        </fieldset>\r\n      }\r\n\r\n      <!-- ------------------------------------------------------- contenitori -->\r\n      @if (selectedType()?.isContainer) {\r\n        <fieldset class=\"fb-section\">\r\n          <legend class=\"fb-section__title\">Contenitore</legend>\r\n          @if (selectedField()!.fieldType === 'RegionContainer') {\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label\">Tipo di sezione</label>\r\n              <select\r\n                class=\"fb-select\"\r\n                [fbValue]=\"selectedField()!.regionContainerType || ''\"\r\n                (change)=\"setFieldProperty('regionContainerType', $any($event.target).value)\"\r\n              >\r\n                <option value=\"\">\u2014 predefinito \u2014</option>\r\n                @for (entry of dictionary.regionContainerTypes(); track entry.value) {\r\n                  <option [value]=\"entry.value\">{{ entry.label }}</option>\r\n                }\r\n              </select>\r\n            </div>\r\n          }\r\n          @if (!selectedField()!.fields?.length) {\r\n            <p class=\"fb-callout fb-callout--warn\">\r\n              Il contenitore e\u2019 vuoto: non produce niente sulla schermata (SCREEN_CONTAINER_EMPTY).\r\n            </p>\r\n          }\r\n        </fieldset>\r\n      }\r\n\r\n      <!-- --------------------------------------------------- ComponentInstance -->\r\n      @if (selectedField()!.fieldType === 'ComponentInstance') {\r\n        <fieldset class=\"fb-section\">\r\n          <legend class=\"fb-section__title\">Componente</legend>\r\n          <p class=\"fb-section__note\">\r\n            Componenti e form sono la stessa domanda al frontend \u2014 cosa sa rendere, e con quali parametri\r\n            \u2014 e passano dallo stesso catalogo. Un <code>ComponentInstance</code> non ha un valore proprio:\r\n            lo hanno i suoi output.\r\n          </p>\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label fb-field__label--required\">Componente</label>\r\n            <fb-name-picker\r\n              [value]=\"selectedField()!.extensionName\"\r\n              [options]=\"componentOptions()\"\r\n              [unusableOptions]=\"unusableComponents()\"\r\n              label=\"Componente\"\r\n              placeholder=\"Scrivi o scegli un componente\"\r\n              [isMono]=\"false\"\r\n              unknownMessage=\"Questo componente non esiste nel catalogo: e\u2019 SCREEN_COMPONENT_UNKNOWN.\"\r\n              unknownSeverity=\"error\"\r\n              unusableMessage=\"Questo nome e\u2019 una schermata intera, non un componente montabile qui (FORM_KIND_MISMATCH).\"\r\n              emptyMessage=\"Il catalogo dei componenti non e\u2019 popolato: il nome non viene verificato.\"\r\n              (valueChange)=\"setFieldProperty('extensionName', $event ?? '')\"\r\n            />\r\n            @if (!selectedField()!.extensionName) {\r\n              <p class=\"fb-field__error\">Obbligatorio: senza, SCREEN_COMPONENT_MISSING.</p>\r\n            }\r\n          </div>\r\n\r\n          <label class=\"fb-check\">\r\n            <input\r\n              type=\"checkbox\"\r\n              [checked]=\"selectedField()!.storeOutputAutomatically === true\"\r\n              (change)=\"setStoreOutputAutomatically($any($event.target).checked)\"\r\n            />\r\n            Rendi gli output referenziabili automaticamente\r\n          </label>\r\n          @if (selectedField()!.storeOutputAutomatically) {\r\n            <p class=\"fb-field__hint\">\r\n              Gli output si referenziano come\r\n              <code>{{ selectedField()!.name || 'Campo' }}.nomeOutput</code>, senza dichiarare variabili.\r\n            </p>\r\n          }\r\n          @if (hasOutputConflict()) {\r\n            <p class=\"fb-callout fb-callout--error\">\r\n              Output automatici <strong>e</strong> parametri di uscita insieme:\r\n              OUTPUT_CONFIGURATION_CONFLICT.\r\n            </p>\r\n          }\r\n\r\n          <fb-parameter-editor\r\n            [holder]=\"$any(selectedField())\"\r\n            [catalogParameters]=\"componentParameterList()\"\r\n            inputTitle=\"Valori passati al componente\"\r\n            outputTitle=\"Valori raccolti dal componente\"\r\n            [showOutputs]=\"!selectedField()!.storeOutputAutomatically\"\r\n            outputsDisabledReason=\"Gli output sono automatici: disattivalo per assegnarli a variabili.\"\r\n            (changed)=\"onComponentParametersChanged($event)\"\r\n          />\r\n        </fieldset>\r\n      }\r\n\r\n      <!-- ------------------------------------------------------- visibilita' -->\r\n      <fieldset class=\"fb-section\">\r\n        <legend class=\"fb-section__title\">Visibilita\u2019</legend>\r\n        <p class=\"fb-section__note\">\r\n          Le regole si rivalutano <strong>sui valori appena inviati</strong>: e\u2019 cos\u00EC che un campo compare\r\n          in funzione di un altro campo della stessa schermata. Un campo risultato nascosto viene\r\n          <strong>azzerato</strong> e non viene validato.\r\n        </p>\r\n        <fb-condition-editor\r\n          [holder]=\"visibilityRule()\"\r\n          title=\"Mostra il campo quando\"\r\n          [allowFormula]=\"false\"\r\n          [issuePath]=\"'fields[' + (selectedField()!.name || '') + '].visibilityRule'\"\r\n          (changed)=\"onVisibilityChanged($event)\"\r\n        />\r\n      </fieldset>\r\n    }\r\n  </aside>\r\n</div>\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\r\n<!--\r\n  ============================================================== l'anteprima\r\n  Due template ricorsivi. `listTpl` disegna i figli di un contenitore, e nient'altro: `data-item`\r\n  marca cio' che conta come fratello nel calcolo del punto di rilascio, e il segnaposto del\r\n  contenitore vuoto ne resta fuori. La barra di inserimento non e' qui \u2014 sta sopra l'anteprima,\r\n  vedi il velo nel frame.\r\n-->\r\n<ng-template #listTpl let-fields let-parent=\"parent\" let-axis=\"axis\">\r\n  @for (child of fields; track $index) {\r\n    <ng-container\r\n      [ngTemplateOutlet]=\"fieldTpl\"\r\n      [ngTemplateOutletContext]=\"{ $implicit: child, path: childPath(parent, $index), axis: axis }\"\r\n    />\r\n  }\r\n  @if (!fields.length) {\r\n    <p class=\"fb-scr__drop-hint\">Trascina qui un componente</p>\r\n  }\r\n</ng-template>\r\n\r\n<ng-template #fieldTpl let-field let-path=\"path\" let-axis=\"axis\">\r\n  <div\r\n    class=\"fb-scr__item\"\r\n    data-item=\"\"\r\n    cdkDrag\r\n    [style.grid-column]=\"'span ' + widthOf(field)\"\r\n    [class.fb-scr__item--selected]=\"isSelected(path)\"\r\n    [class.fb-scr__item--dragging]=\"isDragging(path)\"\r\n    [class.fb-scr__item--container]=\"isContainer(field)\"\r\n    (cdkDragStarted)=\"onFieldDragStarted(path)\"\r\n    (cdkDragMoved)=\"onFieldDragMoved($event)\"\r\n    (cdkDragEnded)=\"onFieldDragEnded($event, path)\"\r\n    (click)=\"select(path); $event.stopPropagation()\"\r\n  >\r\n    <span class=\"fb-scr__grip\" cdkDragHandle title=\"Trascina per spostare\" aria-hidden=\"true\">\u283F</span>\r\n    @if (field.visibilityRule?.conditions?.length) {\r\n      <span class=\"fb-scr__flag\" title=\"Ha una regola di visibilita\u2019\">\u25D0</span>\r\n    }\r\n\r\n    @switch (field.fieldType) {\r\n      @case ('RegionContainer') {\r\n        <div class=\"fb-scr__section\">\r\n          @if (field.regionContainerType !== 'SectionWithoutHeader') {\r\n            <header class=\"fb-scr__section-head\">{{ field.fieldText || field.name }}</header>\r\n          }\r\n          <div class=\"fb-scr__cols\" [attr.data-drop]=\"dropId(path)\" data-axis=\"row\">\r\n            <ng-container\r\n              [ngTemplateOutlet]=\"listTpl\"\r\n              [ngTemplateOutletContext]=\"{ $implicit: field.fields || [], parent: path, axis: 'row' }\"\r\n            />\r\n          </div>\r\n        </div>\r\n      }\r\n      @case ('Region') {\r\n        <div class=\"fb-scr__region\">\r\n          <span class=\"fb-scr__region-tag\">{{ field.name }} \u00B7 {{ widthOf(field) }}/12</span>\r\n          <div class=\"fb-scr__region-body\" [attr.data-drop]=\"dropId(path)\" data-axis=\"column\">\r\n            <ng-container\r\n              [ngTemplateOutlet]=\"listTpl\"\r\n              [ngTemplateOutletContext]=\"{ $implicit: field.fields || [], parent: path, axis: 'column' }\"\r\n            />\r\n          </div>\r\n        </div>\r\n      }\r\n      @case ('DisplayText') {\r\n        <p class=\"fb-scr__display\">{{ field.fieldText || '(testo vuoto)' }}</p>\r\n      }\r\n      @case ('LargeTextArea') {\r\n        <label class=\"fb-scr__label\">\r\n          {{ captionOf(field) }}\r\n          @if (field.isRequired) {\r\n            <span class=\"fb-scr__req\">*</span>\r\n          }\r\n        </label>\r\n        <div class=\"fb-scr__control fb-scr__control--area\">{{ placeholderOf(field) }}</div>\r\n      }\r\n      @case ('PasswordField') {\r\n        <label class=\"fb-scr__label\">\r\n          {{ captionOf(field) }}\r\n          @if (field.isRequired) {\r\n            <span class=\"fb-scr__req\">*</span>\r\n          }\r\n        </label>\r\n        <div class=\"fb-scr__control\">\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022</div>\r\n      }\r\n      @case ('DropdownBox') {\r\n        <label class=\"fb-scr__label\">\r\n          {{ captionOf(field) }}\r\n          @if (field.isRequired) {\r\n            <span class=\"fb-scr__req\">*</span>\r\n          }\r\n        </label>\r\n        <div class=\"fb-scr__control fb-scr__control--select\">\r\n          <span>{{ field.defaultSelectedChoiceReference || choiceLabelsOf(field)[0] || '\u2014 scegli \u2014' }}</span>\r\n          <span aria-hidden=\"true\">\u25BE</span>\r\n        </div>\r\n      }\r\n      @case ('MultiSelectPicklist') {\r\n        <label class=\"fb-scr__label\">\r\n          {{ captionOf(field) }}\r\n          @if (field.isRequired) {\r\n            <span class=\"fb-scr__req\">*</span>\r\n          }\r\n        </label>\r\n        <div class=\"fb-scr__control fb-scr__control--select\">\r\n          <span>{{ choiceLabelsOf(field).join(', ') || '\u2014 scegli \u2014' }}</span>\r\n          <span aria-hidden=\"true\">\u2261</span>\r\n        </div>\r\n      }\r\n      @case ('RadioButtons') {\r\n        <label class=\"fb-scr__label\">\r\n          {{ captionOf(field) }}\r\n          @if (field.isRequired) {\r\n            <span class=\"fb-scr__req\">*</span>\r\n          }\r\n        </label>\r\n        <div class=\"fb-scr__options\">\r\n          @for (option of choiceLabelsOf(field); track $index) {\r\n            <span class=\"fb-scr__option\">\u25EF {{ option }}</span>\r\n          }\r\n          @if (!choiceLabelsOf(field).length) {\r\n            <span class=\"fb-scr__option fb-scr__option--missing\">Nessuna opzione</span>\r\n          }\r\n        </div>\r\n      }\r\n      @case ('MultiSelectCheckboxes') {\r\n        <label class=\"fb-scr__label\">\r\n          {{ captionOf(field) }}\r\n          @if (field.isRequired) {\r\n            <span class=\"fb-scr__req\">*</span>\r\n          }\r\n        </label>\r\n        <div class=\"fb-scr__options\">\r\n          @for (option of choiceLabelsOf(field); track $index) {\r\n            <span class=\"fb-scr__option\">\u2610 {{ option }}</span>\r\n          }\r\n          @if (!choiceLabelsOf(field).length) {\r\n            <span class=\"fb-scr__option fb-scr__option--missing\">Nessuna opzione</span>\r\n          }\r\n        </div>\r\n      }\r\n      @case ('ComponentInstance') {\r\n        <div class=\"fb-scr__component\">\r\n          <span aria-hidden=\"true\">\u2B21</span>\r\n          {{ field.extensionName || 'Componente non indicato' }}\r\n        </div>\r\n      }\r\n      @case ('ObjectProvided') {\r\n        <label class=\"fb-scr__label\">\r\n          {{ field.fieldText || field.objectFieldReference || field.name }}\r\n          @if (field.isRequired) {\r\n            <span class=\"fb-scr__req\">*</span>\r\n          }\r\n        </label>\r\n        <div class=\"fb-scr__control\">{{ placeholderOf(field) }}</div>\r\n        <span class=\"fb-scr__tag\">{{ field.objectFieldReference || 'campo non indicato' }}</span>\r\n      }\r\n      @default {\r\n        <label class=\"fb-scr__label\">\r\n          {{ captionOf(field) }}\r\n          @if (field.isRequired) {\r\n            <span class=\"fb-scr__req\">*</span>\r\n          }\r\n        </label>\r\n        <div class=\"fb-scr__control\">{{ placeholderOf(field) }}</div>\r\n        @if (isUnknownType(field)) {\r\n          <span class=\"fb-scr__tag fb-scr__tag--warn\">{{ field.fieldType }}: tipo non nel dizionario</span>\r\n        }\r\n      }\r\n    }\r\n  </div>\r\n</ng-template>\r\n", styles: [".fb-scr{display:grid;grid-template-columns:220px minmax(0,1fr) 340px;gap:12px;align-items:start;margin-bottom:14px}@media(max-width:1100px){.fb-scr{grid-template-columns:minmax(0,1fr)}}.fb-scr__side,.fb-scr__props{min-width:0;padding:10px;border:1px solid var(--fb-border, #e2e5eb);border-radius:var(--fb-radius, 10px);background:var(--fb-surface-alt, #f7f8fa)}.fb-scr__tabs{display:flex;gap:4px;margin-bottom:8px}.fb-scr__tab{flex:1;padding:5px 8px;border:1px solid var(--fb-border, #e2e5eb);border-radius:var(--fb-radius-xs, 6px);background:var(--fb-surface, #fff);color:var(--fb-text-muted, #6b7086);font:inherit;font-size:11px;font-weight:600;cursor:pointer}.fb-scr__tab--active{border-color:var(--fb-accent, #4f6ef7);background:color-mix(in srgb,var(--fb-accent, #4f6ef7) 10%,transparent);color:var(--fb-accent-strong, #3d59e0)}.fb-scr__side-hint,.fb-scr__side-empty{margin:6px 0;font-size:11px;color:var(--fb-text-muted, #6b7086)}.fb-scr__palette{display:flex;flex-direction:column;gap:4px;margin:8px 0 0;padding:0;max-height:320px;overflow-y:auto;overscroll-behavior:contain;list-style:none}.fb-scr__chip{display:flex;align-items:center;gap:8px;width:100%;padding:6px 8px;border:1px solid var(--fb-border, #e2e5eb);border-radius:var(--fb-radius-xs, 6px);background:var(--fb-surface, #fff);color:var(--fb-text, #1a1c23);font:inherit;font-size:12px;text-align:left;cursor:grab}.fb-scr__chip:hover{border-color:var(--fb-accent, #4f6ef7)}.fb-scr__chip-icon{flex:none;width:20px;text-align:center;color:var(--fb-text-muted, #6b7086)}.fb-scr__chip-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fb-scr__chip-label small{margin-left:4px;color:var(--fb-text-subtle, #98a2b3);font-size:10px}.fb-scr__canvas{min-width:0;padding:14px;border:1px solid var(--fb-border, #e2e5eb);border-radius:var(--fb-radius, 10px);background:var(--fb-canvas-bg, #f4f5f7)}.fb-scr__frame{position:relative;display:flex;flex-direction:column;border:1px solid var(--fb-border, #e2e5eb);border-radius:var(--fb-radius-sm, 8px);background:var(--fb-surface, #fff);box-shadow:var(--fb-shadow-sm, 0 1px 2px rgb(16 24 40 / 6%));overflow:hidden}.fb-scr__frame-head{display:flex;align-items:center;gap:6px;padding:8px 12px;border-bottom:1px solid var(--fb-border-subtle, #eef0f4);font-size:13px;font-weight:600}.fb-scr__help{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;border-radius:50%;background:var(--fb-surface-sunken, #eef0f4);color:var(--fb-text-muted, #6b7086);font-size:10px}.fb-scr__body,.fb-scr__region-body{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-content:start;gap:8px 0;padding:12px;min-height:90px}.fb-scr__region-body{padding:8px;min-height:60px}.fb-scr__cols{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:stretch;gap:0;padding:8px;min-height:60px}.fb-scr__cols>.fb-scr__item{display:flex;align-self:stretch}.fb-scr__cols>.fb-scr__item>.fb-scr__region{flex:1;min-width:0}.fb-scr__drop-hint{grid-column:1 / -1;margin:0;padding:10px;border:1px dashed var(--fb-border-strong, #cfd4de);border-radius:var(--fb-radius-xs, 6px);color:var(--fb-text-subtle, #98a2b3);font-size:11px;text-align:center}.fb-scr__marker{position:absolute;z-index:2;border-radius:2px;background:var(--fb-accent, #4f6ef7);pointer-events:none}.fb-scr__item{position:relative;box-sizing:border-box;padding:6px 8px;border:1px solid transparent;border-radius:var(--fb-radius-xs, 6px);cursor:pointer}.fb-scr__item:hover{border-color:var(--fb-border-strong, #cfd4de);background:color-mix(in srgb,var(--fb-accent, #4f6ef7) 4%,transparent)}.fb-scr__item--selected{border-color:var(--fb-accent, #4f6ef7);box-shadow:inset 0 0 0 1px var(--fb-accent, #4f6ef7)}.fb-scr__item--dragging{opacity:.45;pointer-events:none}.fb-scr__grip{position:absolute;top:2px;left:-2px;padding:0 3px;color:var(--fb-text-subtle, #98a2b3);font-size:11px;line-height:1;opacity:0;cursor:grab}.fb-scr__item:hover>.fb-scr__grip,.fb-scr__item--selected>.fb-scr__grip{opacity:1}.fb-scr__flag{position:absolute;top:2px;right:4px;color:var(--fb-text-muted, #6b7086);font-size:11px}.fb-scr__label{display:block;margin-bottom:3px;font-size:11px;font-weight:600;color:var(--fb-text, #1a1c23)}.fb-scr__req{color:var(--fb-error, #dc2626)}.fb-scr__control{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:26px;padding:4px 8px;border:1px solid var(--fb-border-strong, #cfd4de);border-radius:var(--fb-radius-xs, 6px);background:var(--fb-surface, #fff);color:var(--fb-text-subtle, #98a2b3);font-size:12px;pointer-events:none}.fb-scr__control--area{min-height:54px;align-items:flex-start}.fb-scr__display{margin:0;font-size:12px;color:var(--fb-text, #1a1c23)}.fb-scr__options{display:flex;flex-direction:column;gap:2px;pointer-events:none}.fb-scr__option{font-size:12px;color:var(--fb-text-muted, #6b7086)}.fb-scr__option--missing{color:var(--fb-warning, #b7791f)}.fb-scr__component{display:flex;align-items:center;gap:6px;padding:10px;border:1px dashed var(--fb-accent, #4f6ef7);border-radius:var(--fb-radius-xs, 6px);background:color-mix(in srgb,var(--fb-accent, #4f6ef7) 5%,transparent);font-size:12px;color:var(--fb-text-muted, #6b7086)}.fb-scr__tag{display:inline-block;margin-top:3px;font-size:10px;color:var(--fb-text-subtle, #98a2b3)}.fb-scr__tag--warn{color:var(--fb-warning, #b7791f)}.fb-scr__section{border:1px solid var(--fb-border, #e2e5eb);border-radius:var(--fb-radius-xs, 6px);background:var(--fb-surface-alt, #f7f8fa)}.fb-scr__section-head{padding:5px 10px;border-bottom:1px solid var(--fb-border-subtle, #eef0f4);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--fb-text-muted, #6b7086)}.fb-scr__region{border:1px dashed var(--fb-border-strong, #cfd4de);border-radius:var(--fb-radius-xs, 6px);background:var(--fb-surface, #fff)}.fb-scr__region-tag{display:block;padding:3px 6px 0;font-size:10px;color:var(--fb-text-subtle, #98a2b3)}.fb-scr__frame-foot{display:flex;align-items:center;gap:6px;padding:8px 12px;border-top:1px solid var(--fb-border-subtle, #eef0f4);background:var(--fb-surface-alt, #f7f8fa)}.fb-scr__spacer{flex:1}.fb-scr__btn{padding:3px 10px;border:1px solid var(--fb-border-strong, #cfd4de);border-radius:var(--fb-radius-xs, 6px);font-size:11px;color:var(--fb-text-muted, #6b7086)}.fb-scr__btn--primary{border-color:var(--fb-accent, #4f6ef7);background:var(--fb-accent, #4f6ef7);color:var(--fb-accent-contrast, #fff)}.fb-scr__canvas-note{margin-top:10px}.fb-scr__props{background:var(--fb-surface, #fff)}.fb-scr__props-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}.fb-scr__props-title{flex:1;min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--fb-text-muted, #6b7086)}.fb-scr__props-actions{display:flex;flex-wrap:wrap;gap:3px}.fb-btn--sm{padding:3px 7px;font-size:11px}.fb-scr__width{display:flex;align-items:center;gap:8px}.fb-scr__width input[type=range]{flex:1;min-width:0}.fb-scr__width-value{font-size:11px;color:var(--fb-text-muted, #6b7086)}\n"], dependencies: [{ kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { 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: FieldPickerComponent, selector: "fb-field-picker", inputs: ["value", "object", "usage", "label", "placeholder", "disabled"], outputs: ["valueChange"] }, { kind: "component", type: FormulaEditorComponent, selector: "fb-formula-editor", inputs: ["expression", "usage", "expectedDataType", "scale", "placeholder", "ariaLabel", "disabled", "rows", "commitOn"], outputs: ["expressionChange"] }, { kind: "component", type: NamePickerComponent, selector: "fb-name-picker", inputs: ["value", "options", "label", "placeholder", "disabled", "unknownMessage", "unknownSeverity", "unusableOptions", "unusableMessage", "emptyMessage", "isMono"], outputs: ["valueChange"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ObjectPickerComponent, selector: "fb-object-picker", inputs: ["value", "label", "placeholder", "disabled"], 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"] }, { kind: "component", type: StructurePickerComponent, selector: "fb-structure-picker", inputs: ["value", "label", "placeholder", "disabled"], 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: DynamicScreenInspectorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fb-dynamic-screen-inspector', standalone: true, imports: [
                         CdkDrag,
                         CdkDragHandle,
-                        CdkDropList,
                         ConditionEditorComponent,
                         ConnectorEditorComponent,
                         FieldPickerComponent,
+                        FormulaEditorComponent,
                         NamePickerComponent,
+                        NgTemplateOutlet,
                         ObjectPickerComponent,
                         ParameterEditorComponent,
                         SelectValueDirective,
                         StructurePickerComponent,
                         ValueEditorComponent,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<p class=\"fb-callout\">\r\n  Lo screen dinamico <strong>descrive i propri campi</strong>: la schermata la compone il flow, non un\r\n  componente scritto a mano. Un campo che raccoglie un valore diventa una <strong>risorsa</strong> del flow,\r\n  referenziabile per nome ovunque e di sola lettura.\r\n</p>\r\n\r\n<div class=\"fb-dyn\">\r\n  <!-- ------------------------------------------------------------- albero -->\r\n  <section class=\"fb-dyn__pane fb-dyn__pane--tree\" aria-label=\"Campi della schermata\">\r\n    <header class=\"fb-dyn__pane-head\">\r\n      <h3 class=\"fb-dyn__pane-title\">Campi</h3>\r\n      <div class=\"fb-dyn__add\">\r\n        <select class=\"fb-select fb-select--sm\" #newType [disabled]=\"!dictionary.screenFieldTypes().length\">\r\n          @for (entry of dictionary.screenFieldTypes(); track entry.value) {\r\n            <option [value]=\"entry.value\">{{ entry.label }}</option>\r\n          }\r\n        </select>\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-btn fb-btn--primary fb-btn--sm\"\r\n          [disabled]=\"!dictionary.screenFieldTypes().length\"\r\n          (click)=\"addField(newType.value)\"\r\n        >\r\n          Aggiungi\r\n        </button>\r\n      </div>\r\n    </header>\r\n\r\n    @if (!dictionary.screenFieldTypes().length) {\r\n      <p class=\"fb-callout fb-callout--warn\">\r\n        Il dizionario <code>screenFieldTypes</code> non e\u2019 disponibile: senza i suoi flag l\u2019editor non sa\r\n        quali campi ammette ciascun tipo, e non li inventa.\r\n      </p>\r\n    }\r\n\r\n    <p class=\"fb-dyn__hint\">\r\n      Trascina per riordinare e per spostare un campo dentro una sezione o una colonna. L\u2019annidamento\r\n      previsto e\u2019 <strong>sezione \u2192 colonne \u2192 campi</strong>.\r\n    </p>\r\n\r\n    <!--\r\n      **Una sola** lista di rilascio sull'albero appiattito, non una per contenitore.\r\n      Le drop list annidate del CDK sono ambigue proprio qui: il rettangolo di una sezione\r\n      contiene quello delle sue colonne, e chi riceve il rilascio e' la lista registrata per\r\n      prima \u2014 cioe' sempre la radice. Con la lista piatta il contenitore di arrivo si deduce\r\n      dalla riga che precede il punto di rilascio, che e' anche cio' che si vede.\r\n    -->\r\n    <div\r\n      cdkDropList\r\n      class=\"fb-dyn__tree\"\r\n      [cdkDropListData]=\"tree()\"\r\n      (cdkDropListDropped)=\"onDrop($event)\"\r\n    >\r\n      @for (item of tree(); track $index) {\r\n        <div cdkDrag class=\"fb-dyn__item\" [style.margin-left.px]=\"item.depth * 16\">\r\n          <div\r\n            class=\"fb-dyn__row\"\r\n            [class.fb-dyn__row--selected]=\"isSelected(item.path)\"\r\n            [class.fb-dyn__row--container]=\"isContainer(item.field)\"\r\n            role=\"button\"\r\n            tabindex=\"0\"\r\n            (click)=\"select(item.path)\"\r\n            (keydown.enter)=\"select(item.path)\"\r\n            (keydown.space)=\"select(item.path)\"\r\n          >\r\n            <span class=\"fb-dyn__grip\" cdkDragHandle aria-hidden=\"true\">\u283F</span>\r\n            <span class=\"fb-dyn__caption\">{{ captionOf(item.field) }}</span>\r\n            <span class=\"fb-dyn__type\">{{ typeLabelOf(item.field) }}</span>\r\n            @if (item.field.isRequired) {\r\n              <span class=\"fb-dyn__badge fb-dyn__badge--required\" title=\"Obbligatorio\">*</span>\r\n            }\r\n            @if (item.field.visibilityRule?.conditions?.length) {\r\n              <span class=\"fb-dyn__badge\" title=\"Ha una regola di visibilita\u2019\">\u25D0</span>\r\n            }\r\n            @if (!isContainer(item.field)) {\r\n              <!-- La larghezza in dodicesimi, disegnata: e' l'unica parte di layout che il\r\n                   documento porta, e leggerla come numero non dice niente. -->\r\n              <span class=\"fb-dyn__width\" [title]=\"widthOf(item.field) + '/12'\">\r\n                <span class=\"fb-dyn__width-fill\" [style.width.%]=\"(widthOf(item.field) / 12) * 100\"></span>\r\n              </span>\r\n            }\r\n          </div>\r\n        </div>\r\n      }\r\n    </div>\r\n\r\n    @if (isEmpty()) {\r\n      <p class=\"fb-callout fb-callout--warn\">\r\n        La schermata non ha campi: non c\u2019e\u2019 niente da mostrare all\u2019utente (SCREEN_WITHOUT_FIELDS).\r\n      </p>\r\n    }\r\n  </section>\r\n\r\n  <!-- --------------------------------------------------------- proprieta' -->\r\n  <section class=\"fb-dyn__pane fb-dyn__pane--props\" aria-label=\"Proprieta\u2019 del campo\">\r\n    @if (!selectedField()) {\r\n      <p class=\"fb-empty\">Seleziona un campo a sinistra per configurarlo.</p>\r\n    } @else {\r\n      <header class=\"fb-dyn__pane-head\">\r\n        <h3 class=\"fb-dyn__pane-title\">{{ captionOf(selectedField()!) }}</h3>\r\n        <div class=\"fb-dyn__pane-actions\">\r\n          <button type=\"button\" class=\"fb-btn fb-btn--sm\" title=\"Sposta su\" (click)=\"moveSelected(-1)\">\u2191</button>\r\n          <button type=\"button\" class=\"fb-btn fb-btn--sm\" title=\"Sposta giu\u2019\" (click)=\"moveSelected(1)\">\u2193</button>\r\n          <button\r\n            type=\"button\"\r\n            class=\"fb-btn fb-btn--sm\"\r\n            title=\"Porta dentro il contenitore precedente\"\r\n            [disabled]=\"!indentTarget()\"\r\n            (click)=\"indentSelected()\"\r\n          >\r\n            \u21E5\r\n          </button>\r\n          <button\r\n            type=\"button\"\r\n            class=\"fb-btn fb-btn--sm\"\r\n            title=\"Porta fuori dal contenitore\"\r\n            [disabled]=\"(selectedPath()?.length || 0) < 2\"\r\n            (click)=\"outdentSelected()\"\r\n          >\r\n            \u21E4\r\n          </button>\r\n          <button type=\"button\" class=\"fb-btn fb-btn--sm\" (click)=\"duplicateSelected()\">Duplica</button>\r\n          <button type=\"button\" class=\"fb-btn fb-btn--danger fb-btn--sm\" (click)=\"removeSelected()\">Elimina</button>\r\n        </div>\r\n      </header>\r\n\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]=\"selectedField()!.fieldType || ''\"\r\n          (change)=\"setFieldType($any($event.target).value)\"\r\n        >\r\n          <option value=\"\">\u2014 scegli \u2014</option>\r\n          @for (entry of dictionary.screenFieldTypes(); track entry.value) {\r\n            <option [value]=\"entry.value\">{{ entry.label }}</option>\r\n          }\r\n        </select>\r\n        @if (!selectedField()!.fieldType) {\r\n          <p class=\"fb-field__error\">Il tipo e\u2019 obbligatorio: senza, SCREEN_FIELD_TYPE_MISSING.</p>\r\n        } @else if (isUnknownType(selectedField())) {\r\n          <p class=\"fb-field__hint fb-field__hint--warn\">\r\n            Questo tipo non e\u2019 nel dizionario: l\u2019editor non sa quali campi ammetta e mostra solo i comuni.\r\n          </p>\r\n        } @else if (selectedType()?.description) {\r\n          <p class=\"fb-field__hint\">{{ selectedType()?.description }}</p>\r\n        }\r\n      </div>\r\n\r\n      <div class=\"fb-field\">\r\n        <label class=\"fb-field__label\">Nome</label>\r\n        <!-- Sul `change` e non sull\u2019`input`: la rinomina riscrive i riferimenti nel documento,\r\n             e farlo a ogni tasto significherebbe riscriverlo per ogni lettera. -->\r\n        <input\r\n          class=\"fb-input fb-input--mono\"\r\n          [value]=\"selectedField()!.name || ''\"\r\n          (change)=\"setFieldName($any($event.target).value)\"\r\n        />\r\n        @if (selectedIsResource()) {\r\n          <p class=\"fb-field__hint\">\r\n            Questo campo e\u2019 una <strong>risorsa</strong>: lo referenzi come\r\n            <code>{{ selectedField()!.name || 'Nome' }}</code> in condizioni, formule e parametri. \u00C8 di sola\r\n            lettura per il flow \u2014 un Assignment che ci scrive e\u2019 TARGET_NOT_WRITABLE.\r\n          </p>\r\n        }\r\n      </div>\r\n\r\n      @if (!selectedType()?.isContainer && selectedField()!.fieldType !== 'ComponentInstance') {\r\n        <div class=\"fb-field\">\r\n          <label class=\"fb-field__label\">\r\n            {{ selectedField()!.fieldType === 'DisplayText' ? 'Testo' : 'Etichetta' }}\r\n          </label>\r\n          <textarea\r\n            class=\"fb-textarea\"\r\n            [value]=\"selectedField()!.fieldText || ''\"\r\n            (input)=\"setFieldProperty('fieldText', $any($event.target).value)\"\r\n          ></textarea>\r\n          <p class=\"fb-field__hint\">Supporta i merge field <code>&#123;!Riferimento&#125;</code>.</p>\r\n        </div>\r\n      }\r\n\r\n      <div class=\"fb-field\">\r\n        <label class=\"fb-field__label\">Testo di aiuto</label>\r\n        <input\r\n          class=\"fb-input\"\r\n          [value]=\"selectedField()!.helpText || ''\"\r\n          (input)=\"setFieldProperty('helpText', $any($event.target).value)\"\r\n        />\r\n      </div>\r\n\r\n      <div class=\"fb-field\">\r\n        <label class=\"fb-field__label\">Larghezza</label>\r\n        <div class=\"fb-dyn__width-editor\">\r\n          <input\r\n            type=\"range\"\r\n            min=\"1\"\r\n            max=\"12\"\r\n            step=\"1\"\r\n            [value]=\"widthOf(selectedField()!)\"\r\n            (input)=\"setNumberProperty('width', $any($event.target).value)\"\r\n          />\r\n          <span class=\"fb-dyn__width-value\">{{ widthOf(selectedField()!) }}/12</span>\r\n        </div>\r\n        <p class=\"fb-field__hint\">\r\n          Colonne della griglia della schermata. \u00C8 un\u2019indicazione: il frontend puo\u2019 ignorarla.\r\n        </p>\r\n      </div>\r\n\r\n      <!-- ------------------------------------------------ campi che raccolgono un valore -->\r\n      @if (selectedType()?.storesValue) {\r\n        <fieldset class=\"fb-section\">\r\n          <legend class=\"fb-section__title\">Valore</legend>\r\n\r\n          @if (selectedField()!.fieldType !== 'ObjectProvided') {\r\n            <div class=\"fb-field\">\r\n              <label\r\n                class=\"fb-field__label\"\r\n                [class.fb-field__label--required]=\"!!selectedType()?.requiresDataType\"\r\n              >\r\n                Tipo di dato\r\n              </label>\r\n              <select\r\n                class=\"fb-select\"\r\n                [fbValue]=\"selectedField()!.dataType || ''\"\r\n                (change)=\"setFieldProperty('dataType', $any($event.target).value)\"\r\n              >\r\n                <option value=\"\">\u2014 scegli \u2014</option>\r\n                @for (entry of dictionary.dataTypes(); track entry.value) {\r\n                  <option [value]=\"entry.value\">{{ entry.label }}</option>\r\n                }\r\n              </select>\r\n              @if (selectedType()?.requiresDataType && !selectedField()!.dataType) {\r\n                <p class=\"fb-field__error\">Obbligatorio per questo tipo di campo (DATA_TYPE_MISSING).</p>\r\n              }\r\n              @if (selectedType()?.isCollection) {\r\n                <p class=\"fb-field__hint\">\r\n                  Il valore raccolto e\u2019 una <strong>collection</strong>, non una stringa con i valori\r\n                  separati: nelle condizioni si usano gli operatori di collection.\r\n                </p>\r\n              }\r\n            </div>\r\n\r\n            @if (requiresObjectType()) {\r\n              <div class=\"fb-field\">\r\n                <label\r\n                  class=\"fb-field__label\"\r\n                  [class.fb-field__label--required]=\"objectTypeIsStructure()\"\r\n                >\r\n                  {{ objectTypeIsStructure() ? 'Classe' : selectedField()!.dataType === 'Enum' ? 'Tipo di enumerazione' : 'Oggetto' }}\r\n                </label>\r\n                @if (selectedField()!.dataType === 'Enum') {\r\n                  <!-- Dizionario chiuso: si sceglie, non si scrive. -->\r\n                  <select\r\n                    class=\"fb-select\"\r\n                    [fbValue]=\"selectedField()!.objectType || ''\"\r\n                    (change)=\"setFieldProperty('objectType', $any($event.target).value)\"\r\n                  >\r\n                    <option value=\"\">\u2014 scegli \u2014</option>\r\n                    @for (entry of enumOptions(); track entry.name) {\r\n                      <option [value]=\"entry.name\">{{ entry.label || entry.name }}</option>\r\n                    }\r\n                  </select>\r\n                  @if (!selectedField()!.objectType) {\r\n                    <p class=\"fb-field__hint fb-field__hint--warn\">\r\n                      Senza il tipo concreto l\u2019editor non puo\u2019 proporre i valori dell\u2019enumerazione.\r\n                    </p>\r\n                  }\r\n                } @else if (objectTypeIsStructure()) {\r\n                  <fb-structure-picker\r\n                    [value]=\"selectedField()!.objectType\"\r\n                    label=\"Classe\"\r\n                    (valueChange)=\"setFieldProperty('objectType', $event ?? '')\"\r\n                  />\r\n                  @if (!selectedField()!.objectType) {\r\n                    <p class=\"fb-field__error\">\r\n                      La classe e\u2019 obbligatoria: senza, il runtime non ha nulla da istanziare\r\n                      (OBJECT_TYPE_MISSING).\r\n                    </p>\r\n                  }\r\n                } @else {\r\n                  <fb-object-picker\r\n                    [value]=\"selectedField()!.objectType\"\r\n                    label=\"Oggetto\"\r\n                    (valueChange)=\"setFieldProperty('objectType', $event ?? '')\"\r\n                  />\r\n                }\r\n              </div>\r\n            }\r\n          } @else {\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label fb-field__label--required\">Campo dell\u2019entita\u2019</label>\r\n              <p class=\"fb-field__hint\">\r\n                Tipo, label, obbligatorieta\u2019, scala e \u2014 se il campo e\u2019 una picklist \u2014 le opzioni arrivano\r\n                dallo schema dati: qui non si ridichiarano.\r\n              </p>\r\n              <fb-object-picker\r\n                [value]=\"providedObject() || undefined\"\r\n                label=\"Oggetto\"\r\n                (valueChange)=\"setProvidedObject($event)\"\r\n              />\r\n              <fb-field-picker\r\n                [value]=\"providedField() || undefined\"\r\n                [object]=\"providedObject() || undefined\"\r\n                label=\"Campo\"\r\n                (valueChange)=\"setProvidedField($event)\"\r\n              />\r\n            </div>\r\n          }\r\n\r\n          <label class=\"fb-check\">\r\n            <input\r\n              type=\"checkbox\"\r\n              [checked]=\"selectedIsRequired()\"\r\n              (change)=\"setRequired($any($event.target).checked)\"\r\n            />\r\n            Obbligatorio\r\n          </label>\r\n          <label class=\"fb-check\">\r\n            <input\r\n              type=\"checkbox\"\r\n              [checked]=\"selectedIsEditable()\"\r\n              (change)=\"setEditable($any($event.target).checked)\"\r\n            />\r\n            Modificabile\r\n          </label>\r\n          @if (!selectedIsEditable()) {\r\n            <p class=\"fb-field__hint\">\r\n              A <code>false</code> il runtime <strong>ignora</strong> cio\u2019 che il client rimanda indietro:\r\n              e\u2019 l\u2019unico modo di rendere un campo davvero di sola lettura.\r\n            </p>\r\n          }\r\n\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label\">Valore di default</label>\r\n            <fb-value-editor\r\n              [value]=\"selectedField()!.defaultValue\"\r\n              [dataType]=\"selectedField()!.dataType\"\r\n              [objectType]=\"selectedField()!.objectType\"\r\n              [isCollection]=\"selectedType()?.isCollection\"\r\n              label=\"Valore di default\"\r\n              (valueChange)=\"setDefaultValue($event)\"\r\n            />\r\n          </div>\r\n\r\n          <div class=\"fb-dyn__grid\">\r\n            @if (scaleApplies()) {\r\n              <div class=\"fb-field\">\r\n                <label class=\"fb-field__label\">Decimali</label>\r\n                <input\r\n                  class=\"fb-input\"\r\n                  type=\"number\"\r\n                  min=\"0\"\r\n                  [value]=\"selectedField()!.scale ?? ''\"\r\n                  (change)=\"setNumberProperty('scale', $any($event.target).value)\"\r\n                />\r\n              </div>\r\n            } @else if (selectedField()!.scale !== undefined) {\r\n              <p class=\"fb-field__hint fb-field__hint--warn\">\r\n                <code>scale</code> su un campo non numerico e\u2019 SCALE_NOT_APPLICABLE.\r\n              </p>\r\n            }\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label\">Lunghezza massima</label>\r\n              <input\r\n                class=\"fb-input\"\r\n                type=\"number\"\r\n                min=\"1\"\r\n                [value]=\"selectedField()!.maxLength ?? ''\"\r\n                (change)=\"setNumberProperty('maxLength', $any($event.target).value)\"\r\n              />\r\n              <p class=\"fb-field__hint\">Verificata anche dal runtime (TOO_LONG).</p>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label\">Tornando sulla schermata</label>\r\n            <select\r\n              class=\"fb-select\"\r\n              [fbValue]=\"selectedField()!.inputsOnNextNavToAssocScrn || ''\"\r\n              (change)=\"setFieldProperty('inputsOnNextNavToAssocScrn', $any($event.target).value)\"\r\n            >\r\n              <option value=\"\">Predefinito (mantieni i valori)</option>\r\n              @for (entry of dictionary.screenFieldInputsRevisited(); track entry.value) {\r\n                <option [value]=\"entry.value\">{{ entry.label }}</option>\r\n              }\r\n            </select>\r\n          </div>\r\n\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label\">Regola di validazione</label>\r\n            <input\r\n              class=\"fb-input fb-input--mono\"\r\n              placeholder=\"Espressione, es. LEN(Nome) > 3\"\r\n              [value]=\"selectedField()!.validationRule?.formulaExpression || ''\"\r\n              (change)=\"setValidationRule('formulaExpression', $any($event.target).value)\"\r\n            />\r\n            <input\r\n              class=\"fb-input\"\r\n              placeholder=\"Messaggio mostrato quando l\u2019espressione e\u2019 falsa\"\r\n              [value]=\"selectedField()!.validationRule?.errorMessage || ''\"\r\n              (change)=\"setValidationRule('errorMessage', $any($event.target).value)\"\r\n            />\r\n            <p class=\"fb-field__hint\">\r\n              L\u2019espressione la valuta il motore di regole: il backend non la interpreta e non la verifica.\r\n            </p>\r\n          </div>\r\n        </fieldset>\r\n      }\r\n\r\n      <!-- --------------------------------------------------------------- choice -->\r\n      @if (selectedType()?.acceptsChoices) {\r\n        <fieldset class=\"fb-section\">\r\n          <legend class=\"fb-section__title\">Opzioni</legend>\r\n          <p class=\"fb-section__note\">\r\n            Accetta <strong>Choice</strong> e <strong>Dynamic choice set</strong>, nell\u2019ordine in cui le\r\n            opzioni compaiono. Puntare a una variabile e\u2019 SCREEN_FIELD_CHOICE_UNKNOWN.\r\n          </p>\r\n\r\n          @if (!selectedField()!.choiceReferences?.length) {\r\n            <p class=\"fb-callout fb-callout--warn\">\r\n              Nessuna opzione: il campo non ha niente da mostrare (SCREEN_FIELD_CHOICES_MISSING).\r\n            </p>\r\n          }\r\n\r\n          <div class=\"fb-list\">\r\n            @for (choice of selectedField()!.choiceReferences || []; 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__title\">{{ choice }}</span>\r\n                  <span class=\"fb-list__spacer\"></span>\r\n                  <button type=\"button\" class=\"fb-btn fb-btn--sm\" (click)=\"moveChoice($index, -1)\">\u2191</button>\r\n                  <button type=\"button\" class=\"fb-btn fb-btn--sm\" (click)=\"moveChoice($index, 1)\">\u2193</button>\r\n                  <button\r\n                    type=\"button\"\r\n                    class=\"fb-btn fb-btn--ghost fb-btn--sm\"\r\n                    aria-label=\"Rimuovi\"\r\n                    (click)=\"removeChoice($index)\"\r\n                  >\r\n                    \u00D7\r\n                  </button>\r\n                </div>\r\n              </div>\r\n            }\r\n          </div>\r\n\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label\">Aggiungi un\u2019opzione</label>\r\n            <fb-name-picker\r\n              [options]=\"choiceOptions()\"\r\n              label=\"Choice\"\r\n              placeholder=\"Scegli una choice o un choice set\"\r\n              unknownMessage=\"Questo nome non e\u2019 una choice ne\u2019 un choice set: e\u2019 SCREEN_FIELD_CHOICE_UNKNOWN.\"\r\n              unknownSeverity=\"error\"\r\n              emptyMessage=\"Il flow non dichiara nessuna choice: creale nel pannello delle risorse.\"\r\n              (valueChange)=\"addChoice($event)\"\r\n            />\r\n          </div>\r\n\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label\">Opzione selezionata all\u2019apertura</label>\r\n            <select\r\n              class=\"fb-select\"\r\n              [fbValue]=\"selectedField()!.defaultSelectedChoiceReference || ''\"\r\n              (change)=\"setFieldProperty('defaultSelectedChoiceReference', $any($event.target).value)\"\r\n            >\r\n              <option value=\"\">\u2014 nessuna \u2014</option>\r\n              @for (choice of selectedField()!.choiceReferences || []; track $index) {\r\n                <option [value]=\"choice\">{{ choice }}</option>\r\n              }\r\n            </select>\r\n            @if (defaultChoiceIsForeign()) {\r\n              <p class=\"fb-field__hint fb-field__hint--warn\">\r\n                \u00AB{{ selectedField()!.defaultSelectedChoiceReference }}\u00BB non e\u2019 fra le opzioni elencate qui\r\n                sopra.\r\n              </p>\r\n            }\r\n          </div>\r\n        </fieldset>\r\n      }\r\n\r\n      <!-- ------------------------------------------------------- contenitori -->\r\n      @if (selectedType()?.isContainer) {\r\n        <fieldset class=\"fb-section\">\r\n          <legend class=\"fb-section__title\">Contenitore</legend>\r\n          @if (selectedField()!.fieldType === 'RegionContainer') {\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label\">Tipo di sezione</label>\r\n              <select\r\n                class=\"fb-select\"\r\n                [fbValue]=\"selectedField()!.regionContainerType || ''\"\r\n                (change)=\"setFieldProperty('regionContainerType', $any($event.target).value)\"\r\n              >\r\n                <option value=\"\">\u2014 predefinito \u2014</option>\r\n                @for (entry of dictionary.regionContainerTypes(); track entry.value) {\r\n                  <option [value]=\"entry.value\">{{ entry.label }}</option>\r\n                }\r\n              </select>\r\n            </div>\r\n          }\r\n          @if (!selectedField()!.fields?.length) {\r\n            <p class=\"fb-callout fb-callout--warn\">\r\n              Il contenitore e\u2019 vuoto: non produce niente sulla schermata (SCREEN_CONTAINER_EMPTY).\r\n            </p>\r\n          }\r\n        </fieldset>\r\n      }\r\n\r\n      <!-- --------------------------------------------------- ComponentInstance -->\r\n      @if (selectedField()!.fieldType === 'ComponentInstance') {\r\n        <fieldset class=\"fb-section\">\r\n          <legend class=\"fb-section__title\">Componente</legend>\r\n          <p class=\"fb-section__note\">\r\n            Componenti e form sono la stessa domanda al frontend \u2014 cosa sa rendere, e con quali parametri \u2014\r\n            e passano dallo stesso catalogo. Un <code>ComponentInstance</code> non ha un valore proprio: lo\r\n            hanno i suoi output.\r\n          </p>\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label fb-field__label--required\">Componente</label>\r\n            <fb-name-picker\r\n              [value]=\"selectedField()!.extensionName\"\r\n              [options]=\"componentOptions()\"\r\n              label=\"Componente\"\r\n              placeholder=\"Scrivi o scegli un componente\"\r\n              [isMono]=\"false\"\r\n              unknownMessage=\"Questo componente non esiste nel catalogo: e\u2019 SCREEN_COMPONENT_UNKNOWN.\"\r\n              unknownSeverity=\"error\"\r\n              emptyMessage=\"Il catalogo dei componenti non e\u2019 popolato: il nome non viene verificato.\"\r\n              (valueChange)=\"setFieldProperty('extensionName', $event ?? '')\"\r\n            />\r\n            @if (!selectedField()!.extensionName) {\r\n              <p class=\"fb-field__error\">Obbligatorio: senza, SCREEN_COMPONENT_MISSING.</p>\r\n            }\r\n          </div>\r\n\r\n          <label class=\"fb-check\">\r\n            <input\r\n              type=\"checkbox\"\r\n              [checked]=\"selectedField()!.storeOutputAutomatically === true\"\r\n              (change)=\"setStoreOutputAutomatically($any($event.target).checked)\"\r\n            />\r\n            Rendi gli output referenziabili automaticamente\r\n          </label>\r\n          @if (selectedField()!.storeOutputAutomatically) {\r\n            <p class=\"fb-field__hint\">\r\n              Gli output si referenziano come\r\n              <code>{{ selectedField()!.name || 'Campo' }}.nomeOutput</code>, senza dichiarare variabili.\r\n            </p>\r\n          }\r\n          @if (hasOutputConflict()) {\r\n            <p class=\"fb-callout fb-callout--error\">\r\n              Output automatici <strong>e</strong> parametri di uscita insieme:\r\n              OUTPUT_CONFIGURATION_CONFLICT.\r\n            </p>\r\n          }\r\n\r\n          <fb-parameter-editor\r\n            [holder]=\"$any(selectedField())\"\r\n            [catalogParameters]=\"componentParameterList()\"\r\n            inputTitle=\"Valori passati al componente\"\r\n            outputTitle=\"Valori raccolti dal componente\"\r\n            [showOutputs]=\"!selectedField()!.storeOutputAutomatically\"\r\n            outputsDisabledReason=\"Gli output sono automatici: disattivalo per assegnarli a variabili.\"\r\n            (changed)=\"onComponentParametersChanged($event)\"\r\n          />\r\n        </fieldset>\r\n      }\r\n\r\n      <!-- ------------------------------------------------------- visibilita' -->\r\n      <fieldset class=\"fb-section\">\r\n        <legend class=\"fb-section__title\">Visibilita\u2019</legend>\r\n        <p class=\"fb-section__note\">\r\n          Le regole si rivalutano <strong>sui valori appena inviati</strong>: e\u2019 cos\u00EC che un campo compare in\r\n          funzione di un altro campo della stessa schermata. Un campo risultato nascosto viene\r\n          <strong>azzerato</strong> e non viene validato.\r\n        </p>\r\n        <fb-condition-editor\r\n          [holder]=\"visibilityRule()\"\r\n          title=\"Mostra il campo quando\"\r\n          [allowFormula]=\"false\"\r\n          [issuePath]=\"'fields[' + (selectedField()!.name || '') + '].visibilityRule'\"\r\n          (changed)=\"onVisibilityChanged($event)\"\r\n        />\r\n      </fieldset>\r\n    }\r\n  </section>\r\n</div>\r\n\r\n<!-- --------------------------------------------------------------- schermata -->\r\n<fieldset class=\"fb-section\">\r\n  <legend class=\"fb-section__title\">Schermata</legend>\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)=\"setScreenText('helpText', $any($event.target).value)\"\r\n    ></textarea>\r\n  </div>\r\n\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 della schermata.\r\n  </p>\r\n  <label class=\"fb-check\">\r\n    <input type=\"checkbox\" [checked]=\"allowBack()\" (change)=\"setScreenFlag('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)=\"setScreenFlag('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)=\"setScreenFlag('allowPause', $any($event.target).checked)\" />\r\n    Consenti \u00ABpausa\u00BB\r\n  </label>\r\n  <label class=\"fb-check\">\r\n    <input type=\"checkbox\" [checked]=\"showHeader()\" (change)=\"setScreenFlag('showHeader', $any($event.target).checked)\" />\r\n    Mostra l\u2019intestazione\r\n  </label>\r\n  <label class=\"fb-check\">\r\n    <input type=\"checkbox\" [checked]=\"showFooter()\" (change)=\"setScreenFlag('showFooter', $any($event.target).checked)\" />\r\n    Mostra il piede\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)=\"setScreenText('pausedText', $any($event.target).value)\"\r\n      />\r\n    </div>\r\n  }\r\n\r\n  <div class=\"fb-dyn__grid\">\r\n    <div class=\"fb-field\">\r\n      <label class=\"fb-field__label\">Etichetta \u00ABindietro\u00BB</label>\r\n      <input\r\n        class=\"fb-input\"\r\n        [value]=\"screen().backButtonLabel || ''\"\r\n        (input)=\"setScreenText('backButtonLabel', $any($event.target).value)\"\r\n      />\r\n    </div>\r\n    <div class=\"fb-field\">\r\n      <label class=\"fb-field__label\">Etichetta \u00ABavanti / fine\u00BB</label>\r\n      <input\r\n        class=\"fb-input\"\r\n        [value]=\"screen().nextOrFinishButtonLabel || ''\"\r\n        (input)=\"setScreenText('nextOrFinishButtonLabel', $any($event.target).value)\"\r\n      />\r\n    </div>\r\n    <div class=\"fb-field\">\r\n      <label class=\"fb-field__label\">Etichetta \u00ABpausa\u00BB</label>\r\n      <input\r\n        class=\"fb-input\"\r\n        [value]=\"screen().pauseButtonLabel || ''\"\r\n        (input)=\"setScreenText('pauseButtonLabel', $any($event.target).value)\"\r\n      />\r\n    </div>\r\n  </div>\r\n\r\n  <div class=\"fb-field\">\r\n    <label class=\"fb-field__label\">Stage mostrato nell\u2019avanzamento</label>\r\n    <fb-name-picker\r\n      [value]=\"screen().stageReference\"\r\n      [options]=\"stageOptions()\"\r\n      label=\"Stage\"\r\n      placeholder=\"Scegli uno stage\"\r\n      unknownMessage=\"Questo stage non e\u2019 dichiarato dal flow.\"\r\n      emptyMessage=\"Il flow non dichiara stage: creali nel pannello delle risorse.\"\r\n      (valueChange)=\"setScreenText('stageReference', $event ?? '')\"\r\n    />\r\n  </div>\r\n\r\n  @if (isDeadEnd()) {\r\n    <p class=\"fb-callout fb-callout--error\">\r\n      Questa schermata non ha una destinazione e non consente \u00ABfine\u00BB: e\u2019 un vicolo cieco, e l\u2019utente\r\n      resterebbe bloccato (SCREEN_DEAD_END).\r\n    </p>\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", styles: [".fb-dyn{display:grid;grid-template-columns:minmax(240px,320px) minmax(0,1fr);gap:14px;align-items:start;margin-bottom:14px}@media(max-width:900px){.fb-dyn{grid-template-columns:minmax(0,1fr)}}.fb-dyn__pane{min-width:0;padding:10px;border:1px solid var(--fb-border, #e2e5eb);border-radius:var(--fb-radius, 10px);background:var(--fb-surface-alt, #f7f8fa)}.fb-dyn__pane--tree{position:sticky;top:0}.fb-dyn__pane--props{background:var(--fb-surface, #fff)}.fb-dyn__pane-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}.fb-dyn__pane-title{flex:1;min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--fb-text-muted, #6b7086)}.fb-dyn__pane-actions,.fb-dyn__add{display:flex;flex-wrap:wrap;gap:4px}.fb-dyn__add .fb-select--sm{width:auto;max-width:150px}.fb-btn--sm{padding:3px 7px;font-size:11px}.fb-select--sm{padding:3px 6px;font-size:11px}.fb-dyn__hint{margin:0 0 8px;font-size:11px;color:var(--fb-text-muted, #6b7086)}.fb-dyn__tree{max-height:420px;overflow-y:auto;overscroll-behavior:contain}.fb-dyn__item{background:transparent}.fb-dyn__row{display:flex;align-items:center;gap:6px;padding:4px 6px;margin-bottom:3px;border:1px solid var(--fb-border, #e2e5eb);border-radius:var(--fb-radius-xs, 6px);background:var(--fb-surface, #fff);cursor:pointer}.fb-dyn__row:hover{border-color:var(--fb-border-strong, #cfd4de)}.fb-dyn__row--selected{border-color:var(--fb-accent, #4f6ef7);box-shadow:inset 0 0 0 1px var(--fb-accent, #4f6ef7)}.fb-dyn__row--container{background:var(--fb-surface-sunken, #eef0f4);font-weight:600}.fb-dyn__grip{color:var(--fb-text-subtle, #98a2b3);cursor:grab}.fb-dyn__caption{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:var(--fb-text, #1a1c23)}.fb-dyn__type{font-size:10px;color:var(--fb-text-subtle, #98a2b3)}.fb-dyn__badge{font-size:11px;color:var(--fb-text-muted, #6b7086)}.fb-dyn__badge--required{color:var(--fb-error, #dc2626);font-weight:700}.fb-dyn__width{flex:none;width:34px;height:6px;border-radius:3px;background:var(--fb-surface-sunken, #eef0f4);overflow:hidden}.fb-dyn__width-fill{display:block;height:100%;background:var(--fb-accent, #4f6ef7)}.fb-dyn__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:0 10px}.fb-dyn__width-editor{display:flex;align-items:center;gap:8px}.fb-dyn__width-editor input[type=range]{flex:1;min-width:0}.fb-dyn__width-value{font-size:11px;color:var(--fb-text-muted, #6b7086)}.fb-dyn__item.cdk-drag-placeholder{opacity:.4}.fb-dyn__tree.cdk-drop-list-dragging .fb-dyn__row{transition:transform .12s cubic-bezier(0,0,.2,1)}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"fb-scr\">\r\n  <!-- ============================================================ sinistra -->\r\n  <aside class=\"fb-scr__side\" aria-label=\"Componenti e campi\">\r\n    <div class=\"fb-scr__tabs\" role=\"tablist\">\r\n      <button\r\n        type=\"button\"\r\n        role=\"tab\"\r\n        class=\"fb-scr__tab\"\r\n        [class.fb-scr__tab--active]=\"paletteTab() === 'components'\"\r\n        [attr.aria-selected]=\"paletteTab() === 'components'\"\r\n        (click)=\"setPaletteTab('components')\"\r\n      >\r\n        Componenti\r\n      </button>\r\n      <button\r\n        type=\"button\"\r\n        role=\"tab\"\r\n        class=\"fb-scr__tab\"\r\n        [class.fb-scr__tab--active]=\"paletteTab() === 'fields'\"\r\n        [attr.aria-selected]=\"paletteTab() === 'fields'\"\r\n        (click)=\"setPaletteTab('fields')\"\r\n      >\r\n        Campi\r\n      </button>\r\n    </div>\r\n\r\n    @if (paletteTab() === 'components') {\r\n      @if (!dictionary.screenFieldTypes().length) {\r\n        <p class=\"fb-callout fb-callout--warn\">\r\n          Il dizionario <code>screenFieldTypes</code> non e\u2019 disponibile: senza i suoi flag l\u2019editor non\r\n          sa quali campi ammette ciascun tipo, e non li inventa.\r\n        </p>\r\n      }\r\n      <p class=\"fb-scr__side-hint\">Trascina sulla schermata, oppure clicca per aggiungere.</p>\r\n      <ul class=\"fb-scr__palette\">\r\n        @for (entry of dictionary.screenFieldTypes(); track entry.value) {\r\n          <li>\r\n            <button\r\n              type=\"button\"\r\n              class=\"fb-scr__chip\"\r\n              cdkDrag\r\n              [title]=\"entry.description || entry.label\"\r\n              (cdkDragMoved)=\"onPaletteDragMoved($event)\"\r\n              (cdkDragEnded)=\"onComponentDragEnded($event, entry.value)\"\r\n              (click)=\"addComponentAtSelection(entry.value)\"\r\n            >\r\n              <span class=\"fb-scr__chip-icon\" aria-hidden=\"true\">{{ iconOf(entry.value) }}</span>\r\n              <span class=\"fb-scr__chip-label\">{{ entry.label }}</span>\r\n            </button>\r\n          </li>\r\n        }\r\n      </ul>\r\n    } @else {\r\n      <p class=\"fb-scr__side-hint\">\r\n        Un campo dell\u2019entita\u2019 porta con se\u2019 tipo, etichetta, obbligatorieta\u2019 e opzioni: arrivano dallo\r\n        schema dati, qui non si ridichiarano.\r\n      </p>\r\n      <!-- Il catalogo non e' un dizionario chiuso: si sceglie o si scrive, come ovunque si\r\n           indichi un'entita' (vedi `object-picker`). -->\r\n      <fb-object-picker\r\n        [value]=\"fieldsObject()\"\r\n        label=\"Entita\u2019\"\r\n        placeholder=\"Scrivi o scegli un\u2019entita\u2019\"\r\n        (valueChange)=\"setFieldsObject($event)\"\r\n      />\r\n      @if (fieldsObject() && !fieldsOfObject().length) {\r\n        <p class=\"fb-scr__side-empty\">\r\n          Nessun campo dichiarato per questa entita\u2019: il catalogo non li espone, non significa che non\r\n          ci siano.\r\n        </p>\r\n      }\r\n      <ul class=\"fb-scr__palette\">\r\n        @for (field of fieldsOfObject(); track $index) {\r\n          <li>\r\n            <button\r\n              type=\"button\"\r\n              class=\"fb-scr__chip\"\r\n              cdkDrag\r\n              [title]=\"field.name + (field.dataType ? ' \u00B7 ' + field.dataType : '')\"\r\n              (cdkDragMoved)=\"onPaletteDragMoved($event)\"\r\n              (cdkDragEnded)=\"onObjectFieldDragEnded($event, field)\"\r\n              (click)=\"addObjectFieldAtSelection(field)\"\r\n            >\r\n              <span class=\"fb-scr__chip-icon\" aria-hidden=\"true\">\u2317</span>\r\n              <span class=\"fb-scr__chip-label\">\r\n                {{ field.label || field.name }}\r\n                @if (field.isRequired) {\r\n                  <span class=\"fb-scr__req\">*</span>\r\n                }\r\n                <small>{{ field.dataType }}</small>\r\n              </span>\r\n            </button>\r\n          </li>\r\n        }\r\n      </ul>\r\n    }\r\n  </aside>\r\n\r\n  <!-- ============================================================== centro -->\r\n  <!-- Cliccare fuori da un campo riporta a destra le proprieta' della schermata. -->\r\n  <section class=\"fb-scr__canvas\" aria-label=\"Anteprima della schermata\" (click)=\"selectScreen()\">\r\n    <div class=\"fb-scr__frame\">\r\n      @if (showHeader()) {\r\n        <header class=\"fb-scr__frame-head\">\r\n          {{ $any(node()).label || name() }}\r\n          @if (screen().helpText) {\r\n            <span class=\"fb-scr__help\" [title]=\"screen().helpText || ''\">?</span>\r\n          }\r\n        </header>\r\n      }\r\n\r\n      <div\r\n        class=\"fb-scr__body\"\r\n        [attr.data-drop]=\"''\"\r\n        data-axis=\"column\"\r\n        [class.fb-scr__body--empty]=\"isEmpty()\"\r\n      >\r\n        <ng-container\r\n          [ngTemplateOutlet]=\"listTpl\"\r\n          [ngTemplateOutletContext]=\"{ $implicit: screen().fields || [], parent: [], axis: 'column' }\"\r\n        />\r\n      </div>\r\n\r\n      <!--\r\n        La barra di inserimento e' un **velo** sopra l'anteprima, non un figlio del contenitore di\r\n        rilascio: dentro la griglia occupava una riga intera e spostava in basso proprio la sezione\r\n        che si stava puntando, che allora usciva da sotto il puntatore e il bersaglio oscillava.\r\n      -->\r\n      @if (dropMarker(); as bar) {\r\n        <div\r\n          class=\"fb-scr__marker\"\r\n          [style.left.px]=\"bar.left\"\r\n          [style.top.px]=\"bar.top\"\r\n          [style.width.px]=\"bar.width\"\r\n          [style.height.px]=\"bar.height\"\r\n        ></div>\r\n      }\r\n\r\n      @if (showFooter()) {\r\n        <footer class=\"fb-scr__frame-foot\">\r\n          @if (allowPause()) {\r\n            <span class=\"fb-scr__btn fb-scr__btn--ghost\">{{ screen().pauseButtonLabel || 'Pausa' }}</span>\r\n          }\r\n          <span class=\"fb-scr__spacer\"></span>\r\n          @if (allowBack()) {\r\n            <span class=\"fb-scr__btn fb-scr__btn--ghost\">{{ screen().backButtonLabel || 'Indietro' }}</span>\r\n          }\r\n          <span class=\"fb-scr__btn fb-scr__btn--primary\">\r\n            {{ screen().nextOrFinishButtonLabel || (allowFinish() ? 'Fine' : 'Avanti') }}\r\n          </span>\r\n        </footer>\r\n      }\r\n    </div>\r\n\r\n    @if (isEmpty()) {\r\n      <p class=\"fb-callout fb-callout--warn fb-scr__canvas-note\">\r\n        La schermata non ha campi: non c\u2019e\u2019 niente da mostrare all\u2019utente (SCREEN_WITHOUT_FIELDS).\r\n      </p>\r\n    }\r\n  </section>\r\n\r\n  <!-- ============================================================== destra -->\r\n  <aside class=\"fb-scr__props\" aria-label=\"Proprieta\u2019\">\r\n    @if (!selectedField()) {\r\n      <!-- ------------------------------------------------ proprieta' della schermata -->\r\n      <header class=\"fb-scr__props-head\">\r\n        <h3 class=\"fb-scr__props-title\">Schermata</h3>\r\n      </header>\r\n      <p class=\"fb-scr__side-hint\">Seleziona un campo nell\u2019anteprima per configurarlo.</p>\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)=\"setScreenText('helpText', $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 della\r\n          schermata.\r\n        </p>\r\n        <label class=\"fb-check\">\r\n          <input type=\"checkbox\" [checked]=\"allowBack()\" (change)=\"setScreenFlag('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)=\"setScreenFlag('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)=\"setScreenFlag('allowPause', $any($event.target).checked)\" />\r\n          Consenti \u00ABpausa\u00BB\r\n        </label>\r\n        <label class=\"fb-check\">\r\n          <input type=\"checkbox\" [checked]=\"showHeader()\" (change)=\"setScreenFlag('showHeader', $any($event.target).checked)\" />\r\n          Mostra l\u2019intestazione\r\n        </label>\r\n        <label class=\"fb-check\">\r\n          <input type=\"checkbox\" [checked]=\"showFooter()\" (change)=\"setScreenFlag('showFooter', $any($event.target).checked)\" />\r\n          Mostra il piede\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)=\"setScreenText('pausedText', $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            Questa schermata non ha una destinazione e non consente \u00ABfine\u00BB: e\u2019 un vicolo cieco, e\r\n            l\u2019utente resterebbe bloccato (SCREEN_DEAD_END).\r\n          </p>\r\n        }\r\n      </fieldset>\r\n\r\n      <fieldset class=\"fb-section\">\r\n        <legend class=\"fb-section__title\">Pulsanti</legend>\r\n        <div class=\"fb-field\">\r\n          <label class=\"fb-field__label\">Etichetta \u00ABindietro\u00BB</label>\r\n          <input\r\n            class=\"fb-input\"\r\n            [value]=\"screen().backButtonLabel || ''\"\r\n            (input)=\"setScreenText('backButtonLabel', $any($event.target).value)\"\r\n          />\r\n        </div>\r\n        <div class=\"fb-field\">\r\n          <label class=\"fb-field__label\">Etichetta \u00ABavanti / fine\u00BB</label>\r\n          <input\r\n            class=\"fb-input\"\r\n            [value]=\"screen().nextOrFinishButtonLabel || ''\"\r\n            (input)=\"setScreenText('nextOrFinishButtonLabel', $any($event.target).value)\"\r\n          />\r\n        </div>\r\n        <div class=\"fb-field\">\r\n          <label class=\"fb-field__label\">Etichetta \u00ABpausa\u00BB</label>\r\n          <input\r\n            class=\"fb-input\"\r\n            [value]=\"screen().pauseButtonLabel || ''\"\r\n            (input)=\"setScreenText('pauseButtonLabel', $any($event.target).value)\"\r\n          />\r\n        </div>\r\n      </fieldset>\r\n\r\n      <div class=\"fb-field\">\r\n        <label class=\"fb-field__label\">Stage mostrato nell\u2019avanzamento</label>\r\n        <fb-name-picker\r\n          [value]=\"screen().stageReference\"\r\n          [options]=\"stageOptions()\"\r\n          label=\"Stage\"\r\n          placeholder=\"Scegli uno stage\"\r\n          unknownMessage=\"Questo stage non e\u2019 dichiarato dal flow.\"\r\n          emptyMessage=\"Il flow non dichiara stage: creali nel pannello delle risorse.\"\r\n          (valueChange)=\"setScreenText('stageReference', $event ?? '')\"\r\n        />\r\n      </div>\r\n    } @else {\r\n      <!-- ---------------------------------------------------- proprieta' del campo -->\r\n      <header class=\"fb-scr__props-head\">\r\n        <h3 class=\"fb-scr__props-title\">{{ captionOf(selectedField()!) }}</h3>\r\n        <div class=\"fb-scr__props-actions\">\r\n          <button type=\"button\" class=\"fb-btn fb-btn--sm\" title=\"Sposta su\" (click)=\"moveSelected(-1)\">\u2191</button>\r\n          <button type=\"button\" class=\"fb-btn fb-btn--sm\" title=\"Sposta giu\u2019\" (click)=\"moveSelected(1)\">\u2193</button>\r\n          <button\r\n            type=\"button\"\r\n            class=\"fb-btn fb-btn--sm\"\r\n            title=\"Porta fuori dal contenitore\"\r\n            [disabled]=\"!canOutdent()\"\r\n            (click)=\"outdentSelected()\"\r\n          >\r\n            \u21E4\r\n          </button>\r\n          <button type=\"button\" class=\"fb-btn fb-btn--sm\" title=\"Duplica\" (click)=\"duplicateSelected()\">\u29C9</button>\r\n          <button type=\"button\" class=\"fb-btn fb-btn--danger fb-btn--sm\" title=\"Elimina\" (click)=\"removeSelected()\">\r\n            \u00D7\r\n          </button>\r\n        </div>\r\n      </header>\r\n\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]=\"selectedField()!.fieldType || ''\"\r\n          (change)=\"setFieldType($any($event.target).value)\"\r\n        >\r\n          <option value=\"\">\u2014 scegli \u2014</option>\r\n          @for (entry of dictionary.screenFieldTypes(); track entry.value) {\r\n            <option [value]=\"entry.value\">{{ entry.label }}</option>\r\n          }\r\n        </select>\r\n        @if (!selectedField()!.fieldType) {\r\n          <p class=\"fb-field__error\">Il tipo e\u2019 obbligatorio: senza, SCREEN_FIELD_TYPE_MISSING.</p>\r\n        } @else if (isUnknownType(selectedField())) {\r\n          <p class=\"fb-field__hint fb-field__hint--warn\">\r\n            Questo tipo non e\u2019 nel dizionario: l\u2019editor non sa quali campi ammetta e mostra solo i comuni.\r\n          </p>\r\n        } @else if (selectedType()?.description) {\r\n          <p class=\"fb-field__hint\">{{ selectedType()?.description }}</p>\r\n        }\r\n      </div>\r\n\r\n      <div class=\"fb-field\">\r\n        <label class=\"fb-field__label\">Nome</label>\r\n        <!-- Sul `change` e non sull\u2019`input`: la rinomina riscrive i riferimenti nel documento,\r\n             e farlo a ogni tasto significherebbe riscriverlo per ogni lettera. -->\r\n        <input\r\n          class=\"fb-input fb-input--mono\"\r\n          [value]=\"selectedField()!.name || ''\"\r\n          (change)=\"setFieldName($any($event.target).value)\"\r\n        />\r\n        @if (selectedIsResource()) {\r\n          <p class=\"fb-field__hint\">\r\n            Questo campo e\u2019 una <strong>risorsa</strong>: lo referenzi come\r\n            <code>{{ selectedField()!.name || 'Nome' }}</code> in condizioni, formule e parametri. \u00C8 di\r\n            sola lettura per il flow \u2014 un Assignment che ci scrive e\u2019 TARGET_NOT_WRITABLE.\r\n          </p>\r\n        }\r\n      </div>\r\n\r\n      @if (!selectedType()?.isContainer && selectedField()!.fieldType !== 'ComponentInstance') {\r\n        <div class=\"fb-field\">\r\n          <label class=\"fb-field__label\">\r\n            {{ selectedField()!.fieldType === 'DisplayText' ? 'Testo' : 'Etichetta' }}\r\n          </label>\r\n          <textarea\r\n            class=\"fb-textarea\"\r\n            [value]=\"selectedField()!.fieldText || ''\"\r\n            (input)=\"setFieldProperty('fieldText', $any($event.target).value)\"\r\n          ></textarea>\r\n          <p class=\"fb-field__hint\">Supporta i merge field <code>&#123;!Riferimento&#125;</code>.</p>\r\n        </div>\r\n      } @else if (selectedType()?.isContainer) {\r\n        <div class=\"fb-field\">\r\n          <label class=\"fb-field__label\">Intestazione</label>\r\n          <input\r\n            class=\"fb-input\"\r\n            [value]=\"selectedField()!.fieldText || ''\"\r\n            (input)=\"setFieldProperty('fieldText', $any($event.target).value)\"\r\n          />\r\n        </div>\r\n      }\r\n\r\n      <div class=\"fb-field\">\r\n        <label class=\"fb-field__label\">Testo di aiuto</label>\r\n        <input\r\n          class=\"fb-input\"\r\n          [value]=\"selectedField()!.helpText || ''\"\r\n          (input)=\"setFieldProperty('helpText', $any($event.target).value)\"\r\n        />\r\n      </div>\r\n\r\n      <div class=\"fb-field\">\r\n        <label class=\"fb-field__label\">Larghezza</label>\r\n        <div class=\"fb-scr__width\">\r\n          <input\r\n            type=\"range\"\r\n            min=\"1\"\r\n            max=\"12\"\r\n            step=\"1\"\r\n            [value]=\"widthOf(selectedField()!)\"\r\n            (input)=\"setNumberProperty('width', $any($event.target).value)\"\r\n          />\r\n          <span class=\"fb-scr__width-value\">{{ widthOf(selectedField()!) }}/12</span>\r\n        </div>\r\n        <p class=\"fb-field__hint\">\r\n          Colonne della griglia della schermata. \u00C8 un\u2019indicazione: il frontend puo\u2019 ignorarla.\r\n        </p>\r\n      </div>\r\n\r\n      <!-- ------------------------------------------------ campi che raccolgono un valore -->\r\n      @if (selectedType()?.storesValue) {\r\n        <fieldset class=\"fb-section\">\r\n          <legend class=\"fb-section__title\">Valore</legend>\r\n\r\n          @if (selectedField()!.fieldType !== 'ObjectProvided') {\r\n            <div class=\"fb-field\">\r\n              <label\r\n                class=\"fb-field__label\"\r\n                [class.fb-field__label--required]=\"!!selectedType()?.requiresDataType\"\r\n              >\r\n                Tipo di dato\r\n              </label>\r\n              <select\r\n                class=\"fb-select\"\r\n                [fbValue]=\"selectedField()!.dataType || ''\"\r\n                (change)=\"setFieldProperty('dataType', $any($event.target).value)\"\r\n              >\r\n                <option value=\"\">\u2014 scegli \u2014</option>\r\n                @for (entry of dictionary.dataTypes(); track entry.value) {\r\n                  <option [value]=\"entry.value\">{{ entry.label }}</option>\r\n                }\r\n              </select>\r\n              @if (selectedType()?.requiresDataType && !selectedField()!.dataType) {\r\n                <p class=\"fb-field__error\">Obbligatorio per questo tipo di campo (DATA_TYPE_MISSING).</p>\r\n              }\r\n              @if (selectedType()?.isCollection) {\r\n                <p class=\"fb-field__hint\">\r\n                  Il valore raccolto e\u2019 una <strong>collection</strong>, non una stringa con i valori\r\n                  separati: nelle condizioni si usano gli operatori di collection.\r\n                </p>\r\n              }\r\n            </div>\r\n\r\n            @if (requiresObjectType()) {\r\n              <div class=\"fb-field\">\r\n                <label class=\"fb-field__label\" [class.fb-field__label--required]=\"objectTypeIsStructure()\">\r\n                  {{\r\n                    objectTypeIsStructure()\r\n                      ? 'Classe'\r\n                      : selectedField()!.dataType === 'Enum'\r\n                        ? 'Tipo di enumerazione'\r\n                        : 'Oggetto'\r\n                  }}\r\n                </label>\r\n                @if (selectedField()!.dataType === 'Enum') {\r\n                  <!-- Dizionario chiuso: si sceglie, non si scrive. -->\r\n                  <select\r\n                    class=\"fb-select\"\r\n                    [fbValue]=\"selectedField()!.objectType || ''\"\r\n                    (change)=\"setFieldProperty('objectType', $any($event.target).value)\"\r\n                  >\r\n                    <option value=\"\">\u2014 scegli \u2014</option>\r\n                    @for (entry of enumOptions(); track entry.name) {\r\n                      <option [value]=\"entry.name\">{{ entry.label || entry.name }}</option>\r\n                    }\r\n                  </select>\r\n                  @if (!selectedField()!.objectType) {\r\n                    <p class=\"fb-field__hint fb-field__hint--warn\">\r\n                      Senza il tipo concreto l\u2019editor non puo\u2019 proporre i valori dell\u2019enumerazione.\r\n                    </p>\r\n                  }\r\n                } @else if (objectTypeIsStructure()) {\r\n                  <fb-structure-picker\r\n                    [value]=\"selectedField()!.objectType\"\r\n                    label=\"Classe\"\r\n                    (valueChange)=\"setFieldProperty('objectType', $event ?? '')\"\r\n                  />\r\n                  @if (!selectedField()!.objectType) {\r\n                    <p class=\"fb-field__error\">\r\n                      La classe e\u2019 obbligatoria: senza, il runtime non ha nulla da istanziare\r\n                      (OBJECT_TYPE_MISSING).\r\n                    </p>\r\n                  }\r\n                } @else {\r\n                  <fb-object-picker\r\n                    [value]=\"selectedField()!.objectType\"\r\n                    label=\"Oggetto\"\r\n                    (valueChange)=\"setFieldProperty('objectType', $event ?? '')\"\r\n                  />\r\n                }\r\n              </div>\r\n            }\r\n          } @else {\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label fb-field__label--required\">Campo dell\u2019entita\u2019</label>\r\n              <p class=\"fb-field__hint\">\r\n                Tipo, label, obbligatorieta\u2019, scala e \u2014 se il campo e\u2019 una picklist \u2014 le opzioni arrivano\r\n                dallo schema dati: qui non si ridichiarano.\r\n              </p>\r\n              <fb-object-picker\r\n                [value]=\"providedObject() || undefined\"\r\n                label=\"Oggetto\"\r\n                (valueChange)=\"setProvidedObject($event)\"\r\n              />\r\n              <fb-field-picker\r\n                [value]=\"providedField() || undefined\"\r\n                [object]=\"providedObject() || undefined\"\r\n                label=\"Campo\"\r\n                (valueChange)=\"setProvidedField($event)\"\r\n              />\r\n            </div>\r\n          }\r\n\r\n          <label class=\"fb-check\">\r\n            <input\r\n              type=\"checkbox\"\r\n              [checked]=\"selectedIsRequired()\"\r\n              (change)=\"setRequired($any($event.target).checked)\"\r\n            />\r\n            Obbligatorio\r\n          </label>\r\n          <label class=\"fb-check\">\r\n            <input\r\n              type=\"checkbox\"\r\n              [checked]=\"selectedIsEditable()\"\r\n              (change)=\"setEditable($any($event.target).checked)\"\r\n            />\r\n            Modificabile\r\n          </label>\r\n          @if (!selectedIsEditable()) {\r\n            <p class=\"fb-field__hint\">\r\n              A <code>false</code> il runtime <strong>ignora</strong> cio\u2019 che il client rimanda indietro:\r\n              e\u2019 l\u2019unico modo di rendere un campo davvero di sola lettura.\r\n            </p>\r\n          }\r\n\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label\">Valore di default</label>\r\n            <fb-value-editor\r\n              [value]=\"selectedField()!.defaultValue\"\r\n              [dataType]=\"selectedField()!.dataType\"\r\n              [objectType]=\"selectedField()!.objectType\"\r\n              [isCollection]=\"selectedType()?.isCollection\"\r\n              label=\"Valore di default\"\r\n              (valueChange)=\"setDefaultValue($event)\"\r\n            />\r\n          </div>\r\n\r\n          @if (scaleApplies()) {\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label\">Decimali</label>\r\n              <input\r\n                class=\"fb-input\"\r\n                type=\"number\"\r\n                min=\"0\"\r\n                [value]=\"selectedField()!.scale ?? ''\"\r\n                (change)=\"setNumberProperty('scale', $any($event.target).value)\"\r\n              />\r\n            </div>\r\n          } @else if (selectedField()!.scale !== undefined) {\r\n            <p class=\"fb-field__hint fb-field__hint--warn\">\r\n              <code>scale</code> su un campo non numerico e\u2019 SCALE_NOT_APPLICABLE.\r\n            </p>\r\n          }\r\n\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label\">Lunghezza massima</label>\r\n            <input\r\n              class=\"fb-input\"\r\n              type=\"number\"\r\n              min=\"1\"\r\n              [value]=\"selectedField()!.maxLength ?? ''\"\r\n              (change)=\"setNumberProperty('maxLength', $any($event.target).value)\"\r\n            />\r\n            <p class=\"fb-field__hint\">Verificata anche dal runtime (TOO_LONG).</p>\r\n          </div>\r\n\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label\">Tornando sulla schermata</label>\r\n            <select\r\n              class=\"fb-select\"\r\n              [fbValue]=\"selectedField()!.inputsOnNextNavToAssocScrn || ''\"\r\n              (change)=\"setFieldProperty('inputsOnNextNavToAssocScrn', $any($event.target).value)\"\r\n            >\r\n              <option value=\"\">Predefinito (mantieni i valori)</option>\r\n              @for (entry of dictionary.screenFieldInputsRevisited(); track entry.value) {\r\n                <option [value]=\"entry.value\">{{ entry.label }}</option>\r\n              }\r\n            </select>\r\n          </div>\r\n\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label\">Regola di validazione</label>\r\n            <!--\r\n              `commitOn=\"change\"`: qui mutare il documento ridisegna l'anteprima, e riscriverla a\r\n              ogni tasto costa. La verifica parte lo stesso mentre si digita (\u00A76.3).\r\n            -->\r\n            <fb-formula-editor\r\n              [expression]=\"selectedField()!.validationRule?.formulaExpression || ''\"\r\n              usage=\"ValidationRule\"\r\n              expectedDataType=\"Boolean\"\r\n              commitOn=\"change\"\r\n              [rows]=\"2\"\r\n              placeholder=\"Espressione, es. LEN(Nome) > 3\"\r\n              ariaLabel=\"Regola di validazione\"\r\n              (expressionChange)=\"setValidationRule('formulaExpression', $event)\"\r\n            />\r\n            <input\r\n              class=\"fb-input\"\r\n              placeholder=\"Messaggio mostrato quando l\u2019espressione e\u2019 falsa\"\r\n              [value]=\"selectedField()!.validationRule?.errorMessage || ''\"\r\n              (change)=\"setValidationRule('errorMessage', $any($event.target).value)\"\r\n            />\r\n            <p class=\"fb-field__hint\">\r\n              L\u2019espressione la valuta il motore di regole: il backend non la interpreta, la fa\r\n              verificare al motore.\r\n            </p>\r\n          </div>\r\n        </fieldset>\r\n      }\r\n\r\n      <!-- --------------------------------------------------------------- choice -->\r\n      @if (selectedType()?.acceptsChoices) {\r\n        <fieldset class=\"fb-section\">\r\n          <legend class=\"fb-section__title\">Opzioni</legend>\r\n          <p class=\"fb-section__note\">\r\n            Accetta <strong>Choice</strong> e <strong>Dynamic choice set</strong>, nell\u2019ordine in cui le\r\n            opzioni compaiono. Puntare a una variabile e\u2019 SCREEN_FIELD_CHOICE_UNKNOWN.\r\n          </p>\r\n\r\n          @if (!selectedField()!.choiceReferences?.length) {\r\n            @if (selectedField()!.fieldType === 'ObjectProvided') {\r\n              <!-- Le opzioni di una picklist arrivano dallo schema: qui si aggiungono solo se\r\n                   si vuole sostituirle, e non dichiararne nessuna e' il caso normale. -->\r\n              <p class=\"fb-field__hint\">\r\n                Se il campo dello schema e\u2019 una picklist, le opzioni arrivano da l\u00EC: dichiararle qui\r\n                serve solo a sostituirle.\r\n              </p>\r\n            } @else {\r\n              <p class=\"fb-callout fb-callout--warn\">\r\n                Nessuna opzione: il campo non ha niente da mostrare (SCREEN_FIELD_CHOICES_MISSING).\r\n              </p>\r\n            }\r\n          }\r\n\r\n          <div class=\"fb-list\">\r\n            @for (choice of selectedField()!.choiceReferences || []; 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__title\">{{ choice }}</span>\r\n                  <span class=\"fb-list__spacer\"></span>\r\n                  <button type=\"button\" class=\"fb-btn fb-btn--sm\" (click)=\"moveChoice($index, -1)\">\u2191</button>\r\n                  <button type=\"button\" class=\"fb-btn fb-btn--sm\" (click)=\"moveChoice($index, 1)\">\u2193</button>\r\n                  <button\r\n                    type=\"button\"\r\n                    class=\"fb-btn fb-btn--ghost fb-btn--sm\"\r\n                    aria-label=\"Rimuovi\"\r\n                    (click)=\"removeChoice($index)\"\r\n                  >\r\n                    \u00D7\r\n                  </button>\r\n                </div>\r\n              </div>\r\n            }\r\n          </div>\r\n\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label\">Aggiungi un\u2019opzione</label>\r\n            <fb-name-picker\r\n              [options]=\"choiceOptions()\"\r\n              label=\"Choice\"\r\n              placeholder=\"Scegli una choice o un choice set\"\r\n              unknownMessage=\"Questo nome non e\u2019 una choice ne\u2019 un choice set: e\u2019 SCREEN_FIELD_CHOICE_UNKNOWN.\"\r\n              unknownSeverity=\"error\"\r\n              emptyMessage=\"Il flow non dichiara nessuna choice: creale nel pannello delle risorse.\"\r\n              (valueChange)=\"addChoice($event)\"\r\n            />\r\n          </div>\r\n\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label\">Opzione selezionata all\u2019apertura</label>\r\n            <select\r\n              class=\"fb-select\"\r\n              [fbValue]=\"selectedField()!.defaultSelectedChoiceReference || ''\"\r\n              (change)=\"setFieldProperty('defaultSelectedChoiceReference', $any($event.target).value)\"\r\n            >\r\n              <option value=\"\">\u2014 nessuna \u2014</option>\r\n              @for (choice of selectedField()!.choiceReferences || []; track $index) {\r\n                <option [value]=\"choice\">{{ choice }}</option>\r\n              }\r\n            </select>\r\n            @if (defaultChoiceIsForeign()) {\r\n              <p class=\"fb-field__hint fb-field__hint--warn\">\r\n                \u00AB{{ selectedField()!.defaultSelectedChoiceReference }}\u00BB non e\u2019 fra le opzioni elencate qui\r\n                sopra.\r\n              </p>\r\n            }\r\n          </div>\r\n        </fieldset>\r\n      }\r\n\r\n      <!-- ------------------------------------------------------- contenitori -->\r\n      @if (selectedType()?.isContainer) {\r\n        <fieldset class=\"fb-section\">\r\n          <legend class=\"fb-section__title\">Contenitore</legend>\r\n          @if (selectedField()!.fieldType === 'RegionContainer') {\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label\">Tipo di sezione</label>\r\n              <select\r\n                class=\"fb-select\"\r\n                [fbValue]=\"selectedField()!.regionContainerType || ''\"\r\n                (change)=\"setFieldProperty('regionContainerType', $any($event.target).value)\"\r\n              >\r\n                <option value=\"\">\u2014 predefinito \u2014</option>\r\n                @for (entry of dictionary.regionContainerTypes(); track entry.value) {\r\n                  <option [value]=\"entry.value\">{{ entry.label }}</option>\r\n                }\r\n              </select>\r\n            </div>\r\n          }\r\n          @if (!selectedField()!.fields?.length) {\r\n            <p class=\"fb-callout fb-callout--warn\">\r\n              Il contenitore e\u2019 vuoto: non produce niente sulla schermata (SCREEN_CONTAINER_EMPTY).\r\n            </p>\r\n          }\r\n        </fieldset>\r\n      }\r\n\r\n      <!-- --------------------------------------------------- ComponentInstance -->\r\n      @if (selectedField()!.fieldType === 'ComponentInstance') {\r\n        <fieldset class=\"fb-section\">\r\n          <legend class=\"fb-section__title\">Componente</legend>\r\n          <p class=\"fb-section__note\">\r\n            Componenti e form sono la stessa domanda al frontend \u2014 cosa sa rendere, e con quali parametri\r\n            \u2014 e passano dallo stesso catalogo. Un <code>ComponentInstance</code> non ha un valore proprio:\r\n            lo hanno i suoi output.\r\n          </p>\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label fb-field__label--required\">Componente</label>\r\n            <fb-name-picker\r\n              [value]=\"selectedField()!.extensionName\"\r\n              [options]=\"componentOptions()\"\r\n              [unusableOptions]=\"unusableComponents()\"\r\n              label=\"Componente\"\r\n              placeholder=\"Scrivi o scegli un componente\"\r\n              [isMono]=\"false\"\r\n              unknownMessage=\"Questo componente non esiste nel catalogo: e\u2019 SCREEN_COMPONENT_UNKNOWN.\"\r\n              unknownSeverity=\"error\"\r\n              unusableMessage=\"Questo nome e\u2019 una schermata intera, non un componente montabile qui (FORM_KIND_MISMATCH).\"\r\n              emptyMessage=\"Il catalogo dei componenti non e\u2019 popolato: il nome non viene verificato.\"\r\n              (valueChange)=\"setFieldProperty('extensionName', $event ?? '')\"\r\n            />\r\n            @if (!selectedField()!.extensionName) {\r\n              <p class=\"fb-field__error\">Obbligatorio: senza, SCREEN_COMPONENT_MISSING.</p>\r\n            }\r\n          </div>\r\n\r\n          <label class=\"fb-check\">\r\n            <input\r\n              type=\"checkbox\"\r\n              [checked]=\"selectedField()!.storeOutputAutomatically === true\"\r\n              (change)=\"setStoreOutputAutomatically($any($event.target).checked)\"\r\n            />\r\n            Rendi gli output referenziabili automaticamente\r\n          </label>\r\n          @if (selectedField()!.storeOutputAutomatically) {\r\n            <p class=\"fb-field__hint\">\r\n              Gli output si referenziano come\r\n              <code>{{ selectedField()!.name || 'Campo' }}.nomeOutput</code>, senza dichiarare variabili.\r\n            </p>\r\n          }\r\n          @if (hasOutputConflict()) {\r\n            <p class=\"fb-callout fb-callout--error\">\r\n              Output automatici <strong>e</strong> parametri di uscita insieme:\r\n              OUTPUT_CONFIGURATION_CONFLICT.\r\n            </p>\r\n          }\r\n\r\n          <fb-parameter-editor\r\n            [holder]=\"$any(selectedField())\"\r\n            [catalogParameters]=\"componentParameterList()\"\r\n            inputTitle=\"Valori passati al componente\"\r\n            outputTitle=\"Valori raccolti dal componente\"\r\n            [showOutputs]=\"!selectedField()!.storeOutputAutomatically\"\r\n            outputsDisabledReason=\"Gli output sono automatici: disattivalo per assegnarli a variabili.\"\r\n            (changed)=\"onComponentParametersChanged($event)\"\r\n          />\r\n        </fieldset>\r\n      }\r\n\r\n      <!-- ------------------------------------------------------- visibilita' -->\r\n      <fieldset class=\"fb-section\">\r\n        <legend class=\"fb-section__title\">Visibilita\u2019</legend>\r\n        <p class=\"fb-section__note\">\r\n          Le regole si rivalutano <strong>sui valori appena inviati</strong>: e\u2019 cos\u00EC che un campo compare\r\n          in funzione di un altro campo della stessa schermata. Un campo risultato nascosto viene\r\n          <strong>azzerato</strong> e non viene validato.\r\n        </p>\r\n        <fb-condition-editor\r\n          [holder]=\"visibilityRule()\"\r\n          title=\"Mostra il campo quando\"\r\n          [allowFormula]=\"false\"\r\n          [issuePath]=\"'fields[' + (selectedField()!.name || '') + '].visibilityRule'\"\r\n          (changed)=\"onVisibilityChanged($event)\"\r\n        />\r\n      </fieldset>\r\n    }\r\n  </aside>\r\n</div>\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\r\n<!--\r\n  ============================================================== l'anteprima\r\n  Due template ricorsivi. `listTpl` disegna i figli di un contenitore, e nient'altro: `data-item`\r\n  marca cio' che conta come fratello nel calcolo del punto di rilascio, e il segnaposto del\r\n  contenitore vuoto ne resta fuori. La barra di inserimento non e' qui \u2014 sta sopra l'anteprima,\r\n  vedi il velo nel frame.\r\n-->\r\n<ng-template #listTpl let-fields let-parent=\"parent\" let-axis=\"axis\">\r\n  @for (child of fields; track $index) {\r\n    <ng-container\r\n      [ngTemplateOutlet]=\"fieldTpl\"\r\n      [ngTemplateOutletContext]=\"{ $implicit: child, path: childPath(parent, $index), axis: axis }\"\r\n    />\r\n  }\r\n  @if (!fields.length) {\r\n    <p class=\"fb-scr__drop-hint\">Trascina qui un componente</p>\r\n  }\r\n</ng-template>\r\n\r\n<ng-template #fieldTpl let-field let-path=\"path\" let-axis=\"axis\">\r\n  <div\r\n    class=\"fb-scr__item\"\r\n    data-item=\"\"\r\n    cdkDrag\r\n    [style.grid-column]=\"'span ' + widthOf(field)\"\r\n    [class.fb-scr__item--selected]=\"isSelected(path)\"\r\n    [class.fb-scr__item--dragging]=\"isDragging(path)\"\r\n    [class.fb-scr__item--container]=\"isContainer(field)\"\r\n    (cdkDragStarted)=\"onFieldDragStarted(path)\"\r\n    (cdkDragMoved)=\"onFieldDragMoved($event)\"\r\n    (cdkDragEnded)=\"onFieldDragEnded($event, path)\"\r\n    (click)=\"select(path); $event.stopPropagation()\"\r\n  >\r\n    <span class=\"fb-scr__grip\" cdkDragHandle title=\"Trascina per spostare\" aria-hidden=\"true\">\u283F</span>\r\n    @if (field.visibilityRule?.conditions?.length) {\r\n      <span class=\"fb-scr__flag\" title=\"Ha una regola di visibilita\u2019\">\u25D0</span>\r\n    }\r\n\r\n    @switch (field.fieldType) {\r\n      @case ('RegionContainer') {\r\n        <div class=\"fb-scr__section\">\r\n          @if (field.regionContainerType !== 'SectionWithoutHeader') {\r\n            <header class=\"fb-scr__section-head\">{{ field.fieldText || field.name }}</header>\r\n          }\r\n          <div class=\"fb-scr__cols\" [attr.data-drop]=\"dropId(path)\" data-axis=\"row\">\r\n            <ng-container\r\n              [ngTemplateOutlet]=\"listTpl\"\r\n              [ngTemplateOutletContext]=\"{ $implicit: field.fields || [], parent: path, axis: 'row' }\"\r\n            />\r\n          </div>\r\n        </div>\r\n      }\r\n      @case ('Region') {\r\n        <div class=\"fb-scr__region\">\r\n          <span class=\"fb-scr__region-tag\">{{ field.name }} \u00B7 {{ widthOf(field) }}/12</span>\r\n          <div class=\"fb-scr__region-body\" [attr.data-drop]=\"dropId(path)\" data-axis=\"column\">\r\n            <ng-container\r\n              [ngTemplateOutlet]=\"listTpl\"\r\n              [ngTemplateOutletContext]=\"{ $implicit: field.fields || [], parent: path, axis: 'column' }\"\r\n            />\r\n          </div>\r\n        </div>\r\n      }\r\n      @case ('DisplayText') {\r\n        <p class=\"fb-scr__display\">{{ field.fieldText || '(testo vuoto)' }}</p>\r\n      }\r\n      @case ('LargeTextArea') {\r\n        <label class=\"fb-scr__label\">\r\n          {{ captionOf(field) }}\r\n          @if (field.isRequired) {\r\n            <span class=\"fb-scr__req\">*</span>\r\n          }\r\n        </label>\r\n        <div class=\"fb-scr__control fb-scr__control--area\">{{ placeholderOf(field) }}</div>\r\n      }\r\n      @case ('PasswordField') {\r\n        <label class=\"fb-scr__label\">\r\n          {{ captionOf(field) }}\r\n          @if (field.isRequired) {\r\n            <span class=\"fb-scr__req\">*</span>\r\n          }\r\n        </label>\r\n        <div class=\"fb-scr__control\">\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022</div>\r\n      }\r\n      @case ('DropdownBox') {\r\n        <label class=\"fb-scr__label\">\r\n          {{ captionOf(field) }}\r\n          @if (field.isRequired) {\r\n            <span class=\"fb-scr__req\">*</span>\r\n          }\r\n        </label>\r\n        <div class=\"fb-scr__control fb-scr__control--select\">\r\n          <span>{{ field.defaultSelectedChoiceReference || choiceLabelsOf(field)[0] || '\u2014 scegli \u2014' }}</span>\r\n          <span aria-hidden=\"true\">\u25BE</span>\r\n        </div>\r\n      }\r\n      @case ('MultiSelectPicklist') {\r\n        <label class=\"fb-scr__label\">\r\n          {{ captionOf(field) }}\r\n          @if (field.isRequired) {\r\n            <span class=\"fb-scr__req\">*</span>\r\n          }\r\n        </label>\r\n        <div class=\"fb-scr__control fb-scr__control--select\">\r\n          <span>{{ choiceLabelsOf(field).join(', ') || '\u2014 scegli \u2014' }}</span>\r\n          <span aria-hidden=\"true\">\u2261</span>\r\n        </div>\r\n      }\r\n      @case ('RadioButtons') {\r\n        <label class=\"fb-scr__label\">\r\n          {{ captionOf(field) }}\r\n          @if (field.isRequired) {\r\n            <span class=\"fb-scr__req\">*</span>\r\n          }\r\n        </label>\r\n        <div class=\"fb-scr__options\">\r\n          @for (option of choiceLabelsOf(field); track $index) {\r\n            <span class=\"fb-scr__option\">\u25EF {{ option }}</span>\r\n          }\r\n          @if (!choiceLabelsOf(field).length) {\r\n            <span class=\"fb-scr__option fb-scr__option--missing\">Nessuna opzione</span>\r\n          }\r\n        </div>\r\n      }\r\n      @case ('MultiSelectCheckboxes') {\r\n        <label class=\"fb-scr__label\">\r\n          {{ captionOf(field) }}\r\n          @if (field.isRequired) {\r\n            <span class=\"fb-scr__req\">*</span>\r\n          }\r\n        </label>\r\n        <div class=\"fb-scr__options\">\r\n          @for (option of choiceLabelsOf(field); track $index) {\r\n            <span class=\"fb-scr__option\">\u2610 {{ option }}</span>\r\n          }\r\n          @if (!choiceLabelsOf(field).length) {\r\n            <span class=\"fb-scr__option fb-scr__option--missing\">Nessuna opzione</span>\r\n          }\r\n        </div>\r\n      }\r\n      @case ('ComponentInstance') {\r\n        <div class=\"fb-scr__component\">\r\n          <span aria-hidden=\"true\">\u2B21</span>\r\n          {{ field.extensionName || 'Componente non indicato' }}\r\n        </div>\r\n      }\r\n      @case ('ObjectProvided') {\r\n        <label class=\"fb-scr__label\">\r\n          {{ field.fieldText || field.objectFieldReference || field.name }}\r\n          @if (field.isRequired) {\r\n            <span class=\"fb-scr__req\">*</span>\r\n          }\r\n        </label>\r\n        <div class=\"fb-scr__control\">{{ placeholderOf(field) }}</div>\r\n        <span class=\"fb-scr__tag\">{{ field.objectFieldReference || 'campo non indicato' }}</span>\r\n      }\r\n      @default {\r\n        <label class=\"fb-scr__label\">\r\n          {{ captionOf(field) }}\r\n          @if (field.isRequired) {\r\n            <span class=\"fb-scr__req\">*</span>\r\n          }\r\n        </label>\r\n        <div class=\"fb-scr__control\">{{ placeholderOf(field) }}</div>\r\n        @if (isUnknownType(field)) {\r\n          <span class=\"fb-scr__tag fb-scr__tag--warn\">{{ field.fieldType }}: tipo non nel dizionario</span>\r\n        }\r\n      }\r\n    }\r\n  </div>\r\n</ng-template>\r\n", styles: [".fb-scr{display:grid;grid-template-columns:220px minmax(0,1fr) 340px;gap:12px;align-items:start;margin-bottom:14px}@media(max-width:1100px){.fb-scr{grid-template-columns:minmax(0,1fr)}}.fb-scr__side,.fb-scr__props{min-width:0;padding:10px;border:1px solid var(--fb-border, #e2e5eb);border-radius:var(--fb-radius, 10px);background:var(--fb-surface-alt, #f7f8fa)}.fb-scr__tabs{display:flex;gap:4px;margin-bottom:8px}.fb-scr__tab{flex:1;padding:5px 8px;border:1px solid var(--fb-border, #e2e5eb);border-radius:var(--fb-radius-xs, 6px);background:var(--fb-surface, #fff);color:var(--fb-text-muted, #6b7086);font:inherit;font-size:11px;font-weight:600;cursor:pointer}.fb-scr__tab--active{border-color:var(--fb-accent, #4f6ef7);background:color-mix(in srgb,var(--fb-accent, #4f6ef7) 10%,transparent);color:var(--fb-accent-strong, #3d59e0)}.fb-scr__side-hint,.fb-scr__side-empty{margin:6px 0;font-size:11px;color:var(--fb-text-muted, #6b7086)}.fb-scr__palette{display:flex;flex-direction:column;gap:4px;margin:8px 0 0;padding:0;max-height:320px;overflow-y:auto;overscroll-behavior:contain;list-style:none}.fb-scr__chip{display:flex;align-items:center;gap:8px;width:100%;padding:6px 8px;border:1px solid var(--fb-border, #e2e5eb);border-radius:var(--fb-radius-xs, 6px);background:var(--fb-surface, #fff);color:var(--fb-text, #1a1c23);font:inherit;font-size:12px;text-align:left;cursor:grab}.fb-scr__chip:hover{border-color:var(--fb-accent, #4f6ef7)}.fb-scr__chip-icon{flex:none;width:20px;text-align:center;color:var(--fb-text-muted, #6b7086)}.fb-scr__chip-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fb-scr__chip-label small{margin-left:4px;color:var(--fb-text-subtle, #98a2b3);font-size:10px}.fb-scr__canvas{min-width:0;padding:14px;border:1px solid var(--fb-border, #e2e5eb);border-radius:var(--fb-radius, 10px);background:var(--fb-canvas-bg, #f4f5f7)}.fb-scr__frame{position:relative;display:flex;flex-direction:column;border:1px solid var(--fb-border, #e2e5eb);border-radius:var(--fb-radius-sm, 8px);background:var(--fb-surface, #fff);box-shadow:var(--fb-shadow-sm, 0 1px 2px rgb(16 24 40 / 6%));overflow:hidden}.fb-scr__frame-head{display:flex;align-items:center;gap:6px;padding:8px 12px;border-bottom:1px solid var(--fb-border-subtle, #eef0f4);font-size:13px;font-weight:600}.fb-scr__help{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;border-radius:50%;background:var(--fb-surface-sunken, #eef0f4);color:var(--fb-text-muted, #6b7086);font-size:10px}.fb-scr__body,.fb-scr__region-body{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-content:start;gap:8px 0;padding:12px;min-height:90px}.fb-scr__region-body{padding:8px;min-height:60px}.fb-scr__cols{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:stretch;gap:0;padding:8px;min-height:60px}.fb-scr__cols>.fb-scr__item{display:flex;align-self:stretch}.fb-scr__cols>.fb-scr__item>.fb-scr__region{flex:1;min-width:0}.fb-scr__drop-hint{grid-column:1 / -1;margin:0;padding:10px;border:1px dashed var(--fb-border-strong, #cfd4de);border-radius:var(--fb-radius-xs, 6px);color:var(--fb-text-subtle, #98a2b3);font-size:11px;text-align:center}.fb-scr__marker{position:absolute;z-index:2;border-radius:2px;background:var(--fb-accent, #4f6ef7);pointer-events:none}.fb-scr__item{position:relative;box-sizing:border-box;padding:6px 8px;border:1px solid transparent;border-radius:var(--fb-radius-xs, 6px);cursor:pointer}.fb-scr__item:hover{border-color:var(--fb-border-strong, #cfd4de);background:color-mix(in srgb,var(--fb-accent, #4f6ef7) 4%,transparent)}.fb-scr__item--selected{border-color:var(--fb-accent, #4f6ef7);box-shadow:inset 0 0 0 1px var(--fb-accent, #4f6ef7)}.fb-scr__item--dragging{opacity:.45;pointer-events:none}.fb-scr__grip{position:absolute;top:2px;left:-2px;padding:0 3px;color:var(--fb-text-subtle, #98a2b3);font-size:11px;line-height:1;opacity:0;cursor:grab}.fb-scr__item:hover>.fb-scr__grip,.fb-scr__item--selected>.fb-scr__grip{opacity:1}.fb-scr__flag{position:absolute;top:2px;right:4px;color:var(--fb-text-muted, #6b7086);font-size:11px}.fb-scr__label{display:block;margin-bottom:3px;font-size:11px;font-weight:600;color:var(--fb-text, #1a1c23)}.fb-scr__req{color:var(--fb-error, #dc2626)}.fb-scr__control{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:26px;padding:4px 8px;border:1px solid var(--fb-border-strong, #cfd4de);border-radius:var(--fb-radius-xs, 6px);background:var(--fb-surface, #fff);color:var(--fb-text-subtle, #98a2b3);font-size:12px;pointer-events:none}.fb-scr__control--area{min-height:54px;align-items:flex-start}.fb-scr__display{margin:0;font-size:12px;color:var(--fb-text, #1a1c23)}.fb-scr__options{display:flex;flex-direction:column;gap:2px;pointer-events:none}.fb-scr__option{font-size:12px;color:var(--fb-text-muted, #6b7086)}.fb-scr__option--missing{color:var(--fb-warning, #b7791f)}.fb-scr__component{display:flex;align-items:center;gap:6px;padding:10px;border:1px dashed var(--fb-accent, #4f6ef7);border-radius:var(--fb-radius-xs, 6px);background:color-mix(in srgb,var(--fb-accent, #4f6ef7) 5%,transparent);font-size:12px;color:var(--fb-text-muted, #6b7086)}.fb-scr__tag{display:inline-block;margin-top:3px;font-size:10px;color:var(--fb-text-subtle, #98a2b3)}.fb-scr__tag--warn{color:var(--fb-warning, #b7791f)}.fb-scr__section{border:1px solid var(--fb-border, #e2e5eb);border-radius:var(--fb-radius-xs, 6px);background:var(--fb-surface-alt, #f7f8fa)}.fb-scr__section-head{padding:5px 10px;border-bottom:1px solid var(--fb-border-subtle, #eef0f4);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--fb-text-muted, #6b7086)}.fb-scr__region{border:1px dashed var(--fb-border-strong, #cfd4de);border-radius:var(--fb-radius-xs, 6px);background:var(--fb-surface, #fff)}.fb-scr__region-tag{display:block;padding:3px 6px 0;font-size:10px;color:var(--fb-text-subtle, #98a2b3)}.fb-scr__frame-foot{display:flex;align-items:center;gap:6px;padding:8px 12px;border-top:1px solid var(--fb-border-subtle, #eef0f4);background:var(--fb-surface-alt, #f7f8fa)}.fb-scr__spacer{flex:1}.fb-scr__btn{padding:3px 10px;border:1px solid var(--fb-border-strong, #cfd4de);border-radius:var(--fb-radius-xs, 6px);font-size:11px;color:var(--fb-text-muted, #6b7086)}.fb-scr__btn--primary{border-color:var(--fb-accent, #4f6ef7);background:var(--fb-accent, #4f6ef7);color:var(--fb-accent-contrast, #fff)}.fb-scr__canvas-note{margin-top:10px}.fb-scr__props{background:var(--fb-surface, #fff)}.fb-scr__props-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}.fb-scr__props-title{flex:1;min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--fb-text-muted, #6b7086)}.fb-scr__props-actions{display:flex;flex-wrap:wrap;gap:3px}.fb-btn--sm{padding:3px 7px;font-size:11px}.fb-scr__width{display:flex;align-items:center;gap:8px}.fb-scr__width input[type=range]{flex:1;min-width:0}.fb-scr__width-value{font-size:11px;color:var(--fb-text-muted, #6b7086)}\n"] }]
         }], ctorParameters: () => [] });
 
 /**
@@ -8508,7 +9439,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", "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 });
+    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", "unusableOptions", "unusableMessage", "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,
@@ -8956,14 +9887,26 @@ class ScreenInspectorComponent extends NodeInspectorBase {
     catalog = inject(FlowCatalogStore);
     elementType = 'Screen';
     screen = computed(() => this.node(), ...(ngDevMode ? [{ debugName: "screen" }] : []));
+    /** Le sole **schermate intere**: `GET /catalog/forms?kind=Form` (§5.1, §6.4). */
     forms = signal([], ...(ngDevMode ? [{ debugName: "forms" }] : []));
+    /**
+     * I **componenti**, che qui non vanno. Non e' un doppione dell'elenco sopra: serve a
+     * distinguere «questo nome non esiste» da «esiste, ma e' un componente» — il primo e'
+     * `FORM_UNKNOWN`, il secondo `FORM_KIND_MISMATCH`, e mandare a cercare un artefatto che c'e'
+     * e' il modo piu' facile di far perdere tempo.
+     */
+    components = signal([], ...(ngDevMode ? [{ debugName: "components" }] : []));
     formParameters = signal([], ...(ngDevMode ? [{ debugName: "formParameters" }] : []));
     constructor() {
         super();
         void this.catalog
-            .listForms()
+            .listForms('Form')
             .then((list) => this.forms.set(list ?? []))
             .catch(() => this.forms.set([]));
+        void this.catalog
+            .listForms('Component')
+            .then((list) => this.components.set(list ?? []))
+            .catch(() => this.components.set([]));
         effect(() => {
             const formName = this.screen().formName;
             if (!formName) {
@@ -8977,6 +9920,15 @@ class ScreenInspectorComponent extends NodeInspectorBase {
         });
     }
     formOptions = computed(() => this.forms(), ...(ngDevMode ? [{ debugName: "formOptions" }] : []));
+    /**
+     * Solo i componenti che **non** sono anche schermate: una voce `Any` — cioe' senza `formKind`
+     * dichiarato — compare in tutt'e due le risposte, ed e' utilizzabile in entrambi i posti. Senza
+     * questa sottrazione un catalogo che il ruolo non lo dichiara accuserebbe ogni nome (§6.4).
+     */
+    unusableForms = computed(() => {
+        const usable = new Set(this.forms().map((entry) => entry.name));
+        return this.components().filter((entry) => !usable.has(entry.name));
+    }, ...(ngDevMode ? [{ debugName: "unusableForms" }] : []));
     parameters = computed(() => this.formParameters(), ...(ngDevMode ? [{ debugName: "parameters" }] : []));
     /**
      * Il form fuori catalogo (`FORM_UNKNOWN`) lo segnala il picker, che riceve l'elenco. Catalogo
@@ -9021,11 +9973,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  <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 });
+    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    [unusableOptions]=\"unusableForms()\"\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    unusableMessage=\"Questo nome e\u2019 un componente di screen dinamico, non una schermata: qui serve un form (FORM_KIND_MISMATCH).\"\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", "unusableOptions", "unusableMessage", "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, 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" }]
+            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    [unusableOptions]=\"unusableForms()\"\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    unusableMessage=\"Questo nome e\u2019 un componente di screen dinamico, non una schermata: qui serve un form (FORM_KIND_MISMATCH).\"\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: () => [] });
 
 /**
@@ -9088,7 +10040,7 @@ 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: "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 });
+    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", "unusableOptions", "unusableMessage", "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,
@@ -9423,7 +10375,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", "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 });
+    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", "unusableOptions", "unusableMessage", "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,
@@ -9635,7 +10587,7 @@ class TransformInspectorComponent extends NodeInspectorBase {
         return action.transformType === 'Sum' || action.transformType === 'Count';
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: TransformInspectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: TransformInspectorComponent, isStandalone: true, selector: "fb-transform-inspector", usesInheritance: true, ngImport: i0, template: "<div class=\"fb-field\">\r\n  <label class=\"fb-field__label fb-field__label--required\">Tipo del risultato</label>\r\n  <select class=\"fb-select\" [fbValue]=\"transform().dataType || ''\" (change)=\"setDataType($any($event.target).value)\">\r\n    <option value=\"\">\u2014 scegli \u2014</option>\r\n    @for (type of dataTypes(); track type.value) {\r\n      <option [value]=\"type.value\">{{ type.label }}</option>\r\n    }\r\n  </select>\r\n  @if (!transform().dataType) {\r\n    <p class=\"fb-field__error\">Obbligatorio (TRANSFORM_DATA_TYPE_MISSING).</p>\r\n  }\r\n</div>\r\n\r\n@if (requiresObjectType()) {\r\n  <div class=\"fb-field\">\r\n    <label class=\"fb-field__label fb-field__label--required\">\r\n      {{ isStructureTarget() ? 'Classe del risultato' : 'Tipo dell\u2019oggetto' }}\r\n    </label>\r\n    @if (isStructureTarget()) {\r\n      <!-- \u00A74.7: una classe del backend. Le destinazioni delle azioni sono i suoi membri. -->\r\n      <fb-structure-picker\r\n        [value]=\"transform().objectType\"\r\n        label=\"Classe del risultato\"\r\n        (valueChange)=\"setObjectType($event ?? '')\"\r\n      />\r\n      @if (missingObjectType()) {\r\n        <p class=\"fb-field__error\">\r\n          La classe e\u2019 obbligatoria: senza, l\u2019attivazione e\u2019 bloccata (OBJECT_TYPE_MISSING).\r\n        </p>\r\n      } @else {\r\n        <p class=\"fb-field__hint\">\r\n          Componi l\u2019istanza intera qui: ogni trasformazione scrive un <strong>membro</strong> della classe,\r\n          invece di un Assignment per membro.\r\n        </p>\r\n      }\r\n    } @else if (transform().dataType === 'Enum') {\r\n      <!-- Le enumerazioni sono un dizionario chiuso: non c'e' scrittura libera da concedere. -->\r\n      <select\r\n        class=\"fb-select\"\r\n        [fbValue]=\"transform().objectType || ''\"\r\n        (change)=\"setObjectType($any($event.target).value)\"\r\n      >\r\n        <option value=\"\">\u2014 scegli \u2014</option>\r\n        @for (entry of enumOptions(); track entry.name) {\r\n          <option [value]=\"entry.name\">{{ entry.label || entry.name }}</option>\r\n        }\r\n      </select>\r\n    } @else {\r\n      <fb-object-picker\r\n        [value]=\"transform().objectType\"\r\n        label=\"Tipo dell\u2019oggetto\"\r\n        placeholder=\"Scrivi o scegli un oggetto\"\r\n        (valueChange)=\"setObjectType($event ?? '')\"\r\n      />\r\n    }\r\n  </div>\r\n}\r\n\r\n<label class=\"fb-check\">\r\n  <input\r\n    type=\"checkbox\"\r\n    [checked]=\"transform().isCollection === true\"\r\n    (change)=\"setIsCollection($any($event.target).checked)\"\r\n  />\r\n  Il risultato e\u2019 una collection\r\n</label>\r\n\r\n<p class=\"fb-callout\">\r\n  Il risultato e\u2019 l\u2019<strong>output automatico</strong> dell\u2019elemento: si referenzia con\r\n  <code>{{ name() }}</code>.\r\n</p>\r\n\r\n<fieldset class=\"fb-section\">\r\n  <legend class=\"fb-section__title\">Trasformazioni</legend>\r\n\r\n  <div class=\"fb-list\">\r\n    @for (action of actions(); 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\"\r\n            (click)=\"removeAction($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\">Operazione</label>\r\n          <select\r\n            class=\"fb-select\"\r\n            [fbValue]=\"action.transformType || 'Map'\"\r\n            (change)=\"setActionType($index, $any($event.target).value)\"\r\n          >\r\n            @for (type of transformTypes(); track type.value) {\r\n              <option [value]=\"type.value\">{{ type.label }}</option>\r\n            }\r\n          </select>\r\n        </div>\r\n\r\n        <div class=\"fb-field\">\r\n          <label class=\"fb-field__label fb-field__label--required\">\r\n            {{ isStructureTarget() ? 'Membro di destinazione' : 'Campo di destinazione' }}\r\n          </label>\r\n          @if (isStructureTarget()) {\r\n            <!-- Solo i membri scrivibili: un membro calcolato e' TARGET_NOT_WRITABLE (\u00A74.7). -->\r\n            <fb-structure-member-picker\r\n              [value]=\"action.outputFieldApiName\"\r\n              [className]=\"transform().objectType\"\r\n              usage=\"writable\"\r\n              label=\"Membro di destinazione\"\r\n              (valueChange)=\"setOutputField($index, $event ?? '')\"\r\n            />\r\n          } @else {\r\n            <input\r\n              class=\"fb-input\"\r\n              [value]=\"action.outputFieldApiName || ''\"\r\n              placeholder=\"Totale\"\r\n              (input)=\"setOutputField($index, $any($event.target).value)\"\r\n            />\r\n          }\r\n        </div>\r\n\r\n        @if (isMap(action)) {\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label\">Valore</label>\r\n            <!--\r\n              Il tipo di cio' che si scrive guida il controllo: su un membro Enum i valori\r\n              proponibili sono quelli del suo tipo (\u00A74.6).\r\n            -->\r\n            <fb-value-editor\r\n              [value]=\"action.value\"\r\n              label=\"Valore\"\r\n              [dataType]=\"$any(mapDataType(action))\"\r\n              [objectType]=\"mapObjectType(action)\"\r\n              (valueChange)=\"setMapValue($index, $event)\"\r\n            />\r\n          </div>\r\n        }\r\n\r\n        @if (needsAggregationValues(action)) {\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label fb-field__label--required\">Collection su cui aggregare</label>\r\n            <fb-reference-picker\r\n              [value]=\"aggregationCollection(action)\"\r\n              [isCollection]=\"true\"\r\n              placeholder=\"Scegli una collection\"\r\n              (valueChange)=\"setAggregationCollection($index, $event)\"\r\n            />\r\n          </div>\r\n        }\r\n\r\n        @if (needsAggregationField(action)) {\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label fb-field__label--required\">Campo da sommare</label>\r\n            <input\r\n              class=\"fb-input\"\r\n              [value]=\"aggregationField(action)\"\r\n              placeholder=\"Importo\"\r\n              (input)=\"setAggregationField($index, $any($event.target).value)\"\r\n            />\r\n          </div>\r\n        }\r\n      </div>\r\n    } @empty {\r\n      <p class=\"fb-empty\">Nessuna trasformazione: l\u2019elemento non produce nulla (TRANSFORM_WITHOUT_VALUES).</p>\r\n    }\r\n  </div>\r\n\r\n  <button type=\"button\" class=\"fb-btn\" (click)=\"addAction()\">Aggiungi trasformazione</button>\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: ObjectPickerComponent, selector: "fb-object-picker", inputs: ["value", "label", "placeholder", "disabled"], 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: StructureMemberPickerComponent, selector: "fb-structure-member-picker", inputs: ["value", "className", "usage", "label", "placeholder", "disabled"], outputs: ["valueChange"] }, { kind: "component", type: StructurePickerComponent, selector: "fb-structure-picker", inputs: ["value", "label", "placeholder", "disabled"], 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: TransformInspectorComponent, isStandalone: true, selector: "fb-transform-inspector", usesInheritance: true, ngImport: i0, template: "<div class=\"fb-field\">\r\n  <label class=\"fb-field__label fb-field__label--required\">Tipo del risultato</label>\r\n  <select class=\"fb-select\" [fbValue]=\"transform().dataType || ''\" (change)=\"setDataType($any($event.target).value)\">\r\n    <option value=\"\">\u2014 scegli \u2014</option>\r\n    @for (type of dataTypes(); track type.value) {\r\n      <option [value]=\"type.value\">{{ type.label }}</option>\r\n    }\r\n  </select>\r\n  @if (!transform().dataType) {\r\n    <p class=\"fb-field__error\">Obbligatorio (TRANSFORM_DATA_TYPE_MISSING).</p>\r\n  }\r\n</div>\r\n\r\n@if (requiresObjectType()) {\r\n  <div class=\"fb-field\">\r\n    <label class=\"fb-field__label fb-field__label--required\">\r\n      {{ isStructureTarget() ? 'Classe del risultato' : 'Tipo dell\u2019oggetto' }}\r\n    </label>\r\n    @if (isStructureTarget()) {\r\n      <!-- \u00A74.7: una classe del backend. Le destinazioni delle azioni sono i suoi membri. -->\r\n      <fb-structure-picker\r\n        [value]=\"transform().objectType\"\r\n        label=\"Classe del risultato\"\r\n        (valueChange)=\"setObjectType($event ?? '')\"\r\n      />\r\n      @if (missingObjectType()) {\r\n        <p class=\"fb-field__error\">\r\n          La classe e\u2019 obbligatoria: senza, l\u2019attivazione e\u2019 bloccata (OBJECT_TYPE_MISSING).\r\n        </p>\r\n      } @else {\r\n        <p class=\"fb-field__hint\">\r\n          Componi l\u2019istanza intera qui: ogni trasformazione scrive un <strong>membro</strong> della classe,\r\n          invece di un Assignment per membro.\r\n        </p>\r\n      }\r\n    } @else if (transform().dataType === 'Enum') {\r\n      <!-- Le enumerazioni sono un dizionario chiuso: non c'e' scrittura libera da concedere. -->\r\n      <select\r\n        class=\"fb-select\"\r\n        [fbValue]=\"transform().objectType || ''\"\r\n        (change)=\"setObjectType($any($event.target).value)\"\r\n      >\r\n        <option value=\"\">\u2014 scegli \u2014</option>\r\n        @for (entry of enumOptions(); track entry.name) {\r\n          <option [value]=\"entry.name\">{{ entry.label || entry.name }}</option>\r\n        }\r\n      </select>\r\n    } @else {\r\n      <fb-object-picker\r\n        [value]=\"transform().objectType\"\r\n        label=\"Tipo dell\u2019oggetto\"\r\n        placeholder=\"Scrivi o scegli un oggetto\"\r\n        (valueChange)=\"setObjectType($event ?? '')\"\r\n      />\r\n    }\r\n  </div>\r\n}\r\n\r\n<label class=\"fb-check\">\r\n  <input\r\n    type=\"checkbox\"\r\n    [checked]=\"transform().isCollection === true\"\r\n    (change)=\"setIsCollection($any($event.target).checked)\"\r\n  />\r\n  Il risultato e\u2019 una collection\r\n</label>\r\n\r\n<p class=\"fb-callout\">\r\n  Il risultato e\u2019 l\u2019<strong>output automatico</strong> dell\u2019elemento: si referenzia con\r\n  <code>{{ name() }}</code>.\r\n</p>\r\n\r\n<fieldset class=\"fb-section\">\r\n  <legend class=\"fb-section__title\">Trasformazioni</legend>\r\n\r\n  <div class=\"fb-list\">\r\n    @for (action of actions(); 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\"\r\n            (click)=\"removeAction($index)\"\r\n          >\r\n            \u00D7\r\n          </button>\r\n        </div>\r\n\r\n        <!-- Operazione, destinazione e sorgente sono una frase sola: si leggono in riga. -->\r\n        <div class=\"fb-fields-row\">\r\n          <div class=\"fb-field fb-field--compact\">\r\n            <label class=\"fb-field__label\">Operazione</label>\r\n            <select\r\n              class=\"fb-select\"\r\n              [fbValue]=\"action.transformType || 'Map'\"\r\n              (change)=\"setActionType($index, $any($event.target).value)\"\r\n            >\r\n              @for (type of transformTypes(); track type.value) {\r\n                <option [value]=\"type.value\">{{ type.label }}</option>\r\n              }\r\n            </select>\r\n          </div>\r\n\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label fb-field__label--required\">\r\n              {{ isStructureTarget() ? 'Membro di destinazione' : 'Campo di destinazione' }}\r\n            </label>\r\n            @if (isStructureTarget()) {\r\n              <!-- Solo i membri scrivibili: un membro calcolato e' TARGET_NOT_WRITABLE (\u00A74.7). -->\r\n              <fb-structure-member-picker\r\n                [value]=\"action.outputFieldApiName\"\r\n                [className]=\"transform().objectType\"\r\n                usage=\"writable\"\r\n                label=\"Membro di destinazione\"\r\n                (valueChange)=\"setOutputField($index, $event ?? '')\"\r\n              />\r\n            } @else {\r\n              <input\r\n                class=\"fb-input\"\r\n                [value]=\"action.outputFieldApiName || ''\"\r\n                placeholder=\"Totale\"\r\n                (input)=\"setOutputField($index, $any($event.target).value)\"\r\n              />\r\n            }\r\n          </div>\r\n\r\n          @if (isMap(action)) {\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label\">Valore</label>\r\n              <!--\r\n                Il tipo di cio' che si scrive guida il controllo: su un membro Enum i valori\r\n                proponibili sono quelli del suo tipo (\u00A74.6).\r\n              -->\r\n              <fb-value-editor\r\n                [value]=\"action.value\"\r\n                label=\"Valore\"\r\n                [dataType]=\"$any(mapDataType(action))\"\r\n                [objectType]=\"mapObjectType(action)\"\r\n                (valueChange)=\"setMapValue($index, $event)\"\r\n              />\r\n            </div>\r\n          }\r\n\r\n          @if (needsAggregationValues(action)) {\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label fb-field__label--required\">Collection su cui aggregare</label>\r\n              <fb-reference-picker\r\n                [value]=\"aggregationCollection(action)\"\r\n                [isCollection]=\"true\"\r\n                placeholder=\"Scegli una collection\"\r\n                (valueChange)=\"setAggregationCollection($index, $event)\"\r\n              />\r\n            </div>\r\n          }\r\n\r\n          @if (needsAggregationField(action)) {\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label fb-field__label--required\">Campo da sommare</label>\r\n              <input\r\n                class=\"fb-input\"\r\n                [value]=\"aggregationField(action)\"\r\n                placeholder=\"Importo\"\r\n                (input)=\"setAggregationField($index, $any($event.target).value)\"\r\n              />\r\n            </div>\r\n          }\r\n        </div>\r\n      </div>\r\n    } @empty {\r\n      <p class=\"fb-empty\">Nessuna trasformazione: l\u2019elemento non produce nulla (TRANSFORM_WITHOUT_VALUES).</p>\r\n    }\r\n  </div>\r\n\r\n  <button type=\"button\" class=\"fb-btn\" (click)=\"addAction()\">Aggiungi trasformazione</button>\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: ObjectPickerComponent, selector: "fb-object-picker", inputs: ["value", "label", "placeholder", "disabled"], 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: StructureMemberPickerComponent, selector: "fb-structure-member-picker", inputs: ["value", "className", "usage", "label", "placeholder", "disabled"], outputs: ["valueChange"] }, { kind: "component", type: StructurePickerComponent, selector: "fb-structure-picker", inputs: ["value", "label", "placeholder", "disabled"], 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 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: TransformInspectorComponent, decorators: [{
             type: Component,
@@ -9647,7 +10599,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImpo
                         StructurePickerComponent,
                         ValueEditorComponent,
                         SelectValueDirective,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"fb-field\">\r\n  <label class=\"fb-field__label fb-field__label--required\">Tipo del risultato</label>\r\n  <select class=\"fb-select\" [fbValue]=\"transform().dataType || ''\" (change)=\"setDataType($any($event.target).value)\">\r\n    <option value=\"\">\u2014 scegli \u2014</option>\r\n    @for (type of dataTypes(); track type.value) {\r\n      <option [value]=\"type.value\">{{ type.label }}</option>\r\n    }\r\n  </select>\r\n  @if (!transform().dataType) {\r\n    <p class=\"fb-field__error\">Obbligatorio (TRANSFORM_DATA_TYPE_MISSING).</p>\r\n  }\r\n</div>\r\n\r\n@if (requiresObjectType()) {\r\n  <div class=\"fb-field\">\r\n    <label class=\"fb-field__label fb-field__label--required\">\r\n      {{ isStructureTarget() ? 'Classe del risultato' : 'Tipo dell\u2019oggetto' }}\r\n    </label>\r\n    @if (isStructureTarget()) {\r\n      <!-- \u00A74.7: una classe del backend. Le destinazioni delle azioni sono i suoi membri. -->\r\n      <fb-structure-picker\r\n        [value]=\"transform().objectType\"\r\n        label=\"Classe del risultato\"\r\n        (valueChange)=\"setObjectType($event ?? '')\"\r\n      />\r\n      @if (missingObjectType()) {\r\n        <p class=\"fb-field__error\">\r\n          La classe e\u2019 obbligatoria: senza, l\u2019attivazione e\u2019 bloccata (OBJECT_TYPE_MISSING).\r\n        </p>\r\n      } @else {\r\n        <p class=\"fb-field__hint\">\r\n          Componi l\u2019istanza intera qui: ogni trasformazione scrive un <strong>membro</strong> della classe,\r\n          invece di un Assignment per membro.\r\n        </p>\r\n      }\r\n    } @else if (transform().dataType === 'Enum') {\r\n      <!-- Le enumerazioni sono un dizionario chiuso: non c'e' scrittura libera da concedere. -->\r\n      <select\r\n        class=\"fb-select\"\r\n        [fbValue]=\"transform().objectType || ''\"\r\n        (change)=\"setObjectType($any($event.target).value)\"\r\n      >\r\n        <option value=\"\">\u2014 scegli \u2014</option>\r\n        @for (entry of enumOptions(); track entry.name) {\r\n          <option [value]=\"entry.name\">{{ entry.label || entry.name }}</option>\r\n        }\r\n      </select>\r\n    } @else {\r\n      <fb-object-picker\r\n        [value]=\"transform().objectType\"\r\n        label=\"Tipo dell\u2019oggetto\"\r\n        placeholder=\"Scrivi o scegli un oggetto\"\r\n        (valueChange)=\"setObjectType($event ?? '')\"\r\n      />\r\n    }\r\n  </div>\r\n}\r\n\r\n<label class=\"fb-check\">\r\n  <input\r\n    type=\"checkbox\"\r\n    [checked]=\"transform().isCollection === true\"\r\n    (change)=\"setIsCollection($any($event.target).checked)\"\r\n  />\r\n  Il risultato e\u2019 una collection\r\n</label>\r\n\r\n<p class=\"fb-callout\">\r\n  Il risultato e\u2019 l\u2019<strong>output automatico</strong> dell\u2019elemento: si referenzia con\r\n  <code>{{ name() }}</code>.\r\n</p>\r\n\r\n<fieldset class=\"fb-section\">\r\n  <legend class=\"fb-section__title\">Trasformazioni</legend>\r\n\r\n  <div class=\"fb-list\">\r\n    @for (action of actions(); 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\"\r\n            (click)=\"removeAction($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\">Operazione</label>\r\n          <select\r\n            class=\"fb-select\"\r\n            [fbValue]=\"action.transformType || 'Map'\"\r\n            (change)=\"setActionType($index, $any($event.target).value)\"\r\n          >\r\n            @for (type of transformTypes(); track type.value) {\r\n              <option [value]=\"type.value\">{{ type.label }}</option>\r\n            }\r\n          </select>\r\n        </div>\r\n\r\n        <div class=\"fb-field\">\r\n          <label class=\"fb-field__label fb-field__label--required\">\r\n            {{ isStructureTarget() ? 'Membro di destinazione' : 'Campo di destinazione' }}\r\n          </label>\r\n          @if (isStructureTarget()) {\r\n            <!-- Solo i membri scrivibili: un membro calcolato e' TARGET_NOT_WRITABLE (\u00A74.7). -->\r\n            <fb-structure-member-picker\r\n              [value]=\"action.outputFieldApiName\"\r\n              [className]=\"transform().objectType\"\r\n              usage=\"writable\"\r\n              label=\"Membro di destinazione\"\r\n              (valueChange)=\"setOutputField($index, $event ?? '')\"\r\n            />\r\n          } @else {\r\n            <input\r\n              class=\"fb-input\"\r\n              [value]=\"action.outputFieldApiName || ''\"\r\n              placeholder=\"Totale\"\r\n              (input)=\"setOutputField($index, $any($event.target).value)\"\r\n            />\r\n          }\r\n        </div>\r\n\r\n        @if (isMap(action)) {\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label\">Valore</label>\r\n            <!--\r\n              Il tipo di cio' che si scrive guida il controllo: su un membro Enum i valori\r\n              proponibili sono quelli del suo tipo (\u00A74.6).\r\n            -->\r\n            <fb-value-editor\r\n              [value]=\"action.value\"\r\n              label=\"Valore\"\r\n              [dataType]=\"$any(mapDataType(action))\"\r\n              [objectType]=\"mapObjectType(action)\"\r\n              (valueChange)=\"setMapValue($index, $event)\"\r\n            />\r\n          </div>\r\n        }\r\n\r\n        @if (needsAggregationValues(action)) {\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label fb-field__label--required\">Collection su cui aggregare</label>\r\n            <fb-reference-picker\r\n              [value]=\"aggregationCollection(action)\"\r\n              [isCollection]=\"true\"\r\n              placeholder=\"Scegli una collection\"\r\n              (valueChange)=\"setAggregationCollection($index, $event)\"\r\n            />\r\n          </div>\r\n        }\r\n\r\n        @if (needsAggregationField(action)) {\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label fb-field__label--required\">Campo da sommare</label>\r\n            <input\r\n              class=\"fb-input\"\r\n              [value]=\"aggregationField(action)\"\r\n              placeholder=\"Importo\"\r\n              (input)=\"setAggregationField($index, $any($event.target).value)\"\r\n            />\r\n          </div>\r\n        }\r\n      </div>\r\n    } @empty {\r\n      <p class=\"fb-empty\">Nessuna trasformazione: l\u2019elemento non produce nulla (TRANSFORM_WITHOUT_VALUES).</p>\r\n    }\r\n  </div>\r\n\r\n  <button type=\"button\" class=\"fb-btn\" (click)=\"addAction()\">Aggiungi trasformazione</button>\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" }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"fb-field\">\r\n  <label class=\"fb-field__label fb-field__label--required\">Tipo del risultato</label>\r\n  <select class=\"fb-select\" [fbValue]=\"transform().dataType || ''\" (change)=\"setDataType($any($event.target).value)\">\r\n    <option value=\"\">\u2014 scegli \u2014</option>\r\n    @for (type of dataTypes(); track type.value) {\r\n      <option [value]=\"type.value\">{{ type.label }}</option>\r\n    }\r\n  </select>\r\n  @if (!transform().dataType) {\r\n    <p class=\"fb-field__error\">Obbligatorio (TRANSFORM_DATA_TYPE_MISSING).</p>\r\n  }\r\n</div>\r\n\r\n@if (requiresObjectType()) {\r\n  <div class=\"fb-field\">\r\n    <label class=\"fb-field__label fb-field__label--required\">\r\n      {{ isStructureTarget() ? 'Classe del risultato' : 'Tipo dell\u2019oggetto' }}\r\n    </label>\r\n    @if (isStructureTarget()) {\r\n      <!-- \u00A74.7: una classe del backend. Le destinazioni delle azioni sono i suoi membri. -->\r\n      <fb-structure-picker\r\n        [value]=\"transform().objectType\"\r\n        label=\"Classe del risultato\"\r\n        (valueChange)=\"setObjectType($event ?? '')\"\r\n      />\r\n      @if (missingObjectType()) {\r\n        <p class=\"fb-field__error\">\r\n          La classe e\u2019 obbligatoria: senza, l\u2019attivazione e\u2019 bloccata (OBJECT_TYPE_MISSING).\r\n        </p>\r\n      } @else {\r\n        <p class=\"fb-field__hint\">\r\n          Componi l\u2019istanza intera qui: ogni trasformazione scrive un <strong>membro</strong> della classe,\r\n          invece di un Assignment per membro.\r\n        </p>\r\n      }\r\n    } @else if (transform().dataType === 'Enum') {\r\n      <!-- Le enumerazioni sono un dizionario chiuso: non c'e' scrittura libera da concedere. -->\r\n      <select\r\n        class=\"fb-select\"\r\n        [fbValue]=\"transform().objectType || ''\"\r\n        (change)=\"setObjectType($any($event.target).value)\"\r\n      >\r\n        <option value=\"\">\u2014 scegli \u2014</option>\r\n        @for (entry of enumOptions(); track entry.name) {\r\n          <option [value]=\"entry.name\">{{ entry.label || entry.name }}</option>\r\n        }\r\n      </select>\r\n    } @else {\r\n      <fb-object-picker\r\n        [value]=\"transform().objectType\"\r\n        label=\"Tipo dell\u2019oggetto\"\r\n        placeholder=\"Scrivi o scegli un oggetto\"\r\n        (valueChange)=\"setObjectType($event ?? '')\"\r\n      />\r\n    }\r\n  </div>\r\n}\r\n\r\n<label class=\"fb-check\">\r\n  <input\r\n    type=\"checkbox\"\r\n    [checked]=\"transform().isCollection === true\"\r\n    (change)=\"setIsCollection($any($event.target).checked)\"\r\n  />\r\n  Il risultato e\u2019 una collection\r\n</label>\r\n\r\n<p class=\"fb-callout\">\r\n  Il risultato e\u2019 l\u2019<strong>output automatico</strong> dell\u2019elemento: si referenzia con\r\n  <code>{{ name() }}</code>.\r\n</p>\r\n\r\n<fieldset class=\"fb-section\">\r\n  <legend class=\"fb-section__title\">Trasformazioni</legend>\r\n\r\n  <div class=\"fb-list\">\r\n    @for (action of actions(); 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\"\r\n            (click)=\"removeAction($index)\"\r\n          >\r\n            \u00D7\r\n          </button>\r\n        </div>\r\n\r\n        <!-- Operazione, destinazione e sorgente sono una frase sola: si leggono in riga. -->\r\n        <div class=\"fb-fields-row\">\r\n          <div class=\"fb-field fb-field--compact\">\r\n            <label class=\"fb-field__label\">Operazione</label>\r\n            <select\r\n              class=\"fb-select\"\r\n              [fbValue]=\"action.transformType || 'Map'\"\r\n              (change)=\"setActionType($index, $any($event.target).value)\"\r\n            >\r\n              @for (type of transformTypes(); track type.value) {\r\n                <option [value]=\"type.value\">{{ type.label }}</option>\r\n              }\r\n            </select>\r\n          </div>\r\n\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label fb-field__label--required\">\r\n              {{ isStructureTarget() ? 'Membro di destinazione' : 'Campo di destinazione' }}\r\n            </label>\r\n            @if (isStructureTarget()) {\r\n              <!-- Solo i membri scrivibili: un membro calcolato e' TARGET_NOT_WRITABLE (\u00A74.7). -->\r\n              <fb-structure-member-picker\r\n                [value]=\"action.outputFieldApiName\"\r\n                [className]=\"transform().objectType\"\r\n                usage=\"writable\"\r\n                label=\"Membro di destinazione\"\r\n                (valueChange)=\"setOutputField($index, $event ?? '')\"\r\n              />\r\n            } @else {\r\n              <input\r\n                class=\"fb-input\"\r\n                [value]=\"action.outputFieldApiName || ''\"\r\n                placeholder=\"Totale\"\r\n                (input)=\"setOutputField($index, $any($event.target).value)\"\r\n              />\r\n            }\r\n          </div>\r\n\r\n          @if (isMap(action)) {\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label\">Valore</label>\r\n              <!--\r\n                Il tipo di cio' che si scrive guida il controllo: su un membro Enum i valori\r\n                proponibili sono quelli del suo tipo (\u00A74.6).\r\n              -->\r\n              <fb-value-editor\r\n                [value]=\"action.value\"\r\n                label=\"Valore\"\r\n                [dataType]=\"$any(mapDataType(action))\"\r\n                [objectType]=\"mapObjectType(action)\"\r\n                (valueChange)=\"setMapValue($index, $event)\"\r\n              />\r\n            </div>\r\n          }\r\n\r\n          @if (needsAggregationValues(action)) {\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label fb-field__label--required\">Collection su cui aggregare</label>\r\n              <fb-reference-picker\r\n                [value]=\"aggregationCollection(action)\"\r\n                [isCollection]=\"true\"\r\n                placeholder=\"Scegli una collection\"\r\n                (valueChange)=\"setAggregationCollection($index, $event)\"\r\n              />\r\n            </div>\r\n          }\r\n\r\n          @if (needsAggregationField(action)) {\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label fb-field__label--required\">Campo da sommare</label>\r\n              <input\r\n                class=\"fb-input\"\r\n                [value]=\"aggregationField(action)\"\r\n                placeholder=\"Importo\"\r\n                (input)=\"setAggregationField($index, $any($event.target).value)\"\r\n              />\r\n            </div>\r\n          }\r\n        </div>\r\n      </div>\r\n    } @empty {\r\n      <p class=\"fb-empty\">Nessuna trasformazione: l\u2019elemento non produce nulla (TRANSFORM_WITHOUT_VALUES).</p>\r\n    }\r\n  </div>\r\n\r\n  <button type=\"button\" class=\"fb-btn\" (click)=\"addAction()\">Aggiungi trasformazione</button>\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" }]
         }], ctorParameters: () => [] });
 
 /**
@@ -10000,11 +10952,11 @@ class ElementDialogComponent {
         this.duplicateRequested.emit(name);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: ElementDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.27", type: ElementDialogComponent, isStandalone: true, selector: "fb-element-dialog", inputs: { selectedName: { classPropertyName: "selectedName", publicName: "selectedName", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closed: "closed", removeRequested: "removeRequested", duplicateRequested: "duplicateRequested" }, viewQueries: [{ propertyName: "panel", first: true, predicate: ["panel"], descendants: true, isSignal: true }], ngImport: i0, template: "<!--\r\n  Il backdrop chiude: e' il gesto che tutti si aspettano. Il pannello ferma la propagazione\r\n  del click, altrimenti configurare un campo chiuderebbe la dialog.\r\n-->\r\n<div class=\"fb-dialog__backdrop\" (click)=\"close()\"></div>\r\n\r\n<div\r\n  #panel\r\n  class=\"fb-dialog__panel\"\r\n  role=\"dialog\"\r\n  aria-modal=\"true\"\r\n  [attr.aria-label]=\"typeLabel() + ': ' + title()\"\r\n  tabindex=\"-1\"\r\n  (click)=\"$event.stopPropagation()\"\r\n  (keydown.escape)=\"close()\"\r\n>\r\n  <header class=\"fb-dialog__head\">\r\n    <div class=\"fb-dialog__identity\">\r\n      <span class=\"fb-dialog__type\">{{ typeLabel() }}</span>\r\n      <h2 class=\"fb-dialog__title\">{{ title() }}</h2>\r\n    </div>\r\n    <button type=\"button\" class=\"fb-btn fb-btn--ghost fb-btn--icon\" aria-label=\"Chiudi\" (click)=\"close()\">\u00D7</button>\r\n  </header>\r\n\r\n  <div class=\"fb-dialog__body\">\r\n    <!-- L'intestazione dell'inspector qui e' quella della dialog: non si ripete. -->\r\n    <fb-element-inspector\r\n      [selectedName]=\"selectedName()\"\r\n      [showHeader]=\"false\"\r\n      (removeRequested)=\"onRemoveRequested($event)\"\r\n      (duplicateRequested)=\"onDuplicateRequested($event)\"\r\n      (closed)=\"close()\"\r\n    />\r\n  </div>\r\n\r\n  <footer class=\"fb-dialog__foot\">\r\n    <span class=\"fb-dialog__note\">\r\n      Le modifiche sono gi\u00E0 nel documento: per tornare indietro c\u2019\u00E8 l\u2019annulla dell\u2019editor.\r\n    </span>\r\n    <button type=\"button\" class=\"fb-btn fb-btn--primary\" (click)=\"close()\">Fatto</button>\r\n  </footer>\r\n</div>\r\n", styles: [":host{position:absolute;inset:0;z-index:30;display:grid;place-items:center;padding:24px}.fb-dialog__backdrop{position:absolute;inset:0;background:#10182852;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.fb-dialog__panel{position:relative;display:flex;flex-direction:column;width:min(var(--fb-dialog-width, 1400px),100%);height:min(var(--fb-dialog-height, 860px),100%);border:1px solid var(--fb-border, #e2e5eb);border-radius:var(--fb-radius-lg, 12px);background:var(--fb-surface, #fff);box-shadow:var(--fb-shadow-lg, 0 18px 44px rgb(16 24 40 / 18%));outline:none;overflow:hidden}.fb-dialog__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid var(--fb-border-subtle, #eef0f4)}.fb-dialog__identity{min-width:0}.fb-dialog__type{display:block;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--fb-text-subtle, #98a2b3)}.fb-dialog__title{margin:1px 0 0;font-size:15px;font-weight:600;color:var(--fb-text, #1a1c23);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fb-dialog__body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}.fb-dialog__foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-top:1px solid var(--fb-border-subtle, #eef0f4);background:var(--fb-surface-alt, #f7f8fa)}.fb-dialog__note{font-size:11px;color:var(--fb-text-muted, #6b7086)}@media(max-height:620px){:host{padding:10px}}\n"], dependencies: [{ kind: "component", type: ElementInspectorComponent, selector: "fb-element-inspector", inputs: ["selectedName", "showHeader"], outputs: ["closed", "removeRequested", "duplicateRequested"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.27", type: ElementDialogComponent, isStandalone: true, selector: "fb-element-dialog", inputs: { selectedName: { classPropertyName: "selectedName", publicName: "selectedName", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closed: "closed", removeRequested: "removeRequested", duplicateRequested: "duplicateRequested" }, viewQueries: [{ propertyName: "panel", first: true, predicate: ["panel"], descendants: true, isSignal: true }], ngImport: i0, template: "<!--\r\n  Il backdrop chiude: e' il gesto che tutti si aspettano. Il pannello ferma la propagazione\r\n  del click, altrimenti configurare un campo chiuderebbe la dialog.\r\n-->\r\n<div class=\"fb-dialog__backdrop\" (click)=\"close()\"></div>\r\n\r\n<div\r\n  #panel\r\n  class=\"fb-dialog__panel\"\r\n  role=\"dialog\"\r\n  aria-modal=\"true\"\r\n  [attr.aria-label]=\"typeLabel() + ': ' + title()\"\r\n  tabindex=\"-1\"\r\n  (click)=\"$event.stopPropagation()\"\r\n  (keydown.escape)=\"close()\"\r\n>\r\n  <header class=\"fb-dialog__head\">\r\n    <div class=\"fb-dialog__identity\">\r\n      <span class=\"fb-dialog__type\">{{ typeLabel() }}</span>\r\n      <h2 class=\"fb-dialog__title\">{{ title() }}</h2>\r\n    </div>\r\n    <button type=\"button\" class=\"fb-btn fb-btn--ghost fb-btn--icon\" aria-label=\"Chiudi\" (click)=\"close()\">\u00D7</button>\r\n  </header>\r\n\r\n  <div class=\"fb-dialog__body\">\r\n    <!-- L'intestazione dell'inspector qui e' quella della dialog: non si ripete. -->\r\n    <fb-element-inspector\r\n      [selectedName]=\"selectedName()\"\r\n      [showHeader]=\"false\"\r\n      (removeRequested)=\"onRemoveRequested($event)\"\r\n      (duplicateRequested)=\"onDuplicateRequested($event)\"\r\n      (closed)=\"close()\"\r\n    />\r\n  </div>\r\n\r\n  <footer class=\"fb-dialog__foot\">\r\n    <span class=\"fb-dialog__note\">\r\n      Le modifiche sono gi\u00E0 nel documento: per tornare indietro c\u2019\u00E8 l\u2019annulla dell\u2019editor.\r\n    </span>\r\n    <button type=\"button\" class=\"fb-btn fb-btn--primary\" (click)=\"close()\">Fatto</button>\r\n  </footer>\r\n</div>\r\n", styles: [":host{position:absolute;inset:0;z-index:30;display:grid;place-items:center;padding:24px}.fb-dialog__backdrop{position:absolute;inset:0;background:#10182852;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.fb-dialog__panel{position:relative;display:flex;flex-direction:column;width:min(var(--fb-dialog-width, 1400px),100%);height:min(var(--fb-dialog-height, 860px),100%);border:1px solid var(--fb-border, #e2e5eb);border-radius:var(--fb-radius-lg, 12px);background:var(--fb-surface, #fff);box-shadow:var(--fb-shadow-lg, 0 18px 44px rgb(16 24 40 / 18%));outline:none;overflow:hidden}.fb-dialog__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid var(--fb-border-subtle, #eef0f4)}.fb-dialog__identity{min-width:0}.fb-dialog__type{display:block;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--fb-text-subtle, #98a2b3)}.fb-dialog__title{margin:1px 0 0;font-size:15px;font-weight:600;color:var(--fb-text, #1a1c23);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fb-dialog__body{flex:1;min-height:0;overflow-y:auto;scrollbar-gutter:stable;overscroll-behavior:contain}.fb-dialog__foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-top:1px solid var(--fb-border-subtle, #eef0f4);background:var(--fb-surface-alt, #f7f8fa)}.fb-dialog__note{font-size:11px;color:var(--fb-text-muted, #6b7086)}@media(max-height:620px){:host{padding:10px}}\n"], dependencies: [{ kind: "component", type: ElementInspectorComponent, selector: "fb-element-inspector", inputs: ["selectedName", "showHeader"], outputs: ["closed", "removeRequested", "duplicateRequested"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: ElementDialogComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'fb-element-dialog', standalone: true, imports: [ElementInspectorComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<!--\r\n  Il backdrop chiude: e' il gesto che tutti si aspettano. Il pannello ferma la propagazione\r\n  del click, altrimenti configurare un campo chiuderebbe la dialog.\r\n-->\r\n<div class=\"fb-dialog__backdrop\" (click)=\"close()\"></div>\r\n\r\n<div\r\n  #panel\r\n  class=\"fb-dialog__panel\"\r\n  role=\"dialog\"\r\n  aria-modal=\"true\"\r\n  [attr.aria-label]=\"typeLabel() + ': ' + title()\"\r\n  tabindex=\"-1\"\r\n  (click)=\"$event.stopPropagation()\"\r\n  (keydown.escape)=\"close()\"\r\n>\r\n  <header class=\"fb-dialog__head\">\r\n    <div class=\"fb-dialog__identity\">\r\n      <span class=\"fb-dialog__type\">{{ typeLabel() }}</span>\r\n      <h2 class=\"fb-dialog__title\">{{ title() }}</h2>\r\n    </div>\r\n    <button type=\"button\" class=\"fb-btn fb-btn--ghost fb-btn--icon\" aria-label=\"Chiudi\" (click)=\"close()\">\u00D7</button>\r\n  </header>\r\n\r\n  <div class=\"fb-dialog__body\">\r\n    <!-- L'intestazione dell'inspector qui e' quella della dialog: non si ripete. -->\r\n    <fb-element-inspector\r\n      [selectedName]=\"selectedName()\"\r\n      [showHeader]=\"false\"\r\n      (removeRequested)=\"onRemoveRequested($event)\"\r\n      (duplicateRequested)=\"onDuplicateRequested($event)\"\r\n      (closed)=\"close()\"\r\n    />\r\n  </div>\r\n\r\n  <footer class=\"fb-dialog__foot\">\r\n    <span class=\"fb-dialog__note\">\r\n      Le modifiche sono gi\u00E0 nel documento: per tornare indietro c\u2019\u00E8 l\u2019annulla dell\u2019editor.\r\n    </span>\r\n    <button type=\"button\" class=\"fb-btn fb-btn--primary\" (click)=\"close()\">Fatto</button>\r\n  </footer>\r\n</div>\r\n", styles: [":host{position:absolute;inset:0;z-index:30;display:grid;place-items:center;padding:24px}.fb-dialog__backdrop{position:absolute;inset:0;background:#10182852;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.fb-dialog__panel{position:relative;display:flex;flex-direction:column;width:min(var(--fb-dialog-width, 1400px),100%);height:min(var(--fb-dialog-height, 860px),100%);border:1px solid var(--fb-border, #e2e5eb);border-radius:var(--fb-radius-lg, 12px);background:var(--fb-surface, #fff);box-shadow:var(--fb-shadow-lg, 0 18px 44px rgb(16 24 40 / 18%));outline:none;overflow:hidden}.fb-dialog__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid var(--fb-border-subtle, #eef0f4)}.fb-dialog__identity{min-width:0}.fb-dialog__type{display:block;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--fb-text-subtle, #98a2b3)}.fb-dialog__title{margin:1px 0 0;font-size:15px;font-weight:600;color:var(--fb-text, #1a1c23);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fb-dialog__body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}.fb-dialog__foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-top:1px solid var(--fb-border-subtle, #eef0f4);background:var(--fb-surface-alt, #f7f8fa)}.fb-dialog__note{font-size:11px;color:var(--fb-text-muted, #6b7086)}@media(max-height:620px){:host{padding:10px}}\n"] }]
+            args: [{ selector: 'fb-element-dialog', standalone: true, imports: [ElementInspectorComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<!--\r\n  Il backdrop chiude: e' il gesto che tutti si aspettano. Il pannello ferma la propagazione\r\n  del click, altrimenti configurare un campo chiuderebbe la dialog.\r\n-->\r\n<div class=\"fb-dialog__backdrop\" (click)=\"close()\"></div>\r\n\r\n<div\r\n  #panel\r\n  class=\"fb-dialog__panel\"\r\n  role=\"dialog\"\r\n  aria-modal=\"true\"\r\n  [attr.aria-label]=\"typeLabel() + ': ' + title()\"\r\n  tabindex=\"-1\"\r\n  (click)=\"$event.stopPropagation()\"\r\n  (keydown.escape)=\"close()\"\r\n>\r\n  <header class=\"fb-dialog__head\">\r\n    <div class=\"fb-dialog__identity\">\r\n      <span class=\"fb-dialog__type\">{{ typeLabel() }}</span>\r\n      <h2 class=\"fb-dialog__title\">{{ title() }}</h2>\r\n    </div>\r\n    <button type=\"button\" class=\"fb-btn fb-btn--ghost fb-btn--icon\" aria-label=\"Chiudi\" (click)=\"close()\">\u00D7</button>\r\n  </header>\r\n\r\n  <div class=\"fb-dialog__body\">\r\n    <!-- L'intestazione dell'inspector qui e' quella della dialog: non si ripete. -->\r\n    <fb-element-inspector\r\n      [selectedName]=\"selectedName()\"\r\n      [showHeader]=\"false\"\r\n      (removeRequested)=\"onRemoveRequested($event)\"\r\n      (duplicateRequested)=\"onDuplicateRequested($event)\"\r\n      (closed)=\"close()\"\r\n    />\r\n  </div>\r\n\r\n  <footer class=\"fb-dialog__foot\">\r\n    <span class=\"fb-dialog__note\">\r\n      Le modifiche sono gi\u00E0 nel documento: per tornare indietro c\u2019\u00E8 l\u2019annulla dell\u2019editor.\r\n    </span>\r\n    <button type=\"button\" class=\"fb-btn fb-btn--primary\" (click)=\"close()\">Fatto</button>\r\n  </footer>\r\n</div>\r\n", styles: [":host{position:absolute;inset:0;z-index:30;display:grid;place-items:center;padding:24px}.fb-dialog__backdrop{position:absolute;inset:0;background:#10182852;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.fb-dialog__panel{position:relative;display:flex;flex-direction:column;width:min(var(--fb-dialog-width, 1400px),100%);height:min(var(--fb-dialog-height, 860px),100%);border:1px solid var(--fb-border, #e2e5eb);border-radius:var(--fb-radius-lg, 12px);background:var(--fb-surface, #fff);box-shadow:var(--fb-shadow-lg, 0 18px 44px rgb(16 24 40 / 18%));outline:none;overflow:hidden}.fb-dialog__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid var(--fb-border-subtle, #eef0f4)}.fb-dialog__identity{min-width:0}.fb-dialog__type{display:block;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--fb-text-subtle, #98a2b3)}.fb-dialog__title{margin:1px 0 0;font-size:15px;font-weight:600;color:var(--fb-text, #1a1c23);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fb-dialog__body{flex:1;min-height:0;overflow-y:auto;scrollbar-gutter:stable;overscroll-behavior:contain}.fb-dialog__foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-top:1px solid var(--fb-border-subtle, #eef0f4);background:var(--fb-surface-alt, #f7f8fa)}.fb-dialog__note{font-size:11px;color:var(--fb-text-muted, #6b7086)}@media(max-height:620px){:host{padding:10px}}\n"] }]
         }], ctorParameters: () => [], propDecorators: { selectedName: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedName", required: false }] }], closed: [{ type: i0.Output, args: ["closed"] }], removeRequested: [{ type: i0.Output, args: ["removeRequested"] }], duplicateRequested: [{ type: i0.Output, args: ["duplicateRequested"] }], panel: [{ type: i0.ViewChild, args: ['panel', { isSignal: true }] }] } });
 
 /**
@@ -10042,7 +10994,7 @@ const RESOURCE_KINDS = [
         label: 'Formule',
         singular: 'formula',
         isWritable: false,
-        note: 'L’espressione va al motore di regole: il backend non ne verifica la sintassi.',
+        note: 'L’espressione va al motore di regole, che la verifica mentre la scrivi.',
     },
     {
         collection: 'textTemplates',
@@ -10258,17 +11210,18 @@ class ResourcePanelComponent {
         this.closed.emit();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: ResourcePanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: ResourcePanelComponent, isStandalone: true, selector: "fb-resource-panel", outputs: { closed: "closed" }, ngImport: i0, template: "<header class=\"fb-res__header\">\r\n  <h2 class=\"fb-res__title\">Risorse</h2>\r\n  <button type=\"button\" class=\"fb-btn fb-btn--ghost fb-btn--icon\" aria-label=\"Chiudi\" (click)=\"close()\">\u00D7</button>\r\n</header>\r\n\r\n<nav class=\"fb-res__tabs\" aria-label=\"Tipi di risorsa\">\r\n  @for (kind of kinds; track kind.collection) {\r\n    <button\r\n      type=\"button\"\r\n      class=\"fb-res__tab\"\r\n      [class.fb-res__tab--active]=\"activeCollection() === kind.collection\"\r\n      (click)=\"select(kind.collection)\"\r\n    >\r\n      {{ kind.label }}\r\n      <span class=\"fb-res__count\">{{ countOf(kind.collection) }}</span>\r\n    </button>\r\n  }\r\n</nav>\r\n\r\n<div class=\"fb-res__body\">\r\n  <p class=\"fb-section__note\">{{ activeKind().note }}</p>\r\n\r\n  <div class=\"fb-list\">\r\n    @for (item of items(); track item.collection + ':' + item.index) {\r\n      <div class=\"fb-list__item\">\r\n        <div class=\"fb-list__header\">\r\n          <button type=\"button\" class=\"fb-res__name\" (click)=\"toggleEdit($index)\">\r\n            <span class=\"fb-res__name-text\">{{ item.name || '(senza nome)' }}</span>\r\n            <span class=\"fb-res__meta\">\r\n              {{ string(item, 'dataType') }}{{ boolean(item, 'isCollection') ? '[]' : '' }}\r\n              @if (boolean(item, 'isInput')) {\r\n                \u00B7 input\r\n              }\r\n              @if (boolean(item, 'isOutput')) {\r\n                \u00B7 output\r\n              }\r\n            </span>\r\n          </button>\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 la risorsa\"\r\n            (click)=\"remove(item)\"\r\n          >\r\n            \u00D7\r\n          </button>\r\n        </div>\r\n\r\n        @if (nameError(item)) {\r\n          <p class=\"fb-field__error\">{{ nameError(item) }}</p>\r\n        }\r\n        @if (constantReferencesResource(item)) {\r\n          <p class=\"fb-callout fb-callout--error\">\r\n            Una costante deve essere un valore fisso: non puo\u2019 referenziare altre risorse\r\n            (CONSTANT_REFERENCES_RESOURCE).\r\n          </p>\r\n        }\r\n        @if (duplicateStageOrder(item)) {\r\n          <p class=\"fb-callout fb-callout--warn\">\r\n            Due stage con lo stesso ordine: quale sia il corrente all\u2019avvio diventa arbitrario\r\n            (STAGE_ORDER_DUPLICATED).\r\n          </p>\r\n        }\r\n\r\n        @if (editingIndex() === $index) {\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label fb-field__label--required\">Nome</label>\r\n            <input\r\n              class=\"fb-input fb-input--mono\"\r\n              [value]=\"item.name\"\r\n              (change)=\"rename(item, $any($event.target).value)\"\r\n            />\r\n            <p class=\"fb-field__hint\">\r\n              Il nome vive nello stesso spazio dei nomi degli elementi. Rinominare riscrive i riferimenti.\r\n            </p>\r\n          </div>\r\n\r\n          @if (item.collection === 'stages') {\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label\">Etichetta</label>\r\n              <input\r\n                class=\"fb-input\"\r\n                [value]=\"string(item, 'label')\"\r\n                (input)=\"setField(item, 'label', $any($event.target).value)\"\r\n              />\r\n            </div>\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label fb-field__label--required\">Ordine</label>\r\n              <input\r\n                class=\"fb-input\"\r\n                type=\"number\"\r\n                min=\"1\"\r\n                [value]=\"string(item, 'stageOrder')\"\r\n                (input)=\"setNumberField(item, 'stageOrder', $any($event.target).value)\"\r\n              />\r\n            </div>\r\n            <label class=\"fb-check\">\r\n              <input\r\n                type=\"checkbox\"\r\n                [checked]=\"boolean(item, 'isActive')\"\r\n                (change)=\"setBooleanField(item, 'isActive', $any($event.target).checked)\"\r\n              />\r\n              Attivo all\u2019avvio\r\n            </label>\r\n            <p class=\"fb-field__hint\">\r\n              All\u2019avvio lo stage corrente e\u2019 il primo attivo per ordine. Si avanza con un Assignment su\r\n              <code>$Flow.CurrentStage</code>.\r\n            </p>\r\n          }\r\n\r\n          @if (item.collection === 'textTemplates') {\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label fb-field__label--required\">Testo</label>\r\n              <textarea\r\n                class=\"fb-textarea\"\r\n                [value]=\"string(item, 'text')\"\r\n                placeholder=\"Gentile {!Cliente.Nome},\"\r\n                (input)=\"setField(item, 'text', $any($event.target).value)\"\r\n              ></textarea>\r\n            </div>\r\n            <label class=\"fb-check\">\r\n              <input\r\n                type=\"checkbox\"\r\n                [checked]=\"boolean(item, 'isViewedAsPlainText')\"\r\n                (change)=\"setBooleanField(item, 'isViewedAsPlainText', $any($event.target).checked)\"\r\n              />\r\n              Testo semplice\r\n            </label>\r\n          }\r\n\r\n          @if (item.collection !== 'textTemplates' && item.collection !== 'stages') {\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]=\"string(item, 'dataType')\"\r\n                (change)=\"setDataType(item, $any($event.target).value)\"\r\n              >\r\n                @for (type of dataTypes(); track type.value) {\r\n                  <option [value]=\"type.value\">{{ type.label }}</option>\r\n                }\r\n              </select>\r\n            </div>\r\n\r\n            @if (requiresObjectType(item)) {\r\n              <div class=\"fb-field\">\r\n                <label class=\"fb-field__label fb-field__label--required\">\r\n                  @if (isEnum(item)) {\r\n                    Tipo di enumerazione\r\n                  } @else if (isStructure(item)) {\r\n                    Classe\r\n                  } @else {\r\n                    Oggetto\r\n                  }\r\n                </label>\r\n                @if (isEnum(item)) {\r\n                  <!-- Dizionario chiuso: qui la scrittura libera non serve. -->\r\n                  <select\r\n                    class=\"fb-select\"\r\n                    [fbValue]=\"string(item, 'objectType')\"\r\n                    (change)=\"setField(item, 'objectType', $any($event.target).value)\"\r\n                  >\r\n                    <option value=\"\">\u2014 scegli \u2014</option>\r\n                    @for (entry of enumOptions(); track entry.name) {\r\n                      <option [value]=\"entry.name\">{{ entry.label || entry.name }}</option>\r\n                    }\r\n                  </select>\r\n                } @else if (isStructure(item)) {\r\n                  <!-- \u00A74.7: una classe del backend, non un'entita' del modello dati. -->\r\n                  <fb-structure-picker\r\n                    [value]=\"string(item, 'objectType') || undefined\"\r\n                    label=\"Classe\"\r\n                    (valueChange)=\"setField(item, 'objectType', $event ?? '')\"\r\n                  />\r\n                } @else {\r\n                  <fb-object-picker\r\n                    [value]=\"string(item, 'objectType') || undefined\"\r\n                    label=\"Oggetto\"\r\n                    placeholder=\"Scrivi o scegli un oggetto\"\r\n                    (valueChange)=\"setField(item, 'objectType', $event ?? '')\"\r\n                  />\r\n                }\r\n                @if (missingObjectType(item)) {\r\n                  <!-- Su una Structure non e' un avviso: senza classe non c'e' nulla da istanziare. -->\r\n                  <p class=\"fb-field__error\">\r\n                    La classe e\u2019 obbligatoria: senza, l\u2019attivazione e\u2019 bloccata (OBJECT_TYPE_MISSING).\r\n                  </p>\r\n                } @else if (isStructure(item)) {\r\n                  <p class=\"fb-field__hint\">\r\n                    Il flow ne legge e scrive i <strong>membri</strong> (<code>Nome.Membro</code>): non si\r\n                    interroga con Get Records ne\u2019 si salva con Create/Update.\r\n                  </p>\r\n                } @else {\r\n                  <p class=\"fb-field__hint\">Obbligatorio per Object ed Enum (OBJECT_TYPE_MISSING).</p>\r\n                }\r\n              </div>\r\n            }\r\n\r\n            @if (supportsScale(item)) {\r\n              <div class=\"fb-field\">\r\n                <label class=\"fb-field__label\">Decimali</label>\r\n                <input\r\n                  class=\"fb-input\"\r\n                  type=\"number\"\r\n                  min=\"0\"\r\n                  [value]=\"string(item, 'scale')\"\r\n                  (input)=\"setNumberField(item, 'scale', $any($event.target).value)\"\r\n                />\r\n              </div>\r\n            }\r\n          }\r\n\r\n          @if (item.collection === 'variables') {\r\n            <label class=\"fb-check\">\r\n              <input\r\n                type=\"checkbox\"\r\n                [checked]=\"boolean(item, 'isCollection')\"\r\n                (change)=\"setBooleanField(item, 'isCollection', $any($event.target).checked)\"\r\n              />\r\n              \u00C8 una collection\r\n            </label>\r\n            <p class=\"fb-field__hint\">Solo una collection puo\u2019 essere iterata da un Loop.</p>\r\n\r\n            <label class=\"fb-check\">\r\n              <input\r\n                type=\"checkbox\"\r\n                [checked]=\"boolean(item, 'isInput')\"\r\n                (change)=\"setBooleanField(item, 'isInput', $any($event.target).checked)\"\r\n              />\r\n              Valorizzabile all\u2019avvio (input)\r\n            </label>\r\n            <label class=\"fb-check\">\r\n              <input\r\n                type=\"checkbox\"\r\n                [checked]=\"boolean(item, 'isOutput')\"\r\n                (change)=\"setBooleanField(item, 'isOutput', $any($event.target).checked)\"\r\n              />\r\n              Leggibile alla fine (output)\r\n            </label>\r\n            <p class=\"fb-field__hint\">\r\n              Input e output sono il contratto del flow verso chi lo invoca, subflow compresi.\r\n            </p>\r\n          }\r\n\r\n          @if (item.collection === 'formulas') {\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label fb-field__label--required\">Espressione</label>\r\n              <textarea\r\n                class=\"fb-textarea fb-input--mono\"\r\n                [value]=\"string(item, 'expression')\"\r\n                placeholder=\"Importo * 1.22\"\r\n                (input)=\"setField(item, 'expression', $any($event.target).value)\"\r\n              ></textarea>\r\n              <p class=\"fb-field__hint\">\r\n                Passata verbatim al motore di regole: il backend non la valida.\r\n              </p>\r\n            </div>\r\n          }\r\n\r\n          @if (item.collection === 'choices') {\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label fb-field__label--required\">Testo mostrato</label>\r\n              <input\r\n                class=\"fb-input\"\r\n                [value]=\"string(item, 'choiceText')\"\r\n                (input)=\"setField(item, 'choiceText', $any($event.target).value)\"\r\n              />\r\n            </div>\r\n          }\r\n\r\n          @if (item.collection === 'dynamicChoiceSets') {\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label fb-field__label--required\">Oggetto</label>\r\n              <fb-object-picker\r\n                [value]=\"string(item, 'object') || undefined\"\r\n                placeholder=\"Scrivi o scegli un oggetto\"\r\n                (valueChange)=\"setField(item, 'object', $event ?? '')\"\r\n              />\r\n            </div>\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label fb-field__label--required\">Campo mostrato</label>\r\n              <fb-field-picker\r\n                [value]=\"string(item, 'displayField') || undefined\"\r\n                [object]=\"string(item, 'object') || undefined\"\r\n                usage=\"any\"\r\n                label=\"Campo mostrato\"\r\n                (valueChange)=\"setField(item, 'displayField', $event ?? '')\"\r\n              />\r\n            </div>\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label fb-field__label--required\">Campo del valore</label>\r\n              <fb-field-picker\r\n                [value]=\"string(item, 'valueField') || undefined\"\r\n                [object]=\"string(item, 'object') || undefined\"\r\n                usage=\"any\"\r\n                label=\"Campo del valore\"\r\n                (valueChange)=\"setField(item, 'valueField', $event ?? '')\"\r\n              />\r\n            </div>\r\n            <div class=\"fb-field__row\">\r\n              <div class=\"fb-field\">\r\n                <label class=\"fb-field__label\">Ordina per</label>\r\n                <fb-field-picker\r\n                  [value]=\"string(item, 'sortField') || undefined\"\r\n                  [object]=\"string(item, 'object') || undefined\"\r\n                  usage=\"sortable\"\r\n                  label=\"Campo di ordinamento\"\r\n                  placeholder=\"Nessun ordinamento\"\r\n                  (valueChange)=\"setField(item, 'sortField', $event ?? '')\"\r\n                />\r\n              </div>\r\n              <div class=\"fb-field\">\r\n                <label class=\"fb-field__label\">Direzione</label>\r\n                <select\r\n                  class=\"fb-select\"\r\n                  [fbValue]=\"string(item, 'sortOrder')\"\r\n                  (change)=\"setField(item, 'sortOrder', $any($event.target).value)\"\r\n                >\r\n                  <option value=\"\">\u2014</option>\r\n                  @for (order of sortOrders(); track order.value) {\r\n                    <option [value]=\"order.value\">{{ order.label }}</option>\r\n                  }\r\n                </select>\r\n              </div>\r\n            </div>\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label\">Numero massimo</label>\r\n              <input\r\n                class=\"fb-input\"\r\n                type=\"number\"\r\n                min=\"1\"\r\n                [value]=\"string(item, 'limit')\"\r\n                (input)=\"setNumberField(item, 'limit', $any($event.target).value)\"\r\n              />\r\n            </div>\r\n            <p class=\"fb-field__hint\">\r\n              I filtri di un dynamic choice set sono sempre in AND: non c\u2019e\u2019 logica personalizzata.\r\n            </p>\r\n          }\r\n\r\n          @if (isStructure(item) && item.collection === 'variables') {\r\n            <p class=\"fb-field__hint\">\r\n              Non serve un valore iniziale: la variabile parte con un\u2019istanza vuota, e il flow ne assegna i\r\n              membri uno alla volta con un Assignment.\r\n            </p>\r\n          }\r\n\r\n          @if (\r\n            supportsInitialValue(item) &&\r\n            (item.collection === 'variables' || item.collection === 'constants' || item.collection === 'choices')\r\n          ) {\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label\">\r\n                {{ item.collection === 'variables' ? 'Valore iniziale' : 'Valore' }}\r\n              </label>\r\n              <fb-value-editor\r\n                [value]=\"value(item)\"\r\n                [dataType]=\"$any(item.resource['dataType'])\"\r\n                [objectType]=\"$any(item.resource['objectType'])\"\r\n                [isCollection]=\"boolean(item, 'isCollection')\"\r\n                [allowFormula]=\"item.collection !== 'constants'\"\r\n                label=\"Valore\"\r\n                (valueChange)=\"setValue(item, $event)\"\r\n              />\r\n            </div>\r\n          }\r\n\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label\">Descrizione</label>\r\n            <input\r\n              class=\"fb-input\"\r\n              [value]=\"string(item, 'description')\"\r\n              (input)=\"setField(item, 'description', $any($event.target).value)\"\r\n            />\r\n          </div>\r\n        }\r\n      </div>\r\n    } @empty {\r\n      <p class=\"fb-empty\">Nessuna risorsa di questo tipo.</p>\r\n    }\r\n  </div>\r\n\r\n  <button type=\"button\" class=\"fb-btn fb-btn--primary\" (click)=\"add()\">\r\n    Aggiungi {{ activeKind().singular }}\r\n  </button>\r\n</div>\r\n", styles: [":host{display:flex;flex-direction:column;height:100%;min-height:0;background:var(--fb-surface, #fff)}.fb-res__header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--fb-border-subtle, #e6e9ee)}.fb-res__title{margin:0;font-size:14px;font-weight:600;color:var(--fb-text, #1d2939)}.fb-res__tabs{display:flex;flex-wrap:wrap;gap:2px;padding:6px 8px;border-bottom:1px solid var(--fb-border-subtle, #e6e9ee)}.fb-res__tab{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border:1px solid var(--fb-border-subtle, #e6e9ee);border-radius:12px;background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:11px;cursor:pointer}.fb-res__tab:hover{background:var(--fb-surface-alt, #f8f9fb)}.fb-res__tab--active{border-color:var(--fb-accent, #2f6feb);background:color-mix(in srgb,var(--fb-accent, #2f6feb) 10%,transparent);color:var(--fb-accent, #2f6feb);font-weight:600}.fb-res__count{padding:0 4px;border-radius:6px;background:var(--fb-border, #d6dae1);font-size:9px;color:var(--fb-text, #1d2939)}.fb-res__body{flex:1;min-height:0;overflow-y:auto;padding:10px 12px}.fb-res__name{flex:1;min-width:0;display:flex;flex-direction:column;padding:0;border:0;background:transparent;color:var(--fb-text, #1d2939);font:inherit;text-align:left;cursor:pointer}.fb-res__name-text{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fb-res__meta{font-size:10px;color:var(--fb-text-muted, #667085)}\n"], dependencies: [{ kind: "component", type: FieldPickerComponent, selector: "fb-field-picker", inputs: ["value", "object", "usage", "label", "placeholder", "disabled"], outputs: ["valueChange"] }, { kind: "component", type: ObjectPickerComponent, selector: "fb-object-picker", inputs: ["value", "label", "placeholder", "disabled"], outputs: ["valueChange"] }, { kind: "component", type: StructurePickerComponent, selector: "fb-structure-picker", inputs: ["value", "label", "placeholder", "disabled"], 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: ResourcePanelComponent, isStandalone: true, selector: "fb-resource-panel", outputs: { closed: "closed" }, ngImport: i0, template: "<header class=\"fb-res__header\">\r\n  <h2 class=\"fb-res__title\">Risorse</h2>\r\n  <button type=\"button\" class=\"fb-btn fb-btn--ghost fb-btn--icon\" aria-label=\"Chiudi\" (click)=\"close()\">\u00D7</button>\r\n</header>\r\n\r\n<nav class=\"fb-res__tabs\" aria-label=\"Tipi di risorsa\">\r\n  @for (kind of kinds; track kind.collection) {\r\n    <button\r\n      type=\"button\"\r\n      class=\"fb-res__tab\"\r\n      [class.fb-res__tab--active]=\"activeCollection() === kind.collection\"\r\n      (click)=\"select(kind.collection)\"\r\n    >\r\n      {{ kind.label }}\r\n      <span class=\"fb-res__count\">{{ countOf(kind.collection) }}</span>\r\n    </button>\r\n  }\r\n</nav>\r\n\r\n<div class=\"fb-res__body\">\r\n  <p class=\"fb-section__note\">{{ activeKind().note }}</p>\r\n\r\n  <div class=\"fb-list\">\r\n    @for (item of items(); track item.collection + ':' + item.index) {\r\n      <div class=\"fb-list__item\">\r\n        <div class=\"fb-list__header\">\r\n          <button type=\"button\" class=\"fb-res__name\" (click)=\"toggleEdit($index)\">\r\n            <span class=\"fb-res__name-text\">{{ item.name || '(senza nome)' }}</span>\r\n            <span class=\"fb-res__meta\">\r\n              {{ string(item, 'dataType') }}{{ boolean(item, 'isCollection') ? '[]' : '' }}\r\n              @if (boolean(item, 'isInput')) {\r\n                \u00B7 input\r\n              }\r\n              @if (boolean(item, 'isOutput')) {\r\n                \u00B7 output\r\n              }\r\n            </span>\r\n          </button>\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 la risorsa\"\r\n            (click)=\"remove(item)\"\r\n          >\r\n            \u00D7\r\n          </button>\r\n        </div>\r\n\r\n        @if (nameError(item)) {\r\n          <p class=\"fb-field__error\">{{ nameError(item) }}</p>\r\n        }\r\n        @if (constantReferencesResource(item)) {\r\n          <p class=\"fb-callout fb-callout--error\">\r\n            Una costante deve essere un valore fisso: non puo\u2019 referenziare altre risorse\r\n            (CONSTANT_REFERENCES_RESOURCE).\r\n          </p>\r\n        }\r\n        @if (duplicateStageOrder(item)) {\r\n          <p class=\"fb-callout fb-callout--warn\">\r\n            Due stage con lo stesso ordine: quale sia il corrente all\u2019avvio diventa arbitrario\r\n            (STAGE_ORDER_DUPLICATED).\r\n          </p>\r\n        }\r\n\r\n        @if (editingIndex() === $index) {\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label fb-field__label--required\">Nome</label>\r\n            <input\r\n              class=\"fb-input fb-input--mono\"\r\n              [value]=\"item.name\"\r\n              (change)=\"rename(item, $any($event.target).value)\"\r\n            />\r\n            <p class=\"fb-field__hint\">\r\n              Il nome vive nello stesso spazio dei nomi degli elementi. Rinominare riscrive i riferimenti.\r\n            </p>\r\n          </div>\r\n\r\n          @if (item.collection === 'stages') {\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label\">Etichetta</label>\r\n              <input\r\n                class=\"fb-input\"\r\n                [value]=\"string(item, 'label')\"\r\n                (input)=\"setField(item, 'label', $any($event.target).value)\"\r\n              />\r\n            </div>\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label fb-field__label--required\">Ordine</label>\r\n              <input\r\n                class=\"fb-input\"\r\n                type=\"number\"\r\n                min=\"1\"\r\n                [value]=\"string(item, 'stageOrder')\"\r\n                (input)=\"setNumberField(item, 'stageOrder', $any($event.target).value)\"\r\n              />\r\n            </div>\r\n            <label class=\"fb-check\">\r\n              <input\r\n                type=\"checkbox\"\r\n                [checked]=\"boolean(item, 'isActive')\"\r\n                (change)=\"setBooleanField(item, 'isActive', $any($event.target).checked)\"\r\n              />\r\n              Attivo all\u2019avvio\r\n            </label>\r\n            <p class=\"fb-field__hint\">\r\n              All\u2019avvio lo stage corrente e\u2019 il primo attivo per ordine. Si avanza con un Assignment su\r\n              <code>$Flow.CurrentStage</code>.\r\n            </p>\r\n          }\r\n\r\n          @if (item.collection === 'textTemplates') {\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label fb-field__label--required\">Testo</label>\r\n              <textarea\r\n                class=\"fb-textarea\"\r\n                [value]=\"string(item, 'text')\"\r\n                placeholder=\"Gentile {!Cliente.Nome},\"\r\n                (input)=\"setField(item, 'text', $any($event.target).value)\"\r\n              ></textarea>\r\n            </div>\r\n            <label class=\"fb-check\">\r\n              <input\r\n                type=\"checkbox\"\r\n                [checked]=\"boolean(item, 'isViewedAsPlainText')\"\r\n                (change)=\"setBooleanField(item, 'isViewedAsPlainText', $any($event.target).checked)\"\r\n              />\r\n              Testo semplice\r\n            </label>\r\n          }\r\n\r\n          @if (item.collection !== 'textTemplates' && item.collection !== 'stages') {\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]=\"string(item, 'dataType')\"\r\n                (change)=\"setDataType(item, $any($event.target).value)\"\r\n              >\r\n                @for (type of dataTypes(); track type.value) {\r\n                  <option [value]=\"type.value\">{{ type.label }}</option>\r\n                }\r\n              </select>\r\n            </div>\r\n\r\n            @if (requiresObjectType(item)) {\r\n              <div class=\"fb-field\">\r\n                <label class=\"fb-field__label fb-field__label--required\">\r\n                  @if (isEnum(item)) {\r\n                    Tipo di enumerazione\r\n                  } @else if (isStructure(item)) {\r\n                    Classe\r\n                  } @else {\r\n                    Oggetto\r\n                  }\r\n                </label>\r\n                @if (isEnum(item)) {\r\n                  <!-- Dizionario chiuso: qui la scrittura libera non serve. -->\r\n                  <select\r\n                    class=\"fb-select\"\r\n                    [fbValue]=\"string(item, 'objectType')\"\r\n                    (change)=\"setField(item, 'objectType', $any($event.target).value)\"\r\n                  >\r\n                    <option value=\"\">\u2014 scegli \u2014</option>\r\n                    @for (entry of enumOptions(); track entry.name) {\r\n                      <option [value]=\"entry.name\">{{ entry.label || entry.name }}</option>\r\n                    }\r\n                  </select>\r\n                } @else if (isStructure(item)) {\r\n                  <!-- \u00A74.7: una classe del backend, non un'entita' del modello dati. -->\r\n                  <fb-structure-picker\r\n                    [value]=\"string(item, 'objectType') || undefined\"\r\n                    label=\"Classe\"\r\n                    (valueChange)=\"setField(item, 'objectType', $event ?? '')\"\r\n                  />\r\n                } @else {\r\n                  <fb-object-picker\r\n                    [value]=\"string(item, 'objectType') || undefined\"\r\n                    label=\"Oggetto\"\r\n                    placeholder=\"Scrivi o scegli un oggetto\"\r\n                    (valueChange)=\"setField(item, 'objectType', $event ?? '')\"\r\n                  />\r\n                }\r\n                @if (missingObjectType(item)) {\r\n                  <!-- Su una Structure non e' un avviso: senza classe non c'e' nulla da istanziare. -->\r\n                  <p class=\"fb-field__error\">\r\n                    La classe e\u2019 obbligatoria: senza, l\u2019attivazione e\u2019 bloccata (OBJECT_TYPE_MISSING).\r\n                  </p>\r\n                } @else if (isStructure(item)) {\r\n                  <p class=\"fb-field__hint\">\r\n                    Il flow ne legge e scrive i <strong>membri</strong> (<code>Nome.Membro</code>): non si\r\n                    interroga con Get Records ne\u2019 si salva con Create/Update.\r\n                  </p>\r\n                } @else {\r\n                  <p class=\"fb-field__hint\">Obbligatorio per Object ed Enum (OBJECT_TYPE_MISSING).</p>\r\n                }\r\n              </div>\r\n            }\r\n\r\n            @if (supportsScale(item)) {\r\n              <div class=\"fb-field\">\r\n                <label class=\"fb-field__label\">Decimali</label>\r\n                <input\r\n                  class=\"fb-input\"\r\n                  type=\"number\"\r\n                  min=\"0\"\r\n                  [value]=\"string(item, 'scale')\"\r\n                  (input)=\"setNumberField(item, 'scale', $any($event.target).value)\"\r\n                />\r\n              </div>\r\n            }\r\n          }\r\n\r\n          @if (item.collection === 'variables') {\r\n            <label class=\"fb-check\">\r\n              <input\r\n                type=\"checkbox\"\r\n                [checked]=\"boolean(item, 'isCollection')\"\r\n                (change)=\"setBooleanField(item, 'isCollection', $any($event.target).checked)\"\r\n              />\r\n              \u00C8 una collection\r\n            </label>\r\n            <p class=\"fb-field__hint\">Solo una collection puo\u2019 essere iterata da un Loop.</p>\r\n\r\n            <label class=\"fb-check\">\r\n              <input\r\n                type=\"checkbox\"\r\n                [checked]=\"boolean(item, 'isInput')\"\r\n                (change)=\"setBooleanField(item, 'isInput', $any($event.target).checked)\"\r\n              />\r\n              Valorizzabile all\u2019avvio (input)\r\n            </label>\r\n            <label class=\"fb-check\">\r\n              <input\r\n                type=\"checkbox\"\r\n                [checked]=\"boolean(item, 'isOutput')\"\r\n                (change)=\"setBooleanField(item, 'isOutput', $any($event.target).checked)\"\r\n              />\r\n              Leggibile alla fine (output)\r\n            </label>\r\n            <p class=\"fb-field__hint\">\r\n              Input e output sono il contratto del flow verso chi lo invoca, subflow compresi.\r\n            </p>\r\n          }\r\n\r\n          @if (item.collection === 'formulas') {\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label fb-field__label--required\">Espressione</label>\r\n              <!--\r\n                Il tipo atteso e' quello che la risorsa dichiara, e `scale` va con lui: sono cio'\r\n                che permette al motore di dire che l'espressione produce altro (\u00A76.3).\r\n              -->\r\n              <fb-formula-editor\r\n                [expression]=\"string(item, 'expression')\"\r\n                usage=\"Resource\"\r\n                [expectedDataType]=\"$any(item.resource['dataType'])\"\r\n                [scale]=\"$any(item.resource['scale'])\"\r\n                placeholder=\"Importo * 1.22\"\r\n                ariaLabel=\"Espressione della formula\"\r\n                (expressionChange)=\"setField(item, 'expression', $event)\"\r\n              >\r\n                <p class=\"fb-field__hint\">\r\n                  Passata verbatim al motore di regole: la sintassi delle funzioni e\u2019 del motore.\r\n                </p>\r\n              </fb-formula-editor>\r\n            </div>\r\n          }\r\n\r\n          @if (item.collection === 'choices') {\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label fb-field__label--required\">Testo mostrato</label>\r\n              <input\r\n                class=\"fb-input\"\r\n                [value]=\"string(item, 'choiceText')\"\r\n                (input)=\"setField(item, 'choiceText', $any($event.target).value)\"\r\n              />\r\n            </div>\r\n          }\r\n\r\n          @if (item.collection === 'dynamicChoiceSets') {\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label fb-field__label--required\">Oggetto</label>\r\n              <fb-object-picker\r\n                [value]=\"string(item, 'object') || undefined\"\r\n                placeholder=\"Scrivi o scegli un oggetto\"\r\n                (valueChange)=\"setField(item, 'object', $event ?? '')\"\r\n              />\r\n            </div>\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label fb-field__label--required\">Campo mostrato</label>\r\n              <fb-field-picker\r\n                [value]=\"string(item, 'displayField') || undefined\"\r\n                [object]=\"string(item, 'object') || undefined\"\r\n                usage=\"any\"\r\n                label=\"Campo mostrato\"\r\n                (valueChange)=\"setField(item, 'displayField', $event ?? '')\"\r\n              />\r\n            </div>\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label fb-field__label--required\">Campo del valore</label>\r\n              <fb-field-picker\r\n                [value]=\"string(item, 'valueField') || undefined\"\r\n                [object]=\"string(item, 'object') || undefined\"\r\n                usage=\"any\"\r\n                label=\"Campo del valore\"\r\n                (valueChange)=\"setField(item, 'valueField', $event ?? '')\"\r\n              />\r\n            </div>\r\n            <div class=\"fb-field__row\">\r\n              <div class=\"fb-field\">\r\n                <label class=\"fb-field__label\">Ordina per</label>\r\n                <fb-field-picker\r\n                  [value]=\"string(item, 'sortField') || undefined\"\r\n                  [object]=\"string(item, 'object') || undefined\"\r\n                  usage=\"sortable\"\r\n                  label=\"Campo di ordinamento\"\r\n                  placeholder=\"Nessun ordinamento\"\r\n                  (valueChange)=\"setField(item, 'sortField', $event ?? '')\"\r\n                />\r\n              </div>\r\n              <div class=\"fb-field\">\r\n                <label class=\"fb-field__label\">Direzione</label>\r\n                <select\r\n                  class=\"fb-select\"\r\n                  [fbValue]=\"string(item, 'sortOrder')\"\r\n                  (change)=\"setField(item, 'sortOrder', $any($event.target).value)\"\r\n                >\r\n                  <option value=\"\">\u2014</option>\r\n                  @for (order of sortOrders(); track order.value) {\r\n                    <option [value]=\"order.value\">{{ order.label }}</option>\r\n                  }\r\n                </select>\r\n              </div>\r\n            </div>\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label\">Numero massimo</label>\r\n              <input\r\n                class=\"fb-input\"\r\n                type=\"number\"\r\n                min=\"1\"\r\n                [value]=\"string(item, 'limit')\"\r\n                (input)=\"setNumberField(item, 'limit', $any($event.target).value)\"\r\n              />\r\n            </div>\r\n            <p class=\"fb-field__hint\">\r\n              I filtri di un dynamic choice set sono sempre in AND: non c\u2019e\u2019 logica personalizzata.\r\n            </p>\r\n          }\r\n\r\n          @if (isStructure(item) && item.collection === 'variables') {\r\n            <p class=\"fb-field__hint\">\r\n              Non serve un valore iniziale: la variabile parte con un\u2019istanza vuota, e il flow ne assegna i\r\n              membri uno alla volta con un Assignment.\r\n            </p>\r\n          }\r\n\r\n          @if (\r\n            supportsInitialValue(item) &&\r\n            (item.collection === 'variables' || item.collection === 'constants' || item.collection === 'choices')\r\n          ) {\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label\">\r\n                {{ item.collection === 'variables' ? 'Valore iniziale' : 'Valore' }}\r\n              </label>\r\n              <fb-value-editor\r\n                [value]=\"value(item)\"\r\n                [dataType]=\"$any(item.resource['dataType'])\"\r\n                [objectType]=\"$any(item.resource['objectType'])\"\r\n                [isCollection]=\"boolean(item, 'isCollection')\"\r\n                [allowFormula]=\"item.collection !== 'constants'\"\r\n                label=\"Valore\"\r\n                (valueChange)=\"setValue(item, $event)\"\r\n              />\r\n            </div>\r\n          }\r\n\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label\">Descrizione</label>\r\n            <input\r\n              class=\"fb-input\"\r\n              [value]=\"string(item, 'description')\"\r\n              (input)=\"setField(item, 'description', $any($event.target).value)\"\r\n            />\r\n          </div>\r\n        }\r\n      </div>\r\n    } @empty {\r\n      <p class=\"fb-empty\">Nessuna risorsa di questo tipo.</p>\r\n    }\r\n  </div>\r\n\r\n  <button type=\"button\" class=\"fb-btn fb-btn--primary\" (click)=\"add()\">\r\n    Aggiungi {{ activeKind().singular }}\r\n  </button>\r\n</div>\r\n", styles: [":host{display:flex;flex-direction:column;height:100%;min-height:0;background:var(--fb-surface, #fff)}.fb-res__header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--fb-border-subtle, #e6e9ee)}.fb-res__title{margin:0;font-size:14px;font-weight:600;color:var(--fb-text, #1d2939)}.fb-res__tabs{display:flex;flex-wrap:wrap;gap:2px;padding:6px 8px;border-bottom:1px solid var(--fb-border-subtle, #e6e9ee)}.fb-res__tab{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border:1px solid var(--fb-border-subtle, #e6e9ee);border-radius:12px;background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:11px;cursor:pointer}.fb-res__tab:hover{background:var(--fb-surface-alt, #f8f9fb)}.fb-res__tab--active{border-color:var(--fb-accent, #2f6feb);background:color-mix(in srgb,var(--fb-accent, #2f6feb) 10%,transparent);color:var(--fb-accent, #2f6feb);font-weight:600}.fb-res__count{padding:0 4px;border-radius:6px;background:var(--fb-border, #d6dae1);font-size:9px;color:var(--fb-text, #1d2939)}.fb-res__body{flex:1;min-height:0;overflow-y:auto;padding:10px 12px}.fb-res__name{flex:1;min-width:0;display:flex;flex-direction:column;padding:0;border:0;background:transparent;color:var(--fb-text, #1d2939);font:inherit;text-align:left;cursor:pointer}.fb-res__name-text{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fb-res__meta{font-size:10px;color:var(--fb-text-muted, #667085)}\n"], dependencies: [{ kind: "component", type: FieldPickerComponent, selector: "fb-field-picker", inputs: ["value", "object", "usage", "label", "placeholder", "disabled"], outputs: ["valueChange"] }, { kind: "component", type: FormulaEditorComponent, selector: "fb-formula-editor", inputs: ["expression", "usage", "expectedDataType", "scale", "placeholder", "ariaLabel", "disabled", "rows", "commitOn"], outputs: ["expressionChange"] }, { kind: "component", type: ObjectPickerComponent, selector: "fb-object-picker", inputs: ["value", "label", "placeholder", "disabled"], outputs: ["valueChange"] }, { kind: "component", type: StructurePickerComponent, selector: "fb-structure-picker", inputs: ["value", "label", "placeholder", "disabled"], 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 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: ResourcePanelComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fb-resource-panel', standalone: true, imports: [
                         FieldPickerComponent,
+                        FormulaEditorComponent,
                         ObjectPickerComponent,
                         StructurePickerComponent,
                         ValueEditorComponent,
                         SelectValueDirective,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<header class=\"fb-res__header\">\r\n  <h2 class=\"fb-res__title\">Risorse</h2>\r\n  <button type=\"button\" class=\"fb-btn fb-btn--ghost fb-btn--icon\" aria-label=\"Chiudi\" (click)=\"close()\">\u00D7</button>\r\n</header>\r\n\r\n<nav class=\"fb-res__tabs\" aria-label=\"Tipi di risorsa\">\r\n  @for (kind of kinds; track kind.collection) {\r\n    <button\r\n      type=\"button\"\r\n      class=\"fb-res__tab\"\r\n      [class.fb-res__tab--active]=\"activeCollection() === kind.collection\"\r\n      (click)=\"select(kind.collection)\"\r\n    >\r\n      {{ kind.label }}\r\n      <span class=\"fb-res__count\">{{ countOf(kind.collection) }}</span>\r\n    </button>\r\n  }\r\n</nav>\r\n\r\n<div class=\"fb-res__body\">\r\n  <p class=\"fb-section__note\">{{ activeKind().note }}</p>\r\n\r\n  <div class=\"fb-list\">\r\n    @for (item of items(); track item.collection + ':' + item.index) {\r\n      <div class=\"fb-list__item\">\r\n        <div class=\"fb-list__header\">\r\n          <button type=\"button\" class=\"fb-res__name\" (click)=\"toggleEdit($index)\">\r\n            <span class=\"fb-res__name-text\">{{ item.name || '(senza nome)' }}</span>\r\n            <span class=\"fb-res__meta\">\r\n              {{ string(item, 'dataType') }}{{ boolean(item, 'isCollection') ? '[]' : '' }}\r\n              @if (boolean(item, 'isInput')) {\r\n                \u00B7 input\r\n              }\r\n              @if (boolean(item, 'isOutput')) {\r\n                \u00B7 output\r\n              }\r\n            </span>\r\n          </button>\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 la risorsa\"\r\n            (click)=\"remove(item)\"\r\n          >\r\n            \u00D7\r\n          </button>\r\n        </div>\r\n\r\n        @if (nameError(item)) {\r\n          <p class=\"fb-field__error\">{{ nameError(item) }}</p>\r\n        }\r\n        @if (constantReferencesResource(item)) {\r\n          <p class=\"fb-callout fb-callout--error\">\r\n            Una costante deve essere un valore fisso: non puo\u2019 referenziare altre risorse\r\n            (CONSTANT_REFERENCES_RESOURCE).\r\n          </p>\r\n        }\r\n        @if (duplicateStageOrder(item)) {\r\n          <p class=\"fb-callout fb-callout--warn\">\r\n            Due stage con lo stesso ordine: quale sia il corrente all\u2019avvio diventa arbitrario\r\n            (STAGE_ORDER_DUPLICATED).\r\n          </p>\r\n        }\r\n\r\n        @if (editingIndex() === $index) {\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label fb-field__label--required\">Nome</label>\r\n            <input\r\n              class=\"fb-input fb-input--mono\"\r\n              [value]=\"item.name\"\r\n              (change)=\"rename(item, $any($event.target).value)\"\r\n            />\r\n            <p class=\"fb-field__hint\">\r\n              Il nome vive nello stesso spazio dei nomi degli elementi. Rinominare riscrive i riferimenti.\r\n            </p>\r\n          </div>\r\n\r\n          @if (item.collection === 'stages') {\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label\">Etichetta</label>\r\n              <input\r\n                class=\"fb-input\"\r\n                [value]=\"string(item, 'label')\"\r\n                (input)=\"setField(item, 'label', $any($event.target).value)\"\r\n              />\r\n            </div>\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label fb-field__label--required\">Ordine</label>\r\n              <input\r\n                class=\"fb-input\"\r\n                type=\"number\"\r\n                min=\"1\"\r\n                [value]=\"string(item, 'stageOrder')\"\r\n                (input)=\"setNumberField(item, 'stageOrder', $any($event.target).value)\"\r\n              />\r\n            </div>\r\n            <label class=\"fb-check\">\r\n              <input\r\n                type=\"checkbox\"\r\n                [checked]=\"boolean(item, 'isActive')\"\r\n                (change)=\"setBooleanField(item, 'isActive', $any($event.target).checked)\"\r\n              />\r\n              Attivo all\u2019avvio\r\n            </label>\r\n            <p class=\"fb-field__hint\">\r\n              All\u2019avvio lo stage corrente e\u2019 il primo attivo per ordine. Si avanza con un Assignment su\r\n              <code>$Flow.CurrentStage</code>.\r\n            </p>\r\n          }\r\n\r\n          @if (item.collection === 'textTemplates') {\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label fb-field__label--required\">Testo</label>\r\n              <textarea\r\n                class=\"fb-textarea\"\r\n                [value]=\"string(item, 'text')\"\r\n                placeholder=\"Gentile {!Cliente.Nome},\"\r\n                (input)=\"setField(item, 'text', $any($event.target).value)\"\r\n              ></textarea>\r\n            </div>\r\n            <label class=\"fb-check\">\r\n              <input\r\n                type=\"checkbox\"\r\n                [checked]=\"boolean(item, 'isViewedAsPlainText')\"\r\n                (change)=\"setBooleanField(item, 'isViewedAsPlainText', $any($event.target).checked)\"\r\n              />\r\n              Testo semplice\r\n            </label>\r\n          }\r\n\r\n          @if (item.collection !== 'textTemplates' && item.collection !== 'stages') {\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]=\"string(item, 'dataType')\"\r\n                (change)=\"setDataType(item, $any($event.target).value)\"\r\n              >\r\n                @for (type of dataTypes(); track type.value) {\r\n                  <option [value]=\"type.value\">{{ type.label }}</option>\r\n                }\r\n              </select>\r\n            </div>\r\n\r\n            @if (requiresObjectType(item)) {\r\n              <div class=\"fb-field\">\r\n                <label class=\"fb-field__label fb-field__label--required\">\r\n                  @if (isEnum(item)) {\r\n                    Tipo di enumerazione\r\n                  } @else if (isStructure(item)) {\r\n                    Classe\r\n                  } @else {\r\n                    Oggetto\r\n                  }\r\n                </label>\r\n                @if (isEnum(item)) {\r\n                  <!-- Dizionario chiuso: qui la scrittura libera non serve. -->\r\n                  <select\r\n                    class=\"fb-select\"\r\n                    [fbValue]=\"string(item, 'objectType')\"\r\n                    (change)=\"setField(item, 'objectType', $any($event.target).value)\"\r\n                  >\r\n                    <option value=\"\">\u2014 scegli \u2014</option>\r\n                    @for (entry of enumOptions(); track entry.name) {\r\n                      <option [value]=\"entry.name\">{{ entry.label || entry.name }}</option>\r\n                    }\r\n                  </select>\r\n                } @else if (isStructure(item)) {\r\n                  <!-- \u00A74.7: una classe del backend, non un'entita' del modello dati. -->\r\n                  <fb-structure-picker\r\n                    [value]=\"string(item, 'objectType') || undefined\"\r\n                    label=\"Classe\"\r\n                    (valueChange)=\"setField(item, 'objectType', $event ?? '')\"\r\n                  />\r\n                } @else {\r\n                  <fb-object-picker\r\n                    [value]=\"string(item, 'objectType') || undefined\"\r\n                    label=\"Oggetto\"\r\n                    placeholder=\"Scrivi o scegli un oggetto\"\r\n                    (valueChange)=\"setField(item, 'objectType', $event ?? '')\"\r\n                  />\r\n                }\r\n                @if (missingObjectType(item)) {\r\n                  <!-- Su una Structure non e' un avviso: senza classe non c'e' nulla da istanziare. -->\r\n                  <p class=\"fb-field__error\">\r\n                    La classe e\u2019 obbligatoria: senza, l\u2019attivazione e\u2019 bloccata (OBJECT_TYPE_MISSING).\r\n                  </p>\r\n                } @else if (isStructure(item)) {\r\n                  <p class=\"fb-field__hint\">\r\n                    Il flow ne legge e scrive i <strong>membri</strong> (<code>Nome.Membro</code>): non si\r\n                    interroga con Get Records ne\u2019 si salva con Create/Update.\r\n                  </p>\r\n                } @else {\r\n                  <p class=\"fb-field__hint\">Obbligatorio per Object ed Enum (OBJECT_TYPE_MISSING).</p>\r\n                }\r\n              </div>\r\n            }\r\n\r\n            @if (supportsScale(item)) {\r\n              <div class=\"fb-field\">\r\n                <label class=\"fb-field__label\">Decimali</label>\r\n                <input\r\n                  class=\"fb-input\"\r\n                  type=\"number\"\r\n                  min=\"0\"\r\n                  [value]=\"string(item, 'scale')\"\r\n                  (input)=\"setNumberField(item, 'scale', $any($event.target).value)\"\r\n                />\r\n              </div>\r\n            }\r\n          }\r\n\r\n          @if (item.collection === 'variables') {\r\n            <label class=\"fb-check\">\r\n              <input\r\n                type=\"checkbox\"\r\n                [checked]=\"boolean(item, 'isCollection')\"\r\n                (change)=\"setBooleanField(item, 'isCollection', $any($event.target).checked)\"\r\n              />\r\n              \u00C8 una collection\r\n            </label>\r\n            <p class=\"fb-field__hint\">Solo una collection puo\u2019 essere iterata da un Loop.</p>\r\n\r\n            <label class=\"fb-check\">\r\n              <input\r\n                type=\"checkbox\"\r\n                [checked]=\"boolean(item, 'isInput')\"\r\n                (change)=\"setBooleanField(item, 'isInput', $any($event.target).checked)\"\r\n              />\r\n              Valorizzabile all\u2019avvio (input)\r\n            </label>\r\n            <label class=\"fb-check\">\r\n              <input\r\n                type=\"checkbox\"\r\n                [checked]=\"boolean(item, 'isOutput')\"\r\n                (change)=\"setBooleanField(item, 'isOutput', $any($event.target).checked)\"\r\n              />\r\n              Leggibile alla fine (output)\r\n            </label>\r\n            <p class=\"fb-field__hint\">\r\n              Input e output sono il contratto del flow verso chi lo invoca, subflow compresi.\r\n            </p>\r\n          }\r\n\r\n          @if (item.collection === 'formulas') {\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label fb-field__label--required\">Espressione</label>\r\n              <textarea\r\n                class=\"fb-textarea fb-input--mono\"\r\n                [value]=\"string(item, 'expression')\"\r\n                placeholder=\"Importo * 1.22\"\r\n                (input)=\"setField(item, 'expression', $any($event.target).value)\"\r\n              ></textarea>\r\n              <p class=\"fb-field__hint\">\r\n                Passata verbatim al motore di regole: il backend non la valida.\r\n              </p>\r\n            </div>\r\n          }\r\n\r\n          @if (item.collection === 'choices') {\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label fb-field__label--required\">Testo mostrato</label>\r\n              <input\r\n                class=\"fb-input\"\r\n                [value]=\"string(item, 'choiceText')\"\r\n                (input)=\"setField(item, 'choiceText', $any($event.target).value)\"\r\n              />\r\n            </div>\r\n          }\r\n\r\n          @if (item.collection === 'dynamicChoiceSets') {\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label fb-field__label--required\">Oggetto</label>\r\n              <fb-object-picker\r\n                [value]=\"string(item, 'object') || undefined\"\r\n                placeholder=\"Scrivi o scegli un oggetto\"\r\n                (valueChange)=\"setField(item, 'object', $event ?? '')\"\r\n              />\r\n            </div>\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label fb-field__label--required\">Campo mostrato</label>\r\n              <fb-field-picker\r\n                [value]=\"string(item, 'displayField') || undefined\"\r\n                [object]=\"string(item, 'object') || undefined\"\r\n                usage=\"any\"\r\n                label=\"Campo mostrato\"\r\n                (valueChange)=\"setField(item, 'displayField', $event ?? '')\"\r\n              />\r\n            </div>\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label fb-field__label--required\">Campo del valore</label>\r\n              <fb-field-picker\r\n                [value]=\"string(item, 'valueField') || undefined\"\r\n                [object]=\"string(item, 'object') || undefined\"\r\n                usage=\"any\"\r\n                label=\"Campo del valore\"\r\n                (valueChange)=\"setField(item, 'valueField', $event ?? '')\"\r\n              />\r\n            </div>\r\n            <div class=\"fb-field__row\">\r\n              <div class=\"fb-field\">\r\n                <label class=\"fb-field__label\">Ordina per</label>\r\n                <fb-field-picker\r\n                  [value]=\"string(item, 'sortField') || undefined\"\r\n                  [object]=\"string(item, 'object') || undefined\"\r\n                  usage=\"sortable\"\r\n                  label=\"Campo di ordinamento\"\r\n                  placeholder=\"Nessun ordinamento\"\r\n                  (valueChange)=\"setField(item, 'sortField', $event ?? '')\"\r\n                />\r\n              </div>\r\n              <div class=\"fb-field\">\r\n                <label class=\"fb-field__label\">Direzione</label>\r\n                <select\r\n                  class=\"fb-select\"\r\n                  [fbValue]=\"string(item, 'sortOrder')\"\r\n                  (change)=\"setField(item, 'sortOrder', $any($event.target).value)\"\r\n                >\r\n                  <option value=\"\">\u2014</option>\r\n                  @for (order of sortOrders(); track order.value) {\r\n                    <option [value]=\"order.value\">{{ order.label }}</option>\r\n                  }\r\n                </select>\r\n              </div>\r\n            </div>\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label\">Numero massimo</label>\r\n              <input\r\n                class=\"fb-input\"\r\n                type=\"number\"\r\n                min=\"1\"\r\n                [value]=\"string(item, 'limit')\"\r\n                (input)=\"setNumberField(item, 'limit', $any($event.target).value)\"\r\n              />\r\n            </div>\r\n            <p class=\"fb-field__hint\">\r\n              I filtri di un dynamic choice set sono sempre in AND: non c\u2019e\u2019 logica personalizzata.\r\n            </p>\r\n          }\r\n\r\n          @if (isStructure(item) && item.collection === 'variables') {\r\n            <p class=\"fb-field__hint\">\r\n              Non serve un valore iniziale: la variabile parte con un\u2019istanza vuota, e il flow ne assegna i\r\n              membri uno alla volta con un Assignment.\r\n            </p>\r\n          }\r\n\r\n          @if (\r\n            supportsInitialValue(item) &&\r\n            (item.collection === 'variables' || item.collection === 'constants' || item.collection === 'choices')\r\n          ) {\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label\">\r\n                {{ item.collection === 'variables' ? 'Valore iniziale' : 'Valore' }}\r\n              </label>\r\n              <fb-value-editor\r\n                [value]=\"value(item)\"\r\n                [dataType]=\"$any(item.resource['dataType'])\"\r\n                [objectType]=\"$any(item.resource['objectType'])\"\r\n                [isCollection]=\"boolean(item, 'isCollection')\"\r\n                [allowFormula]=\"item.collection !== 'constants'\"\r\n                label=\"Valore\"\r\n                (valueChange)=\"setValue(item, $event)\"\r\n              />\r\n            </div>\r\n          }\r\n\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label\">Descrizione</label>\r\n            <input\r\n              class=\"fb-input\"\r\n              [value]=\"string(item, 'description')\"\r\n              (input)=\"setField(item, 'description', $any($event.target).value)\"\r\n            />\r\n          </div>\r\n        }\r\n      </div>\r\n    } @empty {\r\n      <p class=\"fb-empty\">Nessuna risorsa di questo tipo.</p>\r\n    }\r\n  </div>\r\n\r\n  <button type=\"button\" class=\"fb-btn fb-btn--primary\" (click)=\"add()\">\r\n    Aggiungi {{ activeKind().singular }}\r\n  </button>\r\n</div>\r\n", styles: [":host{display:flex;flex-direction:column;height:100%;min-height:0;background:var(--fb-surface, #fff)}.fb-res__header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--fb-border-subtle, #e6e9ee)}.fb-res__title{margin:0;font-size:14px;font-weight:600;color:var(--fb-text, #1d2939)}.fb-res__tabs{display:flex;flex-wrap:wrap;gap:2px;padding:6px 8px;border-bottom:1px solid var(--fb-border-subtle, #e6e9ee)}.fb-res__tab{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border:1px solid var(--fb-border-subtle, #e6e9ee);border-radius:12px;background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:11px;cursor:pointer}.fb-res__tab:hover{background:var(--fb-surface-alt, #f8f9fb)}.fb-res__tab--active{border-color:var(--fb-accent, #2f6feb);background:color-mix(in srgb,var(--fb-accent, #2f6feb) 10%,transparent);color:var(--fb-accent, #2f6feb);font-weight:600}.fb-res__count{padding:0 4px;border-radius:6px;background:var(--fb-border, #d6dae1);font-size:9px;color:var(--fb-text, #1d2939)}.fb-res__body{flex:1;min-height:0;overflow-y:auto;padding:10px 12px}.fb-res__name{flex:1;min-width:0;display:flex;flex-direction:column;padding:0;border:0;background:transparent;color:var(--fb-text, #1d2939);font:inherit;text-align:left;cursor:pointer}.fb-res__name-text{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fb-res__meta{font-size:10px;color:var(--fb-text-muted, #667085)}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<header class=\"fb-res__header\">\r\n  <h2 class=\"fb-res__title\">Risorse</h2>\r\n  <button type=\"button\" class=\"fb-btn fb-btn--ghost fb-btn--icon\" aria-label=\"Chiudi\" (click)=\"close()\">\u00D7</button>\r\n</header>\r\n\r\n<nav class=\"fb-res__tabs\" aria-label=\"Tipi di risorsa\">\r\n  @for (kind of kinds; track kind.collection) {\r\n    <button\r\n      type=\"button\"\r\n      class=\"fb-res__tab\"\r\n      [class.fb-res__tab--active]=\"activeCollection() === kind.collection\"\r\n      (click)=\"select(kind.collection)\"\r\n    >\r\n      {{ kind.label }}\r\n      <span class=\"fb-res__count\">{{ countOf(kind.collection) }}</span>\r\n    </button>\r\n  }\r\n</nav>\r\n\r\n<div class=\"fb-res__body\">\r\n  <p class=\"fb-section__note\">{{ activeKind().note }}</p>\r\n\r\n  <div class=\"fb-list\">\r\n    @for (item of items(); track item.collection + ':' + item.index) {\r\n      <div class=\"fb-list__item\">\r\n        <div class=\"fb-list__header\">\r\n          <button type=\"button\" class=\"fb-res__name\" (click)=\"toggleEdit($index)\">\r\n            <span class=\"fb-res__name-text\">{{ item.name || '(senza nome)' }}</span>\r\n            <span class=\"fb-res__meta\">\r\n              {{ string(item, 'dataType') }}{{ boolean(item, 'isCollection') ? '[]' : '' }}\r\n              @if (boolean(item, 'isInput')) {\r\n                \u00B7 input\r\n              }\r\n              @if (boolean(item, 'isOutput')) {\r\n                \u00B7 output\r\n              }\r\n            </span>\r\n          </button>\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 la risorsa\"\r\n            (click)=\"remove(item)\"\r\n          >\r\n            \u00D7\r\n          </button>\r\n        </div>\r\n\r\n        @if (nameError(item)) {\r\n          <p class=\"fb-field__error\">{{ nameError(item) }}</p>\r\n        }\r\n        @if (constantReferencesResource(item)) {\r\n          <p class=\"fb-callout fb-callout--error\">\r\n            Una costante deve essere un valore fisso: non puo\u2019 referenziare altre risorse\r\n            (CONSTANT_REFERENCES_RESOURCE).\r\n          </p>\r\n        }\r\n        @if (duplicateStageOrder(item)) {\r\n          <p class=\"fb-callout fb-callout--warn\">\r\n            Due stage con lo stesso ordine: quale sia il corrente all\u2019avvio diventa arbitrario\r\n            (STAGE_ORDER_DUPLICATED).\r\n          </p>\r\n        }\r\n\r\n        @if (editingIndex() === $index) {\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label fb-field__label--required\">Nome</label>\r\n            <input\r\n              class=\"fb-input fb-input--mono\"\r\n              [value]=\"item.name\"\r\n              (change)=\"rename(item, $any($event.target).value)\"\r\n            />\r\n            <p class=\"fb-field__hint\">\r\n              Il nome vive nello stesso spazio dei nomi degli elementi. Rinominare riscrive i riferimenti.\r\n            </p>\r\n          </div>\r\n\r\n          @if (item.collection === 'stages') {\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label\">Etichetta</label>\r\n              <input\r\n                class=\"fb-input\"\r\n                [value]=\"string(item, 'label')\"\r\n                (input)=\"setField(item, 'label', $any($event.target).value)\"\r\n              />\r\n            </div>\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label fb-field__label--required\">Ordine</label>\r\n              <input\r\n                class=\"fb-input\"\r\n                type=\"number\"\r\n                min=\"1\"\r\n                [value]=\"string(item, 'stageOrder')\"\r\n                (input)=\"setNumberField(item, 'stageOrder', $any($event.target).value)\"\r\n              />\r\n            </div>\r\n            <label class=\"fb-check\">\r\n              <input\r\n                type=\"checkbox\"\r\n                [checked]=\"boolean(item, 'isActive')\"\r\n                (change)=\"setBooleanField(item, 'isActive', $any($event.target).checked)\"\r\n              />\r\n              Attivo all\u2019avvio\r\n            </label>\r\n            <p class=\"fb-field__hint\">\r\n              All\u2019avvio lo stage corrente e\u2019 il primo attivo per ordine. Si avanza con un Assignment su\r\n              <code>$Flow.CurrentStage</code>.\r\n            </p>\r\n          }\r\n\r\n          @if (item.collection === 'textTemplates') {\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label fb-field__label--required\">Testo</label>\r\n              <textarea\r\n                class=\"fb-textarea\"\r\n                [value]=\"string(item, 'text')\"\r\n                placeholder=\"Gentile {!Cliente.Nome},\"\r\n                (input)=\"setField(item, 'text', $any($event.target).value)\"\r\n              ></textarea>\r\n            </div>\r\n            <label class=\"fb-check\">\r\n              <input\r\n                type=\"checkbox\"\r\n                [checked]=\"boolean(item, 'isViewedAsPlainText')\"\r\n                (change)=\"setBooleanField(item, 'isViewedAsPlainText', $any($event.target).checked)\"\r\n              />\r\n              Testo semplice\r\n            </label>\r\n          }\r\n\r\n          @if (item.collection !== 'textTemplates' && item.collection !== 'stages') {\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]=\"string(item, 'dataType')\"\r\n                (change)=\"setDataType(item, $any($event.target).value)\"\r\n              >\r\n                @for (type of dataTypes(); track type.value) {\r\n                  <option [value]=\"type.value\">{{ type.label }}</option>\r\n                }\r\n              </select>\r\n            </div>\r\n\r\n            @if (requiresObjectType(item)) {\r\n              <div class=\"fb-field\">\r\n                <label class=\"fb-field__label fb-field__label--required\">\r\n                  @if (isEnum(item)) {\r\n                    Tipo di enumerazione\r\n                  } @else if (isStructure(item)) {\r\n                    Classe\r\n                  } @else {\r\n                    Oggetto\r\n                  }\r\n                </label>\r\n                @if (isEnum(item)) {\r\n                  <!-- Dizionario chiuso: qui la scrittura libera non serve. -->\r\n                  <select\r\n                    class=\"fb-select\"\r\n                    [fbValue]=\"string(item, 'objectType')\"\r\n                    (change)=\"setField(item, 'objectType', $any($event.target).value)\"\r\n                  >\r\n                    <option value=\"\">\u2014 scegli \u2014</option>\r\n                    @for (entry of enumOptions(); track entry.name) {\r\n                      <option [value]=\"entry.name\">{{ entry.label || entry.name }}</option>\r\n                    }\r\n                  </select>\r\n                } @else if (isStructure(item)) {\r\n                  <!-- \u00A74.7: una classe del backend, non un'entita' del modello dati. -->\r\n                  <fb-structure-picker\r\n                    [value]=\"string(item, 'objectType') || undefined\"\r\n                    label=\"Classe\"\r\n                    (valueChange)=\"setField(item, 'objectType', $event ?? '')\"\r\n                  />\r\n                } @else {\r\n                  <fb-object-picker\r\n                    [value]=\"string(item, 'objectType') || undefined\"\r\n                    label=\"Oggetto\"\r\n                    placeholder=\"Scrivi o scegli un oggetto\"\r\n                    (valueChange)=\"setField(item, 'objectType', $event ?? '')\"\r\n                  />\r\n                }\r\n                @if (missingObjectType(item)) {\r\n                  <!-- Su una Structure non e' un avviso: senza classe non c'e' nulla da istanziare. -->\r\n                  <p class=\"fb-field__error\">\r\n                    La classe e\u2019 obbligatoria: senza, l\u2019attivazione e\u2019 bloccata (OBJECT_TYPE_MISSING).\r\n                  </p>\r\n                } @else if (isStructure(item)) {\r\n                  <p class=\"fb-field__hint\">\r\n                    Il flow ne legge e scrive i <strong>membri</strong> (<code>Nome.Membro</code>): non si\r\n                    interroga con Get Records ne\u2019 si salva con Create/Update.\r\n                  </p>\r\n                } @else {\r\n                  <p class=\"fb-field__hint\">Obbligatorio per Object ed Enum (OBJECT_TYPE_MISSING).</p>\r\n                }\r\n              </div>\r\n            }\r\n\r\n            @if (supportsScale(item)) {\r\n              <div class=\"fb-field\">\r\n                <label class=\"fb-field__label\">Decimali</label>\r\n                <input\r\n                  class=\"fb-input\"\r\n                  type=\"number\"\r\n                  min=\"0\"\r\n                  [value]=\"string(item, 'scale')\"\r\n                  (input)=\"setNumberField(item, 'scale', $any($event.target).value)\"\r\n                />\r\n              </div>\r\n            }\r\n          }\r\n\r\n          @if (item.collection === 'variables') {\r\n            <label class=\"fb-check\">\r\n              <input\r\n                type=\"checkbox\"\r\n                [checked]=\"boolean(item, 'isCollection')\"\r\n                (change)=\"setBooleanField(item, 'isCollection', $any($event.target).checked)\"\r\n              />\r\n              \u00C8 una collection\r\n            </label>\r\n            <p class=\"fb-field__hint\">Solo una collection puo\u2019 essere iterata da un Loop.</p>\r\n\r\n            <label class=\"fb-check\">\r\n              <input\r\n                type=\"checkbox\"\r\n                [checked]=\"boolean(item, 'isInput')\"\r\n                (change)=\"setBooleanField(item, 'isInput', $any($event.target).checked)\"\r\n              />\r\n              Valorizzabile all\u2019avvio (input)\r\n            </label>\r\n            <label class=\"fb-check\">\r\n              <input\r\n                type=\"checkbox\"\r\n                [checked]=\"boolean(item, 'isOutput')\"\r\n                (change)=\"setBooleanField(item, 'isOutput', $any($event.target).checked)\"\r\n              />\r\n              Leggibile alla fine (output)\r\n            </label>\r\n            <p class=\"fb-field__hint\">\r\n              Input e output sono il contratto del flow verso chi lo invoca, subflow compresi.\r\n            </p>\r\n          }\r\n\r\n          @if (item.collection === 'formulas') {\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label fb-field__label--required\">Espressione</label>\r\n              <!--\r\n                Il tipo atteso e' quello che la risorsa dichiara, e `scale` va con lui: sono cio'\r\n                che permette al motore di dire che l'espressione produce altro (\u00A76.3).\r\n              -->\r\n              <fb-formula-editor\r\n                [expression]=\"string(item, 'expression')\"\r\n                usage=\"Resource\"\r\n                [expectedDataType]=\"$any(item.resource['dataType'])\"\r\n                [scale]=\"$any(item.resource['scale'])\"\r\n                placeholder=\"Importo * 1.22\"\r\n                ariaLabel=\"Espressione della formula\"\r\n                (expressionChange)=\"setField(item, 'expression', $event)\"\r\n              >\r\n                <p class=\"fb-field__hint\">\r\n                  Passata verbatim al motore di regole: la sintassi delle funzioni e\u2019 del motore.\r\n                </p>\r\n              </fb-formula-editor>\r\n            </div>\r\n          }\r\n\r\n          @if (item.collection === 'choices') {\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label fb-field__label--required\">Testo mostrato</label>\r\n              <input\r\n                class=\"fb-input\"\r\n                [value]=\"string(item, 'choiceText')\"\r\n                (input)=\"setField(item, 'choiceText', $any($event.target).value)\"\r\n              />\r\n            </div>\r\n          }\r\n\r\n          @if (item.collection === 'dynamicChoiceSets') {\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label fb-field__label--required\">Oggetto</label>\r\n              <fb-object-picker\r\n                [value]=\"string(item, 'object') || undefined\"\r\n                placeholder=\"Scrivi o scegli un oggetto\"\r\n                (valueChange)=\"setField(item, 'object', $event ?? '')\"\r\n              />\r\n            </div>\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label fb-field__label--required\">Campo mostrato</label>\r\n              <fb-field-picker\r\n                [value]=\"string(item, 'displayField') || undefined\"\r\n                [object]=\"string(item, 'object') || undefined\"\r\n                usage=\"any\"\r\n                label=\"Campo mostrato\"\r\n                (valueChange)=\"setField(item, 'displayField', $event ?? '')\"\r\n              />\r\n            </div>\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label fb-field__label--required\">Campo del valore</label>\r\n              <fb-field-picker\r\n                [value]=\"string(item, 'valueField') || undefined\"\r\n                [object]=\"string(item, 'object') || undefined\"\r\n                usage=\"any\"\r\n                label=\"Campo del valore\"\r\n                (valueChange)=\"setField(item, 'valueField', $event ?? '')\"\r\n              />\r\n            </div>\r\n            <div class=\"fb-field__row\">\r\n              <div class=\"fb-field\">\r\n                <label class=\"fb-field__label\">Ordina per</label>\r\n                <fb-field-picker\r\n                  [value]=\"string(item, 'sortField') || undefined\"\r\n                  [object]=\"string(item, 'object') || undefined\"\r\n                  usage=\"sortable\"\r\n                  label=\"Campo di ordinamento\"\r\n                  placeholder=\"Nessun ordinamento\"\r\n                  (valueChange)=\"setField(item, 'sortField', $event ?? '')\"\r\n                />\r\n              </div>\r\n              <div class=\"fb-field\">\r\n                <label class=\"fb-field__label\">Direzione</label>\r\n                <select\r\n                  class=\"fb-select\"\r\n                  [fbValue]=\"string(item, 'sortOrder')\"\r\n                  (change)=\"setField(item, 'sortOrder', $any($event.target).value)\"\r\n                >\r\n                  <option value=\"\">\u2014</option>\r\n                  @for (order of sortOrders(); track order.value) {\r\n                    <option [value]=\"order.value\">{{ order.label }}</option>\r\n                  }\r\n                </select>\r\n              </div>\r\n            </div>\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label\">Numero massimo</label>\r\n              <input\r\n                class=\"fb-input\"\r\n                type=\"number\"\r\n                min=\"1\"\r\n                [value]=\"string(item, 'limit')\"\r\n                (input)=\"setNumberField(item, 'limit', $any($event.target).value)\"\r\n              />\r\n            </div>\r\n            <p class=\"fb-field__hint\">\r\n              I filtri di un dynamic choice set sono sempre in AND: non c\u2019e\u2019 logica personalizzata.\r\n            </p>\r\n          }\r\n\r\n          @if (isStructure(item) && item.collection === 'variables') {\r\n            <p class=\"fb-field__hint\">\r\n              Non serve un valore iniziale: la variabile parte con un\u2019istanza vuota, e il flow ne assegna i\r\n              membri uno alla volta con un Assignment.\r\n            </p>\r\n          }\r\n\r\n          @if (\r\n            supportsInitialValue(item) &&\r\n            (item.collection === 'variables' || item.collection === 'constants' || item.collection === 'choices')\r\n          ) {\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label\">\r\n                {{ item.collection === 'variables' ? 'Valore iniziale' : 'Valore' }}\r\n              </label>\r\n              <fb-value-editor\r\n                [value]=\"value(item)\"\r\n                [dataType]=\"$any(item.resource['dataType'])\"\r\n                [objectType]=\"$any(item.resource['objectType'])\"\r\n                [isCollection]=\"boolean(item, 'isCollection')\"\r\n                [allowFormula]=\"item.collection !== 'constants'\"\r\n                label=\"Valore\"\r\n                (valueChange)=\"setValue(item, $event)\"\r\n              />\r\n            </div>\r\n          }\r\n\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label\">Descrizione</label>\r\n            <input\r\n              class=\"fb-input\"\r\n              [value]=\"string(item, 'description')\"\r\n              (input)=\"setField(item, 'description', $any($event.target).value)\"\r\n            />\r\n          </div>\r\n        }\r\n      </div>\r\n    } @empty {\r\n      <p class=\"fb-empty\">Nessuna risorsa di questo tipo.</p>\r\n    }\r\n  </div>\r\n\r\n  <button type=\"button\" class=\"fb-btn fb-btn--primary\" (click)=\"add()\">\r\n    Aggiungi {{ activeKind().singular }}\r\n  </button>\r\n</div>\r\n", styles: [":host{display:flex;flex-direction:column;height:100%;min-height:0;background:var(--fb-surface, #fff)}.fb-res__header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--fb-border-subtle, #e6e9ee)}.fb-res__title{margin:0;font-size:14px;font-weight:600;color:var(--fb-text, #1d2939)}.fb-res__tabs{display:flex;flex-wrap:wrap;gap:2px;padding:6px 8px;border-bottom:1px solid var(--fb-border-subtle, #e6e9ee)}.fb-res__tab{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border:1px solid var(--fb-border-subtle, #e6e9ee);border-radius:12px;background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:11px;cursor:pointer}.fb-res__tab:hover{background:var(--fb-surface-alt, #f8f9fb)}.fb-res__tab--active{border-color:var(--fb-accent, #2f6feb);background:color-mix(in srgb,var(--fb-accent, #2f6feb) 10%,transparent);color:var(--fb-accent, #2f6feb);font-weight:600}.fb-res__count{padding:0 4px;border-radius:6px;background:var(--fb-border, #d6dae1);font-size:9px;color:var(--fb-text, #1d2939)}.fb-res__body{flex:1;min-height:0;overflow-y:auto;padding:10px 12px}.fb-res__name{flex:1;min-width:0;display:flex;flex-direction:column;padding:0;border:0;background:transparent;color:var(--fb-text, #1d2939);font:inherit;text-align:left;cursor:pointer}.fb-res__name-text{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fb-res__meta{font-size:10px;color:var(--fb-text-muted, #667085)}\n"] }]
         }], ctorParameters: () => [], propDecorators: { closed: [{ type: i0.Output, args: ["closed"] }] } });
 
 /**
@@ -11316,11 +12269,16 @@ class FlowBuilderComponent {
             this.saved.emit(result);
             // Il salvataggio riesce anche con errori: l'esito sano si legge in `validation` (§6.2).
             const errors = result.validation?.errorCount ?? 0;
+            // Il numero si legge dalla sessione, non dal risultato: se la risposta non lo portava, la
+            // sessione ha già ripiegato su cio' che sapeva. E se nemmeno lì c'e', si tace il numero
+            // invece di scrivere «versione undefined».
+            const version = this.session.version();
+            const saved = version != null ? `Salvato come versione ${version}` : 'Salvato';
             this.notice.set({
                 kind: 'info',
                 message: errors
-                    ? `Salvato come versione ${result.version}, con ${errors} ${errors === 1 ? 'errore' : 'errori'} da correggere.`
-                    : `Salvato come versione ${result.version}.`,
+                    ? `${saved}, con ${errors} ${errors === 1 ? 'errore' : 'errori'} da correggere.`
+                    : `${saved}.`,
             });
         }
         catch (error) {
@@ -11330,7 +12288,13 @@ class FlowBuilderComponent {
     async createNewVersion() {
         try {
             const result = await this.session.createNewVersion();
-            this.notice.set({ kind: 'info', message: `Creata la versione ${result.version}.` });
+            // `createNewVersion` ripiega di proposito sull'ignoto (apre la piu' recente): senza numero
+            // si dice cio' che e' successo, non «Creata la versione undefined».
+            const version = result.version ?? this.session.version();
+            this.notice.set({
+                kind: 'info',
+                message: version != null ? `Creata la versione ${version}.` : 'Creata una nuova versione.',
+            });
         }
         catch (error) {
             this.showError(error);
@@ -11471,9 +12435,10 @@ class FlowBuilderComponent {
             FlowDictionaryStore,
             FlowCatalogStore,
             FlowValidationStore,
+            FormulaValidationService,
             FlowEditorSession,
             FlowLayoutService,
-        ], ngImport: i0, template: "<div class=\"fb-builder\" [attr.data-fb-theme]=\"null\">\r\n  <header class=\"fb-top\">\r\n    <div class=\"fb-top__identity\">\r\n      <input\r\n        class=\"fb-top__label\"\r\n        [value]=\"document().label || ''\"\r\n        placeholder=\"Nome del flow\"\r\n        aria-label=\"Nome del flow\"\r\n        [disabled]=\"!isEditable()\"\r\n        (input)=\"setLabel($any($event.target).value)\"\r\n      />\r\n      <div class=\"fb-top__meta\">\r\n        <input\r\n          class=\"fb-top__name\"\r\n          [value]=\"document().fullName || ''\"\r\n          placeholder=\"NomeTecnico\"\r\n          aria-label=\"Nome tecnico del flow\"\r\n          [disabled]=\"!isEditable()\"\r\n          (input)=\"setFullName($any($event.target).value)\"\r\n        />\r\n        <select\r\n          class=\"fb-top__process\"\r\n          [fbValue]=\"document().processType || ''\"\r\n          aria-label=\"Tipo di flow\"\r\n          [disabled]=\"!isEditable()\"\r\n          (change)=\"setProcessType($any($event.target).value)\"\r\n        >\r\n          <!--\r\n            Il segnaposto esiste perche' un `<select>` senza opzione corrispondente non e'\r\n            \u00ABvuoto\u00BB: e' a `selectedIndex = -1`, e mostra una casella bianca. Su un flow nuovo\r\n            (`processType` non ancora scelto) e' questa la riga che si vede, disabilitata\r\n            perche' non e' un valore valido da salvare.\r\n          -->\r\n          @if (!document().processType) {\r\n            <option value=\"\" disabled>\u2014 tipo di flow \u2014</option>\r\n          }\r\n          @for (type of processTypes(); track type.value) {\r\n            <option [value]=\"type.value\">{{ type.label }}</option>\r\n          }\r\n          <!--\r\n            Il tipo del documento che il dizionario non conosce: senza questa opzione la select\r\n            resta bianca su un flow che il backend ha salvato con un `processType` fuori\r\n            catalogo (o quando `processTypes` manca dalla risposta dei dizionari), e sembra che\r\n            l'editor non abbia ricaricato il flow. Va mostrato **senza** riscrivere il\r\n            documento: il valore e' del backend, non nostro da correggere.\r\n          -->\r\n          @if (isProcessTypeOutOfCatalog()) {\r\n            <option [value]=\"document().processType\">{{ document().processType }} (fuori catalogo)</option>\r\n          }\r\n        </select>\r\n        <span class=\"fb-top__status\">{{ statusLabel() }}</span>\r\n        @if (session.version() !== null) {\r\n          <span class=\"fb-top__version\">v{{ session.version() }}</span>\r\n        }\r\n        @if (isDirty()) {\r\n          <span class=\"fb-top__dirty\" title=\"Ci sono modifiche non salvate\">modificato</span>\r\n        }\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"fb-top__actions\">\r\n      <button type=\"button\" class=\"fb-btn\" [disabled]=\"!canUndo()\" aria-label=\"Annulla\" (click)=\"undo()\">\u21B6</button>\r\n      <button type=\"button\" class=\"fb-btn\" [disabled]=\"!canRedo()\" aria-label=\"Ripeti\" (click)=\"redo()\">\u21B7</button>\r\n      <button type=\"button\" class=\"fb-btn\" title=\"Ricalcola le posizioni\" (click)=\"autoLayout()\">Riordina</button>\r\n      @if (isDialogMode()) {\r\n        <!-- Il doppio click sul node fa la stessa cosa, ma non si vede: questo comando s\u00EC. -->\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-btn\"\r\n          [disabled]=\"!selectedName()\"\r\n          title=\"Apri il dettaglio dell\u2019elemento selezionato\"\r\n          (click)=\"openSelectedElement()\"\r\n        >\r\n          Dettaglio\r\n        </button>\r\n      }\r\n      <button type=\"button\" class=\"fb-btn\" [disabled]=\"isBusy()\" (click)=\"validateNow()\">Valida</button>\r\n\r\n      @switch (primaryCommand()) {\r\n        @case ('newVersion') {\r\n          <!-- Su una versione non modificabile il comando primario e' \"Nuova versione\" (\u00A78.1). -->\r\n          <button type=\"button\" class=\"fb-btn fb-btn--primary\" [disabled]=\"isBusy()\" (click)=\"createNewVersion()\">\r\n            Nuova versione\r\n          </button>\r\n        }\r\n        @case ('create') {\r\n          <button type=\"button\" class=\"fb-btn fb-btn--primary\" [disabled]=\"isBusy()\" (click)=\"save()\">\r\n            Crea\r\n          </button>\r\n        }\r\n        @default {\r\n          <button type=\"button\" class=\"fb-btn fb-btn--primary\" [disabled]=\"isBusy()\" (click)=\"save()\">\r\n            Salva\r\n          </button>\r\n        }\r\n      }\r\n\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-btn\"\r\n        [disabled]=\"isBusy() || !canActivate()\"\r\n        [title]=\"\r\n          canActivate()\r\n            ? 'Attiva questa versione'\r\n            : 'L\u2019attivazione esige zero errori: correggili nel pannello dei problemi'\r\n        \"\r\n        (click)=\"activate()\"\r\n      >\r\n        Attiva\r\n      </button>\r\n    </div>\r\n  </header>\r\n\r\n  @if (conflict()) {\r\n    <!-- \u00A79.3: qualcun altro ha salvato. Due strade, entrambe offerte. -->\r\n    <div class=\"fb-banner fb-banner--warn\" role=\"alert\">\r\n      <span>\r\n        {{ conflict()?.message }}\r\n        @if (conflict()?.conflictingAuthor) {\r\n          Ha salvato {{ conflict()?.conflictingAuthor }}.\r\n        }\r\n      </span>\r\n      <button type=\"button\" class=\"fb-btn fb-btn--icon\" (click)=\"reloadAfterConflict()\">Ricarica</button>\r\n      <button type=\"button\" class=\"fb-btn fb-btn--icon\" (click)=\"saveAsNewVersionAfterConflict()\">\r\n        Salva come nuova versione\r\n      </button>\r\n      <button type=\"button\" class=\"fb-btn fb-btn--ghost fb-btn--icon\" (click)=\"dismissConflict()\">\u00D7</button>\r\n    </div>\r\n  }\r\n\r\n  @if (notice()) {\r\n    <div\r\n      class=\"fb-banner\"\r\n      [class.fb-banner--error]=\"notice()?.kind === 'error'\"\r\n      role=\"status\"\r\n    >\r\n      <span>{{ notice()?.message }}</span>\r\n      <button type=\"button\" class=\"fb-btn fb-btn--ghost fb-btn--icon\" aria-label=\"Chiudi\" (click)=\"dismissNotice()\">\r\n        \u00D7\r\n      </button>\r\n    </div>\r\n  }\r\n\r\n  @if (hasScreensInAutoLaunched()) {\r\n    <div class=\"fb-banner fb-banner--error\">\r\n      Un flow AutoLaunched che contiene screen e\u2019 un errore di validazione: non c\u2019e\u2019 nessuno a cui mostrarli.\r\n    </div>\r\n  }\r\n  @if (isOrchestrationWithoutStages()) {\r\n    <div class=\"fb-banner fb-banner--warn\">\r\n      Un flow Orchestration senza stage di orchestrazione viene segnalato dalla validazione\r\n      (ORCHESTRATION_WITHOUT_STAGES).\r\n    </div>\r\n  }\r\n  @if (hasNoScreensInScreenFlow()) {\r\n    <div class=\"fb-banner fb-banner--warn\">\r\n      Un flow di tipo Screen senza nessuno screen viene segnalato dalla validazione.\r\n    </div>\r\n  }\r\n  @if (!isEditable()) {\r\n    <div class=\"fb-banner\">\r\n      Questa versione e\u2019 in sola lettura: per modificarla creane una nuova.\r\n    </div>\r\n  }\r\n\r\n  <div class=\"fb-main\">\r\n    <aside class=\"fb-main__palette\">\r\n      <fb-element-palette [processType]=\"document().processType\" (elementPicked)=\"onElementPicked($event)\" />\r\n    </aside>\r\n\r\n    <div class=\"fb-main__center\">\r\n      <fb-flow-canvas\r\n        class=\"fb-main__canvas\"\r\n        [selectedName]=\"selectedName()\"\r\n        [outline]=\"outline()\"\r\n        [isEditable]=\"isEditable()\"\r\n        (selectionChange)=\"onSelectionChange($event)\"\r\n        (nodeOpened)=\"onNodeOpened($event)\"\r\n        (nodeRemoveRequested)=\"onRemoveNode($event)\"\r\n        (nodeDuplicateRequested)=\"onDuplicateNode($event)\"\r\n        (elementDropped)=\"onElementDropped($event)\"\r\n      />\r\n\r\n      @if (showProblems()) {\r\n        <fb-problems-panel\r\n          class=\"fb-main__problems\"\r\n          (elementFocused)=\"focusElement($event)\"\r\n          (closed)=\"toggleProblems()\"\r\n        />\r\n      } @else {\r\n        <button type=\"button\" class=\"fb-main__problems-toggle\" (click)=\"toggleProblems()\">\r\n          Problemi\r\n          @if (errorCount()) {\r\n            <span class=\"fb-main__count fb-main__count--error\">{{ errorCount() }}</span>\r\n          }\r\n          @if (warningCount()) {\r\n            <span class=\"fb-main__count fb-main__count--warn\">{{ warningCount() }}</span>\r\n          }\r\n        </button>\r\n      }\r\n    </div>\r\n\r\n    <aside class=\"fb-main__side\">\r\n      <nav class=\"fb-side__tabs\" aria-label=\"Pannelli\">\r\n        @if (!isDialogMode()) {\r\n          <button\r\n            type=\"button\"\r\n            class=\"fb-side__tab\"\r\n            [class.fb-side__tab--active]=\"sidePanel() === 'inspector'\"\r\n            (click)=\"setPanel('inspector')\"\r\n          >\r\n            Elemento\r\n          </button>\r\n        }\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-side__tab\"\r\n          [class.fb-side__tab--active]=\"sidePanel() === 'resources'\"\r\n          (click)=\"setPanel('resources')\"\r\n        >\r\n          Risorse\r\n        </button>\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-side__tab\"\r\n          [class.fb-side__tab--active]=\"sidePanel() === 'versions'\"\r\n          (click)=\"setPanel('versions')\"\r\n        >\r\n          Versioni\r\n        </button>\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-side__tab\"\r\n          [class.fb-side__tab--active]=\"sidePanel() === 'debug'\"\r\n          (click)=\"setPanel('debug')\"\r\n        >\r\n          Prova\r\n        </button>\r\n      </nav>\r\n\r\n      <div class=\"fb-side__content\">\r\n        @switch (sidePanel()) {\r\n          @case ('inspector') {\r\n            <fb-element-inspector\r\n              [selectedName]=\"selectedName()\"\r\n              (removeRequested)=\"onRemoveNode($event)\"\r\n              (duplicateRequested)=\"onDuplicateNode($event)\"\r\n              (closed)=\"setPanel('resources')\"\r\n            />\r\n          }\r\n          @case ('resources') {\r\n            <fb-resource-panel (closed)=\"setPanel('inspector')\" />\r\n          }\r\n          @case ('versions') {\r\n            <fb-version-panel\r\n              (versionOpened)=\"openVersion($event)\"\r\n              (notice)=\"showNotice($event)\"\r\n              (closed)=\"setPanel('inspector')\"\r\n            />\r\n          }\r\n          @case ('debug') {\r\n            <!-- Evidenzia sul canvas senza rubare il pannello: l'interview e\u2019 in corso. -->\r\n            <fb-debug-panel (elementFocused)=\"highlightElement($event)\" (closed)=\"setPanel('inspector')\" />\r\n          }\r\n        }\r\n      </div>\r\n\r\n      <footer class=\"fb-side__footer\">\r\n        <label class=\"fb-btn fb-btn--icon\">\r\n          Importa JSON\r\n          <input type=\"file\" accept=\"application/json,.json\" hidden (change)=\"onFileSelected($event)\" />\r\n        </label>\r\n      </footer>\r\n    </aside>\r\n  </div>\r\n\r\n  @if (isDialogMode() && isDialogOpen() && selectedName()) {\r\n    <!-- La dialog sta dentro il builder, non nel body: la libreria e\u2019 innestabile. -->\r\n    <fb-element-dialog\r\n      [selectedName]=\"selectedName()\"\r\n      (closed)=\"closeDialog()\"\r\n      (removeRequested)=\"onRemoveNode($event)\"\r\n      (duplicateRequested)=\"onDuplicateNode($event)\"\r\n    />\r\n  }\r\n</div>\r\n", styles: [":host{display:block;width:100%;height:100%;min-height:0;font:inherit;color:var(--fb-text, #1d2939)}.fb-builder{position:relative;display:flex;flex-direction:column;width:100%;height:100%;min-height:0;background:var(--fb-surface, #fff)}.fb-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 14px;border-bottom:1px solid var(--fb-border, #e2e5eb);background:var(--fb-surface, #fff)}.fb-top__identity{min-width:0}.fb-top__label{width:100%;max-width:420px;padding:2px 4px;border:1px solid transparent;border-radius:4px;background:transparent;color:var(--fb-text, #1d2939);font:inherit;font-size:15px;font-weight:600}.fb-top__label:hover:not(:disabled),.fb-top__label:focus-visible{border-color:var(--fb-border, #d6dae1);background:var(--fb-surface, #fff)}.fb-top__meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:2px}.fb-top__name{width:180px;padding:1px 4px;border:1px solid transparent;border-radius:4px;background:transparent;color:var(--fb-text-muted, #667085);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.fb-top__name:hover:not(:disabled),.fb-top__name:focus-visible{border-color:var(--fb-border, #d6dae1)}.fb-top__process{padding:1px 4px;border:1px solid var(--fb-border-subtle, #e6e9ee);border-radius:4px;background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:11px}.fb-top__status,.fb-top__version,.fb-top__dirty{padding:2px 7px;border-radius:999px;background:var(--fb-surface-sunken, #eef0f4);color:var(--fb-text-muted, #6b7086);font-size:10px;font-weight:600}.fb-top__version{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.fb-top__dirty{background:color-mix(in srgb,var(--fb-warning, #b7791f) 16%,transparent);color:var(--fb-warning, #b7791f)}.fb-top__actions{display:flex;flex-wrap:wrap;gap:4px}.fb-banner{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:6px 12px;border-bottom:1px solid var(--fb-border-subtle, #e6e9ee);background:color-mix(in srgb,var(--fb-accent, #2f6feb) 7%,transparent);font-size:11px}.fb-banner--warn{background:color-mix(in srgb,var(--fb-warning, #b7791f) 12%,transparent);color:var(--fb-warning, #b7791f)}.fb-banner--error{background:color-mix(in srgb,var(--fb-error, #c9372c) 10%,transparent);color:var(--fb-error, #c9372c)}.fb-banner>span{flex:1;min-width:200px}.fb-main{display:flex;flex:1;min-height:0}.fb-main__palette{flex:0 0 190px;min-width:0}.fb-main__center{display:flex;flex:1;flex-direction:column;min-width:0;min-height:0}.fb-main__canvas{flex:1;min-height:0}.fb-main__problems{flex:0 0 auto;height:220px}.fb-main__problems-toggle{display:flex;align-items:center;gap:6px;padding:4px 12px;border:0;border-top:1px solid var(--fb-border, #d6dae1);background:var(--fb-surface-alt, #f8f9fb);color:var(--fb-text-muted, #667085);font:inherit;font-size:11px;cursor:pointer}.fb-main__count{padding:0 5px;border-radius:8px;background:var(--fb-border, #d6dae1);font-size:9px;font-weight:700}.fb-main__count--error{background:color-mix(in srgb,var(--fb-error, #c9372c) 16%,transparent);color:var(--fb-error, #c9372c)}.fb-main__count--warn{background:color-mix(in srgb,var(--fb-warning, #b7791f) 16%,transparent);color:var(--fb-warning, #b7791f)}.fb-main__side{display:flex;flex-direction:column;flex:0 0 340px;min-width:0;min-height:0;border-left:1px solid var(--fb-border, #d6dae1);background:var(--fb-surface, #fff)}.fb-side__tabs{display:flex;gap:2px;margin:8px 10px;padding:3px;border-radius:var(--fb-radius, 10px);background:var(--fb-surface-sunken, #eef0f4)}.fb-side__tab{flex:1;padding:5px 8px;border:0;border-radius:var(--fb-radius-xs, 6px);background:transparent;color:var(--fb-text-muted, #6b7086);font:inherit;font-size:11px;cursor:pointer;transition:background .12s ease,color .12s ease}.fb-side__tab:hover:not(.fb-side__tab--active){color:var(--fb-text, #1a1c23)}.fb-side__tab--active{background:var(--fb-surface, #fff);box-shadow:var(--fb-shadow-sm, 0 1px 2px rgb(16 24 40 / 6%));color:var(--fb-text, #1a1c23);font-weight:600}.fb-side__content{flex:1;min-height:0;border-top:1px solid var(--fb-border-subtle, #eef0f4)}.fb-side__content>*{height:100%}.fb-side__footer{display:flex;gap:6px;padding:6px 8px;border-top:1px solid var(--fb-border-subtle, #e6e9ee)}@media(max-width:1200px){.fb-main__palette{flex-basis:150px}.fb-main__side{flex-basis:290px}}\n"], dependencies: [{ kind: "component", type: DebugPanelComponent, selector: "fb-debug-panel", outputs: ["closed", "elementFocused"] }, { kind: "component", type: ElementDialogComponent, selector: "fb-element-dialog", inputs: ["selectedName"], outputs: ["closed", "removeRequested", "duplicateRequested"] }, { kind: "component", type: ElementInspectorComponent, selector: "fb-element-inspector", inputs: ["selectedName", "showHeader"], outputs: ["closed", "removeRequested", "duplicateRequested"] }, { kind: "component", type: ElementPaletteComponent, selector: "fb-element-palette", inputs: ["processType"], outputs: ["elementPicked"] }, { kind: "component", type: FlowCanvasComponent, selector: "fb-flow-canvas", inputs: ["selectedName", "outline", "isEditable"], outputs: ["selectionChange", "nodeOpened", "nodeRemoveRequested", "nodeDuplicateRequested", "elementDropped"] }, { kind: "component", type: ProblemsPanelComponent, selector: "fb-problems-panel", outputs: ["elementFocused", "closed"] }, { kind: "component", type: ResourcePanelComponent, selector: "fb-resource-panel", outputs: ["closed"] }, { kind: "component", type: VersionPanelComponent, selector: "fb-version-panel", outputs: ["closed", "versionOpened", "notice"] }, { kind: "directive", type: SelectValueDirective, selector: "select[fbValue]", inputs: ["fbValue"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        ], ngImport: i0, template: "<div class=\"fb-builder\" [attr.data-fb-theme]=\"null\">\r\n  <header class=\"fb-top\">\r\n    <div class=\"fb-top__identity\">\r\n      <input\r\n        class=\"fb-top__label\"\r\n        [value]=\"document().label || ''\"\r\n        placeholder=\"Nome del flow\"\r\n        aria-label=\"Nome del flow\"\r\n        [disabled]=\"!isEditable()\"\r\n        (input)=\"setLabel($any($event.target).value)\"\r\n      />\r\n      <div class=\"fb-top__meta\">\r\n        <input\r\n          class=\"fb-top__name\"\r\n          [value]=\"document().fullName || ''\"\r\n          placeholder=\"NomeTecnico\"\r\n          aria-label=\"Nome tecnico del flow\"\r\n          [disabled]=\"!isEditable()\"\r\n          (input)=\"setFullName($any($event.target).value)\"\r\n        />\r\n        <select\r\n          class=\"fb-top__process\"\r\n          [fbValue]=\"document().processType || ''\"\r\n          aria-label=\"Tipo di flow\"\r\n          [disabled]=\"!isEditable()\"\r\n          (change)=\"setProcessType($any($event.target).value)\"\r\n        >\r\n          <!--\r\n            Il segnaposto esiste perche' un `<select>` senza opzione corrispondente non e'\r\n            \u00ABvuoto\u00BB: e' a `selectedIndex = -1`, e mostra una casella bianca. Su un flow nuovo\r\n            (`processType` non ancora scelto) e' questa la riga che si vede, disabilitata\r\n            perche' non e' un valore valido da salvare.\r\n          -->\r\n          @if (!document().processType) {\r\n            <option value=\"\" disabled>\u2014 tipo di flow \u2014</option>\r\n          }\r\n          @for (type of processTypes(); track type.value) {\r\n            <option [value]=\"type.value\">{{ type.label }}</option>\r\n          }\r\n          <!--\r\n            Il tipo del documento che il dizionario non conosce: senza questa opzione la select\r\n            resta bianca su un flow che il backend ha salvato con un `processType` fuori\r\n            catalogo (o quando `processTypes` manca dalla risposta dei dizionari), e sembra che\r\n            l'editor non abbia ricaricato il flow. Va mostrato **senza** riscrivere il\r\n            documento: il valore e' del backend, non nostro da correggere.\r\n          -->\r\n          @if (isProcessTypeOutOfCatalog()) {\r\n            <option [value]=\"document().processType\">{{ document().processType }} (fuori catalogo)</option>\r\n          }\r\n        </select>\r\n        <span class=\"fb-top__status\">{{ statusLabel() }}</span>\r\n        @if (session.version() != null) {\r\n          <span class=\"fb-top__version\">v{{ session.version() }}</span>\r\n        }\r\n        @if (isDirty()) {\r\n          <span class=\"fb-top__dirty\" title=\"Ci sono modifiche non salvate\">modificato</span>\r\n        }\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"fb-top__actions\">\r\n      <button type=\"button\" class=\"fb-btn\" [disabled]=\"!canUndo()\" aria-label=\"Annulla\" (click)=\"undo()\">\u21B6</button>\r\n      <button type=\"button\" class=\"fb-btn\" [disabled]=\"!canRedo()\" aria-label=\"Ripeti\" (click)=\"redo()\">\u21B7</button>\r\n      <button type=\"button\" class=\"fb-btn\" title=\"Ricalcola le posizioni\" (click)=\"autoLayout()\">Riordina</button>\r\n      @if (isDialogMode()) {\r\n        <!-- Il doppio click sul node fa la stessa cosa, ma non si vede: questo comando s\u00EC. -->\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-btn\"\r\n          [disabled]=\"!selectedName()\"\r\n          title=\"Apri il dettaglio dell\u2019elemento selezionato\"\r\n          (click)=\"openSelectedElement()\"\r\n        >\r\n          Dettaglio\r\n        </button>\r\n      }\r\n      <button type=\"button\" class=\"fb-btn\" [disabled]=\"isBusy()\" (click)=\"validateNow()\">Valida</button>\r\n\r\n      @switch (primaryCommand()) {\r\n        @case ('newVersion') {\r\n          <!-- Su una versione non modificabile il comando primario e' \"Nuova versione\" (\u00A78.1). -->\r\n          <button type=\"button\" class=\"fb-btn fb-btn--primary\" [disabled]=\"isBusy()\" (click)=\"createNewVersion()\">\r\n            Nuova versione\r\n          </button>\r\n        }\r\n        @case ('create') {\r\n          <button type=\"button\" class=\"fb-btn fb-btn--primary\" [disabled]=\"isBusy()\" (click)=\"save()\">\r\n            Crea\r\n          </button>\r\n        }\r\n        @default {\r\n          <button type=\"button\" class=\"fb-btn fb-btn--primary\" [disabled]=\"isBusy()\" (click)=\"save()\">\r\n            Salva\r\n          </button>\r\n        }\r\n      }\r\n\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-btn\"\r\n        [disabled]=\"isBusy() || !canActivate()\"\r\n        [title]=\"\r\n          canActivate()\r\n            ? 'Attiva questa versione'\r\n            : 'L\u2019attivazione esige zero errori: correggili nel pannello dei problemi'\r\n        \"\r\n        (click)=\"activate()\"\r\n      >\r\n        Attiva\r\n      </button>\r\n    </div>\r\n  </header>\r\n\r\n  @if (conflict()) {\r\n    <!-- \u00A79.3: qualcun altro ha salvato. Due strade, entrambe offerte. -->\r\n    <div class=\"fb-banner fb-banner--warn\" role=\"alert\">\r\n      <span>\r\n        {{ conflict()?.message }}\r\n        @if (conflict()?.conflictingAuthor) {\r\n          Ha salvato {{ conflict()?.conflictingAuthor }}.\r\n        }\r\n      </span>\r\n      <button type=\"button\" class=\"fb-btn fb-btn--icon\" (click)=\"reloadAfterConflict()\">Ricarica</button>\r\n      <button type=\"button\" class=\"fb-btn fb-btn--icon\" (click)=\"saveAsNewVersionAfterConflict()\">\r\n        Salva come nuova versione\r\n      </button>\r\n      <button type=\"button\" class=\"fb-btn fb-btn--ghost fb-btn--icon\" (click)=\"dismissConflict()\">\u00D7</button>\r\n    </div>\r\n  }\r\n\r\n  @if (notice()) {\r\n    <div\r\n      class=\"fb-banner\"\r\n      [class.fb-banner--error]=\"notice()?.kind === 'error'\"\r\n      role=\"status\"\r\n    >\r\n      <span>{{ notice()?.message }}</span>\r\n      <button type=\"button\" class=\"fb-btn fb-btn--ghost fb-btn--icon\" aria-label=\"Chiudi\" (click)=\"dismissNotice()\">\r\n        \u00D7\r\n      </button>\r\n    </div>\r\n  }\r\n\r\n  @if (hasScreensInAutoLaunched()) {\r\n    <div class=\"fb-banner fb-banner--error\">\r\n      Un flow AutoLaunched che contiene screen e\u2019 un errore di validazione: non c\u2019e\u2019 nessuno a cui mostrarli.\r\n    </div>\r\n  }\r\n  @if (isOrchestrationWithoutStages()) {\r\n    <div class=\"fb-banner fb-banner--warn\">\r\n      Un flow Orchestration senza stage di orchestrazione viene segnalato dalla validazione\r\n      (ORCHESTRATION_WITHOUT_STAGES).\r\n    </div>\r\n  }\r\n  @if (hasNoScreensInScreenFlow()) {\r\n    <div class=\"fb-banner fb-banner--warn\">\r\n      Un flow di tipo Screen senza nessuno screen viene segnalato dalla validazione.\r\n    </div>\r\n  }\r\n  @if (!isEditable()) {\r\n    <div class=\"fb-banner\">\r\n      Questa versione e\u2019 in sola lettura: per modificarla creane una nuova.\r\n    </div>\r\n  }\r\n\r\n  <div class=\"fb-main\">\r\n    <aside class=\"fb-main__palette\">\r\n      <fb-element-palette [processType]=\"document().processType\" (elementPicked)=\"onElementPicked($event)\" />\r\n    </aside>\r\n\r\n    <div class=\"fb-main__center\">\r\n      <fb-flow-canvas\r\n        class=\"fb-main__canvas\"\r\n        [selectedName]=\"selectedName()\"\r\n        [outline]=\"outline()\"\r\n        [isEditable]=\"isEditable()\"\r\n        (selectionChange)=\"onSelectionChange($event)\"\r\n        (nodeOpened)=\"onNodeOpened($event)\"\r\n        (nodeRemoveRequested)=\"onRemoveNode($event)\"\r\n        (nodeDuplicateRequested)=\"onDuplicateNode($event)\"\r\n        (elementDropped)=\"onElementDropped($event)\"\r\n      />\r\n\r\n      @if (showProblems()) {\r\n        <fb-problems-panel\r\n          class=\"fb-main__problems\"\r\n          (elementFocused)=\"focusElement($event)\"\r\n          (closed)=\"toggleProblems()\"\r\n        />\r\n      } @else {\r\n        <button type=\"button\" class=\"fb-main__problems-toggle\" (click)=\"toggleProblems()\">\r\n          Problemi\r\n          @if (errorCount()) {\r\n            <span class=\"fb-main__count fb-main__count--error\">{{ errorCount() }}</span>\r\n          }\r\n          @if (warningCount()) {\r\n            <span class=\"fb-main__count fb-main__count--warn\">{{ warningCount() }}</span>\r\n          }\r\n        </button>\r\n      }\r\n    </div>\r\n\r\n    <aside class=\"fb-main__side\">\r\n      <nav class=\"fb-side__tabs\" aria-label=\"Pannelli\">\r\n        @if (!isDialogMode()) {\r\n          <button\r\n            type=\"button\"\r\n            class=\"fb-side__tab\"\r\n            [class.fb-side__tab--active]=\"sidePanel() === 'inspector'\"\r\n            (click)=\"setPanel('inspector')\"\r\n          >\r\n            Elemento\r\n          </button>\r\n        }\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-side__tab\"\r\n          [class.fb-side__tab--active]=\"sidePanel() === 'resources'\"\r\n          (click)=\"setPanel('resources')\"\r\n        >\r\n          Risorse\r\n        </button>\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-side__tab\"\r\n          [class.fb-side__tab--active]=\"sidePanel() === 'versions'\"\r\n          (click)=\"setPanel('versions')\"\r\n        >\r\n          Versioni\r\n        </button>\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-side__tab\"\r\n          [class.fb-side__tab--active]=\"sidePanel() === 'debug'\"\r\n          (click)=\"setPanel('debug')\"\r\n        >\r\n          Prova\r\n        </button>\r\n      </nav>\r\n\r\n      <div class=\"fb-side__content\">\r\n        @switch (sidePanel()) {\r\n          @case ('inspector') {\r\n            <fb-element-inspector\r\n              [selectedName]=\"selectedName()\"\r\n              (removeRequested)=\"onRemoveNode($event)\"\r\n              (duplicateRequested)=\"onDuplicateNode($event)\"\r\n              (closed)=\"setPanel('resources')\"\r\n            />\r\n          }\r\n          @case ('resources') {\r\n            <fb-resource-panel (closed)=\"setPanel('inspector')\" />\r\n          }\r\n          @case ('versions') {\r\n            <fb-version-panel\r\n              (versionOpened)=\"openVersion($event)\"\r\n              (notice)=\"showNotice($event)\"\r\n              (closed)=\"setPanel('inspector')\"\r\n            />\r\n          }\r\n          @case ('debug') {\r\n            <!-- Evidenzia sul canvas senza rubare il pannello: l'interview e\u2019 in corso. -->\r\n            <fb-debug-panel (elementFocused)=\"highlightElement($event)\" (closed)=\"setPanel('inspector')\" />\r\n          }\r\n        }\r\n      </div>\r\n\r\n      <footer class=\"fb-side__footer\">\r\n        <label class=\"fb-btn fb-btn--icon\">\r\n          Importa JSON\r\n          <input type=\"file\" accept=\"application/json,.json\" hidden (change)=\"onFileSelected($event)\" />\r\n        </label>\r\n      </footer>\r\n    </aside>\r\n  </div>\r\n\r\n  @if (isDialogMode() && isDialogOpen() && selectedName()) {\r\n    <!-- La dialog sta dentro il builder, non nel body: la libreria e\u2019 innestabile. -->\r\n    <fb-element-dialog\r\n      [selectedName]=\"selectedName()\"\r\n      (closed)=\"closeDialog()\"\r\n      (removeRequested)=\"onRemoveNode($event)\"\r\n      (duplicateRequested)=\"onDuplicateNode($event)\"\r\n    />\r\n  }\r\n</div>\r\n", styles: [":host{display:block;width:100%;height:100%;min-height:0;font:inherit;color:var(--fb-text, #1d2939)}.fb-builder{position:relative;display:flex;flex-direction:column;width:100%;height:100%;min-height:0;background:var(--fb-surface, #fff)}.fb-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 14px;border-bottom:1px solid var(--fb-border, #e2e5eb);background:var(--fb-surface, #fff)}.fb-top__identity{min-width:0}.fb-top__label{width:100%;max-width:420px;padding:2px 4px;border:1px solid transparent;border-radius:4px;background:transparent;color:var(--fb-text, #1d2939);font:inherit;font-size:15px;font-weight:600}.fb-top__label:hover:not(:disabled),.fb-top__label:focus-visible{border-color:var(--fb-border, #d6dae1);background:var(--fb-surface, #fff)}.fb-top__meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:2px}.fb-top__name{width:180px;padding:1px 4px;border:1px solid transparent;border-radius:4px;background:transparent;color:var(--fb-text-muted, #667085);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.fb-top__name:hover:not(:disabled),.fb-top__name:focus-visible{border-color:var(--fb-border, #d6dae1)}.fb-top__process{padding:1px 4px;border:1px solid var(--fb-border-subtle, #e6e9ee);border-radius:4px;background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:11px}.fb-top__status,.fb-top__version,.fb-top__dirty{padding:2px 7px;border-radius:999px;background:var(--fb-surface-sunken, #eef0f4);color:var(--fb-text-muted, #6b7086);font-size:10px;font-weight:600}.fb-top__version{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.fb-top__dirty{background:color-mix(in srgb,var(--fb-warning, #b7791f) 16%,transparent);color:var(--fb-warning, #b7791f)}.fb-top__actions{display:flex;flex-wrap:wrap;gap:4px}.fb-banner{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:6px 12px;border-bottom:1px solid var(--fb-border-subtle, #e6e9ee);background:color-mix(in srgb,var(--fb-accent, #2f6feb) 7%,transparent);font-size:11px}.fb-banner--warn{background:color-mix(in srgb,var(--fb-warning, #b7791f) 12%,transparent);color:var(--fb-warning, #b7791f)}.fb-banner--error{background:color-mix(in srgb,var(--fb-error, #c9372c) 10%,transparent);color:var(--fb-error, #c9372c)}.fb-banner>span{flex:1;min-width:200px}.fb-main{display:flex;flex:1;min-height:0}.fb-main__palette{flex:0 0 190px;min-width:0}.fb-main__center{display:flex;flex:1;flex-direction:column;min-width:0;min-height:0}.fb-main__canvas{flex:1;min-height:0}.fb-main__problems{flex:0 0 auto;height:220px}.fb-main__problems-toggle{display:flex;align-items:center;gap:6px;padding:4px 12px;border:0;border-top:1px solid var(--fb-border, #d6dae1);background:var(--fb-surface-alt, #f8f9fb);color:var(--fb-text-muted, #667085);font:inherit;font-size:11px;cursor:pointer}.fb-main__count{padding:0 5px;border-radius:8px;background:var(--fb-border, #d6dae1);font-size:9px;font-weight:700}.fb-main__count--error{background:color-mix(in srgb,var(--fb-error, #c9372c) 16%,transparent);color:var(--fb-error, #c9372c)}.fb-main__count--warn{background:color-mix(in srgb,var(--fb-warning, #b7791f) 16%,transparent);color:var(--fb-warning, #b7791f)}.fb-main__side{display:flex;flex-direction:column;flex:0 0 340px;min-width:0;min-height:0;border-left:1px solid var(--fb-border, #d6dae1);background:var(--fb-surface, #fff)}.fb-side__tabs{display:flex;gap:2px;margin:8px 10px;padding:3px;border-radius:var(--fb-radius, 10px);background:var(--fb-surface-sunken, #eef0f4)}.fb-side__tab{flex:1;padding:5px 8px;border:0;border-radius:var(--fb-radius-xs, 6px);background:transparent;color:var(--fb-text-muted, #6b7086);font:inherit;font-size:11px;cursor:pointer;transition:background .12s ease,color .12s ease}.fb-side__tab:hover:not(.fb-side__tab--active){color:var(--fb-text, #1a1c23)}.fb-side__tab--active{background:var(--fb-surface, #fff);box-shadow:var(--fb-shadow-sm, 0 1px 2px rgb(16 24 40 / 6%));color:var(--fb-text, #1a1c23);font-weight:600}.fb-side__content{flex:1;min-height:0;border-top:1px solid var(--fb-border-subtle, #eef0f4)}.fb-side__content>*{height:100%}.fb-side__footer{display:flex;gap:6px;padding:6px 8px;border-top:1px solid var(--fb-border-subtle, #e6e9ee)}@media(max-width:1200px){.fb-main__palette{flex-basis:150px}.fb-main__side{flex-basis:290px}}\n"], dependencies: [{ kind: "component", type: DebugPanelComponent, selector: "fb-debug-panel", outputs: ["closed", "elementFocused"] }, { kind: "component", type: ElementDialogComponent, selector: "fb-element-dialog", inputs: ["selectedName"], outputs: ["closed", "removeRequested", "duplicateRequested"] }, { kind: "component", type: ElementInspectorComponent, selector: "fb-element-inspector", inputs: ["selectedName", "showHeader"], outputs: ["closed", "removeRequested", "duplicateRequested"] }, { kind: "component", type: ElementPaletteComponent, selector: "fb-element-palette", inputs: ["processType"], outputs: ["elementPicked"] }, { kind: "component", type: FlowCanvasComponent, selector: "fb-flow-canvas", inputs: ["selectedName", "outline", "isEditable"], outputs: ["selectionChange", "nodeOpened", "nodeRemoveRequested", "nodeDuplicateRequested", "elementDropped"] }, { kind: "component", type: ProblemsPanelComponent, selector: "fb-problems-panel", outputs: ["elementFocused", "closed"] }, { kind: "component", type: ResourcePanelComponent, selector: "fb-resource-panel", outputs: ["closed"] }, { kind: "component", type: VersionPanelComponent, selector: "fb-version-panel", outputs: ["closed", "versionOpened", "notice"] }, { 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: FlowBuilderComponent, decorators: [{
             type: Component,
@@ -11489,14 +12454,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImpo
                         FlowDictionaryStore,
                         FlowCatalogStore,
                         FlowValidationStore,
+                        FormulaValidationService,
                         FlowEditorSession,
                         FlowLayoutService,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"fb-builder\" [attr.data-fb-theme]=\"null\">\r\n  <header class=\"fb-top\">\r\n    <div class=\"fb-top__identity\">\r\n      <input\r\n        class=\"fb-top__label\"\r\n        [value]=\"document().label || ''\"\r\n        placeholder=\"Nome del flow\"\r\n        aria-label=\"Nome del flow\"\r\n        [disabled]=\"!isEditable()\"\r\n        (input)=\"setLabel($any($event.target).value)\"\r\n      />\r\n      <div class=\"fb-top__meta\">\r\n        <input\r\n          class=\"fb-top__name\"\r\n          [value]=\"document().fullName || ''\"\r\n          placeholder=\"NomeTecnico\"\r\n          aria-label=\"Nome tecnico del flow\"\r\n          [disabled]=\"!isEditable()\"\r\n          (input)=\"setFullName($any($event.target).value)\"\r\n        />\r\n        <select\r\n          class=\"fb-top__process\"\r\n          [fbValue]=\"document().processType || ''\"\r\n          aria-label=\"Tipo di flow\"\r\n          [disabled]=\"!isEditable()\"\r\n          (change)=\"setProcessType($any($event.target).value)\"\r\n        >\r\n          <!--\r\n            Il segnaposto esiste perche' un `<select>` senza opzione corrispondente non e'\r\n            \u00ABvuoto\u00BB: e' a `selectedIndex = -1`, e mostra una casella bianca. Su un flow nuovo\r\n            (`processType` non ancora scelto) e' questa la riga che si vede, disabilitata\r\n            perche' non e' un valore valido da salvare.\r\n          -->\r\n          @if (!document().processType) {\r\n            <option value=\"\" disabled>\u2014 tipo di flow \u2014</option>\r\n          }\r\n          @for (type of processTypes(); track type.value) {\r\n            <option [value]=\"type.value\">{{ type.label }}</option>\r\n          }\r\n          <!--\r\n            Il tipo del documento che il dizionario non conosce: senza questa opzione la select\r\n            resta bianca su un flow che il backend ha salvato con un `processType` fuori\r\n            catalogo (o quando `processTypes` manca dalla risposta dei dizionari), e sembra che\r\n            l'editor non abbia ricaricato il flow. Va mostrato **senza** riscrivere il\r\n            documento: il valore e' del backend, non nostro da correggere.\r\n          -->\r\n          @if (isProcessTypeOutOfCatalog()) {\r\n            <option [value]=\"document().processType\">{{ document().processType }} (fuori catalogo)</option>\r\n          }\r\n        </select>\r\n        <span class=\"fb-top__status\">{{ statusLabel() }}</span>\r\n        @if (session.version() !== null) {\r\n          <span class=\"fb-top__version\">v{{ session.version() }}</span>\r\n        }\r\n        @if (isDirty()) {\r\n          <span class=\"fb-top__dirty\" title=\"Ci sono modifiche non salvate\">modificato</span>\r\n        }\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"fb-top__actions\">\r\n      <button type=\"button\" class=\"fb-btn\" [disabled]=\"!canUndo()\" aria-label=\"Annulla\" (click)=\"undo()\">\u21B6</button>\r\n      <button type=\"button\" class=\"fb-btn\" [disabled]=\"!canRedo()\" aria-label=\"Ripeti\" (click)=\"redo()\">\u21B7</button>\r\n      <button type=\"button\" class=\"fb-btn\" title=\"Ricalcola le posizioni\" (click)=\"autoLayout()\">Riordina</button>\r\n      @if (isDialogMode()) {\r\n        <!-- Il doppio click sul node fa la stessa cosa, ma non si vede: questo comando s\u00EC. -->\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-btn\"\r\n          [disabled]=\"!selectedName()\"\r\n          title=\"Apri il dettaglio dell\u2019elemento selezionato\"\r\n          (click)=\"openSelectedElement()\"\r\n        >\r\n          Dettaglio\r\n        </button>\r\n      }\r\n      <button type=\"button\" class=\"fb-btn\" [disabled]=\"isBusy()\" (click)=\"validateNow()\">Valida</button>\r\n\r\n      @switch (primaryCommand()) {\r\n        @case ('newVersion') {\r\n          <!-- Su una versione non modificabile il comando primario e' \"Nuova versione\" (\u00A78.1). -->\r\n          <button type=\"button\" class=\"fb-btn fb-btn--primary\" [disabled]=\"isBusy()\" (click)=\"createNewVersion()\">\r\n            Nuova versione\r\n          </button>\r\n        }\r\n        @case ('create') {\r\n          <button type=\"button\" class=\"fb-btn fb-btn--primary\" [disabled]=\"isBusy()\" (click)=\"save()\">\r\n            Crea\r\n          </button>\r\n        }\r\n        @default {\r\n          <button type=\"button\" class=\"fb-btn fb-btn--primary\" [disabled]=\"isBusy()\" (click)=\"save()\">\r\n            Salva\r\n          </button>\r\n        }\r\n      }\r\n\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-btn\"\r\n        [disabled]=\"isBusy() || !canActivate()\"\r\n        [title]=\"\r\n          canActivate()\r\n            ? 'Attiva questa versione'\r\n            : 'L\u2019attivazione esige zero errori: correggili nel pannello dei problemi'\r\n        \"\r\n        (click)=\"activate()\"\r\n      >\r\n        Attiva\r\n      </button>\r\n    </div>\r\n  </header>\r\n\r\n  @if (conflict()) {\r\n    <!-- \u00A79.3: qualcun altro ha salvato. Due strade, entrambe offerte. -->\r\n    <div class=\"fb-banner fb-banner--warn\" role=\"alert\">\r\n      <span>\r\n        {{ conflict()?.message }}\r\n        @if (conflict()?.conflictingAuthor) {\r\n          Ha salvato {{ conflict()?.conflictingAuthor }}.\r\n        }\r\n      </span>\r\n      <button type=\"button\" class=\"fb-btn fb-btn--icon\" (click)=\"reloadAfterConflict()\">Ricarica</button>\r\n      <button type=\"button\" class=\"fb-btn fb-btn--icon\" (click)=\"saveAsNewVersionAfterConflict()\">\r\n        Salva come nuova versione\r\n      </button>\r\n      <button type=\"button\" class=\"fb-btn fb-btn--ghost fb-btn--icon\" (click)=\"dismissConflict()\">\u00D7</button>\r\n    </div>\r\n  }\r\n\r\n  @if (notice()) {\r\n    <div\r\n      class=\"fb-banner\"\r\n      [class.fb-banner--error]=\"notice()?.kind === 'error'\"\r\n      role=\"status\"\r\n    >\r\n      <span>{{ notice()?.message }}</span>\r\n      <button type=\"button\" class=\"fb-btn fb-btn--ghost fb-btn--icon\" aria-label=\"Chiudi\" (click)=\"dismissNotice()\">\r\n        \u00D7\r\n      </button>\r\n    </div>\r\n  }\r\n\r\n  @if (hasScreensInAutoLaunched()) {\r\n    <div class=\"fb-banner fb-banner--error\">\r\n      Un flow AutoLaunched che contiene screen e\u2019 un errore di validazione: non c\u2019e\u2019 nessuno a cui mostrarli.\r\n    </div>\r\n  }\r\n  @if (isOrchestrationWithoutStages()) {\r\n    <div class=\"fb-banner fb-banner--warn\">\r\n      Un flow Orchestration senza stage di orchestrazione viene segnalato dalla validazione\r\n      (ORCHESTRATION_WITHOUT_STAGES).\r\n    </div>\r\n  }\r\n  @if (hasNoScreensInScreenFlow()) {\r\n    <div class=\"fb-banner fb-banner--warn\">\r\n      Un flow di tipo Screen senza nessuno screen viene segnalato dalla validazione.\r\n    </div>\r\n  }\r\n  @if (!isEditable()) {\r\n    <div class=\"fb-banner\">\r\n      Questa versione e\u2019 in sola lettura: per modificarla creane una nuova.\r\n    </div>\r\n  }\r\n\r\n  <div class=\"fb-main\">\r\n    <aside class=\"fb-main__palette\">\r\n      <fb-element-palette [processType]=\"document().processType\" (elementPicked)=\"onElementPicked($event)\" />\r\n    </aside>\r\n\r\n    <div class=\"fb-main__center\">\r\n      <fb-flow-canvas\r\n        class=\"fb-main__canvas\"\r\n        [selectedName]=\"selectedName()\"\r\n        [outline]=\"outline()\"\r\n        [isEditable]=\"isEditable()\"\r\n        (selectionChange)=\"onSelectionChange($event)\"\r\n        (nodeOpened)=\"onNodeOpened($event)\"\r\n        (nodeRemoveRequested)=\"onRemoveNode($event)\"\r\n        (nodeDuplicateRequested)=\"onDuplicateNode($event)\"\r\n        (elementDropped)=\"onElementDropped($event)\"\r\n      />\r\n\r\n      @if (showProblems()) {\r\n        <fb-problems-panel\r\n          class=\"fb-main__problems\"\r\n          (elementFocused)=\"focusElement($event)\"\r\n          (closed)=\"toggleProblems()\"\r\n        />\r\n      } @else {\r\n        <button type=\"button\" class=\"fb-main__problems-toggle\" (click)=\"toggleProblems()\">\r\n          Problemi\r\n          @if (errorCount()) {\r\n            <span class=\"fb-main__count fb-main__count--error\">{{ errorCount() }}</span>\r\n          }\r\n          @if (warningCount()) {\r\n            <span class=\"fb-main__count fb-main__count--warn\">{{ warningCount() }}</span>\r\n          }\r\n        </button>\r\n      }\r\n    </div>\r\n\r\n    <aside class=\"fb-main__side\">\r\n      <nav class=\"fb-side__tabs\" aria-label=\"Pannelli\">\r\n        @if (!isDialogMode()) {\r\n          <button\r\n            type=\"button\"\r\n            class=\"fb-side__tab\"\r\n            [class.fb-side__tab--active]=\"sidePanel() === 'inspector'\"\r\n            (click)=\"setPanel('inspector')\"\r\n          >\r\n            Elemento\r\n          </button>\r\n        }\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-side__tab\"\r\n          [class.fb-side__tab--active]=\"sidePanel() === 'resources'\"\r\n          (click)=\"setPanel('resources')\"\r\n        >\r\n          Risorse\r\n        </button>\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-side__tab\"\r\n          [class.fb-side__tab--active]=\"sidePanel() === 'versions'\"\r\n          (click)=\"setPanel('versions')\"\r\n        >\r\n          Versioni\r\n        </button>\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-side__tab\"\r\n          [class.fb-side__tab--active]=\"sidePanel() === 'debug'\"\r\n          (click)=\"setPanel('debug')\"\r\n        >\r\n          Prova\r\n        </button>\r\n      </nav>\r\n\r\n      <div class=\"fb-side__content\">\r\n        @switch (sidePanel()) {\r\n          @case ('inspector') {\r\n            <fb-element-inspector\r\n              [selectedName]=\"selectedName()\"\r\n              (removeRequested)=\"onRemoveNode($event)\"\r\n              (duplicateRequested)=\"onDuplicateNode($event)\"\r\n              (closed)=\"setPanel('resources')\"\r\n            />\r\n          }\r\n          @case ('resources') {\r\n            <fb-resource-panel (closed)=\"setPanel('inspector')\" />\r\n          }\r\n          @case ('versions') {\r\n            <fb-version-panel\r\n              (versionOpened)=\"openVersion($event)\"\r\n              (notice)=\"showNotice($event)\"\r\n              (closed)=\"setPanel('inspector')\"\r\n            />\r\n          }\r\n          @case ('debug') {\r\n            <!-- Evidenzia sul canvas senza rubare il pannello: l'interview e\u2019 in corso. -->\r\n            <fb-debug-panel (elementFocused)=\"highlightElement($event)\" (closed)=\"setPanel('inspector')\" />\r\n          }\r\n        }\r\n      </div>\r\n\r\n      <footer class=\"fb-side__footer\">\r\n        <label class=\"fb-btn fb-btn--icon\">\r\n          Importa JSON\r\n          <input type=\"file\" accept=\"application/json,.json\" hidden (change)=\"onFileSelected($event)\" />\r\n        </label>\r\n      </footer>\r\n    </aside>\r\n  </div>\r\n\r\n  @if (isDialogMode() && isDialogOpen() && selectedName()) {\r\n    <!-- La dialog sta dentro il builder, non nel body: la libreria e\u2019 innestabile. -->\r\n    <fb-element-dialog\r\n      [selectedName]=\"selectedName()\"\r\n      (closed)=\"closeDialog()\"\r\n      (removeRequested)=\"onRemoveNode($event)\"\r\n      (duplicateRequested)=\"onDuplicateNode($event)\"\r\n    />\r\n  }\r\n</div>\r\n", styles: [":host{display:block;width:100%;height:100%;min-height:0;font:inherit;color:var(--fb-text, #1d2939)}.fb-builder{position:relative;display:flex;flex-direction:column;width:100%;height:100%;min-height:0;background:var(--fb-surface, #fff)}.fb-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 14px;border-bottom:1px solid var(--fb-border, #e2e5eb);background:var(--fb-surface, #fff)}.fb-top__identity{min-width:0}.fb-top__label{width:100%;max-width:420px;padding:2px 4px;border:1px solid transparent;border-radius:4px;background:transparent;color:var(--fb-text, #1d2939);font:inherit;font-size:15px;font-weight:600}.fb-top__label:hover:not(:disabled),.fb-top__label:focus-visible{border-color:var(--fb-border, #d6dae1);background:var(--fb-surface, #fff)}.fb-top__meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:2px}.fb-top__name{width:180px;padding:1px 4px;border:1px solid transparent;border-radius:4px;background:transparent;color:var(--fb-text-muted, #667085);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.fb-top__name:hover:not(:disabled),.fb-top__name:focus-visible{border-color:var(--fb-border, #d6dae1)}.fb-top__process{padding:1px 4px;border:1px solid var(--fb-border-subtle, #e6e9ee);border-radius:4px;background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:11px}.fb-top__status,.fb-top__version,.fb-top__dirty{padding:2px 7px;border-radius:999px;background:var(--fb-surface-sunken, #eef0f4);color:var(--fb-text-muted, #6b7086);font-size:10px;font-weight:600}.fb-top__version{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.fb-top__dirty{background:color-mix(in srgb,var(--fb-warning, #b7791f) 16%,transparent);color:var(--fb-warning, #b7791f)}.fb-top__actions{display:flex;flex-wrap:wrap;gap:4px}.fb-banner{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:6px 12px;border-bottom:1px solid var(--fb-border-subtle, #e6e9ee);background:color-mix(in srgb,var(--fb-accent, #2f6feb) 7%,transparent);font-size:11px}.fb-banner--warn{background:color-mix(in srgb,var(--fb-warning, #b7791f) 12%,transparent);color:var(--fb-warning, #b7791f)}.fb-banner--error{background:color-mix(in srgb,var(--fb-error, #c9372c) 10%,transparent);color:var(--fb-error, #c9372c)}.fb-banner>span{flex:1;min-width:200px}.fb-main{display:flex;flex:1;min-height:0}.fb-main__palette{flex:0 0 190px;min-width:0}.fb-main__center{display:flex;flex:1;flex-direction:column;min-width:0;min-height:0}.fb-main__canvas{flex:1;min-height:0}.fb-main__problems{flex:0 0 auto;height:220px}.fb-main__problems-toggle{display:flex;align-items:center;gap:6px;padding:4px 12px;border:0;border-top:1px solid var(--fb-border, #d6dae1);background:var(--fb-surface-alt, #f8f9fb);color:var(--fb-text-muted, #667085);font:inherit;font-size:11px;cursor:pointer}.fb-main__count{padding:0 5px;border-radius:8px;background:var(--fb-border, #d6dae1);font-size:9px;font-weight:700}.fb-main__count--error{background:color-mix(in srgb,var(--fb-error, #c9372c) 16%,transparent);color:var(--fb-error, #c9372c)}.fb-main__count--warn{background:color-mix(in srgb,var(--fb-warning, #b7791f) 16%,transparent);color:var(--fb-warning, #b7791f)}.fb-main__side{display:flex;flex-direction:column;flex:0 0 340px;min-width:0;min-height:0;border-left:1px solid var(--fb-border, #d6dae1);background:var(--fb-surface, #fff)}.fb-side__tabs{display:flex;gap:2px;margin:8px 10px;padding:3px;border-radius:var(--fb-radius, 10px);background:var(--fb-surface-sunken, #eef0f4)}.fb-side__tab{flex:1;padding:5px 8px;border:0;border-radius:var(--fb-radius-xs, 6px);background:transparent;color:var(--fb-text-muted, #6b7086);font:inherit;font-size:11px;cursor:pointer;transition:background .12s ease,color .12s ease}.fb-side__tab:hover:not(.fb-side__tab--active){color:var(--fb-text, #1a1c23)}.fb-side__tab--active{background:var(--fb-surface, #fff);box-shadow:var(--fb-shadow-sm, 0 1px 2px rgb(16 24 40 / 6%));color:var(--fb-text, #1a1c23);font-weight:600}.fb-side__content{flex:1;min-height:0;border-top:1px solid var(--fb-border-subtle, #eef0f4)}.fb-side__content>*{height:100%}.fb-side__footer{display:flex;gap:6px;padding:6px 8px;border-top:1px solid var(--fb-border-subtle, #e6e9ee)}@media(max-width:1200px){.fb-main__palette{flex-basis:150px}.fb-main__side{flex-basis:290px}}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"fb-builder\" [attr.data-fb-theme]=\"null\">\r\n  <header class=\"fb-top\">\r\n    <div class=\"fb-top__identity\">\r\n      <input\r\n        class=\"fb-top__label\"\r\n        [value]=\"document().label || ''\"\r\n        placeholder=\"Nome del flow\"\r\n        aria-label=\"Nome del flow\"\r\n        [disabled]=\"!isEditable()\"\r\n        (input)=\"setLabel($any($event.target).value)\"\r\n      />\r\n      <div class=\"fb-top__meta\">\r\n        <input\r\n          class=\"fb-top__name\"\r\n          [value]=\"document().fullName || ''\"\r\n          placeholder=\"NomeTecnico\"\r\n          aria-label=\"Nome tecnico del flow\"\r\n          [disabled]=\"!isEditable()\"\r\n          (input)=\"setFullName($any($event.target).value)\"\r\n        />\r\n        <select\r\n          class=\"fb-top__process\"\r\n          [fbValue]=\"document().processType || ''\"\r\n          aria-label=\"Tipo di flow\"\r\n          [disabled]=\"!isEditable()\"\r\n          (change)=\"setProcessType($any($event.target).value)\"\r\n        >\r\n          <!--\r\n            Il segnaposto esiste perche' un `<select>` senza opzione corrispondente non e'\r\n            \u00ABvuoto\u00BB: e' a `selectedIndex = -1`, e mostra una casella bianca. Su un flow nuovo\r\n            (`processType` non ancora scelto) e' questa la riga che si vede, disabilitata\r\n            perche' non e' un valore valido da salvare.\r\n          -->\r\n          @if (!document().processType) {\r\n            <option value=\"\" disabled>\u2014 tipo di flow \u2014</option>\r\n          }\r\n          @for (type of processTypes(); track type.value) {\r\n            <option [value]=\"type.value\">{{ type.label }}</option>\r\n          }\r\n          <!--\r\n            Il tipo del documento che il dizionario non conosce: senza questa opzione la select\r\n            resta bianca su un flow che il backend ha salvato con un `processType` fuori\r\n            catalogo (o quando `processTypes` manca dalla risposta dei dizionari), e sembra che\r\n            l'editor non abbia ricaricato il flow. Va mostrato **senza** riscrivere il\r\n            documento: il valore e' del backend, non nostro da correggere.\r\n          -->\r\n          @if (isProcessTypeOutOfCatalog()) {\r\n            <option [value]=\"document().processType\">{{ document().processType }} (fuori catalogo)</option>\r\n          }\r\n        </select>\r\n        <span class=\"fb-top__status\">{{ statusLabel() }}</span>\r\n        @if (session.version() != null) {\r\n          <span class=\"fb-top__version\">v{{ session.version() }}</span>\r\n        }\r\n        @if (isDirty()) {\r\n          <span class=\"fb-top__dirty\" title=\"Ci sono modifiche non salvate\">modificato</span>\r\n        }\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"fb-top__actions\">\r\n      <button type=\"button\" class=\"fb-btn\" [disabled]=\"!canUndo()\" aria-label=\"Annulla\" (click)=\"undo()\">\u21B6</button>\r\n      <button type=\"button\" class=\"fb-btn\" [disabled]=\"!canRedo()\" aria-label=\"Ripeti\" (click)=\"redo()\">\u21B7</button>\r\n      <button type=\"button\" class=\"fb-btn\" title=\"Ricalcola le posizioni\" (click)=\"autoLayout()\">Riordina</button>\r\n      @if (isDialogMode()) {\r\n        <!-- Il doppio click sul node fa la stessa cosa, ma non si vede: questo comando s\u00EC. -->\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-btn\"\r\n          [disabled]=\"!selectedName()\"\r\n          title=\"Apri il dettaglio dell\u2019elemento selezionato\"\r\n          (click)=\"openSelectedElement()\"\r\n        >\r\n          Dettaglio\r\n        </button>\r\n      }\r\n      <button type=\"button\" class=\"fb-btn\" [disabled]=\"isBusy()\" (click)=\"validateNow()\">Valida</button>\r\n\r\n      @switch (primaryCommand()) {\r\n        @case ('newVersion') {\r\n          <!-- Su una versione non modificabile il comando primario e' \"Nuova versione\" (\u00A78.1). -->\r\n          <button type=\"button\" class=\"fb-btn fb-btn--primary\" [disabled]=\"isBusy()\" (click)=\"createNewVersion()\">\r\n            Nuova versione\r\n          </button>\r\n        }\r\n        @case ('create') {\r\n          <button type=\"button\" class=\"fb-btn fb-btn--primary\" [disabled]=\"isBusy()\" (click)=\"save()\">\r\n            Crea\r\n          </button>\r\n        }\r\n        @default {\r\n          <button type=\"button\" class=\"fb-btn fb-btn--primary\" [disabled]=\"isBusy()\" (click)=\"save()\">\r\n            Salva\r\n          </button>\r\n        }\r\n      }\r\n\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-btn\"\r\n        [disabled]=\"isBusy() || !canActivate()\"\r\n        [title]=\"\r\n          canActivate()\r\n            ? 'Attiva questa versione'\r\n            : 'L\u2019attivazione esige zero errori: correggili nel pannello dei problemi'\r\n        \"\r\n        (click)=\"activate()\"\r\n      >\r\n        Attiva\r\n      </button>\r\n    </div>\r\n  </header>\r\n\r\n  @if (conflict()) {\r\n    <!-- \u00A79.3: qualcun altro ha salvato. Due strade, entrambe offerte. -->\r\n    <div class=\"fb-banner fb-banner--warn\" role=\"alert\">\r\n      <span>\r\n        {{ conflict()?.message }}\r\n        @if (conflict()?.conflictingAuthor) {\r\n          Ha salvato {{ conflict()?.conflictingAuthor }}.\r\n        }\r\n      </span>\r\n      <button type=\"button\" class=\"fb-btn fb-btn--icon\" (click)=\"reloadAfterConflict()\">Ricarica</button>\r\n      <button type=\"button\" class=\"fb-btn fb-btn--icon\" (click)=\"saveAsNewVersionAfterConflict()\">\r\n        Salva come nuova versione\r\n      </button>\r\n      <button type=\"button\" class=\"fb-btn fb-btn--ghost fb-btn--icon\" (click)=\"dismissConflict()\">\u00D7</button>\r\n    </div>\r\n  }\r\n\r\n  @if (notice()) {\r\n    <div\r\n      class=\"fb-banner\"\r\n      [class.fb-banner--error]=\"notice()?.kind === 'error'\"\r\n      role=\"status\"\r\n    >\r\n      <span>{{ notice()?.message }}</span>\r\n      <button type=\"button\" class=\"fb-btn fb-btn--ghost fb-btn--icon\" aria-label=\"Chiudi\" (click)=\"dismissNotice()\">\r\n        \u00D7\r\n      </button>\r\n    </div>\r\n  }\r\n\r\n  @if (hasScreensInAutoLaunched()) {\r\n    <div class=\"fb-banner fb-banner--error\">\r\n      Un flow AutoLaunched che contiene screen e\u2019 un errore di validazione: non c\u2019e\u2019 nessuno a cui mostrarli.\r\n    </div>\r\n  }\r\n  @if (isOrchestrationWithoutStages()) {\r\n    <div class=\"fb-banner fb-banner--warn\">\r\n      Un flow Orchestration senza stage di orchestrazione viene segnalato dalla validazione\r\n      (ORCHESTRATION_WITHOUT_STAGES).\r\n    </div>\r\n  }\r\n  @if (hasNoScreensInScreenFlow()) {\r\n    <div class=\"fb-banner fb-banner--warn\">\r\n      Un flow di tipo Screen senza nessuno screen viene segnalato dalla validazione.\r\n    </div>\r\n  }\r\n  @if (!isEditable()) {\r\n    <div class=\"fb-banner\">\r\n      Questa versione e\u2019 in sola lettura: per modificarla creane una nuova.\r\n    </div>\r\n  }\r\n\r\n  <div class=\"fb-main\">\r\n    <aside class=\"fb-main__palette\">\r\n      <fb-element-palette [processType]=\"document().processType\" (elementPicked)=\"onElementPicked($event)\" />\r\n    </aside>\r\n\r\n    <div class=\"fb-main__center\">\r\n      <fb-flow-canvas\r\n        class=\"fb-main__canvas\"\r\n        [selectedName]=\"selectedName()\"\r\n        [outline]=\"outline()\"\r\n        [isEditable]=\"isEditable()\"\r\n        (selectionChange)=\"onSelectionChange($event)\"\r\n        (nodeOpened)=\"onNodeOpened($event)\"\r\n        (nodeRemoveRequested)=\"onRemoveNode($event)\"\r\n        (nodeDuplicateRequested)=\"onDuplicateNode($event)\"\r\n        (elementDropped)=\"onElementDropped($event)\"\r\n      />\r\n\r\n      @if (showProblems()) {\r\n        <fb-problems-panel\r\n          class=\"fb-main__problems\"\r\n          (elementFocused)=\"focusElement($event)\"\r\n          (closed)=\"toggleProblems()\"\r\n        />\r\n      } @else {\r\n        <button type=\"button\" class=\"fb-main__problems-toggle\" (click)=\"toggleProblems()\">\r\n          Problemi\r\n          @if (errorCount()) {\r\n            <span class=\"fb-main__count fb-main__count--error\">{{ errorCount() }}</span>\r\n          }\r\n          @if (warningCount()) {\r\n            <span class=\"fb-main__count fb-main__count--warn\">{{ warningCount() }}</span>\r\n          }\r\n        </button>\r\n      }\r\n    </div>\r\n\r\n    <aside class=\"fb-main__side\">\r\n      <nav class=\"fb-side__tabs\" aria-label=\"Pannelli\">\r\n        @if (!isDialogMode()) {\r\n          <button\r\n            type=\"button\"\r\n            class=\"fb-side__tab\"\r\n            [class.fb-side__tab--active]=\"sidePanel() === 'inspector'\"\r\n            (click)=\"setPanel('inspector')\"\r\n          >\r\n            Elemento\r\n          </button>\r\n        }\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-side__tab\"\r\n          [class.fb-side__tab--active]=\"sidePanel() === 'resources'\"\r\n          (click)=\"setPanel('resources')\"\r\n        >\r\n          Risorse\r\n        </button>\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-side__tab\"\r\n          [class.fb-side__tab--active]=\"sidePanel() === 'versions'\"\r\n          (click)=\"setPanel('versions')\"\r\n        >\r\n          Versioni\r\n        </button>\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-side__tab\"\r\n          [class.fb-side__tab--active]=\"sidePanel() === 'debug'\"\r\n          (click)=\"setPanel('debug')\"\r\n        >\r\n          Prova\r\n        </button>\r\n      </nav>\r\n\r\n      <div class=\"fb-side__content\">\r\n        @switch (sidePanel()) {\r\n          @case ('inspector') {\r\n            <fb-element-inspector\r\n              [selectedName]=\"selectedName()\"\r\n              (removeRequested)=\"onRemoveNode($event)\"\r\n              (duplicateRequested)=\"onDuplicateNode($event)\"\r\n              (closed)=\"setPanel('resources')\"\r\n            />\r\n          }\r\n          @case ('resources') {\r\n            <fb-resource-panel (closed)=\"setPanel('inspector')\" />\r\n          }\r\n          @case ('versions') {\r\n            <fb-version-panel\r\n              (versionOpened)=\"openVersion($event)\"\r\n              (notice)=\"showNotice($event)\"\r\n              (closed)=\"setPanel('inspector')\"\r\n            />\r\n          }\r\n          @case ('debug') {\r\n            <!-- Evidenzia sul canvas senza rubare il pannello: l'interview e\u2019 in corso. -->\r\n            <fb-debug-panel (elementFocused)=\"highlightElement($event)\" (closed)=\"setPanel('inspector')\" />\r\n          }\r\n        }\r\n      </div>\r\n\r\n      <footer class=\"fb-side__footer\">\r\n        <label class=\"fb-btn fb-btn--icon\">\r\n          Importa JSON\r\n          <input type=\"file\" accept=\"application/json,.json\" hidden (change)=\"onFileSelected($event)\" />\r\n        </label>\r\n      </footer>\r\n    </aside>\r\n  </div>\r\n\r\n  @if (isDialogMode() && isDialogOpen() && selectedName()) {\r\n    <!-- La dialog sta dentro il builder, non nel body: la libreria e\u2019 innestabile. -->\r\n    <fb-element-dialog\r\n      [selectedName]=\"selectedName()\"\r\n      (closed)=\"closeDialog()\"\r\n      (removeRequested)=\"onRemoveNode($event)\"\r\n      (duplicateRequested)=\"onDuplicateNode($event)\"\r\n    />\r\n  }\r\n</div>\r\n", styles: [":host{display:block;width:100%;height:100%;min-height:0;font:inherit;color:var(--fb-text, #1d2939)}.fb-builder{position:relative;display:flex;flex-direction:column;width:100%;height:100%;min-height:0;background:var(--fb-surface, #fff)}.fb-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 14px;border-bottom:1px solid var(--fb-border, #e2e5eb);background:var(--fb-surface, #fff)}.fb-top__identity{min-width:0}.fb-top__label{width:100%;max-width:420px;padding:2px 4px;border:1px solid transparent;border-radius:4px;background:transparent;color:var(--fb-text, #1d2939);font:inherit;font-size:15px;font-weight:600}.fb-top__label:hover:not(:disabled),.fb-top__label:focus-visible{border-color:var(--fb-border, #d6dae1);background:var(--fb-surface, #fff)}.fb-top__meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:2px}.fb-top__name{width:180px;padding:1px 4px;border:1px solid transparent;border-radius:4px;background:transparent;color:var(--fb-text-muted, #667085);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.fb-top__name:hover:not(:disabled),.fb-top__name:focus-visible{border-color:var(--fb-border, #d6dae1)}.fb-top__process{padding:1px 4px;border:1px solid var(--fb-border-subtle, #e6e9ee);border-radius:4px;background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:11px}.fb-top__status,.fb-top__version,.fb-top__dirty{padding:2px 7px;border-radius:999px;background:var(--fb-surface-sunken, #eef0f4);color:var(--fb-text-muted, #6b7086);font-size:10px;font-weight:600}.fb-top__version{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.fb-top__dirty{background:color-mix(in srgb,var(--fb-warning, #b7791f) 16%,transparent);color:var(--fb-warning, #b7791f)}.fb-top__actions{display:flex;flex-wrap:wrap;gap:4px}.fb-banner{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:6px 12px;border-bottom:1px solid var(--fb-border-subtle, #e6e9ee);background:color-mix(in srgb,var(--fb-accent, #2f6feb) 7%,transparent);font-size:11px}.fb-banner--warn{background:color-mix(in srgb,var(--fb-warning, #b7791f) 12%,transparent);color:var(--fb-warning, #b7791f)}.fb-banner--error{background:color-mix(in srgb,var(--fb-error, #c9372c) 10%,transparent);color:var(--fb-error, #c9372c)}.fb-banner>span{flex:1;min-width:200px}.fb-main{display:flex;flex:1;min-height:0}.fb-main__palette{flex:0 0 190px;min-width:0}.fb-main__center{display:flex;flex:1;flex-direction:column;min-width:0;min-height:0}.fb-main__canvas{flex:1;min-height:0}.fb-main__problems{flex:0 0 auto;height:220px}.fb-main__problems-toggle{display:flex;align-items:center;gap:6px;padding:4px 12px;border:0;border-top:1px solid var(--fb-border, #d6dae1);background:var(--fb-surface-alt, #f8f9fb);color:var(--fb-text-muted, #667085);font:inherit;font-size:11px;cursor:pointer}.fb-main__count{padding:0 5px;border-radius:8px;background:var(--fb-border, #d6dae1);font-size:9px;font-weight:700}.fb-main__count--error{background:color-mix(in srgb,var(--fb-error, #c9372c) 16%,transparent);color:var(--fb-error, #c9372c)}.fb-main__count--warn{background:color-mix(in srgb,var(--fb-warning, #b7791f) 16%,transparent);color:var(--fb-warning, #b7791f)}.fb-main__side{display:flex;flex-direction:column;flex:0 0 340px;min-width:0;min-height:0;border-left:1px solid var(--fb-border, #d6dae1);background:var(--fb-surface, #fff)}.fb-side__tabs{display:flex;gap:2px;margin:8px 10px;padding:3px;border-radius:var(--fb-radius, 10px);background:var(--fb-surface-sunken, #eef0f4)}.fb-side__tab{flex:1;padding:5px 8px;border:0;border-radius:var(--fb-radius-xs, 6px);background:transparent;color:var(--fb-text-muted, #6b7086);font:inherit;font-size:11px;cursor:pointer;transition:background .12s ease,color .12s ease}.fb-side__tab:hover:not(.fb-side__tab--active){color:var(--fb-text, #1a1c23)}.fb-side__tab--active{background:var(--fb-surface, #fff);box-shadow:var(--fb-shadow-sm, 0 1px 2px rgb(16 24 40 / 6%));color:var(--fb-text, #1a1c23);font-weight:600}.fb-side__content{flex:1;min-height:0;border-top:1px solid var(--fb-border-subtle, #eef0f4)}.fb-side__content>*{height:100%}.fb-side__footer{display:flex;gap:6px;padding:6px 8px;border-top:1px solid var(--fb-border-subtle, #e6e9ee)}@media(max-width:1200px){.fb-main__palette{flex-basis:150px}.fb-main__side{flex-basis:290px}}\n"] }]
         }], ctorParameters: () => [], propDecorators: { flowName: [{ type: i0.Input, args: [{ isSignal: true, alias: "flowName", required: false }] }], version: [{ type: i0.Input, args: [{ isSignal: true, alias: "version", required: false }] }], author: [{ type: i0.Input, args: [{ isSignal: true, alias: "author", required: false }] }], defaultProcessType: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultProcessType", required: false }] }], inspectorMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "inspectorMode", required: false }] }], saved: [{ type: i0.Output, args: ["saved"] }], activated: [{ type: i0.Output, args: ["activated"] }], closeRequested: [{ type: i0.Output, args: ["closeRequested"] }] } });
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { ConditionEditorComponent, ConnectorEditorComponent, DebugPanelComponent, DynamicScreenInspectorComponent, ElementDialogComponent, ElementInspectorComponent, ElementPaletteComponent, EnumValuePickerComponent, 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, FLOW_VALUE_FIELDS, FLOW_VALUE_LITERAL_FIELDS, 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, SEVERITY_BUCKETS, SEVERITY_ICON, SEVERITY_LABEL, START_NODE_NAME, SelectValueDirective, StartInspectorComponent, StructureMemberPickerComponent, StructurePickerComponent, TYPES_WITH_AUTOMATIC_OUTPUT, TYPE_BY_COLLECTION, UNSUPPORTED_TYPES, ValueEditorComponent, VersionPanelComponent, allFieldsOf, areTypesComparable, canvasNodeId, checkConditionLogic, checkFlowName, describePathEntry, duplicateField, elementIcon, emptyFlowDefinition, fieldAt, filterReferences, flattenFields, flowNodeWidth, flowNodeWidthClass, insertField, isCustomConditionLogic, isEmptyReferenceFilter, isFieldResource, isGlobalReference, isNumericType, isPathInside, isTypeCheckedOperator, isValidFlowName, isValued, loadPathLevel, matchesReferenceFilter, moveCondition, moveField, navigatePath, outletByKey, outletsOf, parseCanvasNodeId, parseInvariantNumber, parseSourceConnectorId, parseTargetConnectorId, pathAvailableNames, pathContainerLabel, pathKey, pathNotVerifiableMessage, referenceRoot, remapConditionLogic, removeCondition, removeField, resolvePath, samePath, screenFieldNames, severityBucket, slugifyFlowName, sourceConnectorId, stageStepNames, stageStepOutputReferenced, stepsOf, targetConnectorId, uniqueFlowName, valuedFieldOf, valuedFieldsOf, variantFieldOf, variantOf, variantPresetOf };
+export { ConditionEditorComponent, ConnectorEditorComponent, DebugPanelComponent, DynamicScreenInspectorComponent, ElementDialogComponent, ElementInspectorComponent, ElementPaletteComponent, EnumValuePickerComponent, 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, FLOW_VALUE_FIELDS, FLOW_VALUE_LITERAL_FIELDS, FieldAssignmentEditorComponent, FieldPickerComponent, FlowApiError, FlowBuilderApi, FlowBuilderComponent, FlowCanvasComponent, FlowCatalogStore, FlowDictionaryStore, FlowDocumentStore, FlowEditorSession, FlowLayoutService, FlowValidationStore, FormulaEditorComponent, FormulaValidationService, HttpFlowBuilderApi, NamePickerComponent, NodeInspectorBase, ORCHESTRATION_CONDITION_OUTPUT, ObjectPickerComponent, OrchestratedStageInspectorComponent, ParameterEditorComponent, ProblemsPanelComponent, RecordFilterEditorComponent, ReferencePickerComponent, ResourcePanelComponent, SEVERITY_BUCKETS, SEVERITY_ICON, SEVERITY_LABEL, START_NODE_NAME, SelectValueDirective, StartInspectorComponent, StructureMemberPickerComponent, StructurePickerComponent, TYPES_WITH_AUTOMATIC_OUTPUT, TYPE_BY_COLLECTION, UNSUPPORTED_TYPES, ValueEditorComponent, VersionPanelComponent, allFieldsOf, areTypesComparable, canvasNodeId, checkConditionLogic, checkFlowName, describePathEntry, duplicateField, elementIcon, emptyFlowDefinition, fieldAt, filterReferences, flattenFields, flowNodeWidth, flowNodeWidthClass, insertField, isCustomConditionLogic, isEmptyReferenceFilter, isFieldResource, isGlobalReference, isNumericType, isPathInside, isTypeCheckedOperator, isValidFlowName, isValued, loadPathLevel, matchesReferenceFilter, moveCondition, moveField, navigatePath, outletByKey, outletsOf, parseCanvasNodeId, parseInvariantNumber, parseSourceConnectorId, parseTargetConnectorId, pathAvailableNames, pathContainerLabel, pathKey, pathNotVerifiableMessage, referenceRoot, remapConditionLogic, removeCondition, removeField, resolvePath, samePath, screenFieldNames, severityBucket, slugifyFlowName, sourceConnectorId, stageStepNames, stageStepOutputReferenced, stepsOf, targetConnectorId, uniqueFlowName, valuedFieldOf, valuedFieldsOf, variantFieldOf, variantOf, variantPresetOf };
 //# sourceMappingURL=esfaenza-flow-builder.mjs.map