@esfaenza/flow-builder 20.3.3 → 20.3.4

package/fesm2022/esfaenza-flow-builder.mjs

@@ -100,6 +100,7 @@ const FLOW_ERROR_HTTP_STATUS = {
     FlowNotFound: 404,
     VersionNotFound: 404,
     InterviewNotFound: 404,
+    StructureNotFound: 404,
     AlreadyExists: 409,
     NotEditable: 409,
     VersionConflict: 409,
@@ -117,6 +118,7 @@ const FLOW_ERROR_FALLBACK_MESSAGE = {
     NotEditable: 'Questa versione non e’ modificabile: creane una nuova.',
     VersionConflict: 'Qualcun altro ha salvato questa versione nel frattempo.',
     MissingService: 'Funzione non configurata su questo ambiente.',
+    StructureNotFound: 'La classe non e’ fra quelle utilizzabili come Structure.',
     InvalidToken: 'La sessione di prova non e’ piu’ valida: riavvia l’esecuzione.',
     InterviewNotFound: 'L’esecuzione sospesa non esiste piu’.',
     Unknown: 'Errore inatteso.',
@@ -195,6 +197,43 @@ class FlowBuilderApi {
         void field;
         return missing('listFieldValues');
     }
+    /**
+     * `GET /catalog/structures` — le classi utilizzabili come `objectType` di una risorsa
+     * `Structure` (§4.7). È un **elenco di classi** nella forma di ogni altro catalogo: i membri
+     * non ci sono, si chiedono con {@link describeStructure} (§4.7.1).
+     *
+     * Opzionale di proposito: un ambiente che non la espone non deve rompersi. L'effetto e' che le
+     * classi non sono verificabili — elenco vuoto significa "non lo so", non "nessuna" — e il nome
+     * si scrive a mano, esattamente come per un catalogo non popolato (§7).
+     */
+    listStructures() {
+        return missing('listStructures');
+    }
+    /**
+     * `GET /catalog/structures/{className}/members` — la **descrizione** di una classe: l'analogo di
+     * `listFields` per le `Structure` (§4.7). Si chiama `describeStructure` e non
+     * `listStructureMembers` perche' la risposta non e' un elenco: e' un oggetto con `className`,
+     * `label` e l'array sotto `members` (§4.7.1, `IStructureMgr.DescribeStructure`).
+     *
+     * `members` e' **piatto**: nessuna paginazione e **nessun membro annidato** — un membro di tipo
+     * `Structure` porta la classe in `objectType` e i suoi membri si chiedono con una seconda
+     * chiamata. La risposta e' non ricorsiva di proposito: una classe che si referenzia sarebbe
+     * infinita.
+     *
+     * `isWritable` e' la colonna che decide: nei campi che chiedono una **destinazione** si
+     * propongono solo i membri scrivibili, perche' un membro calcolato si legge ma assegnarlo e'
+     * `TARGET_NOT_WRITABLE`.
+     *
+     * **Tre esiti, non due** (§4.7.1): `members` popolato e' un elenco **autorevole** (fuori
+     * elenco = `STRUCTURE_MEMBER_UNKNOWN`); `members` **vuoto** dice "membri non dichiarati" e il
+     * nome del membro va lasciato digitare; un rifiuto `StructureNotFound` dice "classe non
+     * registrata", ed e' la classe che va segnalata, non il membro. Chi implementa l'interfaccia
+     * non deve appiattire il rifiuto in una descrizione vuota: sono cose diverse.
+     */
+    describeStructure(className) {
+        void className;
+        return missing('describeStructure');
+    }
     // -------------------------------------------------------------------------
     // §6.5 Provare un flow dall'editor
     // -------------------------------------------------------------------------
@@ -430,6 +469,27 @@ class HttpFlowBuilderApi extends FlowBuilderApi {
     listEnumTypes() {
         return this.get('/flows/editor/enum-types');
     }
+    /** §4.7.1 — solo l'elenco delle classi: i membri **non** ci sono, si chiedono a parte. */
+    listStructures() {
+        return this.get('/flows/editor/structures');
+    }
+    /**
+     * §4.7.1 — la descrizione della classe: `className`, `label` e i membri sotto `members`. Non e'
+     * un array nudo, e leggerlo come tale darebbe zero membri senza un errore.
+     *
+     * Il 404 non e' `members: []`, e qui e' l'unico posto che lo sappia: senza questa traduzione
+     * ricadrebbe su `FlowNotFound` («il flow non esiste piu’»), che sarebbe falso e indistinguibile
+     * da "membri non dichiarati". Diventa `StructureNotFound`, e chi chiama decide: classe
+     * sconosciuta = segnalare, lista vuota = lasciar digitare.
+     */
+    describeStructure(className) {
+        return this.get(`/flows/editor/structures/${HttpFlowBuilderApi.segment(className)}`).catch((error) => {
+            if (FlowApiError.is(error) && error.category === 'FlowNotFound') {
+                throw new FlowApiError('StructureNotFound', `La classe «${className}» non e’ registrata.`, undefined, undefined, error.details);
+            }
+            throw error;
+        });
+    }
     listEvents() {
         return this.get('/flows/editor/events');
     }
@@ -1854,13 +1914,32 @@ class FlowDictionaryStore {
     dataType(value) {
         return this.dataTypes().find((entry) => entry.value === value);
     }
-    /** §4.6 — `Object` ed `Enum` richiedono `objectType`. */
+    /** §4.6, §4.7 — `Object`, `Enum` e `Structure` richiedono `objectType`. */
     requiresObjectType(dataType) {
         const entry = this.dataType(dataType);
         if (entry?.requiresObjectType !== undefined) {
             return entry.requiresObjectType;
         }
-        return dataType === 'Object' || dataType === 'Enum';
+        return dataType === 'Object' || dataType === 'Enum' || this.isStructure(dataType);
+    }
+    /**
+     * §4.7 — il tipo e' un'istanza di classe. Il flag arriva dal dizionario (`isStructure`); il
+     * fallback sul nome serve solo se il backend non lo dichiara.
+     */
+    isStructure(dataType) {
+        const entry = this.dataType(dataType);
+        if (entry?.isStructure !== undefined) {
+            return entry.isStructure;
+        }
+        return dataType === 'Structure';
+    }
+    /**
+     * §4.7 — su una `Structure` un `objectType` mancante **blocca l'attivazione**: e' un errore
+     * (`OBJECT_TYPE_MISSING`), non un avviso, perche' il runtime non ha nulla da istanziare. La
+     * differenza serve all'interfaccia, che deve mostrare i due casi con colori diversi.
+     */
+    objectTypeIsError(dataType) {
+        return this.isStructure(dataType);
     }
     /** §4.6 — `scale` si applica solo ai numerici. */
     supportsScale(dataType) {
@@ -1876,9 +1955,6 @@ class FlowDictionaryStore {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: FlowDictionaryStore, decorators: [{
             type: Injectable
         }] });
-// ---------------------------------------------------------------------------
-// Cataloghi
-// ---------------------------------------------------------------------------
 /** Memoizza per chiave le richieste di catalogo, condividendo la promise in volo. */
 class AsyncCache {
     entries = new Map();
@@ -1905,6 +1981,7 @@ class FlowCatalogStore {
     fieldValuesCache = new AsyncCache();
     entriesCache = new AsyncCache();
     parametersCache = new AsyncCache();
+    membersCache = new AsyncCache();
     /**
      * Una lista vuota significa "non lo so", non "nessuno": con il catalogo non popolato la
      * validazione salta i controlli invece di produrre falsi allarmi (§7). L'editor fa lo
@@ -1958,6 +2035,48 @@ class FlowCatalogStore {
     listEnumTypes() {
         return this.entriesCache.get('enum-types', () => this.api.listEnumTypes().then((list) => list ?? []));
     }
+    /**
+     * §4.7 — le classi utilizzabili come `objectType` di una `Structure`. La primitiva e'
+     * opzionale: se l'ambiente non la espone, l'errore non si memoizza e l'elenco resta vuoto —
+     * che significa "non lo so", e il nome della classe si scrive a mano.
+     */
+    listStructures() {
+        return this.entriesCache.get('structures', () => this.api.listStructures().then((list) => list ?? []));
+    }
+    /**
+     * §4.7.1 — la descrizione di una classe, **con l'esito**: sono tre e non due, e appiattirli in
+     * una lista vuota perde l'informazione che serve alla UI. Vedi {@link FlowStructureDescribed}.
+     */
+    describeStructure(className) {
+        if (!className) {
+            return Promise.resolve({ status: 'unknown-catalog', members: [] });
+        }
+        return this.membersCache
+            .get(className, () => this.api.describeStructure(className).then((description) => ({
+            // La `label` della classe arriva dall'involucro e non da altrove: e' il motivo per cui
+            // l'involucro esiste (§4.7.1). Assente, chi mostra ricade sul nome.
+            label: description?.label ?? null,
+            status: description?.members?.length ? 'declared' : 'undeclared',
+            members: description?.members ?? [],
+        }), (error) => {
+            // Il 404 e' una **risposta**, e si memoizza: il registro delle classi non cambia
+            // mentre si edita. Ogni altro errore viene rilanciato di proposito, così la cache
+            // non lo trattiene e il prossimo tentativo riprova.
+            if (FlowApiError.is(error) && error.category === 'StructureNotFound') {
+                return { status: 'unknown-class', members: [] };
+            }
+            throw error;
+        }))
+            // Primitiva assente o rete giu': "non lo so", che non autorizza a segnalare niente (§7).
+            .catch(() => ({ status: 'unknown-catalog', members: [] }));
+    }
+    /**
+     * §4.7 — i soli membri, per chi non deve distinguere gli esiti. Chi mostra un avviso o accusa
+     * un membro usa {@link describeStructure}: qui una lista vuota e' ambigua per costruzione.
+     */
+    listStructureMembers(className) {
+        return this.describeStructure(className).then((result) => result.members);
+    }
     listEvents() {
         return this.entriesCache.get('events', () => this.api.listEvents().then((list) => list ?? []));
     }
@@ -1968,6 +2087,7 @@ class FlowCatalogStore {
         this.fieldValuesCache.clear();
         this.entriesCache.clear();
         this.parametersCache.clear();
+        this.membersCache.clear();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: FlowCatalogStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: FlowCatalogStore });
@@ -3131,11 +3251,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImpo
  * l'host li dichiara**: se `globalVariables` porta almeno un percorso di quello scope, un
  * percorso che non c'e' e' `GLOBAL_UNKNOWN`; se non ne porta nessuno, lo scope resta non
  * verificabile — che significa "non lo so", non "non esiste" (§4.1).
+ *
+ * I **membri di una classe** sono l'eccezione ai percorsi non enumerabili (§4.7): quando la
+ * radice e' una risorsa `Structure` i membri arrivano da
+ * `GET /catalog/structures/{className}/members`, quindi si propongono come `Richiesta.Ragione`
+ * e il **primo** segmento si verifica — un membro che non c'e' e'
+ * `STRUCTURE_MEMBER_UNKNOWN`, e in un campo di destinazione un membro calcolato e'
+ * `TARGET_NOT_WRITABLE`. Oltre il primo segmento resta valida la regola generale: nessuno lo sa.
  */
 class ReferencePickerComponent {
     api = inject(FlowBuilderApi);
     store = inject(FlowDocumentStore);
     dictionaries = inject(FlowDictionaryStore);
+    catalog = inject(FlowCatalogStore);
     value = input(undefined, ...(ngDevMode ? [{ debugName: "value" }] : []));
     label = input('Riferimento', ...(ngDevMode ? [{ debugName: "label" }] : []));
     placeholder = input('Scegli o scrivi un riferimento', ...(ngDevMode ? [{ debugName: "placeholder" }] : []));
@@ -3204,13 +3332,62 @@ class ReferencePickerComponent {
             })
                 .finally(() => this.isLoading.set(false));
         });
+        // I membri della classe da cui si sta navigando: caricati solo quando servono, cioe' quando
+        // la radice del valore e' davvero una `Structure` (§4.7).
+        effect(() => {
+            const className = this.structureRoot()?.objectType;
+            if (!className) {
+                this.members.set([]);
+                return;
+            }
+            // §4.7.1 — solo un elenco `declared` autorizza a dire che un membro non esiste: membri non
+            // dichiarati, classe non registrata e catalogo assente danno tutti e tre nessuna proposta e
+            // nessuna accusa, ma per la classe non registrata l'errore e' già sulla risorsa.
+            void this.catalog
+                .describeStructure(className)
+                .then((result) => this.members.set(result.status === 'declared' ? result.members : []));
+        });
     }
+    /**
+     * §4.7 — la risorsa `Structure` da cui il valore corrente sta navigando, se c'e'. È quella
+     * che rende i membri proponibili: senza classe non c'e' catalogo da interrogare.
+     */
+    structureRoot = computed(() => {
+        const typed = (this.query().trim() || this.value() || '').trim();
+        const root = typed ? referenceRoot(typed) : '';
+        if (!root) {
+            return undefined;
+        }
+        return this.references().find((reference) => reference.name === root && this.dictionaries.isStructure(reference.dataType) && !!reference.objectType);
+    }, ...(ngDevMode ? [{ debugName: "structureRoot" }] : []));
+    members = signal([], ...(ngDevMode ? [{ debugName: "members" }] : []));
+    /** I membri come riferimenti navigati: `Richiesta.Ragione`, col tipo del membro. */
+    memberReferences = computed(() => {
+        const root = this.structureRoot();
+        if (!root) {
+            return [];
+        }
+        return this.members()
+            // In un campo di destinazione un membro calcolato non si propone: assegnarlo e'
+            // `TARGET_NOT_WRITABLE`, e proporlo sarebbe un invito a sbagliare (§4.7).
+            .filter((member) => !this.writableOnly() || member.isWritable !== false)
+            .map((member) => ({
+            name: `${root.name}.${member.name}`,
+            label: member.label ?? null,
+            kind: 'StructureMember',
+            dataType: member.dataType ?? null,
+            isCollection: member.isCollection ?? false,
+            objectType: member.objectType ?? null,
+            isWritable: member.isWritable !== false,
+            description: member.isWritable === false ? 'sola lettura' : (member.description ?? null),
+        }));
+    }, ...(ngDevMode ? [{ debugName: "memberReferences" }] : []));
     options = computed(() => {
         const needle = this.query().trim().toLowerCase();
         // Le globali assegnabili — `$Flow.CurrentStage`, `$Flow.ActiveStages` e quelle che l'host
         // dichiara scrivibili — le comprende già `POST /flows/references/writable`: aggiungerle
         // qui le duplicherebbe (§5.2, §6.4).
-        const all = this.references();
+        const all = [...this.references(), ...this.memberReferences()];
         if (!needle) {
             return all;
         }
@@ -3250,6 +3427,8 @@ class ReferencePickerComponent {
                 return 'Stage';
             case 'ElementOutput':
                 return 'Output di elementi';
+            case 'StructureMember':
+                return 'Membri della classe';
             case 'Global':
                 return 'Variabili globali';
             default:
@@ -3263,6 +3442,11 @@ class ReferencePickerComponent {
      *    output automatico navigato): la validazione non verifica i percorsi con il punto,
      *    quindi si accetta senza segnalare;
      *  - `host`: scope del sistema ospite che **non dichiara percorsi**: non verificabile (§4.1);
+     *  - `member`: membro di una classe, esistente: qui il percorso **e'** verificato (§4.7);
+     *  - `memberUnknown`: la radice e' una `Structure` ma il membro non c'e': e'
+     *    `STRUCTURE_MEMBER_UNKNOWN`, e a differenza di un campo di record si sa per certo;
+     *  - `memberNotWritable`: il membro esiste, e' calcolato, e questo campo vuole una
+     *    destinazione: `TARGET_NOT_WRITABLE`;
      *  - `unknown`: nessuna corrispondenza: si avvisa, senza bloccare. Ci finisce anche il
      *    percorso inesistente di uno scope che i percorsi li dichiara, perche' lì il backend
      *    risponderebbe `GLOBAL_UNKNOWN`.
@@ -3280,6 +3464,20 @@ class ReferencePickerComponent {
         if (this.dictionaries.globalScope(root) && !this.dictionaries.isGlobalScopeVerifiable(root)) {
             return 'host';
         }
+        // Dentro una classe il primo segmento e' verificabile: dirlo "non verificato" sarebbe falso.
+        const structure = this.structureRoot();
+        if (structure && structure.name === root && this.members().length) {
+            const rest = value.slice(root.length + 1);
+            const segment = rest.includes('.') ? rest.slice(0, rest.indexOf('.')) : rest;
+            const member = this.members().find((candidate) => candidate.name === segment);
+            if (!member) {
+                return 'memberUnknown';
+            }
+            if (this.writableOnly() && member.isWritable === false) {
+                return 'memberNotWritable';
+            }
+            return 'member';
+        }
         if (all.some((reference) => reference.name === root)) {
             return 'navigated';
         }
@@ -3292,12 +3490,24 @@ class ReferencePickerComponent {
                 return 'Scope risolto dal sistema ospite, che non dichiara i suoi percorsi: il backend non puo’ verificarlo.';
             case 'navigated':
                 return 'Percorso su un riferimento noto: la validazione non verifica i campi dopo il punto.';
+            case 'member':
+                return `Membro di ${this.structureRoot()?.objectType}. Oltre il primo segmento il percorso non e’ verificato.`;
+            case 'memberUnknown': {
+                const names = this.members()
+                    .map((member) => member.name)
+                    .join(', ');
+                return `Questo membro non esiste su ${this.structureRoot()?.objectType} (STRUCTURE_MEMBER_UNKNOWN). Disponibili: ${names}.`;
+            }
+            case 'memberNotWritable':
+                return 'Questo membro e’ calcolato: si legge, ma assegnarlo e’ TARGET_NOT_WRITABLE.';
             case 'unknown':
                 return 'Questo nome non e’ fra i riferimenti disponibili: la validazione lo segnalerebbe.';
             default:
                 return null;
         }
     }, ...(ngDevMode ? [{ debugName: "hint" }] : []));
+    /** I due stati che sono errori e non avvisi: il colore deve dirlo. */
+    isHintError = computed(() => this.valueState() === 'memberUnknown' || this.valueState() === 'memberNotWritable', ...(ngDevMode ? [{ debugName: "isHintError" }] : []));
     errorMessage = computed(() => this.loadError(), ...(ngDevMode ? [{ debugName: "errorMessage" }] : []));
     open() {
         if (this.disabled()) {
@@ -3340,11 +3550,11 @@ class ReferencePickerComponent {
         return parts.join(' · ');
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: ReferencePickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: ReferencePickerComponent, isStandalone: true, selector: "fb-reference-picker", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, dataType: { classPropertyName: "dataType", publicName: "dataType", isSignal: true, isRequired: false, transformFunction: null }, isCollection: { classPropertyName: "isCollection", publicName: "isCollection", isSignal: true, isRequired: false, transformFunction: null }, objectType: { classPropertyName: "objectType", publicName: "objectType", isSignal: true, isRequired: false, transformFunction: null }, writableOnly: { classPropertyName: "writableOnly", publicName: "writableOnly", isSignal: true, isRequired: false, transformFunction: null }, elementsOnly: { classPropertyName: "elementsOnly", publicName: "elementsOnly", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<div class=\"fb-ref\" [class.fb-ref--open]=\"isOpen()\">\r\n  <div class=\"fb-ref__control\">\r\n    <input\r\n      class=\"fb-ref__input\"\r\n      type=\"text\"\r\n      [value]=\"value() || ''\"\r\n      [placeholder]=\"placeholder()\"\r\n      [disabled]=\"disabled()\"\r\n      [attr.aria-label]=\"label()\"\r\n      (input)=\"onManualInput($any($event.target).value)\"\r\n      (focus)=\"open()\"\r\n    />\r\n    <button\r\n      type=\"button\"\r\n      class=\"fb-ref__toggle\"\r\n      [disabled]=\"disabled()\"\r\n      [attr.aria-expanded]=\"isOpen()\"\r\n      aria-label=\"Mostra i riferimenti disponibili\"\r\n      (click)=\"toggle()\"\r\n    >\r\n      \u25BE\r\n    </button>\r\n    @if (value()) {\r\n      <button type=\"button\" class=\"fb-ref__clear\" aria-label=\"Svuota\" (click)=\"clear()\">\u00D7</button>\r\n    }\r\n  </div>\r\n\r\n  @if (hint()) {\r\n    <p class=\"fb-ref__hint\" [class.fb-ref__hint--warn]=\"valueState() === 'unknown'\">{{ hint() }}</p>\r\n  }\r\n  @if (errorMessage()) {\r\n    <p class=\"fb-ref__hint fb-ref__hint--warn\">\r\n      Elenco dei riferimenti non disponibile: puoi scrivere il nome a mano.\r\n    </p>\r\n  }\r\n\r\n  @if (isOpen()) {\r\n    <div class=\"fb-ref__panel\" role=\"listbox\">\r\n      <input\r\n        class=\"fb-ref__search\"\r\n        type=\"search\"\r\n        placeholder=\"Filtra\"\r\n        aria-label=\"Filtra i riferimenti\"\r\n        (input)=\"onQuery($any($event.target).value)\"\r\n      />\r\n      @if (groups().length === 0) {\r\n        <p class=\"fb-ref__empty\">Nessun riferimento compatibile.</p>\r\n      }\r\n      @for (group of groups(); track group.kind) {\r\n        <div class=\"fb-ref__group\">\r\n          <span class=\"fb-ref__group-label\">{{ group.label }}</span>\r\n          @for (item of group.items; track item.name) {\r\n            <button\r\n              type=\"button\"\r\n              class=\"fb-ref__option\"\r\n              role=\"option\"\r\n              [attr.aria-selected]=\"item.name === value()\"\r\n              (click)=\"choose(item)\"\r\n            >\r\n              <span class=\"fb-ref__name\">{{ item.name }}</span>\r\n              <span class=\"fb-ref__meta\">{{ describe(item) }}</span>\r\n            </button>\r\n          }\r\n        </div>\r\n      }\r\n      <button type=\"button\" class=\"fb-ref__close\" (click)=\"close()\">Chiudi</button>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [":host{display:block}.fb-ref{position:relative}.fb-ref__control{display:flex;align-items:stretch;gap:0;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);overflow:hidden}.fb-ref--open .fb-ref__control{border-color:var(--fb-accent, #2f6feb)}.fb-ref__input{flex:1;min-width:0;padding:5px 7px;border:0;background:transparent;color:var(--fb-text, #1d2939);font:inherit;font-size:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.fb-ref__input:focus-visible{outline:none}.fb-ref__toggle,.fb-ref__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-ref__toggle:hover,.fb-ref__clear:hover{background:var(--fb-surface-alt, #f8f9fb)}.fb-ref__hint{margin:3px 0 0;font-size:10px;line-height:1.35;color:var(--fb-text-subtle, #98a2b3)}.fb-ref__hint--warn{color:var(--fb-warning, #b7791f)}.fb-ref__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-ref__search{box-sizing:border-box;width:100%;margin-bottom:6px;padding:4px 6px;border:1px solid var(--fb-border, #d6dae1);border-radius:5px;font:inherit;font-size:12px}.fb-ref__group{margin-bottom:6px}.fb-ref__group-label{display:block;padding:2px 4px;font-size:9px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--fb-text-subtle, #98a2b3)}.fb-ref__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-ref__option:hover,.fb-ref__option[aria-selected=true]{background:var(--fb-surface-alt, #f8f9fb)}.fb-ref__name{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.fb-ref__meta{font-size:10px;color:var(--fb-text-muted, #667085)}.fb-ref__empty{margin:4px;font-size:11px;color:var(--fb-text-muted, #667085)}.fb-ref__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: ReferencePickerComponent, isStandalone: true, selector: "fb-reference-picker", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, dataType: { classPropertyName: "dataType", publicName: "dataType", isSignal: true, isRequired: false, transformFunction: null }, isCollection: { classPropertyName: "isCollection", publicName: "isCollection", isSignal: true, isRequired: false, transformFunction: null }, objectType: { classPropertyName: "objectType", publicName: "objectType", isSignal: true, isRequired: false, transformFunction: null }, writableOnly: { classPropertyName: "writableOnly", publicName: "writableOnly", isSignal: true, isRequired: false, transformFunction: null }, elementsOnly: { classPropertyName: "elementsOnly", publicName: "elementsOnly", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<div class=\"fb-ref\" [class.fb-ref--open]=\"isOpen()\">\r\n  <div class=\"fb-ref__control\">\r\n    <input\r\n      class=\"fb-ref__input\"\r\n      type=\"text\"\r\n      [value]=\"value() || ''\"\r\n      [placeholder]=\"placeholder()\"\r\n      [disabled]=\"disabled()\"\r\n      [attr.aria-label]=\"label()\"\r\n      (input)=\"onManualInput($any($event.target).value)\"\r\n      (focus)=\"open()\"\r\n    />\r\n    <button\r\n      type=\"button\"\r\n      class=\"fb-ref__toggle\"\r\n      [disabled]=\"disabled()\"\r\n      [attr.aria-expanded]=\"isOpen()\"\r\n      aria-label=\"Mostra i riferimenti disponibili\"\r\n      (click)=\"toggle()\"\r\n    >\r\n      \u25BE\r\n    </button>\r\n    @if (value()) {\r\n      <button type=\"button\" class=\"fb-ref__clear\" aria-label=\"Svuota\" (click)=\"clear()\">\u00D7</button>\r\n    }\r\n  </div>\r\n\r\n  @if (hint()) {\r\n    <!-- Un membro inesistente o non scrivibile e' un **errore**: mostrarlo come avviso direbbe il falso. -->\r\n    <p\r\n      class=\"fb-ref__hint\"\r\n      [class.fb-ref__hint--warn]=\"valueState() === 'unknown'\"\r\n      [class.fb-ref__hint--error]=\"isHintError()\"\r\n    >\r\n      {{ hint() }}\r\n    </p>\r\n  }\r\n  @if (errorMessage()) {\r\n    <p class=\"fb-ref__hint fb-ref__hint--warn\">\r\n      Elenco dei riferimenti non disponibile: puoi scrivere il nome a mano.\r\n    </p>\r\n  }\r\n\r\n  @if (isOpen()) {\r\n    <div class=\"fb-ref__panel\" role=\"listbox\">\r\n      <input\r\n        class=\"fb-ref__search\"\r\n        type=\"search\"\r\n        placeholder=\"Filtra\"\r\n        aria-label=\"Filtra i riferimenti\"\r\n        (input)=\"onQuery($any($event.target).value)\"\r\n      />\r\n      @if (groups().length === 0) {\r\n        <p class=\"fb-ref__empty\">Nessun riferimento compatibile.</p>\r\n      }\r\n      @for (group of groups(); track group.kind) {\r\n        <div class=\"fb-ref__group\">\r\n          <span class=\"fb-ref__group-label\">{{ group.label }}</span>\r\n          @for (item of group.items; track item.name) {\r\n            <button\r\n              type=\"button\"\r\n              class=\"fb-ref__option\"\r\n              role=\"option\"\r\n              [attr.aria-selected]=\"item.name === value()\"\r\n              (click)=\"choose(item)\"\r\n            >\r\n              <span class=\"fb-ref__name\">{{ item.name }}</span>\r\n              <span class=\"fb-ref__meta\">{{ describe(item) }}</span>\r\n            </button>\r\n          }\r\n        </div>\r\n      }\r\n      <button type=\"button\" class=\"fb-ref__close\" (click)=\"close()\">Chiudi</button>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [":host{display:block}.fb-ref{position:relative}.fb-ref__control{display:flex;align-items:stretch;gap:0;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);overflow:hidden}.fb-ref--open .fb-ref__control{border-color:var(--fb-accent, #2f6feb)}.fb-ref__input{flex:1;min-width:0;padding:5px 7px;border:0;background:transparent;color:var(--fb-text, #1d2939);font:inherit;font-size:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.fb-ref__input:focus-visible{outline:none}.fb-ref__toggle,.fb-ref__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-ref__toggle:hover,.fb-ref__clear:hover{background:var(--fb-surface-alt, #f8f9fb)}.fb-ref__hint{margin:3px 0 0;font-size:10px;line-height:1.35;color:var(--fb-text-subtle, #98a2b3)}.fb-ref__hint--warn{color:var(--fb-warning, #b7791f)}.fb-ref__hint--error{color:var(--fb-error, #c9372c)}.fb-ref__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-ref__search{box-sizing:border-box;width:100%;margin-bottom:6px;padding:4px 6px;border:1px solid var(--fb-border, #d6dae1);border-radius:5px;font:inherit;font-size:12px}.fb-ref__group{margin-bottom:6px}.fb-ref__group-label{display:block;padding:2px 4px;font-size:9px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--fb-text-subtle, #98a2b3)}.fb-ref__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-ref__option:hover,.fb-ref__option[aria-selected=true]{background:var(--fb-surface-alt, #f8f9fb)}.fb-ref__name{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.fb-ref__meta{font-size:10px;color:var(--fb-text-muted, #667085)}.fb-ref__empty{margin:4px;font-size:11px;color:var(--fb-text-muted, #667085)}.fb-ref__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: ReferencePickerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'fb-reference-picker', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"fb-ref\" [class.fb-ref--open]=\"isOpen()\">\r\n  <div class=\"fb-ref__control\">\r\n    <input\r\n      class=\"fb-ref__input\"\r\n      type=\"text\"\r\n      [value]=\"value() || ''\"\r\n      [placeholder]=\"placeholder()\"\r\n      [disabled]=\"disabled()\"\r\n      [attr.aria-label]=\"label()\"\r\n      (input)=\"onManualInput($any($event.target).value)\"\r\n      (focus)=\"open()\"\r\n    />\r\n    <button\r\n      type=\"button\"\r\n      class=\"fb-ref__toggle\"\r\n      [disabled]=\"disabled()\"\r\n      [attr.aria-expanded]=\"isOpen()\"\r\n      aria-label=\"Mostra i riferimenti disponibili\"\r\n      (click)=\"toggle()\"\r\n    >\r\n      \u25BE\r\n    </button>\r\n    @if (value()) {\r\n      <button type=\"button\" class=\"fb-ref__clear\" aria-label=\"Svuota\" (click)=\"clear()\">\u00D7</button>\r\n    }\r\n  </div>\r\n\r\n  @if (hint()) {\r\n    <p class=\"fb-ref__hint\" [class.fb-ref__hint--warn]=\"valueState() === 'unknown'\">{{ hint() }}</p>\r\n  }\r\n  @if (errorMessage()) {\r\n    <p class=\"fb-ref__hint fb-ref__hint--warn\">\r\n      Elenco dei riferimenti non disponibile: puoi scrivere il nome a mano.\r\n    </p>\r\n  }\r\n\r\n  @if (isOpen()) {\r\n    <div class=\"fb-ref__panel\" role=\"listbox\">\r\n      <input\r\n        class=\"fb-ref__search\"\r\n        type=\"search\"\r\n        placeholder=\"Filtra\"\r\n        aria-label=\"Filtra i riferimenti\"\r\n        (input)=\"onQuery($any($event.target).value)\"\r\n      />\r\n      @if (groups().length === 0) {\r\n        <p class=\"fb-ref__empty\">Nessun riferimento compatibile.</p>\r\n      }\r\n      @for (group of groups(); track group.kind) {\r\n        <div class=\"fb-ref__group\">\r\n          <span class=\"fb-ref__group-label\">{{ group.label }}</span>\r\n          @for (item of group.items; track item.name) {\r\n            <button\r\n              type=\"button\"\r\n              class=\"fb-ref__option\"\r\n              role=\"option\"\r\n              [attr.aria-selected]=\"item.name === value()\"\r\n              (click)=\"choose(item)\"\r\n            >\r\n              <span class=\"fb-ref__name\">{{ item.name }}</span>\r\n              <span class=\"fb-ref__meta\">{{ describe(item) }}</span>\r\n            </button>\r\n          }\r\n        </div>\r\n      }\r\n      <button type=\"button\" class=\"fb-ref__close\" (click)=\"close()\">Chiudi</button>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [":host{display:block}.fb-ref{position:relative}.fb-ref__control{display:flex;align-items:stretch;gap:0;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);overflow:hidden}.fb-ref--open .fb-ref__control{border-color:var(--fb-accent, #2f6feb)}.fb-ref__input{flex:1;min-width:0;padding:5px 7px;border:0;background:transparent;color:var(--fb-text, #1d2939);font:inherit;font-size:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.fb-ref__input:focus-visible{outline:none}.fb-ref__toggle,.fb-ref__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-ref__toggle:hover,.fb-ref__clear:hover{background:var(--fb-surface-alt, #f8f9fb)}.fb-ref__hint{margin:3px 0 0;font-size:10px;line-height:1.35;color:var(--fb-text-subtle, #98a2b3)}.fb-ref__hint--warn{color:var(--fb-warning, #b7791f)}.fb-ref__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-ref__search{box-sizing:border-box;width:100%;margin-bottom:6px;padding:4px 6px;border:1px solid var(--fb-border, #d6dae1);border-radius:5px;font:inherit;font-size:12px}.fb-ref__group{margin-bottom:6px}.fb-ref__group-label{display:block;padding:2px 4px;font-size:9px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--fb-text-subtle, #98a2b3)}.fb-ref__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-ref__option:hover,.fb-ref__option[aria-selected=true]{background:var(--fb-surface-alt, #f8f9fb)}.fb-ref__name{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.fb-ref__meta{font-size:10px;color:var(--fb-text-muted, #667085)}.fb-ref__empty{margin:4px;font-size:11px;color:var(--fb-text-muted, #667085)}.fb-ref__close{width:100%;margin-top:4px;padding:4px;border:0;border-top:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:11px;cursor:pointer}\n"] }]
+            args: [{ selector: 'fb-reference-picker', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"fb-ref\" [class.fb-ref--open]=\"isOpen()\">\r\n  <div class=\"fb-ref__control\">\r\n    <input\r\n      class=\"fb-ref__input\"\r\n      type=\"text\"\r\n      [value]=\"value() || ''\"\r\n      [placeholder]=\"placeholder()\"\r\n      [disabled]=\"disabled()\"\r\n      [attr.aria-label]=\"label()\"\r\n      (input)=\"onManualInput($any($event.target).value)\"\r\n      (focus)=\"open()\"\r\n    />\r\n    <button\r\n      type=\"button\"\r\n      class=\"fb-ref__toggle\"\r\n      [disabled]=\"disabled()\"\r\n      [attr.aria-expanded]=\"isOpen()\"\r\n      aria-label=\"Mostra i riferimenti disponibili\"\r\n      (click)=\"toggle()\"\r\n    >\r\n      \u25BE\r\n    </button>\r\n    @if (value()) {\r\n      <button type=\"button\" class=\"fb-ref__clear\" aria-label=\"Svuota\" (click)=\"clear()\">\u00D7</button>\r\n    }\r\n  </div>\r\n\r\n  @if (hint()) {\r\n    <!-- Un membro inesistente o non scrivibile e' un **errore**: mostrarlo come avviso direbbe il falso. -->\r\n    <p\r\n      class=\"fb-ref__hint\"\r\n      [class.fb-ref__hint--warn]=\"valueState() === 'unknown'\"\r\n      [class.fb-ref__hint--error]=\"isHintError()\"\r\n    >\r\n      {{ hint() }}\r\n    </p>\r\n  }\r\n  @if (errorMessage()) {\r\n    <p class=\"fb-ref__hint fb-ref__hint--warn\">\r\n      Elenco dei riferimenti non disponibile: puoi scrivere il nome a mano.\r\n    </p>\r\n  }\r\n\r\n  @if (isOpen()) {\r\n    <div class=\"fb-ref__panel\" role=\"listbox\">\r\n      <input\r\n        class=\"fb-ref__search\"\r\n        type=\"search\"\r\n        placeholder=\"Filtra\"\r\n        aria-label=\"Filtra i riferimenti\"\r\n        (input)=\"onQuery($any($event.target).value)\"\r\n      />\r\n      @if (groups().length === 0) {\r\n        <p class=\"fb-ref__empty\">Nessun riferimento compatibile.</p>\r\n      }\r\n      @for (group of groups(); track group.kind) {\r\n        <div class=\"fb-ref__group\">\r\n          <span class=\"fb-ref__group-label\">{{ group.label }}</span>\r\n          @for (item of group.items; track item.name) {\r\n            <button\r\n              type=\"button\"\r\n              class=\"fb-ref__option\"\r\n              role=\"option\"\r\n              [attr.aria-selected]=\"item.name === value()\"\r\n              (click)=\"choose(item)\"\r\n            >\r\n              <span class=\"fb-ref__name\">{{ item.name }}</span>\r\n              <span class=\"fb-ref__meta\">{{ describe(item) }}</span>\r\n            </button>\r\n          }\r\n        </div>\r\n      }\r\n      <button type=\"button\" class=\"fb-ref__close\" (click)=\"close()\">Chiudi</button>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [":host{display:block}.fb-ref{position:relative}.fb-ref__control{display:flex;align-items:stretch;gap:0;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);overflow:hidden}.fb-ref--open .fb-ref__control{border-color:var(--fb-accent, #2f6feb)}.fb-ref__input{flex:1;min-width:0;padding:5px 7px;border:0;background:transparent;color:var(--fb-text, #1d2939);font:inherit;font-size:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.fb-ref__input:focus-visible{outline:none}.fb-ref__toggle,.fb-ref__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-ref__toggle:hover,.fb-ref__clear:hover{background:var(--fb-surface-alt, #f8f9fb)}.fb-ref__hint{margin:3px 0 0;font-size:10px;line-height:1.35;color:var(--fb-text-subtle, #98a2b3)}.fb-ref__hint--warn{color:var(--fb-warning, #b7791f)}.fb-ref__hint--error{color:var(--fb-error, #c9372c)}.fb-ref__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-ref__search{box-sizing:border-box;width:100%;margin-bottom:6px;padding:4px 6px;border:1px solid var(--fb-border, #d6dae1);border-radius:5px;font:inherit;font-size:12px}.fb-ref__group{margin-bottom:6px}.fb-ref__group-label{display:block;padding:2px 4px;font-size:9px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--fb-text-subtle, #98a2b3)}.fb-ref__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-ref__option:hover,.fb-ref__option[aria-selected=true]{background:var(--fb-surface-alt, #f8f9fb)}.fb-ref__name{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.fb-ref__meta{font-size:10px;color:var(--fb-text-muted, #667085)}.fb-ref__empty{margin:4px;font-size:11px;color:var(--fb-text-muted, #667085)}.fb-ref__close{width:100%;margin-top:4px;padding:4px;border:0;border-top:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:11px;cursor:pointer}\n"] }]
         }], ctorParameters: () => [], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], dataType: [{ type: i0.Input, args: [{ isSignal: true, alias: "dataType", required: false }] }], isCollection: [{ type: i0.Input, args: [{ isSignal: true, alias: "isCollection", required: false }] }], objectType: [{ type: i0.Input, args: [{ isSignal: true, alias: "objectType", required: false }] }], writableOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "writableOnly", required: false }] }], elementsOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "elementsOnly", required: false }] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }] } });
 
 /**
@@ -3459,21 +3669,25 @@ class ObjectPickerComponent {
         return parts.join(' · ');
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: ObjectPickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: ObjectPickerComponent, isStandalone: true, selector: "fb-object-picker", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<div class=\"fb-pick\" [class.fb-pick--open]=\"isOpen()\">\r\n  <div class=\"fb-pick__control\">\r\n    <input\r\n      class=\"fb-pick__input\"\r\n      type=\"text\"\r\n      role=\"combobox\"\r\n      autocomplete=\"off\"\r\n      [value]=\"text()\"\r\n      [placeholder]=\"placeholder()\"\r\n      [disabled]=\"disabled()\"\r\n      [attr.aria-label]=\"label()\"\r\n      [attr.aria-expanded]=\"isOpen()\"\r\n      (input)=\"onInput($any($event.target).value)\"\r\n      (focus)=\"open()\"\r\n      (keydown.escape)=\"close()\"\r\n    />\r\n    <button\r\n      type=\"button\"\r\n      class=\"fb-pick__toggle\"\r\n      [disabled]=\"disabled()\"\r\n      [attr.aria-expanded]=\"isOpen()\"\r\n      aria-label=\"Mostra gli oggetti disponibili\"\r\n      (click)=\"toggle()\"\r\n    >\r\n      \u25BE\r\n    </button>\r\n    @if (value()) {\r\n      <button type=\"button\" class=\"fb-pick__clear\" aria-label=\"Svuota\" (click)=\"clear()\">\u00D7</button>\r\n    }\r\n  </div>\r\n\r\n  @if (isUnknown()) {\r\n    <p class=\"fb-pick__hint fb-pick__hint--warn\">\r\n      Questo nome non e\u2019 fra gli oggetti disponibili: la validazione lo segnalerebbe.\r\n    </p>\r\n  } @else if (labelOfValue()) {\r\n    <p class=\"fb-pick__hint\">{{ labelOfValue() }}</p>\r\n  } @else if (loadErrored()) {\r\n    <p class=\"fb-pick__hint fb-pick__hint--warn\">\r\n      Elenco degli oggetti non disponibile: puoi scrivere il nome a mano.\r\n    </p>\r\n  }\r\n\r\n  @if (isOpen()) {\r\n    <div class=\"fb-pick__panel\" role=\"listbox\">\r\n      @if (options().length === 0) {\r\n        <p class=\"fb-pick__empty\">\r\n          {{ hasCatalog() ? 'Nessun oggetto corrisponde.' : 'Catalogo degli oggetti non disponibile.' }}\r\n        </p>\r\n      }\r\n      @for (object of options(); track object.name) {\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-pick__option\"\r\n          role=\"option\"\r\n          [attr.aria-selected]=\"object.name === value()\"\r\n          (click)=\"choose(object)\"\r\n        >\r\n          <span class=\"fb-pick__name\">{{ object.name }}</span>\r\n          @if (describe(object)) {\r\n            <span class=\"fb-pick__meta\">{{ describe(object) }}</span>\r\n          }\r\n        </button>\r\n      }\r\n      <button type=\"button\" class=\"fb-pick__close\" (click)=\"close()\">Chiudi</button>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [":host{display:block}.fb-pick{position:relative}.fb-pick__control{display:flex;align-items:stretch;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);overflow:hidden}.fb-pick--open .fb-pick__control{border-color:var(--fb-accent, #2f6feb)}.fb-pick__input{flex:1;min-width:0;padding:5px 7px;border:0;background:transparent;color:var(--fb-text, #1d2939);font:inherit;font-size:12px}.fb-pick__input:focus-visible{outline:none}.fb-pick__input--mono,.fb-pick__name--mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.fb-pick__toggle,.fb-pick__clear{flex:0 0 auto;padding:0 7px;border:0;border-left:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:12px;cursor:pointer}.fb-pick__toggle:hover,.fb-pick__clear:hover{background:var(--fb-surface-alt, #f8f9fb)}.fb-pick__hint{margin:3px 0 0;font-size:10px;line-height:1.35;color:var(--fb-text-subtle, #98a2b3)}.fb-pick__hint--warn{color:var(--fb-warning, #b7791f)}.fb-pick__hint--error{color:var(--fb-error, #c9372c)}.fb-pick__panel{position:absolute;z-index:30;top:calc(100% + 3px);left:0;right:0;max-height:260px;overflow-y:auto;padding:6px;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);box-shadow:0 6px 18px #10182829}.fb-pick__option{display:flex;flex-direction:column;width:100%;padding:4px 6px;border:0;border-radius:4px;background:transparent;color:var(--fb-text, #1d2939);font:inherit;text-align:left;cursor:pointer}.fb-pick__option:hover,.fb-pick__option[aria-selected=true]{background:var(--fb-surface-alt, #f8f9fb)}.fb-pick__name{font-size:12px}.fb-pick__meta{font-size:10px;color:var(--fb-text-muted, #667085)}.fb-pick__empty{margin:4px;font-size:11px;color:var(--fb-text-muted, #667085)}.fb-pick__close{width:100%;margin-top:4px;padding:4px;border:0;border-top:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:11px;cursor:pointer}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: ObjectPickerComponent, isStandalone: true, selector: "fb-object-picker", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<div class=\"fb-pick\" [class.fb-pick--open]=\"isOpen()\">\r\n  <div class=\"fb-pick__control\">\r\n    <input\r\n      class=\"fb-pick__input\"\r\n      type=\"text\"\r\n      role=\"combobox\"\r\n      autocomplete=\"off\"\r\n      [value]=\"text()\"\r\n      [placeholder]=\"placeholder()\"\r\n      [disabled]=\"disabled()\"\r\n      [attr.aria-label]=\"label()\"\r\n      [attr.aria-expanded]=\"isOpen()\"\r\n      (input)=\"onInput($any($event.target).value)\"\r\n      (focus)=\"open()\"\r\n      (keydown.escape)=\"close()\"\r\n    />\r\n    <button\r\n      type=\"button\"\r\n      class=\"fb-pick__toggle\"\r\n      [disabled]=\"disabled()\"\r\n      [attr.aria-expanded]=\"isOpen()\"\r\n      aria-label=\"Mostra gli oggetti disponibili\"\r\n      (click)=\"toggle()\"\r\n    >\r\n      \u25BE\r\n    </button>\r\n    @if (value()) {\r\n      <button type=\"button\" class=\"fb-pick__clear\" aria-label=\"Svuota\" (click)=\"clear()\">\u00D7</button>\r\n    }\r\n  </div>\r\n\r\n  @if (isUnknown()) {\r\n    <p class=\"fb-pick__hint fb-pick__hint--warn\">\r\n      Questo nome non e\u2019 fra gli oggetti disponibili: la validazione lo segnalerebbe.\r\n    </p>\r\n  } @else if (labelOfValue()) {\r\n    <p class=\"fb-pick__hint\">{{ labelOfValue() }}</p>\r\n  } @else if (loadErrored()) {\r\n    <p class=\"fb-pick__hint fb-pick__hint--warn\">\r\n      Elenco degli oggetti non disponibile: puoi scrivere il nome a mano.\r\n    </p>\r\n  }\r\n\r\n  @if (isOpen()) {\r\n    <div class=\"fb-pick__panel\" role=\"listbox\">\r\n      @if (options().length === 0) {\r\n        <p class=\"fb-pick__empty\">\r\n          {{ hasCatalog() ? 'Nessun oggetto corrisponde.' : 'Catalogo degli oggetti non disponibile.' }}\r\n        </p>\r\n      }\r\n      @for (object of options(); track object.name) {\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-pick__option\"\r\n          role=\"option\"\r\n          [attr.aria-selected]=\"object.name === value()\"\r\n          (click)=\"choose(object)\"\r\n        >\r\n          <span class=\"fb-pick__name\">{{ object.name }}</span>\r\n          @if (describe(object)) {\r\n            <span class=\"fb-pick__meta\">{{ describe(object) }}</span>\r\n          }\r\n        </button>\r\n      }\r\n      <button type=\"button\" class=\"fb-pick__close\" (click)=\"close()\">Chiudi</button>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [":host{display:block}.fb-pick{position:relative}.fb-pick__control{display:flex;align-items:stretch;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);overflow:hidden}.fb-pick--open .fb-pick__control{border-color:var(--fb-accent, #2f6feb)}.fb-pick__input{flex:1;min-width:0;padding:5px 7px;border:0;background:transparent;color:var(--fb-text, #1d2939);font:inherit;font-size:12px}.fb-pick__input:focus-visible{outline:none}.fb-pick__input--mono,.fb-pick__name--mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.fb-pick__toggle,.fb-pick__clear{flex:0 0 auto;padding:0 7px;border:0;border-left:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:12px;cursor:pointer}.fb-pick__toggle:hover,.fb-pick__clear:hover{background:var(--fb-surface-alt, #f8f9fb)}.fb-pick__hint{margin:3px 0 0;font-size:10px;line-height:1.35;color:var(--fb-text-subtle, #98a2b3)}.fb-pick__hint--warn{color:var(--fb-warning, #b7791f)}.fb-pick__hint--error{color:var(--fb-error, #c9372c)}.fb-pick__panel{position:absolute;z-index:30;top:calc(100% + 3px);left:0;right:0;max-height:260px;overflow-y:auto;padding:6px;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);box-shadow:0 6px 18px #10182829}.fb-pick__option{display:flex;flex-direction:column;width:100%;padding:4px 6px;border:0;border-radius:4px;background:transparent;color:var(--fb-text, #1d2939);font:inherit;text-align:left;cursor:pointer}.fb-pick__option:hover,.fb-pick__option[aria-selected=true]{background:var(--fb-surface-alt, #f8f9fb)}.fb-pick__name{font-size:12px}.fb-pick__meta{font-size:10px;color:var(--fb-text-muted, #667085)}.fb-pick__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: ObjectPickerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'fb-object-picker', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"fb-pick\" [class.fb-pick--open]=\"isOpen()\">\r\n  <div class=\"fb-pick__control\">\r\n    <input\r\n      class=\"fb-pick__input\"\r\n      type=\"text\"\r\n      role=\"combobox\"\r\n      autocomplete=\"off\"\r\n      [value]=\"text()\"\r\n      [placeholder]=\"placeholder()\"\r\n      [disabled]=\"disabled()\"\r\n      [attr.aria-label]=\"label()\"\r\n      [attr.aria-expanded]=\"isOpen()\"\r\n      (input)=\"onInput($any($event.target).value)\"\r\n      (focus)=\"open()\"\r\n      (keydown.escape)=\"close()\"\r\n    />\r\n    <button\r\n      type=\"button\"\r\n      class=\"fb-pick__toggle\"\r\n      [disabled]=\"disabled()\"\r\n      [attr.aria-expanded]=\"isOpen()\"\r\n      aria-label=\"Mostra gli oggetti disponibili\"\r\n      (click)=\"toggle()\"\r\n    >\r\n      \u25BE\r\n    </button>\r\n    @if (value()) {\r\n      <button type=\"button\" class=\"fb-pick__clear\" aria-label=\"Svuota\" (click)=\"clear()\">\u00D7</button>\r\n    }\r\n  </div>\r\n\r\n  @if (isUnknown()) {\r\n    <p class=\"fb-pick__hint fb-pick__hint--warn\">\r\n      Questo nome non e\u2019 fra gli oggetti disponibili: la validazione lo segnalerebbe.\r\n    </p>\r\n  } @else if (labelOfValue()) {\r\n    <p class=\"fb-pick__hint\">{{ labelOfValue() }}</p>\r\n  } @else if (loadErrored()) {\r\n    <p class=\"fb-pick__hint fb-pick__hint--warn\">\r\n      Elenco degli oggetti non disponibile: puoi scrivere il nome a mano.\r\n    </p>\r\n  }\r\n\r\n  @if (isOpen()) {\r\n    <div class=\"fb-pick__panel\" role=\"listbox\">\r\n      @if (options().length === 0) {\r\n        <p class=\"fb-pick__empty\">\r\n          {{ hasCatalog() ? 'Nessun oggetto corrisponde.' : 'Catalogo degli oggetti non disponibile.' }}\r\n        </p>\r\n      }\r\n      @for (object of options(); track object.name) {\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-pick__option\"\r\n          role=\"option\"\r\n          [attr.aria-selected]=\"object.name === value()\"\r\n          (click)=\"choose(object)\"\r\n        >\r\n          <span class=\"fb-pick__name\">{{ object.name }}</span>\r\n          @if (describe(object)) {\r\n            <span class=\"fb-pick__meta\">{{ describe(object) }}</span>\r\n          }\r\n        </button>\r\n      }\r\n      <button type=\"button\" class=\"fb-pick__close\" (click)=\"close()\">Chiudi</button>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [":host{display:block}.fb-pick{position:relative}.fb-pick__control{display:flex;align-items:stretch;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);overflow:hidden}.fb-pick--open .fb-pick__control{border-color:var(--fb-accent, #2f6feb)}.fb-pick__input{flex:1;min-width:0;padding:5px 7px;border:0;background:transparent;color:var(--fb-text, #1d2939);font:inherit;font-size:12px}.fb-pick__input:focus-visible{outline:none}.fb-pick__input--mono,.fb-pick__name--mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.fb-pick__toggle,.fb-pick__clear{flex:0 0 auto;padding:0 7px;border:0;border-left:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:12px;cursor:pointer}.fb-pick__toggle:hover,.fb-pick__clear:hover{background:var(--fb-surface-alt, #f8f9fb)}.fb-pick__hint{margin:3px 0 0;font-size:10px;line-height:1.35;color:var(--fb-text-subtle, #98a2b3)}.fb-pick__hint--warn{color:var(--fb-warning, #b7791f)}.fb-pick__hint--error{color:var(--fb-error, #c9372c)}.fb-pick__panel{position:absolute;z-index:30;top:calc(100% + 3px);left:0;right:0;max-height:260px;overflow-y:auto;padding:6px;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);box-shadow:0 6px 18px #10182829}.fb-pick__option{display:flex;flex-direction:column;width:100%;padding:4px 6px;border:0;border-radius:4px;background:transparent;color:var(--fb-text, #1d2939);font:inherit;text-align:left;cursor:pointer}.fb-pick__option:hover,.fb-pick__option[aria-selected=true]{background:var(--fb-surface-alt, #f8f9fb)}.fb-pick__name{font-size:12px}.fb-pick__meta{font-size:10px;color:var(--fb-text-muted, #667085)}.fb-pick__empty{margin:4px;font-size:11px;color:var(--fb-text-muted, #667085)}.fb-pick__close{width:100%;margin-top:4px;padding:4px;border:0;border-top:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:11px;cursor:pointer}\n"] }]
+            args: [{ selector: 'fb-object-picker', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"fb-pick\" [class.fb-pick--open]=\"isOpen()\">\r\n  <div class=\"fb-pick__control\">\r\n    <input\r\n      class=\"fb-pick__input\"\r\n      type=\"text\"\r\n      role=\"combobox\"\r\n      autocomplete=\"off\"\r\n      [value]=\"text()\"\r\n      [placeholder]=\"placeholder()\"\r\n      [disabled]=\"disabled()\"\r\n      [attr.aria-label]=\"label()\"\r\n      [attr.aria-expanded]=\"isOpen()\"\r\n      (input)=\"onInput($any($event.target).value)\"\r\n      (focus)=\"open()\"\r\n      (keydown.escape)=\"close()\"\r\n    />\r\n    <button\r\n      type=\"button\"\r\n      class=\"fb-pick__toggle\"\r\n      [disabled]=\"disabled()\"\r\n      [attr.aria-expanded]=\"isOpen()\"\r\n      aria-label=\"Mostra gli oggetti disponibili\"\r\n      (click)=\"toggle()\"\r\n    >\r\n      \u25BE\r\n    </button>\r\n    @if (value()) {\r\n      <button type=\"button\" class=\"fb-pick__clear\" aria-label=\"Svuota\" (click)=\"clear()\">\u00D7</button>\r\n    }\r\n  </div>\r\n\r\n  @if (isUnknown()) {\r\n    <p class=\"fb-pick__hint fb-pick__hint--warn\">\r\n      Questo nome non e\u2019 fra gli oggetti disponibili: la validazione lo segnalerebbe.\r\n    </p>\r\n  } @else if (labelOfValue()) {\r\n    <p class=\"fb-pick__hint\">{{ labelOfValue() }}</p>\r\n  } @else if (loadErrored()) {\r\n    <p class=\"fb-pick__hint fb-pick__hint--warn\">\r\n      Elenco degli oggetti non disponibile: puoi scrivere il nome a mano.\r\n    </p>\r\n  }\r\n\r\n  @if (isOpen()) {\r\n    <div class=\"fb-pick__panel\" role=\"listbox\">\r\n      @if (options().length === 0) {\r\n        <p class=\"fb-pick__empty\">\r\n          {{ hasCatalog() ? 'Nessun oggetto corrisponde.' : 'Catalogo degli oggetti non disponibile.' }}\r\n        </p>\r\n      }\r\n      @for (object of options(); track object.name) {\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-pick__option\"\r\n          role=\"option\"\r\n          [attr.aria-selected]=\"object.name === value()\"\r\n          (click)=\"choose(object)\"\r\n        >\r\n          <span class=\"fb-pick__name\">{{ object.name }}</span>\r\n          @if (describe(object)) {\r\n            <span class=\"fb-pick__meta\">{{ describe(object) }}</span>\r\n          }\r\n        </button>\r\n      }\r\n      <button type=\"button\" class=\"fb-pick__close\" (click)=\"close()\">Chiudi</button>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [":host{display:block}.fb-pick{position:relative}.fb-pick__control{display:flex;align-items:stretch;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);overflow:hidden}.fb-pick--open .fb-pick__control{border-color:var(--fb-accent, #2f6feb)}.fb-pick__input{flex:1;min-width:0;padding:5px 7px;border:0;background:transparent;color:var(--fb-text, #1d2939);font:inherit;font-size:12px}.fb-pick__input:focus-visible{outline:none}.fb-pick__input--mono,.fb-pick__name--mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.fb-pick__toggle,.fb-pick__clear{flex:0 0 auto;padding:0 7px;border:0;border-left:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:12px;cursor:pointer}.fb-pick__toggle:hover,.fb-pick__clear:hover{background:var(--fb-surface-alt, #f8f9fb)}.fb-pick__hint{margin:3px 0 0;font-size:10px;line-height:1.35;color:var(--fb-text-subtle, #98a2b3)}.fb-pick__hint--warn{color:var(--fb-warning, #b7791f)}.fb-pick__hint--error{color:var(--fb-error, #c9372c)}.fb-pick__panel{position:absolute;z-index:30;top:calc(100% + 3px);left:0;right:0;max-height:260px;overflow-y:auto;padding:6px;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);box-shadow:0 6px 18px #10182829}.fb-pick__option{display:flex;flex-direction:column;width:100%;padding:4px 6px;border:0;border-radius:4px;background:transparent;color:var(--fb-text, #1d2939);font:inherit;text-align:left;cursor:pointer}.fb-pick__option:hover,.fb-pick__option[aria-selected=true]{background:var(--fb-surface-alt, #f8f9fb)}.fb-pick__name{font-size:12px}.fb-pick__meta{font-size:10px;color:var(--fb-text-muted, #667085)}.fb-pick__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 }] }], 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"] }] } });
 
 /**
  * Selettore di campo di un'entita' — FRONTEND.md §4.4, §5.7, §6.4.
  *
- * L'uso con cui si chiedono i campi non e' un dettaglio: `filterable`, `sortable` e
- * `updateable` sono insiemi diversi, e proporre un campo fuori dall'insieme giusto porta
- * dritti a `FIELD_NOT_FILTERABLE` / `FIELD_NOT_UPDATEABLE`. L'input `usage` viaggia quindi
- * fino alla primitiva **e** decide il testo dell'avviso, che altrimenti direbbe la cosa
- * sbagliata ("non aggiornabile" su un filtro).
+ * L'uso con cui si chiedono i campi non e' un dettaglio: `filterable`, `sortable`, `updateable`
+ * e `createable` sono insiemi diversi, e proporre un campo fuori dall'insieme giusto porta
+ * dritti a `FIELD_NOT_FILTERABLE` / `FIELD_NOT_UPDATEABLE` / `FIELD_NOT_CREATEABLE`. L'input
+ * `usage` viaggia quindi fino alla primitiva **e** decide il testo dell'avviso, che altrimenti
+ * direbbe la cosa sbagliata ("non aggiornabile" su un filtro).
+ *
+ * `createable` e `updateable` non sono sinonimi: la chiave di un'entita' con chiave naturale la
+ * porta il flow che crea il record e non si cambia dopo, un identificativo generato dal database
+ * e' l'opposto (§5.7).
  *
  * La scrittura libera resta possibile perche' i percorsi di relazione (`Cliente.Citta`) non
  * sono enumerabili: su un valore col punto non si accusa nessuno, si avvisa che la
@@ -3549,6 +3763,10 @@ class FieldPickerComponent {
                 return 'Questo campo non e’ fra quelli su cui si puo’ ordinare.';
             case 'updateable':
                 return 'Questo campo non e’ fra quelli aggiornabili dell’oggetto.';
+            case 'createable':
+                // Non e' lo stesso insieme di `updateable`: la colonna di una chiave naturale si scrive
+                // creando il record e non si cambia dopo (§5.7).
+                return 'Questo campo non e’ fra quelli valorizzabili alla creazione.';
             default:
                 return 'Questo campo non e’ fra quelli dell’oggetto.';
         }
@@ -3599,11 +3817,11 @@ class FieldPickerComponent {
         return parts.join(' · ');
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: FieldPickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: FieldPickerComponent, isStandalone: true, selector: "fb-field-picker", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, object: { classPropertyName: "object", publicName: "object", isSignal: true, isRequired: false, transformFunction: null }, usage: { classPropertyName: "usage", publicName: "usage", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<div class=\"fb-pick\" [class.fb-pick--open]=\"isOpen()\">\r\n  <div class=\"fb-pick__control\">\r\n    <input\r\n      class=\"fb-pick__input\"\r\n      type=\"text\"\r\n      role=\"combobox\"\r\n      autocomplete=\"off\"\r\n      [value]=\"text()\"\r\n      [placeholder]=\"placeholder()\"\r\n      [disabled]=\"disabled()\"\r\n      [attr.aria-label]=\"label()\"\r\n      [attr.aria-expanded]=\"isOpen()\"\r\n      (input)=\"onInput($any($event.target).value)\"\r\n      (focus)=\"open()\"\r\n      (keydown.escape)=\"close()\"\r\n    />\r\n    <button\r\n      type=\"button\"\r\n      class=\"fb-pick__toggle\"\r\n      [disabled]=\"disabled()\"\r\n      [attr.aria-expanded]=\"isOpen()\"\r\n      aria-label=\"Mostra i campi disponibili\"\r\n      (click)=\"toggle()\"\r\n    >\r\n      \u25BE\r\n    </button>\r\n    @if (value()) {\r\n      <button type=\"button\" class=\"fb-pick__clear\" aria-label=\"Svuota\" (click)=\"clear()\">\u00D7</button>\r\n    }\r\n  </div>\r\n\r\n  @if (isRelationPath()) {\r\n    <p class=\"fb-pick__hint fb-pick__hint--warn\">\r\n      Percorso di relazione: la validazione non lo verifica, un errore si scopre solo eseguendo.\r\n    </p>\r\n  } @else if (isUnknown()) {\r\n    <p class=\"fb-pick__hint fb-pick__hint--warn\">{{ unknownMessage() }}</p>\r\n  } @else if (describeValue()) {\r\n    <p class=\"fb-pick__hint\">{{ describeValue() }}</p>\r\n  } @else if (loadErrored()) {\r\n    <p class=\"fb-pick__hint fb-pick__hint--warn\">\r\n      Elenco dei campi non disponibile: puoi scrivere il nome a mano.\r\n    </p>\r\n  }\r\n\r\n  @if (isOpen()) {\r\n    <div class=\"fb-pick__panel\" role=\"listbox\">\r\n      @if (options().length === 0) {\r\n        <p class=\"fb-pick__empty\">\r\n          @if (!object()) {\r\n            Scegli prima un oggetto.\r\n          } @else {\r\n            {{ hasCatalog() ? 'Nessun campo corrisponde.' : 'Catalogo dei campi non disponibile.' }}\r\n          }\r\n        </p>\r\n      }\r\n      @for (field of options(); track field.name) {\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-pick__option\"\r\n          role=\"option\"\r\n          [attr.aria-selected]=\"field.name === value()\"\r\n          (click)=\"choose(field)\"\r\n        >\r\n          <span class=\"fb-pick__name\">{{ field.name }}</span>\r\n          @if (describe(field)) {\r\n            <span class=\"fb-pick__meta\">{{ describe(field) }}</span>\r\n          }\r\n        </button>\r\n      }\r\n      <button type=\"button\" class=\"fb-pick__close\" (click)=\"close()\">Chiudi</button>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [":host{display:block}.fb-pick{position:relative}.fb-pick__control{display:flex;align-items:stretch;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);overflow:hidden}.fb-pick--open .fb-pick__control{border-color:var(--fb-accent, #2f6feb)}.fb-pick__input{flex:1;min-width:0;padding:5px 7px;border:0;background:transparent;color:var(--fb-text, #1d2939);font:inherit;font-size:12px}.fb-pick__input:focus-visible{outline:none}.fb-pick__input--mono,.fb-pick__name--mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.fb-pick__toggle,.fb-pick__clear{flex:0 0 auto;padding:0 7px;border:0;border-left:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:12px;cursor:pointer}.fb-pick__toggle:hover,.fb-pick__clear:hover{background:var(--fb-surface-alt, #f8f9fb)}.fb-pick__hint{margin:3px 0 0;font-size:10px;line-height:1.35;color:var(--fb-text-subtle, #98a2b3)}.fb-pick__hint--warn{color:var(--fb-warning, #b7791f)}.fb-pick__hint--error{color:var(--fb-error, #c9372c)}.fb-pick__panel{position:absolute;z-index:30;top:calc(100% + 3px);left:0;right:0;max-height:260px;overflow-y:auto;padding:6px;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);box-shadow:0 6px 18px #10182829}.fb-pick__option{display:flex;flex-direction:column;width:100%;padding:4px 6px;border:0;border-radius:4px;background:transparent;color:var(--fb-text, #1d2939);font:inherit;text-align:left;cursor:pointer}.fb-pick__option:hover,.fb-pick__option[aria-selected=true]{background:var(--fb-surface-alt, #f8f9fb)}.fb-pick__name{font-size:12px}.fb-pick__meta{font-size:10px;color:var(--fb-text-muted, #667085)}.fb-pick__empty{margin:4px;font-size:11px;color:var(--fb-text-muted, #667085)}.fb-pick__close{width:100%;margin-top:4px;padding:4px;border:0;border-top:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:11px;cursor:pointer}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: FieldPickerComponent, isStandalone: true, selector: "fb-field-picker", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, object: { classPropertyName: "object", publicName: "object", isSignal: true, isRequired: false, transformFunction: null }, usage: { classPropertyName: "usage", publicName: "usage", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<div class=\"fb-pick\" [class.fb-pick--open]=\"isOpen()\">\r\n  <div class=\"fb-pick__control\">\r\n    <input\r\n      class=\"fb-pick__input\"\r\n      type=\"text\"\r\n      role=\"combobox\"\r\n      autocomplete=\"off\"\r\n      [value]=\"text()\"\r\n      [placeholder]=\"placeholder()\"\r\n      [disabled]=\"disabled()\"\r\n      [attr.aria-label]=\"label()\"\r\n      [attr.aria-expanded]=\"isOpen()\"\r\n      (input)=\"onInput($any($event.target).value)\"\r\n      (focus)=\"open()\"\r\n      (keydown.escape)=\"close()\"\r\n    />\r\n    <button\r\n      type=\"button\"\r\n      class=\"fb-pick__toggle\"\r\n      [disabled]=\"disabled()\"\r\n      [attr.aria-expanded]=\"isOpen()\"\r\n      aria-label=\"Mostra i campi disponibili\"\r\n      (click)=\"toggle()\"\r\n    >\r\n      \u25BE\r\n    </button>\r\n    @if (value()) {\r\n      <button type=\"button\" class=\"fb-pick__clear\" aria-label=\"Svuota\" (click)=\"clear()\">\u00D7</button>\r\n    }\r\n  </div>\r\n\r\n  @if (isRelationPath()) {\r\n    <p class=\"fb-pick__hint fb-pick__hint--warn\">\r\n      Percorso di relazione: la validazione non lo verifica, un errore si scopre solo eseguendo.\r\n    </p>\r\n  } @else if (isUnknown()) {\r\n    <p class=\"fb-pick__hint fb-pick__hint--warn\">{{ unknownMessage() }}</p>\r\n  } @else if (describeValue()) {\r\n    <p class=\"fb-pick__hint\">{{ describeValue() }}</p>\r\n  } @else if (loadErrored()) {\r\n    <p class=\"fb-pick__hint fb-pick__hint--warn\">\r\n      Elenco dei campi non disponibile: puoi scrivere il nome a mano.\r\n    </p>\r\n  }\r\n\r\n  @if (isOpen()) {\r\n    <div class=\"fb-pick__panel\" role=\"listbox\">\r\n      @if (options().length === 0) {\r\n        <p class=\"fb-pick__empty\">\r\n          @if (!object()) {\r\n            Scegli prima un oggetto.\r\n          } @else {\r\n            {{ hasCatalog() ? 'Nessun campo corrisponde.' : 'Catalogo dei campi non disponibile.' }}\r\n          }\r\n        </p>\r\n      }\r\n      @for (field of options(); track field.name) {\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-pick__option\"\r\n          role=\"option\"\r\n          [attr.aria-selected]=\"field.name === value()\"\r\n          (click)=\"choose(field)\"\r\n        >\r\n          <span class=\"fb-pick__name\">{{ field.name }}</span>\r\n          @if (describe(field)) {\r\n            <span class=\"fb-pick__meta\">{{ describe(field) }}</span>\r\n          }\r\n        </button>\r\n      }\r\n      <button type=\"button\" class=\"fb-pick__close\" (click)=\"close()\">Chiudi</button>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [":host{display:block}.fb-pick{position:relative}.fb-pick__control{display:flex;align-items:stretch;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);overflow:hidden}.fb-pick--open .fb-pick__control{border-color:var(--fb-accent, #2f6feb)}.fb-pick__input{flex:1;min-width:0;padding:5px 7px;border:0;background:transparent;color:var(--fb-text, #1d2939);font:inherit;font-size:12px}.fb-pick__input:focus-visible{outline:none}.fb-pick__input--mono,.fb-pick__name--mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.fb-pick__toggle,.fb-pick__clear{flex:0 0 auto;padding:0 7px;border:0;border-left:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:12px;cursor:pointer}.fb-pick__toggle:hover,.fb-pick__clear:hover{background:var(--fb-surface-alt, #f8f9fb)}.fb-pick__hint{margin:3px 0 0;font-size:10px;line-height:1.35;color:var(--fb-text-subtle, #98a2b3)}.fb-pick__hint--warn{color:var(--fb-warning, #b7791f)}.fb-pick__hint--error{color:var(--fb-error, #c9372c)}.fb-pick__panel{position:absolute;z-index:30;top:calc(100% + 3px);left:0;right:0;max-height:260px;overflow-y:auto;padding:6px;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);box-shadow:0 6px 18px #10182829}.fb-pick__option{display:flex;flex-direction:column;width:100%;padding:4px 6px;border:0;border-radius:4px;background:transparent;color:var(--fb-text, #1d2939);font:inherit;text-align:left;cursor:pointer}.fb-pick__option:hover,.fb-pick__option[aria-selected=true]{background:var(--fb-surface-alt, #f8f9fb)}.fb-pick__name{font-size:12px}.fb-pick__meta{font-size:10px;color:var(--fb-text-muted, #667085)}.fb-pick__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: FieldPickerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'fb-field-picker', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"fb-pick\" [class.fb-pick--open]=\"isOpen()\">\r\n  <div class=\"fb-pick__control\">\r\n    <input\r\n      class=\"fb-pick__input\"\r\n      type=\"text\"\r\n      role=\"combobox\"\r\n      autocomplete=\"off\"\r\n      [value]=\"text()\"\r\n      [placeholder]=\"placeholder()\"\r\n      [disabled]=\"disabled()\"\r\n      [attr.aria-label]=\"label()\"\r\n      [attr.aria-expanded]=\"isOpen()\"\r\n      (input)=\"onInput($any($event.target).value)\"\r\n      (focus)=\"open()\"\r\n      (keydown.escape)=\"close()\"\r\n    />\r\n    <button\r\n      type=\"button\"\r\n      class=\"fb-pick__toggle\"\r\n      [disabled]=\"disabled()\"\r\n      [attr.aria-expanded]=\"isOpen()\"\r\n      aria-label=\"Mostra i campi disponibili\"\r\n      (click)=\"toggle()\"\r\n    >\r\n      \u25BE\r\n    </button>\r\n    @if (value()) {\r\n      <button type=\"button\" class=\"fb-pick__clear\" aria-label=\"Svuota\" (click)=\"clear()\">\u00D7</button>\r\n    }\r\n  </div>\r\n\r\n  @if (isRelationPath()) {\r\n    <p class=\"fb-pick__hint fb-pick__hint--warn\">\r\n      Percorso di relazione: la validazione non lo verifica, un errore si scopre solo eseguendo.\r\n    </p>\r\n  } @else if (isUnknown()) {\r\n    <p class=\"fb-pick__hint fb-pick__hint--warn\">{{ unknownMessage() }}</p>\r\n  } @else if (describeValue()) {\r\n    <p class=\"fb-pick__hint\">{{ describeValue() }}</p>\r\n  } @else if (loadErrored()) {\r\n    <p class=\"fb-pick__hint fb-pick__hint--warn\">\r\n      Elenco dei campi non disponibile: puoi scrivere il nome a mano.\r\n    </p>\r\n  }\r\n\r\n  @if (isOpen()) {\r\n    <div class=\"fb-pick__panel\" role=\"listbox\">\r\n      @if (options().length === 0) {\r\n        <p class=\"fb-pick__empty\">\r\n          @if (!object()) {\r\n            Scegli prima un oggetto.\r\n          } @else {\r\n            {{ hasCatalog() ? 'Nessun campo corrisponde.' : 'Catalogo dei campi non disponibile.' }}\r\n          }\r\n        </p>\r\n      }\r\n      @for (field of options(); track field.name) {\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-pick__option\"\r\n          role=\"option\"\r\n          [attr.aria-selected]=\"field.name === value()\"\r\n          (click)=\"choose(field)\"\r\n        >\r\n          <span class=\"fb-pick__name\">{{ field.name }}</span>\r\n          @if (describe(field)) {\r\n            <span class=\"fb-pick__meta\">{{ describe(field) }}</span>\r\n          }\r\n        </button>\r\n      }\r\n      <button type=\"button\" class=\"fb-pick__close\" (click)=\"close()\">Chiudi</button>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [":host{display:block}.fb-pick{position:relative}.fb-pick__control{display:flex;align-items:stretch;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);overflow:hidden}.fb-pick--open .fb-pick__control{border-color:var(--fb-accent, #2f6feb)}.fb-pick__input{flex:1;min-width:0;padding:5px 7px;border:0;background:transparent;color:var(--fb-text, #1d2939);font:inherit;font-size:12px}.fb-pick__input:focus-visible{outline:none}.fb-pick__input--mono,.fb-pick__name--mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.fb-pick__toggle,.fb-pick__clear{flex:0 0 auto;padding:0 7px;border:0;border-left:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:12px;cursor:pointer}.fb-pick__toggle:hover,.fb-pick__clear:hover{background:var(--fb-surface-alt, #f8f9fb)}.fb-pick__hint{margin:3px 0 0;font-size:10px;line-height:1.35;color:var(--fb-text-subtle, #98a2b3)}.fb-pick__hint--warn{color:var(--fb-warning, #b7791f)}.fb-pick__hint--error{color:var(--fb-error, #c9372c)}.fb-pick__panel{position:absolute;z-index:30;top:calc(100% + 3px);left:0;right:0;max-height:260px;overflow-y:auto;padding:6px;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);box-shadow:0 6px 18px #10182829}.fb-pick__option{display:flex;flex-direction:column;width:100%;padding:4px 6px;border:0;border-radius:4px;background:transparent;color:var(--fb-text, #1d2939);font:inherit;text-align:left;cursor:pointer}.fb-pick__option:hover,.fb-pick__option[aria-selected=true]{background:var(--fb-surface-alt, #f8f9fb)}.fb-pick__name{font-size:12px}.fb-pick__meta{font-size:10px;color:var(--fb-text-muted, #667085)}.fb-pick__empty{margin:4px;font-size:11px;color:var(--fb-text-muted, #667085)}.fb-pick__close{width:100%;margin-top:4px;padding:4px;border:0;border-top:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:11px;cursor:pointer}\n"] }]
+            args: [{ selector: 'fb-field-picker', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"fb-pick\" [class.fb-pick--open]=\"isOpen()\">\r\n  <div class=\"fb-pick__control\">\r\n    <input\r\n      class=\"fb-pick__input\"\r\n      type=\"text\"\r\n      role=\"combobox\"\r\n      autocomplete=\"off\"\r\n      [value]=\"text()\"\r\n      [placeholder]=\"placeholder()\"\r\n      [disabled]=\"disabled()\"\r\n      [attr.aria-label]=\"label()\"\r\n      [attr.aria-expanded]=\"isOpen()\"\r\n      (input)=\"onInput($any($event.target).value)\"\r\n      (focus)=\"open()\"\r\n      (keydown.escape)=\"close()\"\r\n    />\r\n    <button\r\n      type=\"button\"\r\n      class=\"fb-pick__toggle\"\r\n      [disabled]=\"disabled()\"\r\n      [attr.aria-expanded]=\"isOpen()\"\r\n      aria-label=\"Mostra i campi disponibili\"\r\n      (click)=\"toggle()\"\r\n    >\r\n      \u25BE\r\n    </button>\r\n    @if (value()) {\r\n      <button type=\"button\" class=\"fb-pick__clear\" aria-label=\"Svuota\" (click)=\"clear()\">\u00D7</button>\r\n    }\r\n  </div>\r\n\r\n  @if (isRelationPath()) {\r\n    <p class=\"fb-pick__hint fb-pick__hint--warn\">\r\n      Percorso di relazione: la validazione non lo verifica, un errore si scopre solo eseguendo.\r\n    </p>\r\n  } @else if (isUnknown()) {\r\n    <p class=\"fb-pick__hint fb-pick__hint--warn\">{{ unknownMessage() }}</p>\r\n  } @else if (describeValue()) {\r\n    <p class=\"fb-pick__hint\">{{ describeValue() }}</p>\r\n  } @else if (loadErrored()) {\r\n    <p class=\"fb-pick__hint fb-pick__hint--warn\">\r\n      Elenco dei campi non disponibile: puoi scrivere il nome a mano.\r\n    </p>\r\n  }\r\n\r\n  @if (isOpen()) {\r\n    <div class=\"fb-pick__panel\" role=\"listbox\">\r\n      @if (options().length === 0) {\r\n        <p class=\"fb-pick__empty\">\r\n          @if (!object()) {\r\n            Scegli prima un oggetto.\r\n          } @else {\r\n            {{ hasCatalog() ? 'Nessun campo corrisponde.' : 'Catalogo dei campi non disponibile.' }}\r\n          }\r\n        </p>\r\n      }\r\n      @for (field of options(); track field.name) {\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-pick__option\"\r\n          role=\"option\"\r\n          [attr.aria-selected]=\"field.name === value()\"\r\n          (click)=\"choose(field)\"\r\n        >\r\n          <span class=\"fb-pick__name\">{{ field.name }}</span>\r\n          @if (describe(field)) {\r\n            <span class=\"fb-pick__meta\">{{ describe(field) }}</span>\r\n          }\r\n        </button>\r\n      }\r\n      <button type=\"button\" class=\"fb-pick__close\" (click)=\"close()\">Chiudi</button>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [":host{display:block}.fb-pick{position:relative}.fb-pick__control{display:flex;align-items:stretch;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);overflow:hidden}.fb-pick--open .fb-pick__control{border-color:var(--fb-accent, #2f6feb)}.fb-pick__input{flex:1;min-width:0;padding:5px 7px;border:0;background:transparent;color:var(--fb-text, #1d2939);font:inherit;font-size:12px}.fb-pick__input:focus-visible{outline:none}.fb-pick__input--mono,.fb-pick__name--mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.fb-pick__toggle,.fb-pick__clear{flex:0 0 auto;padding:0 7px;border:0;border-left:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:12px;cursor:pointer}.fb-pick__toggle:hover,.fb-pick__clear:hover{background:var(--fb-surface-alt, #f8f9fb)}.fb-pick__hint{margin:3px 0 0;font-size:10px;line-height:1.35;color:var(--fb-text-subtle, #98a2b3)}.fb-pick__hint--warn{color:var(--fb-warning, #b7791f)}.fb-pick__hint--error{color:var(--fb-error, #c9372c)}.fb-pick__panel{position:absolute;z-index:30;top:calc(100% + 3px);left:0;right:0;max-height:260px;overflow-y:auto;padding:6px;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);box-shadow:0 6px 18px #10182829}.fb-pick__option{display:flex;flex-direction:column;width:100%;padding:4px 6px;border:0;border-radius:4px;background:transparent;color:var(--fb-text, #1d2939);font:inherit;text-align:left;cursor:pointer}.fb-pick__option:hover,.fb-pick__option[aria-selected=true]{background:var(--fb-surface-alt, #f8f9fb)}.fb-pick__name{font-size:12px}.fb-pick__meta{font-size:10px;color:var(--fb-text-muted, #667085)}.fb-pick__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 }] }], object: [{ type: i0.Input, args: [{ isSignal: true, alias: "object", required: false }] }], usage: [{ type: i0.Input, args: [{ isSignal: true, alias: "usage", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }] } });
 
 /**
@@ -3709,13 +3927,263 @@ 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__name{font-size:12px}.fb-pick__meta{font-size:10px;color:var(--fb-text-muted, #667085)}.fb-pick__empty{margin:4px;font-size:11px;color:var(--fb-text-muted, #667085)}.fb-pick__close{width:100%;margin-top:4px;padding:4px;border:0;border-top:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:11px;cursor:pointer}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: NamePickerComponent, isStandalone: true, selector: "fb-name-picker", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, unknownMessage: { classPropertyName: "unknownMessage", publicName: "unknownMessage", isSignal: true, isRequired: false, transformFunction: null }, unknownSeverity: { classPropertyName: "unknownSeverity", publicName: "unknownSeverity", isSignal: true, isRequired: false, transformFunction: null }, emptyMessage: { classPropertyName: "emptyMessage", publicName: "emptyMessage", isSignal: true, isRequired: false, transformFunction: null }, isMono: { classPropertyName: "isMono", publicName: "isMono", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<div class=\"fb-pick\" [class.fb-pick--open]=\"isOpen()\">\r\n  <div class=\"fb-pick__control\">\r\n    <input\r\n      class=\"fb-pick__input\"\r\n      [class.fb-pick__input--mono]=\"isMono()\"\r\n      type=\"text\"\r\n      role=\"combobox\"\r\n      autocomplete=\"off\"\r\n      [value]=\"text()\"\r\n      [placeholder]=\"placeholder()\"\r\n      [disabled]=\"disabled()\"\r\n      [attr.aria-label]=\"label()\"\r\n      [attr.aria-expanded]=\"isOpen()\"\r\n      (input)=\"onInput($any($event.target).value)\"\r\n      (focus)=\"open()\"\r\n      (keydown.escape)=\"close()\"\r\n    />\r\n    <button\r\n      type=\"button\"\r\n      class=\"fb-pick__toggle\"\r\n      [disabled]=\"disabled()\"\r\n      [attr.aria-expanded]=\"isOpen()\"\r\n      aria-label=\"Mostra i nomi disponibili\"\r\n      (click)=\"toggle()\"\r\n    >\r\n      \u25BE\r\n    </button>\r\n    @if (value()) {\r\n      <button type=\"button\" class=\"fb-pick__clear\" aria-label=\"Svuota\" (click)=\"clear()\">\u00D7</button>\r\n    }\r\n  </div>\r\n\r\n  @if (isUnknown()) {\r\n    <p\r\n      class=\"fb-pick__hint\"\r\n      [class.fb-pick__hint--warn]=\"unknownSeverity() === 'warn'\"\r\n      [class.fb-pick__hint--error]=\"unknownSeverity() === 'error'\"\r\n    >\r\n      {{ unknownMessage() }}\r\n    </p>\r\n  } @else if (labelOfValue()) {\r\n    <p class=\"fb-pick__hint\">{{ labelOfValue() }}</p>\r\n  } @else if (!hasOptions()) {\r\n    <p class=\"fb-pick__hint\">{{ emptyMessage() }}</p>\r\n  }\r\n\r\n  @if (isOpen()) {\r\n    <div class=\"fb-pick__panel\" role=\"listbox\">\r\n      @if (visibleOptions().length === 0) {\r\n        <p class=\"fb-pick__empty\">\r\n          {{ hasOptions() ? 'Nessun nome corrisponde.' : 'Nessun candidato da proporre.' }}\r\n        </p>\r\n      }\r\n      @for (option of visibleOptions(); track option.name) {\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-pick__option\"\r\n          role=\"option\"\r\n          [attr.aria-selected]=\"option.name === value()\"\r\n          (click)=\"choose(option)\"\r\n        >\r\n          <span class=\"fb-pick__name\" [class.fb-pick__name--mono]=\"isMono()\">{{ option.name }}</span>\r\n          @if (describe(option)) {\r\n            <span class=\"fb-pick__meta\">{{ describe(option) }}</span>\r\n          }\r\n        </button>\r\n      }\r\n      <button type=\"button\" class=\"fb-pick__close\" (click)=\"close()\">Chiudi</button>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [":host{display:block}.fb-pick{position:relative}.fb-pick__control{display:flex;align-items:stretch;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);overflow:hidden}.fb-pick--open .fb-pick__control{border-color:var(--fb-accent, #2f6feb)}.fb-pick__input{flex:1;min-width:0;padding:5px 7px;border:0;background:transparent;color:var(--fb-text, #1d2939);font:inherit;font-size:12px}.fb-pick__input:focus-visible{outline:none}.fb-pick__input--mono,.fb-pick__name--mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.fb-pick__toggle,.fb-pick__clear{flex:0 0 auto;padding:0 7px;border:0;border-left:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:12px;cursor:pointer}.fb-pick__toggle:hover,.fb-pick__clear:hover{background:var(--fb-surface-alt, #f8f9fb)}.fb-pick__hint{margin:3px 0 0;font-size:10px;line-height:1.35;color:var(--fb-text-subtle, #98a2b3)}.fb-pick__hint--warn{color:var(--fb-warning, #b7791f)}.fb-pick__hint--error{color:var(--fb-error, #c9372c)}.fb-pick__panel{position:absolute;z-index:30;top:calc(100% + 3px);left:0;right:0;max-height:260px;overflow-y:auto;padding:6px;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);box-shadow:0 6px 18px #10182829}.fb-pick__option{display:flex;flex-direction:column;width:100%;padding:4px 6px;border:0;border-radius:4px;background:transparent;color:var(--fb-text, #1d2939);font:inherit;text-align:left;cursor:pointer}.fb-pick__option:hover,.fb-pick__option[aria-selected=true]{background:var(--fb-surface-alt, #f8f9fb)}.fb-pick__name{font-size:12px}.fb-pick__meta{font-size:10px;color:var(--fb-text-muted, #667085)}.fb-pick__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__name{font-size:12px}.fb-pick__meta{font-size:10px;color:var(--fb-text-muted, #667085)}.fb-pick__empty{margin:4px;font-size:11px;color:var(--fb-text-muted, #667085)}.fb-pick__close{width:100%;margin-top:4px;padding:4px;border:0;border-top:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:11px;cursor:pointer}\n"] }]
+            args: [{ selector: 'fb-name-picker', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"fb-pick\" [class.fb-pick--open]=\"isOpen()\">\r\n  <div class=\"fb-pick__control\">\r\n    <input\r\n      class=\"fb-pick__input\"\r\n      [class.fb-pick__input--mono]=\"isMono()\"\r\n      type=\"text\"\r\n      role=\"combobox\"\r\n      autocomplete=\"off\"\r\n      [value]=\"text()\"\r\n      [placeholder]=\"placeholder()\"\r\n      [disabled]=\"disabled()\"\r\n      [attr.aria-label]=\"label()\"\r\n      [attr.aria-expanded]=\"isOpen()\"\r\n      (input)=\"onInput($any($event.target).value)\"\r\n      (focus)=\"open()\"\r\n      (keydown.escape)=\"close()\"\r\n    />\r\n    <button\r\n      type=\"button\"\r\n      class=\"fb-pick__toggle\"\r\n      [disabled]=\"disabled()\"\r\n      [attr.aria-expanded]=\"isOpen()\"\r\n      aria-label=\"Mostra i nomi disponibili\"\r\n      (click)=\"toggle()\"\r\n    >\r\n      \u25BE\r\n    </button>\r\n    @if (value()) {\r\n      <button type=\"button\" class=\"fb-pick__clear\" aria-label=\"Svuota\" (click)=\"clear()\">\u00D7</button>\r\n    }\r\n  </div>\r\n\r\n  @if (isUnknown()) {\r\n    <p\r\n      class=\"fb-pick__hint\"\r\n      [class.fb-pick__hint--warn]=\"unknownSeverity() === 'warn'\"\r\n      [class.fb-pick__hint--error]=\"unknownSeverity() === 'error'\"\r\n    >\r\n      {{ unknownMessage() }}\r\n    </p>\r\n  } @else if (labelOfValue()) {\r\n    <p class=\"fb-pick__hint\">{{ labelOfValue() }}</p>\r\n  } @else if (!hasOptions()) {\r\n    <p class=\"fb-pick__hint\">{{ emptyMessage() }}</p>\r\n  }\r\n\r\n  @if (isOpen()) {\r\n    <div class=\"fb-pick__panel\" role=\"listbox\">\r\n      @if (visibleOptions().length === 0) {\r\n        <p class=\"fb-pick__empty\">\r\n          {{ hasOptions() ? 'Nessun nome corrisponde.' : 'Nessun candidato da proporre.' }}\r\n        </p>\r\n      }\r\n      @for (option of visibleOptions(); track option.name) {\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-pick__option\"\r\n          role=\"option\"\r\n          [attr.aria-selected]=\"option.name === value()\"\r\n          (click)=\"choose(option)\"\r\n        >\r\n          <span class=\"fb-pick__name\" [class.fb-pick__name--mono]=\"isMono()\">{{ option.name }}</span>\r\n          @if (describe(option)) {\r\n            <span class=\"fb-pick__meta\">{{ describe(option) }}</span>\r\n          }\r\n        </button>\r\n      }\r\n      <button type=\"button\" class=\"fb-pick__close\" (click)=\"close()\">Chiudi</button>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [":host{display:block}.fb-pick{position:relative}.fb-pick__control{display:flex;align-items:stretch;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);overflow:hidden}.fb-pick--open .fb-pick__control{border-color:var(--fb-accent, #2f6feb)}.fb-pick__input{flex:1;min-width:0;padding:5px 7px;border:0;background:transparent;color:var(--fb-text, #1d2939);font:inherit;font-size:12px}.fb-pick__input:focus-visible{outline:none}.fb-pick__input--mono,.fb-pick__name--mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.fb-pick__toggle,.fb-pick__clear{flex:0 0 auto;padding:0 7px;border:0;border-left:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:12px;cursor:pointer}.fb-pick__toggle:hover,.fb-pick__clear:hover{background:var(--fb-surface-alt, #f8f9fb)}.fb-pick__hint{margin:3px 0 0;font-size:10px;line-height:1.35;color:var(--fb-text-subtle, #98a2b3)}.fb-pick__hint--warn{color:var(--fb-warning, #b7791f)}.fb-pick__hint--error{color:var(--fb-error, #c9372c)}.fb-pick__panel{position:absolute;z-index:30;top:calc(100% + 3px);left:0;right:0;max-height:260px;overflow-y:auto;padding:6px;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);box-shadow:0 6px 18px #10182829}.fb-pick__option{display:flex;flex-direction:column;width:100%;padding:4px 6px;border:0;border-radius:4px;background:transparent;color:var(--fb-text, #1d2939);font:inherit;text-align:left;cursor:pointer}.fb-pick__option:hover,.fb-pick__option[aria-selected=true]{background:var(--fb-surface-alt, #f8f9fb)}.fb-pick__name{font-size:12px}.fb-pick__meta{font-size:10px;color:var(--fb-text-muted, #667085)}.fb-pick__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"] }] } });
 
+/**
+ * Selettore di **classe** per una risorsa `Structure` — FRONTEND.md §4.7.
+ *
+ * Le classi non sono un dizionario chiuso come le enumerazioni — arrivano da
+ * `GET /catalog/structures`, l'elenco puo' essere lungo e l'host puo' esporne di piu' di quante
+ * ne dichiari — quindi qui non c'e' un `<select>` ma la stessa combo con autocomplete di
+ * oggetti e campi, nella variante {@link NamePickerComponent} che riceve le opzioni.
+ *
+ * Due cose che questo componente tratta come sostanza:
+ *  - il nome fuori catalogo e' un **errore**, non un avviso: una classe che il backend non
+ *    conosce e' `STRUCTURE_TYPE_UNKNOWN` e blocca l'attivazione;
+ *  - un catalogo vuoto — primitiva non esposta, `MissingService` — resta "non lo so": il campo
+ *    si scrive a mano e non si accusa nessun nome (§7).
+ */
+class StructurePickerComponent {
+    catalog = inject(FlowCatalogStore);
+    value = input(undefined, ...(ngDevMode ? [{ debugName: "value" }] : []));
+    label = input('Classe', ...(ngDevMode ? [{ debugName: "label" }] : []));
+    placeholder = input('Scrivi o scegli una classe', ...(ngDevMode ? [{ debugName: "placeholder" }] : []));
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+    valueChange = output();
+    structures = signal([], ...(ngDevMode ? [{ debugName: "structures" }] : []));
+    constructor() {
+        void this.catalog
+            .listStructures()
+            // Primitiva non esposta: elenco vuoto, che significa "non lo so".
+            .then((list) => this.structures.set(list ?? []))
+            .catch(() => this.structures.set([]));
+    }
+    options = computed(() => this.structures().map((entry) => ({
+        name: entry.name,
+        label: entry.label ?? null,
+        description: entry.description ?? null,
+    })), ...(ngDevMode ? [{ debugName: "options" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: StructurePickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.27", type: StructurePickerComponent, isStandalone: true, selector: "fb-structure-picker", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: `
+    <fb-name-picker
+      [value]="value()"
+      [options]="options()"
+      [label]="label()"
+      [placeholder]="placeholder()"
+      [disabled]="disabled()"
+      unknownSeverity="error"
+      unknownMessage="Questa classe non e’ fra quelle utilizzabili (STRUCTURE_TYPE_UNKNOWN)."
+      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 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: StructurePickerComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'fb-structure-picker',
+                    standalone: true,
+                    imports: [NamePickerComponent],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: `
+    <fb-name-picker
+      [value]="value()"
+      [options]="options()"
+      [label]="label()"
+      [placeholder]="placeholder()"
+      [disabled]="disabled()"
+      unknownSeverity="error"
+      unknownMessage="Questa classe non e’ fra quelle utilizzabili (STRUCTURE_TYPE_UNKNOWN)."
+      emptyMessage="Elenco delle classi non disponibile: puoi scrivere il nome a mano."
+      (valueChange)="valueChange.emit($event)"
+    />
+  `,
+                }]
+        }], ctorParameters: () => [], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }] } });
+
+/**
+ * Selettore di **membro** di una classe — FRONTEND.md §4.7.
+ *
+ * È l'analogo di {@link FieldPickerComponent} per le `Structure`: i membri arrivano dalla
+ * descrizione della classe (`GET /catalog/structures/{className}/members`, che restituisce
+ * `{className, label, members}` e non un array), e l'uso decide **quali** proporre. La
+ * differenza che conta e' `isWritable`: in un campo che chiede una destinazione un membro
+ * calcolato — una property senza setter — si legge ma assegnarlo e' `TARGET_NOT_WRITABLE`,
+ * quindi con `usage="writable"` non compare nemmeno nell'elenco.
+ *
+ * Un membro che non esiste e' `STRUCTURE_MEMBER_UNKNOWN`, e il messaggio elenca i disponibili
+ * invece di dire soltanto che il nome e' sbagliato. Dei percorsi annidati
+ * (`Richiesta.Cliente.Nome`) viene verificato il **primo** segmento, come per i percorsi di
+ * relazione: oltre quello nessuno lo sa, ne' l'editor ne' il backend — la risposta e' piatta e
+ * i membri della classe annidata sono una seconda chiamata (§4.7.1).
+ *
+ * La risposta ha **tre** esiti e qui si vedono tutti e tre: elenco autorevole, classe valida coi
+ * membri non dichiarati (si digita, senza accuse) e classe non registrata (404). Confonderli
+ * significa o accusare un nome che nessuno sa verificare, o proporre di digitare membri di una
+ * classe che il runtime rifiutera'.
+ */
+class StructureMemberPickerComponent {
+    catalog = inject(FlowCatalogStore);
+    value = input(undefined, ...(ngDevMode ? [{ debugName: "value" }] : []));
+    /** La classe di cui elencare i membri: senza classe non c'e' catalogo. */
+    className = input(undefined, ...(ngDevMode ? [{ debugName: "className" }] : []));
+    usage = input('any', ...(ngDevMode ? [{ debugName: "usage" }] : []));
+    label = input('Membro', ...(ngDevMode ? [{ debugName: "label" }] : []));
+    placeholder = input('Scrivi o scegli un membro', ...(ngDevMode ? [{ debugName: "placeholder" }] : []));
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+    valueChange = output();
+    /**
+     * §4.7.1 — non basta l'elenco: serve l'**esito**. Elenco vuoto perche' i membri non sono
+     * dichiarati (si digita a mano) e classe non registrata (non c'e' niente da digitare) hanno
+     * la stessa lista e messaggi opposti.
+     */
+    result = signal({ status: 'unknown-catalog', members: [] }, ...(ngDevMode ? [{ debugName: "result" }] : []));
+    members = computed(() => this.result().members, ...(ngDevMode ? [{ debugName: "members" }] : []));
+    isOpen = signal(false, ...(ngDevMode ? [{ debugName: "isOpen" }] : []));
+    /** Il testo digitato mentre il pannello e' aperto: filtra l'elenco. */
+    query = signal(null, ...(ngDevMode ? [{ debugName: "query" }] : []));
+    constructor() {
+        effect(() => {
+            const className = this.className();
+            if (!className) {
+                this.result.set({ status: 'unknown-catalog', members: [] });
+                return;
+            }
+            // `describeStructure` non rifiuta: gli esiti sono dati, non errori (§4.7.1).
+            void this.catalog.describeStructure(className).then((result) => this.result.set(result));
+        });
+        // Vedi ObjectPickerComponent: il filtro sopravvive alla propria scrittura, non a un valore
+        // che arriva da fuori (un'altra riga della lista, un altro elemento).
+        effect(() => {
+            const value = (this.value() ?? '').trim();
+            if (value !== (untracked(this.query) ?? '').trim()) {
+                this.query.set(null);
+            }
+        });
+    }
+    text = computed(() => this.query() ?? this.value() ?? '', ...(ngDevMode ? [{ debugName: "text" }] : []));
+    /** Con `usage="writable"` i membri di sola lettura non si propongono affatto. */
+    available = computed(() => {
+        const all = this.members();
+        if (this.usage() !== 'writable') {
+            return all;
+        }
+        return all.filter((member) => member.isWritable !== false);
+    }, ...(ngDevMode ? [{ debugName: "available" }] : []));
+    options = computed(() => {
+        const needle = (this.query() ?? '').trim().toLowerCase();
+        const all = this.available();
+        if (!needle) {
+            return all;
+        }
+        return all.filter((member) => `${member.name} ${member.label ?? ''}`.toLowerCase().includes(needle));
+    }, ...(ngDevMode ? [{ debugName: "options" }] : []));
+    /**
+     * Come chiamare la classe: la `label` la porta l'involucro della descrizione, ed e' il motivo
+     * per cui l'involucro esiste (§4.7.1). Assente, si mostra il nome della classe.
+     */
+    classLabel = computed(() => this.result().label || this.className() || '', ...(ngDevMode ? [{ debugName: "classLabel" }] : []));
+    /** Elenco autorevole: solo qui un membro fuori elenco e' un errore (§4.7.1). */
+    hasCatalog = computed(() => this.result().status === 'declared', ...(ngDevMode ? [{ debugName: "hasCatalog" }] : []));
+    /** 404: la classe non e' registrata. Il nome del membro non c'e' modo di indovinarlo. */
+    isClassUnknown = computed(() => this.result().status === 'unknown-class', ...(ngDevMode ? [{ debugName: "isClassUnknown" }] : []));
+    /** Classe valida, membri non dichiarati: si digita, e non si segnala niente. */
+    isUndeclared = computed(() => this.result().status === 'undeclared', ...(ngDevMode ? [{ debugName: "isUndeclared" }] : []));
+    /** Il primo segmento: e' l'unico che si puo' verificare (§4.7). */
+    firstSegment = computed(() => {
+        const value = (this.value() ?? '').trim();
+        const dot = value.indexOf('.');
+        return dot < 0 ? value : value.slice(0, dot);
+    }, ...(ngDevMode ? [{ debugName: "firstSegment" }] : []));
+    /** `true` se il valore naviga dentro un membro: oltre il primo segmento non si verifica. */
+    isNestedPath = computed(() => (this.value() ?? '').includes('.'), ...(ngDevMode ? [{ debugName: "isNestedPath" }] : []));
+    declared = computed(() => {
+        const segment = this.firstSegment();
+        return segment ? this.members().find((member) => member.name === segment) : undefined;
+    }, ...(ngDevMode ? [{ debugName: "declared" }] : []));
+    isUnknown = computed(() => {
+        if (!this.firstSegment() || !this.hasCatalog()) {
+            return false;
+        }
+        return !this.declared();
+    }, ...(ngDevMode ? [{ debugName: "isUnknown" }] : []));
+    /** Il messaggio elenca i disponibili: dire solo "non esiste" non aiuta a correggere. */
+    unknownMessage = computed(() => {
+        const names = this.available()
+            .map((member) => member.name)
+            .join(', ');
+        const prefix = `«${this.firstSegment()}» non e’ un membro di ${this.className()} (STRUCTURE_MEMBER_UNKNOWN).`;
+        return names ? `${prefix} Disponibili: ${names}.` : prefix;
+    }, ...(ngDevMode ? [{ debugName: "unknownMessage" }] : []));
+    /**
+     * Un membro che esiste ma non e' scrivibile, scelto dove serve una destinazione: capita su un
+     * documento scritto altrove, e va detto qui invece di lasciarlo scoprire dall'attivazione.
+     */
+    isNotWritable = computed(() => {
+        if (this.usage() !== 'writable') {
+            return false;
+        }
+        return this.declared()?.isWritable === false;
+    }, ...(ngDevMode ? [{ debugName: "isNotWritable" }] : []));
+    describeValue = computed(() => {
+        const member = this.declared();
+        return member && !this.isNestedPath() ? this.describe(member) || null : null;
+    }, ...(ngDevMode ? [{ debugName: "describeValue" }] : []));
+    /** Catalogo assente per un motivo che non riguarda la classe: "non lo so". */
+    loadErrored = computed(() => this.result().status === 'unknown-catalog' && !!this.className(), ...(ngDevMode ? [{ debugName: "loadErrored" }] : []));
+    open() {
+        if (this.disabled()) {
+            return;
+        }
+        this.isOpen.set(true);
+    }
+    close() {
+        this.isOpen.set(false);
+        this.query.set(null);
+    }
+    toggle() {
+        this.isOpen() ? this.close() : this.open();
+    }
+    onInput(text) {
+        this.query.set(text);
+        this.open();
+        this.valueChange.emit(text.trim() ? text.trim() : undefined);
+    }
+    choose(member) {
+        this.valueChange.emit(member.name);
+        this.close();
+    }
+    clear() {
+        this.valueChange.emit(undefined);
+        this.close();
+    }
+    describe(member) {
+        const parts = [];
+        if (member.label && member.label !== member.name) {
+            parts.push(member.label);
+        }
+        if (member.dataType) {
+            const type = member.isCollection ? `${member.dataType}[]` : member.dataType;
+            parts.push(member.objectType ? `${type} · ${member.objectType}` : type);
+        }
+        if (member.isWritable === false) {
+            parts.push('sola lettura');
+        }
+        return parts.join(' · ');
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: StructureMemberPickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: StructureMemberPickerComponent, isStandalone: true, selector: "fb-structure-member-picker", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, className: { classPropertyName: "className", publicName: "className", isSignal: true, isRequired: false, transformFunction: null }, usage: { classPropertyName: "usage", publicName: "usage", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<div class=\"fb-pick\" [class.fb-pick--open]=\"isOpen()\">\r\n  <div class=\"fb-pick__control\">\r\n    <input\r\n      class=\"fb-pick__input\"\r\n      type=\"text\"\r\n      role=\"combobox\"\r\n      autocomplete=\"off\"\r\n      [value]=\"text()\"\r\n      [placeholder]=\"placeholder()\"\r\n      [disabled]=\"disabled()\"\r\n      [attr.aria-label]=\"label()\"\r\n      [attr.aria-expanded]=\"isOpen()\"\r\n      (input)=\"onInput($any($event.target).value)\"\r\n      (focus)=\"open()\"\r\n      (keydown.escape)=\"close()\"\r\n    />\r\n    <button\r\n      type=\"button\"\r\n      class=\"fb-pick__toggle\"\r\n      [disabled]=\"disabled()\"\r\n      [attr.aria-expanded]=\"isOpen()\"\r\n      aria-label=\"Mostra i membri 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 (isClassUnknown()) {\r\n    <p class=\"fb-pick__hint fb-pick__hint--error\">\r\n      La classe {{ className() }} non e\u2019 registrata (STRUCTURE_TYPE_UNKNOWN): correggi la classe,\r\n      non il membro.\r\n    </p>\r\n  } @else if (isUnknown()) {\r\n    <p class=\"fb-pick__hint fb-pick__hint--error\">{{ unknownMessage() }}</p>\r\n  } @else if (isNotWritable()) {\r\n    <p class=\"fb-pick__hint fb-pick__hint--error\">\r\n      Questo membro e\u2019 calcolato: si legge, ma assegnarlo e\u2019 TARGET_NOT_WRITABLE.\r\n    </p>\r\n  } @else if (isNestedPath()) {\r\n    <p class=\"fb-pick__hint fb-pick__hint--warn\">\r\n      Percorso annidato: viene verificato solo il primo segmento, il resto si scopre eseguendo.\r\n    </p>\r\n  } @else if (describeValue()) {\r\n    <p class=\"fb-pick__hint\">{{ describeValue() }}</p>\r\n  } @else if (isUndeclared()) {\r\n    <p class=\"fb-pick__hint fb-pick__hint--warn\">\r\n      {{ classLabel() }} non dichiara i suoi membri: scrivi il nome a mano, non e\u2019 verificabile.\r\n    </p>\r\n  } @else if (loadErrored()) {\r\n    <p class=\"fb-pick__hint fb-pick__hint--warn\">\r\n      Elenco dei membri non disponibile: puoi scrivere il nome a mano.\r\n    </p>\r\n  }\r\n\r\n  @if (isOpen()) {\r\n    <div class=\"fb-pick__panel\" role=\"listbox\">\r\n      @if (className()) {\r\n        <p class=\"fb-pick__group\">Membri di {{ classLabel() }}</p>\r\n      }\r\n      @if (options().length === 0) {\r\n        <p class=\"fb-pick__empty\">\r\n          @if (!className()) {\r\n            Scegli prima una classe.\r\n          } @else if (hasCatalog()) {\r\n            Nessun membro corrisponde.\r\n          } @else if (isClassUnknown()) {\r\n            Classe non registrata: nessun membro da proporre.\r\n          } @else {\r\n            Membri non dichiarati: scrivi il nome del membro.\r\n          }\r\n        </p>\r\n      }\r\n      @for (member of options(); track member.name) {\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-pick__option\"\r\n          role=\"option\"\r\n          [attr.aria-selected]=\"member.name === value()\"\r\n          (click)=\"choose(member)\"\r\n        >\r\n          <span class=\"fb-pick__name\">{{ member.name }}</span>\r\n          @if (describe(member)) {\r\n            <span class=\"fb-pick__meta\">{{ describe(member) }}</span>\r\n          }\r\n        </button>\r\n      }\r\n      <button type=\"button\" class=\"fb-pick__close\" (click)=\"close()\">Chiudi</button>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [":host{display:block}.fb-pick{position:relative}.fb-pick__control{display:flex;align-items:stretch;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);overflow:hidden}.fb-pick--open .fb-pick__control{border-color:var(--fb-accent, #2f6feb)}.fb-pick__input{flex:1;min-width:0;padding:5px 7px;border:0;background:transparent;color:var(--fb-text, #1d2939);font:inherit;font-size:12px}.fb-pick__input:focus-visible{outline:none}.fb-pick__input--mono,.fb-pick__name--mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.fb-pick__toggle,.fb-pick__clear{flex:0 0 auto;padding:0 7px;border:0;border-left:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:12px;cursor:pointer}.fb-pick__toggle:hover,.fb-pick__clear:hover{background:var(--fb-surface-alt, #f8f9fb)}.fb-pick__hint{margin:3px 0 0;font-size:10px;line-height:1.35;color:var(--fb-text-subtle, #98a2b3)}.fb-pick__hint--warn{color:var(--fb-warning, #b7791f)}.fb-pick__hint--error{color:var(--fb-error, #c9372c)}.fb-pick__panel{position:absolute;z-index:30;top:calc(100% + 3px);left:0;right:0;max-height:260px;overflow-y:auto;padding:6px;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);box-shadow:0 6px 18px #10182829}.fb-pick__option{display:flex;flex-direction:column;width:100%;padding:4px 6px;border:0;border-radius:4px;background:transparent;color:var(--fb-text, #1d2939);font:inherit;text-align:left;cursor:pointer}.fb-pick__option:hover,.fb-pick__option[aria-selected=true]{background:var(--fb-surface-alt, #f8f9fb)}.fb-pick__name{font-size:12px}.fb-pick__meta{font-size:10px;color:var(--fb-text-muted, #667085)}.fb-pick__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: StructureMemberPickerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'fb-structure-member-picker', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"fb-pick\" [class.fb-pick--open]=\"isOpen()\">\r\n  <div class=\"fb-pick__control\">\r\n    <input\r\n      class=\"fb-pick__input\"\r\n      type=\"text\"\r\n      role=\"combobox\"\r\n      autocomplete=\"off\"\r\n      [value]=\"text()\"\r\n      [placeholder]=\"placeholder()\"\r\n      [disabled]=\"disabled()\"\r\n      [attr.aria-label]=\"label()\"\r\n      [attr.aria-expanded]=\"isOpen()\"\r\n      (input)=\"onInput($any($event.target).value)\"\r\n      (focus)=\"open()\"\r\n      (keydown.escape)=\"close()\"\r\n    />\r\n    <button\r\n      type=\"button\"\r\n      class=\"fb-pick__toggle\"\r\n      [disabled]=\"disabled()\"\r\n      [attr.aria-expanded]=\"isOpen()\"\r\n      aria-label=\"Mostra i membri 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 (isClassUnknown()) {\r\n    <p class=\"fb-pick__hint fb-pick__hint--error\">\r\n      La classe {{ className() }} non e\u2019 registrata (STRUCTURE_TYPE_UNKNOWN): correggi la classe,\r\n      non il membro.\r\n    </p>\r\n  } @else if (isUnknown()) {\r\n    <p class=\"fb-pick__hint fb-pick__hint--error\">{{ unknownMessage() }}</p>\r\n  } @else if (isNotWritable()) {\r\n    <p class=\"fb-pick__hint fb-pick__hint--error\">\r\n      Questo membro e\u2019 calcolato: si legge, ma assegnarlo e\u2019 TARGET_NOT_WRITABLE.\r\n    </p>\r\n  } @else if (isNestedPath()) {\r\n    <p class=\"fb-pick__hint fb-pick__hint--warn\">\r\n      Percorso annidato: viene verificato solo il primo segmento, il resto si scopre eseguendo.\r\n    </p>\r\n  } @else if (describeValue()) {\r\n    <p class=\"fb-pick__hint\">{{ describeValue() }}</p>\r\n  } @else if (isUndeclared()) {\r\n    <p class=\"fb-pick__hint fb-pick__hint--warn\">\r\n      {{ classLabel() }} non dichiara i suoi membri: scrivi il nome a mano, non e\u2019 verificabile.\r\n    </p>\r\n  } @else if (loadErrored()) {\r\n    <p class=\"fb-pick__hint fb-pick__hint--warn\">\r\n      Elenco dei membri non disponibile: puoi scrivere il nome a mano.\r\n    </p>\r\n  }\r\n\r\n  @if (isOpen()) {\r\n    <div class=\"fb-pick__panel\" role=\"listbox\">\r\n      @if (className()) {\r\n        <p class=\"fb-pick__group\">Membri di {{ classLabel() }}</p>\r\n      }\r\n      @if (options().length === 0) {\r\n        <p class=\"fb-pick__empty\">\r\n          @if (!className()) {\r\n            Scegli prima una classe.\r\n          } @else if (hasCatalog()) {\r\n            Nessun membro corrisponde.\r\n          } @else if (isClassUnknown()) {\r\n            Classe non registrata: nessun membro da proporre.\r\n          } @else {\r\n            Membri non dichiarati: scrivi il nome del membro.\r\n          }\r\n        </p>\r\n      }\r\n      @for (member of options(); track member.name) {\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-pick__option\"\r\n          role=\"option\"\r\n          [attr.aria-selected]=\"member.name === value()\"\r\n          (click)=\"choose(member)\"\r\n        >\r\n          <span class=\"fb-pick__name\">{{ member.name }}</span>\r\n          @if (describe(member)) {\r\n            <span class=\"fb-pick__meta\">{{ describe(member) }}</span>\r\n          }\r\n        </button>\r\n      }\r\n      <button type=\"button\" class=\"fb-pick__close\" (click)=\"close()\">Chiudi</button>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [":host{display:block}.fb-pick{position:relative}.fb-pick__control{display:flex;align-items:stretch;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);overflow:hidden}.fb-pick--open .fb-pick__control{border-color:var(--fb-accent, #2f6feb)}.fb-pick__input{flex:1;min-width:0;padding:5px 7px;border:0;background:transparent;color:var(--fb-text, #1d2939);font:inherit;font-size:12px}.fb-pick__input:focus-visible{outline:none}.fb-pick__input--mono,.fb-pick__name--mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.fb-pick__toggle,.fb-pick__clear{flex:0 0 auto;padding:0 7px;border:0;border-left:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:12px;cursor:pointer}.fb-pick__toggle:hover,.fb-pick__clear:hover{background:var(--fb-surface-alt, #f8f9fb)}.fb-pick__hint{margin:3px 0 0;font-size:10px;line-height:1.35;color:var(--fb-text-subtle, #98a2b3)}.fb-pick__hint--warn{color:var(--fb-warning, #b7791f)}.fb-pick__hint--error{color:var(--fb-error, #c9372c)}.fb-pick__panel{position:absolute;z-index:30;top:calc(100% + 3px);left:0;right:0;max-height:260px;overflow-y:auto;padding:6px;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);box-shadow:0 6px 18px #10182829}.fb-pick__option{display:flex;flex-direction:column;width:100%;padding:4px 6px;border:0;border-radius:4px;background:transparent;color:var(--fb-text, #1d2939);font:inherit;text-align:left;cursor:pointer}.fb-pick__option:hover,.fb-pick__option[aria-selected=true]{background:var(--fb-surface-alt, #f8f9fb)}.fb-pick__name{font-size:12px}.fb-pick__meta{font-size:10px;color:var(--fb-text-muted, #667085)}.fb-pick__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 }] }], className: [{ type: i0.Input, args: [{ isSignal: true, alias: "className", required: false }] }], usage: [{ type: i0.Input, args: [{ isSignal: true, alias: "usage", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }] } });
+
 /**
  * `[fbValue]` su un `<select>`.
  *
@@ -3789,7 +4257,10 @@ class ValueEditorComponent {
     mode = computed(() => {
         const value = this.value();
         if (!value) {
-            return this.dataType() ? 'literal' : 'reference';
+            // Dove il letterale non esiste — `Object`, `Structure`, una collection — la modalita' di
+            // partenza e' il riferimento: proporre una casella di testo inviterebbe a scrivere un
+            // valore che il modello non sa portare (§4.2, §4.7).
+            return this.dataType() && this.literalAllowed() ? 'literal' : 'reference';
         }
         if (value.formulaExpression !== undefined) {
             return 'formula';
@@ -3830,7 +4301,10 @@ class ValueEditorComponent {
         return keys.filter((key) => value[key] !== undefined).length;
     }, ...(ngDevMode ? [{ debugName: "filledFieldCount" }] : []));
     isAmbiguous = computed(() => this.filledFieldCount() > 1, ...(ngDevMode ? [{ debugName: "isAmbiguous" }] : []));
-    /** Il campo del valore che corrisponde al `dataType` (§4.2, tabella dei sette tipi). */
+    /**
+     * Il campo del valore che corrisponde al `dataType` (§4.2, tabella degli otto tipi). `Object` e
+     * `Structure` non ci sono: si passano per riferimento, e {@link literalAllowed} li esclude.
+     */
     literalField = computed(() => {
         switch (this.dataType()) {
             case 'Integer':
@@ -3851,14 +4325,17 @@ class ValueEditorComponent {
     }, ...(ngDevMode ? [{ debugName: "literalField" }] : []));
     /**
      * `Object` non ha un campo letterale: un record si passa per riferimento (§4.2).
-     * Lo stesso vale per una collection.
+     * Lo stesso vale per una collection e per una `Structure`, che non ha un `structureValue` e
+     * non lo avra': un'istanza nasce dal runtime e nel metadata si cita per riferimento (§4.7).
      */
     literalAllowed = computed(() => {
         if (this.isCollection()) {
             return false;
         }
-        return this.dataType() !== 'Object';
+        return this.dataType() !== 'Object' && !this.dictionaries.isStructure(this.dataType());
     }, ...(ngDevMode ? [{ debugName: "literalAllowed" }] : []));
+    /** §4.7 — la destinazione e' un'istanza di classe: si passa per riferimento e basta. */
+    isStructureTarget = computed(() => this.dictionaries.isStructure(this.dataType()), ...(ngDevMode ? [{ debugName: "isStructureTarget" }] : []));
     literalInputType = computed(() => {
         switch (this.dataType()) {
             case 'Integer':
@@ -4040,11 +4517,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    }\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 {\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          [placeholder]=\"dataType() === 'Enum' ? 'Nome del valore di enum' : ''\"\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: 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 {\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          [placeholder]=\"dataType() === 'Enum' ? 'Nome del valore di enum' : ''\"\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: 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: [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    }\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 {\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          [placeholder]=\"dataType() === 'Enum' ? 'Nome del valore di enum' : ''\"\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: [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 {\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          [placeholder]=\"dataType() === 'Enum' ? 'Nome del valore di enum' : ''\"\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"] }]
         }], 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"] }] } });
 
 /**
@@ -4398,6 +4875,8 @@ class RecordFilterEditorComponent {
     emptyWarningSeverity = input('warn', ...(ngDevMode ? [{ debugName: "emptyWarningSeverity" }] : []));
     changed = output();
     fields = signal([], ...(ngDevMode ? [{ debugName: "fields" }] : []));
+    /** Tutti i campi, filtrabili o no: serve solo a riconoscere le chiavi composte (§5.7). */
+    allFields = signal([], ...(ngDevMode ? [{ debugName: "allFields" }] : []));
     filters = computed(() => this.holder().filters ?? [], ...(ngDevMode ? [{ debugName: "filters" }] : []));
     operators = computed(() => this.dictionaries.recordFilterOperators(), ...(ngDevMode ? [{ debugName: "operators" }] : []));
     constructor() {
@@ -4414,7 +4893,29 @@ class RecordFilterEditorComponent {
                 // Catalogo non disponibile: il campo resta scrivibile a mano.
                 .catch(() => this.fields.set([]));
         });
+        effect(() => {
+            const object = this.object();
+            if (!object) {
+                this.allFields.set([]);
+                return;
+            }
+            void this.catalog
+                .listFields(object, 'any')
+                .then((list) => this.allFields.set(list ?? []))
+                .catch(() => this.allFields.set([]));
+        });
     }
+    /**
+     * §5.7 — l'identificativo esiste ma **non e' filtrabile**: e' il caso di una chiave composta,
+     * dove `Id` porta la forma canonica della chiave e le colonne filtrabili sono altre. Dirlo
+     * evita la ricerca di un campo che nell'elenco non c'e' e non ci sara'.
+     */
+    identifierNotFilterable = computed(() => {
+        if (this.usage() !== 'filterable') {
+            return false;
+        }
+        return this.allFields().some((field) => field.name === 'Id' && field.isFilterable === false);
+    }, ...(ngDevMode ? [{ debugName: "identifierNotFilterable" }] : []));
     logicMode = computed(() => {
         const logic = this.holder().filterLogic;
         if (!logic) {
@@ -4537,11 +5038,11 @@ class RecordFilterEditorComponent {
         return this.fields().find((field) => field.name === filter.field)?.dataType;
     }
     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 (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              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      <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              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 });
 }
 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 (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              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, 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              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"] }]
         }], 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"] }] } });
 
 /**
@@ -4683,14 +5184,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImpo
 /**
  * Editor di `inputAssignments` — FRONTEND.md §5.7.
  *
- * Campo dell'entita' → valore. I campi proposti passano da
- * `GET /schema/{object}/fields?usage=updateable`, perche' scrivere su un campo non
- * aggiornabile e' `FIELD_NOT_UPDATEABLE`.
+ * Campo dell'entita' → valore. L'uso con cui si chiedono i campi dipende dall'**elemento**: un
+ * Create propone i campi valorizzabili alla creazione (`createable`), un Update quelli
+ * aggiornabili (`updateable`). Non sono lo stesso insieme, e la differenza non e' teorica: la
+ * chiave di un'entita' con chiave naturale la scrive chi crea il record e non si cambia dopo, un
+ * identificativo generato dal database e' l'opposto. Sbagliare insieme porta a
+ * `FIELD_NOT_CREATEABLE` o `FIELD_NOT_UPDATEABLE`, che sono due errori diversi.
  */
 class FieldAssignmentEditorComponent {
     catalog = inject(FlowCatalogStore);
     holder = input.required(...(ngDevMode ? [{ debugName: "holder" }] : []));
     object = input(undefined, ...(ngDevMode ? [{ debugName: "object" }] : []));
+    /** `createable` su un Create, `updateable` su un Update: lo decide il chiamante (§5.7). */
+    usage = input('updateable', ...(ngDevMode ? [{ debugName: "usage" }] : []));
     title = input('Valori dei campi', ...(ngDevMode ? [{ debugName: "title" }] : []));
     disabledReason = input(null, ...(ngDevMode ? [{ debugName: "disabledReason" }] : []));
     changed = output();
@@ -4708,12 +5214,13 @@ class FieldAssignmentEditorComponent {
     constructor() {
         effect(() => {
             const object = this.object();
+            const usage = this.usage();
             if (!object) {
                 this.fields.set([]);
                 return;
             }
             void this.catalog
-                .listFields(object, 'updateable')
+                .listFields(object, usage)
                 .then((list) => this.fields.set(list ?? []))
                 .catch(() => this.fields.set([]));
         });
@@ -4756,12 +5263,12 @@ 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 }, 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=\"updateable\"\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        <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 });
 }
 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=\"updateable\"\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"] }]
-        }], 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 }] }], disabledReason: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabledReason", required: false }] }], changed: [{ type: i0.Output, args: ["changed"] }] } });
+            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"] }]
+        }], 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"] }] } });
 
 /**
  * Editor delle uscite di un elemento — FRONTEND.md §3.5.
@@ -6146,6 +6653,13 @@ class RecordWriteInspectorComponent extends NodeInspectorBase {
     isDelete = computed(() => this.type() === 'RecordDelete', ...(ngDevMode ? [{ debugName: "isDelete" }] : []));
     /** Le due modalita' alternative del modello. */
     mode = computed(() => this.record().inputReference ? 'reference' : (this.chosenMode() ?? 'object'), ...(ngDevMode ? [{ debugName: "mode" }] : []));
+    /**
+     * L'uso con cui chiedere i campi di `inputAssignments`: **valorizzabili alla creazione** su un
+     * Create, **aggiornabili** su un Update (§5.7). Non e' lo stesso insieme — la colonna di una
+     * chiave naturale la scrive chi crea il record e non si cambia dopo — e proporre l'insieme
+     * sbagliato porta a `FIELD_NOT_CREATEABLE` o `FIELD_NOT_UPDATEABLE`.
+     */
+    assignmentUsage = computed(() => (this.isCreate() ? 'createable' : 'updateable'), ...(ngDevMode ? [{ debugName: "assignmentUsage" }] : []));
     /** Update e Delete non hanno `filterLogic`: i filtri sono sempre in AND (§4.4). */
     supportsFilterLogic = computed(() => this.isCreate(), ...(ngDevMode ? [{ debugName: "supportsFilterLogic" }] : []));
     needsFilters = computed(() => this.isUpdate() || this.isDelete(), ...(ngDevMode ? [{ debugName: "needsFilters" }] : []));
@@ -6282,7 +6796,7 @@ class RecordWriteInspectorComponent extends NodeInspectorBase {
         this.patch((node) => mutate(node));
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: RecordWriteInspectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: RecordWriteInspectorComponent, isStandalone: true, selector: "fb-record-write-inspector", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: true, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: "<fieldset class=\"fb-section\">\r\n  <legend class=\"fb-section__title\">Come indicare i {{ title() }}</legend>\r\n  <label class=\"fb-check\">\r\n    <input type=\"radio\" name=\"write-mode\" [checked]=\"mode() === 'object'\" (change)=\"setMode('object')\" />\r\n    Per oggetto{{ needsFilters() ? ' e filtri' : ' e valori' }}\r\n  </label>\r\n  <label class=\"fb-check\">\r\n    <input type=\"radio\" name=\"write-mode\" [checked]=\"mode() === 'reference'\" (change)=\"setMode('reference')\" />\r\n    Un record gi\u00E0 in memoria\r\n  </label>\r\n</fieldset>\r\n\r\n@if (mode() === 'reference') {\r\n  <div class=\"fb-field\">\r\n    <label class=\"fb-field__label fb-field__label--required\">Record</label>\r\n    <fb-reference-picker\r\n      [value]=\"record().inputReference\"\r\n      dataType=\"Object\"\r\n      placeholder=\"Variabile di tipo record\"\r\n      (valueChange)=\"setInputReference($event)\"\r\n    />\r\n    <p class=\"fb-field__hint\">\r\n      Il record porta con se\u2019 i propri valori: non serve indicare oggetto ne\u2019 campi.\r\n    </p>\r\n  </div>\r\n} @else {\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]=\"record().object\"\r\n      placeholder=\"Scrivi o scegli un oggetto\"\r\n      (valueChange)=\"setObject($event ?? '')\"\r\n    />\r\n  </div>\r\n\r\n  @if (needsFilters()) {\r\n    <fb-record-filter-editor\r\n      [holder]=\"$any(record())\"\r\n      [object]=\"record().object\"\r\n      [title]=\"isDelete() ? 'Quali record cancellare' : 'Quali record aggiornare'\"\r\n      usage=\"filterable\"\r\n      [supportsLogic]=\"supportsFilterLogic()\"\r\n      [emptyWarning]=\"emptyFilterWarning()\"\r\n      [emptyWarningSeverity]=\"emptyFilterSeverity()\"\r\n      (changed)=\"onFiltersChanged($event)\"\r\n    />\r\n\r\n    @if (showsBulkConfirm()) {\r\n      <label class=\"fb-check fb-confirm\">\r\n        <input\r\n          type=\"checkbox\"\r\n          [checked]=\"bulkUpdateConfirmed()\"\r\n          (change)=\"confirmBulkUpdate($any($event.target).checked)\"\r\n        />\r\n        Confermo di voler aggiornare <strong>tutti</strong> i record di \u00AB{{ record().object || 'questo oggetto' }}\u00BB\r\n      </label>\r\n    }\r\n  }\r\n\r\n  @if (!isDelete()) {\r\n    <fb-field-assignment-editor\r\n      [holder]=\"$any(record())\"\r\n      [object]=\"record().object\"\r\n      [title]=\"isCreate() ? 'Valori del nuovo record' : 'Valori da scrivere'\"\r\n      (changed)=\"onAssignmentsChanged($event)\"\r\n    />\r\n  }\r\n}\r\n\r\n@if (isCreate()) {\r\n  <fieldset class=\"fb-section\">\r\n    <legend class=\"fb-section__title\">Upsert</legend>\r\n    <label class=\"fb-check\">\r\n      <input\r\n        type=\"checkbox\"\r\n        [checked]=\"record().doesUpsert === true\"\r\n        (change)=\"setDoesUpsert($any($event.target).checked)\"\r\n      />\r\n      Aggiorna il record se esiste gi\u00E0\r\n    </label>\r\n\r\n    @if (record().doesUpsert) {\r\n      @if (hasUpsertConflict()) {\r\n        <p class=\"fb-callout fb-callout--error\">\r\n          Sono indicati insieme il campo di id esterno e quello standard: va scelto uno solo\r\n          (UPSERT_CONFIGURATION_INVALID).\r\n        </p>\r\n      }\r\n      <label class=\"fb-check\">\r\n        <input\r\n          type=\"radio\"\r\n          name=\"upsert-mode\"\r\n          [checked]=\"upsertMode() === 'external'\"\r\n          (change)=\"setUpsertMode('external')\"\r\n        />\r\n        Riconosci il record da un id esterno\r\n      </label>\r\n      <label class=\"fb-check\">\r\n        <input\r\n          type=\"radio\"\r\n          name=\"upsert-mode\"\r\n          [checked]=\"upsertMode() === 'standard'\"\r\n          (change)=\"setUpsertMode('standard')\"\r\n        />\r\n        Riconosci il record dall\u2019id standard\r\n      </label>\r\n\r\n      @if (upsertMode() === 'external') {\r\n        <div class=\"fb-field\">\r\n          <label class=\"fb-field__label fb-field__label--required\">Campo id esterno</label>\r\n          <fb-field-picker\r\n            [value]=\"record().upsertExternalIdField\"\r\n            [object]=\"record().object\"\r\n            usage=\"any\"\r\n            label=\"Campo id esterno\"\r\n            (valueChange)=\"setUpsertExternalField($event ?? '')\"\r\n          />\r\n        </div>\r\n      } @else {\r\n        <div class=\"fb-field\">\r\n          <label class=\"fb-field__label fb-field__label--required\">Campo id standard</label>\r\n          <fb-field-picker\r\n            [value]=\"record().upsertStandardIdField\"\r\n            [object]=\"record().object\"\r\n            usage=\"any\"\r\n            label=\"Campo id standard\"\r\n            (valueChange)=\"setUpsertStandardField($event ?? '')\"\r\n          />\r\n        </div>\r\n      }\r\n    }\r\n  </fieldset>\r\n\r\n  <fieldset class=\"fb-section\">\r\n    <legend class=\"fb-section__title\">Identificativo creato</legend>\r\n    <label class=\"fb-check\">\r\n      <input\r\n        type=\"checkbox\"\r\n        [checked]=\"record().storeOutputAutomatically === true\"\r\n        (change)=\"setStoreOutputAutomatically($any($event.target).checked)\"\r\n      />\r\n      Output automatico\r\n    </label>\r\n    @if (record().storeOutputAutomatically) {\r\n      <p class=\"fb-field__hint\">\r\n        L\u2019identificativo creato si referenzia col nome dell\u2019elemento: <code>{{ name() }}</code>.\r\n      </p>\r\n    } @else {\r\n      <div class=\"fb-field\">\r\n        <label class=\"fb-field__label\">Assegna l\u2019identificativo a</label>\r\n        <fb-reference-picker\r\n          [value]=\"record().assignRecordIdToReference\"\r\n          [writableOnly]=\"true\"\r\n          placeholder=\"Scegli una variabile\"\r\n          (valueChange)=\"setAssignRecordId($event)\"\r\n        />\r\n      </div>\r\n    }\r\n  </fieldset>\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: FieldAssignmentEditorComponent, selector: "fb-field-assignment-editor", inputs: ["holder", "object", "title", "disabledReason"], outputs: ["changed"] }, { 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: RecordFilterEditorComponent, selector: "fb-record-filter-editor", inputs: ["holder", "object", "title", "usage", "supportsLogic", "supportsFormula", "emptyWarning", "emptyWarningSeverity"], outputs: ["changed"] }, { kind: "component", type: ReferencePickerComponent, selector: "fb-reference-picker", inputs: ["value", "label", "placeholder", "disabled", "dataType", "isCollection", "objectType", "writableOnly", "elementsOnly"], outputs: ["valueChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: RecordWriteInspectorComponent, isStandalone: true, selector: "fb-record-write-inspector", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: true, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: "<fieldset class=\"fb-section\">\r\n  <legend class=\"fb-section__title\">Come indicare i {{ title() }}</legend>\r\n  <label class=\"fb-check\">\r\n    <input type=\"radio\" name=\"write-mode\" [checked]=\"mode() === 'object'\" (change)=\"setMode('object')\" />\r\n    Per oggetto{{ needsFilters() ? ' e filtri' : ' e valori' }}\r\n  </label>\r\n  <label class=\"fb-check\">\r\n    <input type=\"radio\" name=\"write-mode\" [checked]=\"mode() === 'reference'\" (change)=\"setMode('reference')\" />\r\n    Un record gi\u00E0 in memoria\r\n  </label>\r\n</fieldset>\r\n\r\n@if (mode() === 'reference') {\r\n  <div class=\"fb-field\">\r\n    <label class=\"fb-field__label fb-field__label--required\">Record</label>\r\n    <fb-reference-picker\r\n      [value]=\"record().inputReference\"\r\n      dataType=\"Object\"\r\n      placeholder=\"Variabile di tipo record\"\r\n      (valueChange)=\"setInputReference($event)\"\r\n    />\r\n    <p class=\"fb-field__hint\">\r\n      Il record porta con se\u2019 i propri valori: non serve indicare oggetto ne\u2019 campi.\r\n    </p>\r\n  </div>\r\n} @else {\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]=\"record().object\"\r\n      placeholder=\"Scrivi o scegli un oggetto\"\r\n      (valueChange)=\"setObject($event ?? '')\"\r\n    />\r\n  </div>\r\n\r\n  @if (needsFilters()) {\r\n    <fb-record-filter-editor\r\n      [holder]=\"$any(record())\"\r\n      [object]=\"record().object\"\r\n      [title]=\"isDelete() ? 'Quali record cancellare' : 'Quali record aggiornare'\"\r\n      usage=\"filterable\"\r\n      [supportsLogic]=\"supportsFilterLogic()\"\r\n      [emptyWarning]=\"emptyFilterWarning()\"\r\n      [emptyWarningSeverity]=\"emptyFilterSeverity()\"\r\n      (changed)=\"onFiltersChanged($event)\"\r\n    />\r\n\r\n    @if (showsBulkConfirm()) {\r\n      <label class=\"fb-check fb-confirm\">\r\n        <input\r\n          type=\"checkbox\"\r\n          [checked]=\"bulkUpdateConfirmed()\"\r\n          (change)=\"confirmBulkUpdate($any($event.target).checked)\"\r\n        />\r\n        Confermo di voler aggiornare <strong>tutti</strong> i record di \u00AB{{ record().object || 'questo oggetto' }}\u00BB\r\n      </label>\r\n    }\r\n  }\r\n\r\n  @if (!isDelete()) {\r\n    <!-- I due insiemi non coincidono: `createable` su un Create, `updateable` su un Update. -->\r\n    <fb-field-assignment-editor\r\n      [holder]=\"$any(record())\"\r\n      [object]=\"record().object\"\r\n      [usage]=\"assignmentUsage()\"\r\n      [title]=\"isCreate() ? 'Valori del nuovo record' : 'Valori da scrivere'\"\r\n      (changed)=\"onAssignmentsChanged($event)\"\r\n    />\r\n  }\r\n}\r\n\r\n@if (isCreate()) {\r\n  <fieldset class=\"fb-section\">\r\n    <legend class=\"fb-section__title\">Upsert</legend>\r\n    <label class=\"fb-check\">\r\n      <input\r\n        type=\"checkbox\"\r\n        [checked]=\"record().doesUpsert === true\"\r\n        (change)=\"setDoesUpsert($any($event.target).checked)\"\r\n      />\r\n      Aggiorna il record se esiste gi\u00E0\r\n    </label>\r\n\r\n    @if (record().doesUpsert) {\r\n      @if (hasUpsertConflict()) {\r\n        <p class=\"fb-callout fb-callout--error\">\r\n          Sono indicati insieme il campo di id esterno e quello standard: va scelto uno solo\r\n          (UPSERT_CONFIGURATION_INVALID).\r\n        </p>\r\n      }\r\n      <label class=\"fb-check\">\r\n        <input\r\n          type=\"radio\"\r\n          name=\"upsert-mode\"\r\n          [checked]=\"upsertMode() === 'external'\"\r\n          (change)=\"setUpsertMode('external')\"\r\n        />\r\n        Riconosci il record da un id esterno\r\n      </label>\r\n      <label class=\"fb-check\">\r\n        <input\r\n          type=\"radio\"\r\n          name=\"upsert-mode\"\r\n          [checked]=\"upsertMode() === 'standard'\"\r\n          (change)=\"setUpsertMode('standard')\"\r\n        />\r\n        Riconosci il record dall\u2019id standard\r\n      </label>\r\n\r\n      @if (upsertMode() === 'external') {\r\n        <div class=\"fb-field\">\r\n          <label class=\"fb-field__label fb-field__label--required\">Campo id esterno</label>\r\n          <fb-field-picker\r\n            [value]=\"record().upsertExternalIdField\"\r\n            [object]=\"record().object\"\r\n            usage=\"any\"\r\n            label=\"Campo id esterno\"\r\n            (valueChange)=\"setUpsertExternalField($event ?? '')\"\r\n          />\r\n        </div>\r\n      } @else {\r\n        <div class=\"fb-field\">\r\n          <label class=\"fb-field__label fb-field__label--required\">Campo id standard</label>\r\n          <fb-field-picker\r\n            [value]=\"record().upsertStandardIdField\"\r\n            [object]=\"record().object\"\r\n            usage=\"any\"\r\n            label=\"Campo id standard\"\r\n            (valueChange)=\"setUpsertStandardField($event ?? '')\"\r\n          />\r\n        </div>\r\n      }\r\n    }\r\n  </fieldset>\r\n\r\n  <fieldset class=\"fb-section\">\r\n    <legend class=\"fb-section__title\">Identificativo creato</legend>\r\n    <label class=\"fb-check\">\r\n      <input\r\n        type=\"checkbox\"\r\n        [checked]=\"record().storeOutputAutomatically === true\"\r\n        (change)=\"setStoreOutputAutomatically($any($event.target).checked)\"\r\n      />\r\n      Output automatico\r\n    </label>\r\n    @if (record().storeOutputAutomatically) {\r\n      <p class=\"fb-field__hint\">\r\n        L\u2019identificativo creato si referenzia col nome dell\u2019elemento: <code>{{ name() }}</code>.\r\n      </p>\r\n    } @else {\r\n      <div class=\"fb-field\">\r\n        <label class=\"fb-field__label\">Assegna l\u2019identificativo a</label>\r\n        <fb-reference-picker\r\n          [value]=\"record().assignRecordIdToReference\"\r\n          [writableOnly]=\"true\"\r\n          placeholder=\"Scegli una variabile\"\r\n          (valueChange)=\"setAssignRecordId($event)\"\r\n        />\r\n      </div>\r\n    }\r\n  </fieldset>\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: FieldAssignmentEditorComponent, selector: "fb-field-assignment-editor", inputs: ["holder", "object", "usage", "title", "disabledReason"], outputs: ["changed"] }, { 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: RecordFilterEditorComponent, selector: "fb-record-filter-editor", inputs: ["holder", "object", "title", "usage", "supportsLogic", "supportsFormula", "emptyWarning", "emptyWarningSeverity"], outputs: ["changed"] }, { kind: "component", type: ReferencePickerComponent, selector: "fb-reference-picker", inputs: ["value", "label", "placeholder", "disabled", "dataType", "isCollection", "objectType", "writableOnly", "elementsOnly"], outputs: ["valueChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: RecordWriteInspectorComponent, decorators: [{
             type: Component,
@@ -6293,7 +6807,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImpo
                         ObjectPickerComponent,
                         RecordFilterEditorComponent,
                         ReferencePickerComponent,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<fieldset class=\"fb-section\">\r\n  <legend class=\"fb-section__title\">Come indicare i {{ title() }}</legend>\r\n  <label class=\"fb-check\">\r\n    <input type=\"radio\" name=\"write-mode\" [checked]=\"mode() === 'object'\" (change)=\"setMode('object')\" />\r\n    Per oggetto{{ needsFilters() ? ' e filtri' : ' e valori' }}\r\n  </label>\r\n  <label class=\"fb-check\">\r\n    <input type=\"radio\" name=\"write-mode\" [checked]=\"mode() === 'reference'\" (change)=\"setMode('reference')\" />\r\n    Un record gi\u00E0 in memoria\r\n  </label>\r\n</fieldset>\r\n\r\n@if (mode() === 'reference') {\r\n  <div class=\"fb-field\">\r\n    <label class=\"fb-field__label fb-field__label--required\">Record</label>\r\n    <fb-reference-picker\r\n      [value]=\"record().inputReference\"\r\n      dataType=\"Object\"\r\n      placeholder=\"Variabile di tipo record\"\r\n      (valueChange)=\"setInputReference($event)\"\r\n    />\r\n    <p class=\"fb-field__hint\">\r\n      Il record porta con se\u2019 i propri valori: non serve indicare oggetto ne\u2019 campi.\r\n    </p>\r\n  </div>\r\n} @else {\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]=\"record().object\"\r\n      placeholder=\"Scrivi o scegli un oggetto\"\r\n      (valueChange)=\"setObject($event ?? '')\"\r\n    />\r\n  </div>\r\n\r\n  @if (needsFilters()) {\r\n    <fb-record-filter-editor\r\n      [holder]=\"$any(record())\"\r\n      [object]=\"record().object\"\r\n      [title]=\"isDelete() ? 'Quali record cancellare' : 'Quali record aggiornare'\"\r\n      usage=\"filterable\"\r\n      [supportsLogic]=\"supportsFilterLogic()\"\r\n      [emptyWarning]=\"emptyFilterWarning()\"\r\n      [emptyWarningSeverity]=\"emptyFilterSeverity()\"\r\n      (changed)=\"onFiltersChanged($event)\"\r\n    />\r\n\r\n    @if (showsBulkConfirm()) {\r\n      <label class=\"fb-check fb-confirm\">\r\n        <input\r\n          type=\"checkbox\"\r\n          [checked]=\"bulkUpdateConfirmed()\"\r\n          (change)=\"confirmBulkUpdate($any($event.target).checked)\"\r\n        />\r\n        Confermo di voler aggiornare <strong>tutti</strong> i record di \u00AB{{ record().object || 'questo oggetto' }}\u00BB\r\n      </label>\r\n    }\r\n  }\r\n\r\n  @if (!isDelete()) {\r\n    <fb-field-assignment-editor\r\n      [holder]=\"$any(record())\"\r\n      [object]=\"record().object\"\r\n      [title]=\"isCreate() ? 'Valori del nuovo record' : 'Valori da scrivere'\"\r\n      (changed)=\"onAssignmentsChanged($event)\"\r\n    />\r\n  }\r\n}\r\n\r\n@if (isCreate()) {\r\n  <fieldset class=\"fb-section\">\r\n    <legend class=\"fb-section__title\">Upsert</legend>\r\n    <label class=\"fb-check\">\r\n      <input\r\n        type=\"checkbox\"\r\n        [checked]=\"record().doesUpsert === true\"\r\n        (change)=\"setDoesUpsert($any($event.target).checked)\"\r\n      />\r\n      Aggiorna il record se esiste gi\u00E0\r\n    </label>\r\n\r\n    @if (record().doesUpsert) {\r\n      @if (hasUpsertConflict()) {\r\n        <p class=\"fb-callout fb-callout--error\">\r\n          Sono indicati insieme il campo di id esterno e quello standard: va scelto uno solo\r\n          (UPSERT_CONFIGURATION_INVALID).\r\n        </p>\r\n      }\r\n      <label class=\"fb-check\">\r\n        <input\r\n          type=\"radio\"\r\n          name=\"upsert-mode\"\r\n          [checked]=\"upsertMode() === 'external'\"\r\n          (change)=\"setUpsertMode('external')\"\r\n        />\r\n        Riconosci il record da un id esterno\r\n      </label>\r\n      <label class=\"fb-check\">\r\n        <input\r\n          type=\"radio\"\r\n          name=\"upsert-mode\"\r\n          [checked]=\"upsertMode() === 'standard'\"\r\n          (change)=\"setUpsertMode('standard')\"\r\n        />\r\n        Riconosci il record dall\u2019id standard\r\n      </label>\r\n\r\n      @if (upsertMode() === 'external') {\r\n        <div class=\"fb-field\">\r\n          <label class=\"fb-field__label fb-field__label--required\">Campo id esterno</label>\r\n          <fb-field-picker\r\n            [value]=\"record().upsertExternalIdField\"\r\n            [object]=\"record().object\"\r\n            usage=\"any\"\r\n            label=\"Campo id esterno\"\r\n            (valueChange)=\"setUpsertExternalField($event ?? '')\"\r\n          />\r\n        </div>\r\n      } @else {\r\n        <div class=\"fb-field\">\r\n          <label class=\"fb-field__label fb-field__label--required\">Campo id standard</label>\r\n          <fb-field-picker\r\n            [value]=\"record().upsertStandardIdField\"\r\n            [object]=\"record().object\"\r\n            usage=\"any\"\r\n            label=\"Campo id standard\"\r\n            (valueChange)=\"setUpsertStandardField($event ?? '')\"\r\n          />\r\n        </div>\r\n      }\r\n    }\r\n  </fieldset>\r\n\r\n  <fieldset class=\"fb-section\">\r\n    <legend class=\"fb-section__title\">Identificativo creato</legend>\r\n    <label class=\"fb-check\">\r\n      <input\r\n        type=\"checkbox\"\r\n        [checked]=\"record().storeOutputAutomatically === true\"\r\n        (change)=\"setStoreOutputAutomatically($any($event.target).checked)\"\r\n      />\r\n      Output automatico\r\n    </label>\r\n    @if (record().storeOutputAutomatically) {\r\n      <p class=\"fb-field__hint\">\r\n        L\u2019identificativo creato si referenzia col nome dell\u2019elemento: <code>{{ name() }}</code>.\r\n      </p>\r\n    } @else {\r\n      <div class=\"fb-field\">\r\n        <label class=\"fb-field__label\">Assegna l\u2019identificativo a</label>\r\n        <fb-reference-picker\r\n          [value]=\"record().assignRecordIdToReference\"\r\n          [writableOnly]=\"true\"\r\n          placeholder=\"Scegli una variabile\"\r\n          (valueChange)=\"setAssignRecordId($event)\"\r\n        />\r\n      </div>\r\n    }\r\n  </fieldset>\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" }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<fieldset class=\"fb-section\">\r\n  <legend class=\"fb-section__title\">Come indicare i {{ title() }}</legend>\r\n  <label class=\"fb-check\">\r\n    <input type=\"radio\" name=\"write-mode\" [checked]=\"mode() === 'object'\" (change)=\"setMode('object')\" />\r\n    Per oggetto{{ needsFilters() ? ' e filtri' : ' e valori' }}\r\n  </label>\r\n  <label class=\"fb-check\">\r\n    <input type=\"radio\" name=\"write-mode\" [checked]=\"mode() === 'reference'\" (change)=\"setMode('reference')\" />\r\n    Un record gi\u00E0 in memoria\r\n  </label>\r\n</fieldset>\r\n\r\n@if (mode() === 'reference') {\r\n  <div class=\"fb-field\">\r\n    <label class=\"fb-field__label fb-field__label--required\">Record</label>\r\n    <fb-reference-picker\r\n      [value]=\"record().inputReference\"\r\n      dataType=\"Object\"\r\n      placeholder=\"Variabile di tipo record\"\r\n      (valueChange)=\"setInputReference($event)\"\r\n    />\r\n    <p class=\"fb-field__hint\">\r\n      Il record porta con se\u2019 i propri valori: non serve indicare oggetto ne\u2019 campi.\r\n    </p>\r\n  </div>\r\n} @else {\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]=\"record().object\"\r\n      placeholder=\"Scrivi o scegli un oggetto\"\r\n      (valueChange)=\"setObject($event ?? '')\"\r\n    />\r\n  </div>\r\n\r\n  @if (needsFilters()) {\r\n    <fb-record-filter-editor\r\n      [holder]=\"$any(record())\"\r\n      [object]=\"record().object\"\r\n      [title]=\"isDelete() ? 'Quali record cancellare' : 'Quali record aggiornare'\"\r\n      usage=\"filterable\"\r\n      [supportsLogic]=\"supportsFilterLogic()\"\r\n      [emptyWarning]=\"emptyFilterWarning()\"\r\n      [emptyWarningSeverity]=\"emptyFilterSeverity()\"\r\n      (changed)=\"onFiltersChanged($event)\"\r\n    />\r\n\r\n    @if (showsBulkConfirm()) {\r\n      <label class=\"fb-check fb-confirm\">\r\n        <input\r\n          type=\"checkbox\"\r\n          [checked]=\"bulkUpdateConfirmed()\"\r\n          (change)=\"confirmBulkUpdate($any($event.target).checked)\"\r\n        />\r\n        Confermo di voler aggiornare <strong>tutti</strong> i record di \u00AB{{ record().object || 'questo oggetto' }}\u00BB\r\n      </label>\r\n    }\r\n  }\r\n\r\n  @if (!isDelete()) {\r\n    <!-- I due insiemi non coincidono: `createable` su un Create, `updateable` su un Update. -->\r\n    <fb-field-assignment-editor\r\n      [holder]=\"$any(record())\"\r\n      [object]=\"record().object\"\r\n      [usage]=\"assignmentUsage()\"\r\n      [title]=\"isCreate() ? 'Valori del nuovo record' : 'Valori da scrivere'\"\r\n      (changed)=\"onAssignmentsChanged($event)\"\r\n    />\r\n  }\r\n}\r\n\r\n@if (isCreate()) {\r\n  <fieldset class=\"fb-section\">\r\n    <legend class=\"fb-section__title\">Upsert</legend>\r\n    <label class=\"fb-check\">\r\n      <input\r\n        type=\"checkbox\"\r\n        [checked]=\"record().doesUpsert === true\"\r\n        (change)=\"setDoesUpsert($any($event.target).checked)\"\r\n      />\r\n      Aggiorna il record se esiste gi\u00E0\r\n    </label>\r\n\r\n    @if (record().doesUpsert) {\r\n      @if (hasUpsertConflict()) {\r\n        <p class=\"fb-callout fb-callout--error\">\r\n          Sono indicati insieme il campo di id esterno e quello standard: va scelto uno solo\r\n          (UPSERT_CONFIGURATION_INVALID).\r\n        </p>\r\n      }\r\n      <label class=\"fb-check\">\r\n        <input\r\n          type=\"radio\"\r\n          name=\"upsert-mode\"\r\n          [checked]=\"upsertMode() === 'external'\"\r\n          (change)=\"setUpsertMode('external')\"\r\n        />\r\n        Riconosci il record da un id esterno\r\n      </label>\r\n      <label class=\"fb-check\">\r\n        <input\r\n          type=\"radio\"\r\n          name=\"upsert-mode\"\r\n          [checked]=\"upsertMode() === 'standard'\"\r\n          (change)=\"setUpsertMode('standard')\"\r\n        />\r\n        Riconosci il record dall\u2019id standard\r\n      </label>\r\n\r\n      @if (upsertMode() === 'external') {\r\n        <div class=\"fb-field\">\r\n          <label class=\"fb-field__label fb-field__label--required\">Campo id esterno</label>\r\n          <fb-field-picker\r\n            [value]=\"record().upsertExternalIdField\"\r\n            [object]=\"record().object\"\r\n            usage=\"any\"\r\n            label=\"Campo id esterno\"\r\n            (valueChange)=\"setUpsertExternalField($event ?? '')\"\r\n          />\r\n        </div>\r\n      } @else {\r\n        <div class=\"fb-field\">\r\n          <label class=\"fb-field__label fb-field__label--required\">Campo id standard</label>\r\n          <fb-field-picker\r\n            [value]=\"record().upsertStandardIdField\"\r\n            [object]=\"record().object\"\r\n            usage=\"any\"\r\n            label=\"Campo id standard\"\r\n            (valueChange)=\"setUpsertStandardField($event ?? '')\"\r\n          />\r\n        </div>\r\n      }\r\n    }\r\n  </fieldset>\r\n\r\n  <fieldset class=\"fb-section\">\r\n    <legend class=\"fb-section__title\">Identificativo creato</legend>\r\n    <label class=\"fb-check\">\r\n      <input\r\n        type=\"checkbox\"\r\n        [checked]=\"record().storeOutputAutomatically === true\"\r\n        (change)=\"setStoreOutputAutomatically($any($event.target).checked)\"\r\n      />\r\n      Output automatico\r\n    </label>\r\n    @if (record().storeOutputAutomatically) {\r\n      <p class=\"fb-field__hint\">\r\n        L\u2019identificativo creato si referenzia col nome dell\u2019elemento: <code>{{ name() }}</code>.\r\n      </p>\r\n    } @else {\r\n      <div class=\"fb-field\">\r\n        <label class=\"fb-field__label\">Assegna l\u2019identificativo a</label>\r\n        <fb-reference-picker\r\n          [value]=\"record().assignRecordIdToReference\"\r\n          [writableOnly]=\"true\"\r\n          placeholder=\"Scegli una variabile\"\r\n          (valueChange)=\"setAssignRecordId($event)\"\r\n        />\r\n      </div>\r\n    }\r\n  </fieldset>\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: () => [], propDecorators: { type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: true }] }] } });
 
 /**
@@ -6790,6 +7304,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImpo
  * l'input `aggregationValues`; `Sum` anche `aggregationField`. Il form li gestisce come
  * campi propri, invece di lasciare all'utente il compito di indovinare i nomi dei parametri.
  *
+ * Il target puo' anche essere una **classe** (`dataType: 'Structure'`): in quel caso
+ * `outputFieldApiName` porta il nome del **membro** invece del nome del campo (§4.7), ed e' il
+ * modo di comporre un'istanza intera in un elemento solo invece di un Assignment per membro. Il
+ * form propone allora i membri scrivibili, non un campo di testo: un membro calcolato si legge
+ * ma assegnarlo e' `TARGET_NOT_WRITABLE`.
+ *
  * Nota: `connector` qui e' un **array** — la mappa delle uscite lo nasconde al resto.
  */
 /** I nomi dei parametri che le aggregazioni richiedono, fissati dal modello. */
@@ -6808,6 +7328,10 @@ class TransformInspectorComponent extends NodeInspectorBase {
     }
     enumOptions = computed(() => this.enumTypes(), ...(ngDevMode ? [{ debugName: "enumOptions" }] : []));
     requiresObjectType = computed(() => this.dictionaries.requiresObjectType(this.transform().dataType), ...(ngDevMode ? [{ debugName: "requiresObjectType" }] : []));
+    /** §4.7 — con un target `Structure` la destinazione di ogni azione e' un **membro**. */
+    isStructureTarget = computed(() => this.dictionaries.isStructure(this.transform().dataType), ...(ngDevMode ? [{ debugName: "isStructureTarget" }] : []));
+    /** Su una `Structure` la classe mancante e' un errore, non un avviso (§4.7). */
+    missingObjectType = computed(() => this.isStructureTarget() && !this.transform().objectType, ...(ngDevMode ? [{ debugName: "missingObjectType" }] : []));
     /** Il modello prevede una lista di liste; l'editor lavora sulla prima, che e' il caso d'uso. */
     actions = computed(() => this.transform().transformValues?.[0]?.transformValueActions ?? [], ...(ngDevMode ? [{ debugName: "actions" }] : []));
     setDataType(dataType) {
@@ -6937,7 +7461,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\">Tipo dell\u2019oggetto</label>\r\n    @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\">Campo di destinazione</label>\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        </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            <fb-value-editor\r\n              [value]=\"action.value\"\r\n              label=\"Valore\"\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: 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        <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            <fb-value-editor\r\n              [value]=\"action.value\"\r\n              label=\"Valore\"\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 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: TransformInspectorComponent, decorators: [{
             type: Component,
@@ -6945,9 +7469,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImpo
                         ConnectorEditorComponent,
                         ObjectPickerComponent,
                         ReferencePickerComponent,
+                        StructureMemberPickerComponent,
+                        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\">Tipo dell\u2019oggetto</label>\r\n    @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\">Campo di destinazione</label>\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        </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            <fb-value-editor\r\n              [value]=\"action.value\"\r\n              label=\"Valore\"\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        <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            <fb-value-editor\r\n              [value]=\"action.value\"\r\n              label=\"Valore\"\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" }]
         }], ctorParameters: () => [] });
 
 /**
@@ -7490,6 +8016,11 @@ class ResourcePanelComponent {
             if (!this.dictionaries.supportsScale(dataType)) {
                 delete resource['scale'];
             }
+            // Una `Structure` non ha forma letterale: un `value` rimasto lì non significherebbe
+            // niente per il runtime e sarebbe solo rumore nel documento (§4.7).
+            if (this.dictionaries.isStructure(dataType)) {
+                delete resource['value'];
+            }
         });
     }
     requiresObjectType(reference) {
@@ -7501,6 +8032,22 @@ class ResourcePanelComponent {
     isEnum(reference) {
         return reference.resource['dataType'] === 'Enum';
     }
+    /** §4.7 — un'istanza di classe: `objectType` e' il nome della classe, non di un'entita'. */
+    isStructure(reference) {
+        return this.dictionaries.isStructure(reference.resource['dataType']);
+    }
+    /**
+     * §4.7 — una `Structure` non ha una forma letterale: nasce dal runtime come istanza vuota e i
+     * membri si assegnano uno alla volta. Mostrare un campo «valore iniziale» prometterebbe una
+     * cosa che il modello non sa esprimere.
+     */
+    supportsInitialValue(reference) {
+        return !this.isStructure(reference);
+    }
+    /** Su una `Structure` l'`objectType` mancante e' un errore, non un avviso (§4.7). */
+    missingObjectType(reference) {
+        return this.isStructure(reference) && !this.string(reference, 'objectType');
+    }
     /** Una costante che referenzia una risorsa e' `CONSTANT_REFERENCES_RESOURCE`. */
     constantReferencesResource(reference) {
         if (reference.collection !== 'constants') {
@@ -7536,11 +8083,17 @@ 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                  {{ isEnum(item) ? 'Tipo di enumerazione' : 'Oggetto' }}\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 {\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                <p class=\"fb-field__hint\">Obbligatorio per Object ed Enum (OBJECT_TYPE_MISSING).</p>\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 (\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: 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              <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 });
 }
 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, ObjectPickerComponent, 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                  {{ isEnum(item) ? 'Tipo di enumerazione' : 'Oggetto' }}\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 {\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                <p class=\"fb-field__hint\">Obbligatorio per Object ed Enum (OBJECT_TYPE_MISSING).</p>\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 (\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"] }]
+            args: [{ selector: 'fb-resource-panel', standalone: true, imports: [
+                        FieldPickerComponent,
+                        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"] }]
         }], ctorParameters: () => [], propDecorators: { closed: [{ type: i0.Output, args: ["closed"] }] } });
 
 /**
@@ -7736,6 +8289,27 @@ class DebugPanelComponent {
     api = inject(FlowBuilderApi);
     store = inject(FlowDocumentStore);
     session = inject(FlowEditorSession);
+    dictionaries = inject(FlowDictionaryStore);
+    catalog = inject(FlowCatalogStore);
+    constructor() {
+        // Le classi delle variabili di input: servono a generare il form dei membri.
+        effect(() => {
+            const classes = new Set(this.inputVariables()
+                .filter((variable) => this.dictionaries.isStructure(variable.dataType))
+                .map((variable) => variable.objectType)
+                .filter((className) => !!className));
+            for (const className of classes) {
+                if (untracked(this.membersByClass)[className]) {
+                    continue;
+                }
+                void this.catalog
+                    .listStructureMembers(className)
+                    .then((list) => this.membersByClass.update((current) => ({ ...current, [className]: list ?? [] })))
+                    // Catalogo non disponibile: nessun campo generato, e il pannello lo dice.
+                    .catch(() => this.membersByClass.update((current) => ({ ...current, [className]: [] })));
+            }
+        });
+    }
     closed = output();
     /** Chiede all'host di evidenziare l'elemento corrente dell'esecuzione. */
     elementFocused = output();
@@ -7749,6 +8323,21 @@ class DebugPanelComponent {
     screenOutputs = signal({}, ...(ngDevMode ? [{ debugName: "screenOutputs" }] : []));
     /** Le variabili `isInput` del flow: il contratto verso chi lo invoca (§4.6). */
     inputVariables = computed(() => this.store.document().variables?.filter((variable) => variable.isInput) ?? [], ...(ngDevMode ? [{ debugName: "inputVariables" }] : []));
+    /**
+     * §4.7 — i membri delle classi delle variabili `Structure` di input, per classe. Un'istanza si
+     * compila un membro alla volta: non c'e' un letterale con cui scriverla in un campo solo.
+     */
+    membersByClass = signal({}, ...(ngDevMode ? [{ debugName: "membersByClass" }] : []));
+    /** I membri **scrivibili** di una classe: gli altri li calcola il backend. */
+    membersOf(className) {
+        if (!className) {
+            return [];
+        }
+        return (this.membersByClass()[className] ?? []).filter((member) => member.isWritable !== false);
+    }
+    isStructureVariable(variable) {
+        return this.dictionaries.isStructure(variable.dataType);
+    }
     canRun = computed(() => !this.session.isNew() && !this.isRunning(), ...(ngDevMode ? [{ debugName: "canRun" }] : []));
     status = computed(() => this.result()?.status ?? null, ...(ngDevMode ? [{ debugName: "status" }] : []));
     pendingScreen = computed(() => this.result()?.pendingScreen ?? null, ...(ngDevMode ? [{ debugName: "pendingScreen" }] : []));
@@ -7798,8 +8387,29 @@ class DebugPanelComponent {
         const screen = this.store.document().screens?.find((candidate) => candidate.name === elementName);
         return (screen?.outputParameters ?? []).map((parameter) => parameter.name ?? '').filter(Boolean);
     }, ...(ngDevMode ? [{ debugName: "screenOutputNames" }] : []));
+    /**
+     * §6.5 — il tipo dichiarato vince, e due tipi hanno una forma propria invece di `value`: un
+     * record e un'istanza di classe. Cercare `value` su un `Structure` mostrerebbe «—» pur avendo
+     * i dati sotto gli occhi (§4.7).
+     */
     static render(typed) {
-        if (!typed || typed.value === undefined || typed.value === null) {
+        if (!typed) {
+            return '—';
+        }
+        if (typed.instance) {
+            const members = Object.entries(typed.instance.members ?? {})
+                .map(([name, member]) => `${name}: ${DebugPanelComponent.render(member)}`)
+                .join(', ');
+            return `${typed.instance.className ?? 'istanza'} { ${members} }`;
+        }
+        if (typed.record) {
+            const fields = Object.entries(typed.record.fields ?? {})
+                .map(([name, value]) => `${name}: ${value === null || value === undefined ? '—' : String(value)}`)
+                .join(', ');
+            const head = [typed.record.objectType, typed.record.id].filter(Boolean).join('#');
+            return `${head || 'record'} { ${fields} }`;
+        }
+        if (typed.value === undefined || typed.value === null) {
             return '—';
         }
         if (typeof typed.value === 'object') {
@@ -7816,6 +8426,23 @@ class DebugPanelComponent {
     setScreenOutput(name, value) {
         this.screenOutputs.update((values) => ({ ...values, [name]: value }));
     }
+    /** Converte un valore del form nel tipo dichiarato: il tipo vince, anche in scrittura (§6.5). */
+    static coerce(raw, dataType) {
+        switch (dataType) {
+            case 'Integer': {
+                const parsed = Number.parseInt(raw, 10);
+                return Number.isNaN(parsed) ? undefined : parsed;
+            }
+            case 'Number': {
+                const parsed = Number.parseFloat(raw);
+                return Number.isNaN(parsed) ? undefined : parsed;
+            }
+            case 'Boolean':
+                return raw === 'true';
+            default:
+                return raw;
+        }
+    }
     /** Converte i valori del form nel tipo dichiarato dalla variabile. */
     coerceInputs() {
         const values = this.inputValues();
@@ -7825,30 +8452,39 @@ class DebugPanelComponent {
             if (!name) {
                 continue;
             }
+            /**
+             * §4.7 — un'istanza non ha un valore letterale: si scrive `className` piu' i soli membri
+             * che si vogliono valorizzare, ed e' la **stessa** forma che il motore restituisce in
+             * lettura. I membri stanno nel form sotto la chiave `Variabile.Membro`.
+             */
+            if (this.dictionaries.isStructure(variable.dataType)) {
+                const className = variable.objectType;
+                if (!className) {
+                    continue;
+                }
+                const members = {};
+                for (const member of this.membersOf(className)) {
+                    const raw = values[`${name}.${member.name}`];
+                    if (raw === undefined || raw === '') {
+                        continue;
+                    }
+                    const value = DebugPanelComponent.coerce(raw, member.dataType);
+                    if (value !== undefined) {
+                        members[member.name] = { type: member.dataType, value };
+                    }
+                }
+                if (Object.keys(members).length) {
+                    result[name] = { type: 'Structure', instance: { className, members } };
+                }
+                continue;
+            }
             const raw = values[name];
             if (raw === undefined || raw === '') {
                 continue;
             }
-            switch (variable.dataType) {
-                case 'Integer': {
-                    const parsed = Number.parseInt(raw, 10);
-                    if (!Number.isNaN(parsed)) {
-                        result[name] = parsed;
-                    }
-                    break;
-                }
-                case 'Number': {
-                    const parsed = Number.parseFloat(raw);
-                    if (!Number.isNaN(parsed)) {
-                        result[name] = parsed;
-                    }
-                    break;
-                }
-                case 'Boolean':
-                    result[name] = raw === 'true';
-                    break;
-                default:
-                    result[name] = raw;
+            const value = DebugPanelComponent.coerce(raw, variable.dataType);
+            if (value !== undefined) {
+                result[name] = value;
             }
         }
         return result;
@@ -8026,12 +8662,12 @@ class DebugPanelComponent {
         return this.pendingScreen()?.canPause === true;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: DebugPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: DebugPanelComponent, isStandalone: true, selector: "fb-debug-panel", outputs: { closed: "closed", elementFocused: "elementFocused" }, ngImport: i0, template: "<header class=\"fb-dbg__header\">\r\n  <h2 class=\"fb-dbg__title\">Prova</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<div class=\"fb-dbg__body\">\r\n  @if (errorMessage()) {\r\n    <p class=\"fb-callout fb-callout--error\">{{ errorMessage() }}</p>\r\n  }\r\n\r\n  @if (!result()) {\r\n    <fieldset class=\"fb-section\">\r\n      <legend class=\"fb-section__title\">Valori iniziali</legend>\r\n      @if (inputVariables().length) {\r\n        @for (variable of inputVariables(); track variable.name) {\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label\">\r\n              {{ variable.name }}\r\n              <span class=\"fb-dbg__type\">{{ variable.dataType }}{{ variable.isCollection ? '[]' : '' }}</span>\r\n            </label>\r\n            @if (variable.dataType === 'Boolean') {\r\n              <select class=\"fb-select\" (change)=\"setInputValue(variable.name!, $any($event.target).value)\">\r\n                <option value=\"\">\u2014</option>\r\n                <option value=\"true\">vero</option>\r\n                <option value=\"false\">falso</option>\r\n              </select>\r\n            } @else {\r\n              <input\r\n                class=\"fb-input\"\r\n                [type]=\"variable.dataType === 'Number' || variable.dataType === 'Integer' ? 'number' : 'text'\"\r\n                (input)=\"setInputValue(variable.name!, $any($event.target).value)\"\r\n              />\r\n            }\r\n          </div>\r\n        }\r\n      } @else {\r\n        <p class=\"fb-field__hint\">Il flow non dichiara variabili di input.</p>\r\n      }\r\n    </fieldset>\r\n\r\n    <label class=\"fb-check\">\r\n      <input\r\n        type=\"checkbox\"\r\n        [checked]=\"debugEnabled()\"\r\n        (change)=\"setDebugEnabled($any($event.target).checked)\"\r\n      />\r\n      Traccia di debug\r\n    </label>\r\n    @if (debugEnabled()) {\r\n      <p class=\"fb-callout fb-callout--warn\">\r\n        La traccia riporta i valori di <strong>tutte</strong> le risorse, dati personali compresi: non usarla\r\n        su dati reali.\r\n      </p>\r\n    }\r\n\r\n    <button type=\"button\" class=\"fb-btn fb-btn--primary\" [disabled]=\"!canRun()\" (click)=\"start()\">\r\n      Avvia\r\n    </button>\r\n    @if (!canRun() && !isRunning()) {\r\n      <p class=\"fb-field__hint\">Salva il flow prima di provarlo.</p>\r\n    }\r\n  }\r\n\r\n  @if (result()) {\r\n    <div class=\"fb-dbg__status\">\r\n      <span\r\n        class=\"fb-dbg__badge\"\r\n        [class.fb-dbg__badge--ok]=\"status() === 'Completed'\"\r\n        [class.fb-dbg__badge--fail]=\"status() === 'Failed'\"\r\n        [class.fb-dbg__badge--wait]=\"isWaitingForScreen()\"\r\n      >\r\n        {{ statusLabel() }}\r\n      </span>\r\n      @if (result()?.currentElementName) {\r\n        <span class=\"fb-dbg__current\">su {{ result()?.currentElementName }}</span>\r\n      }\r\n      <span class=\"fb-dbg__steps\">{{ result()?.steps || 0 }} passi</span>\r\n      <span class=\"fb-list__spacer\"></span>\r\n      <button type=\"button\" class=\"fb-btn fb-btn--ghost fb-btn--icon\" (click)=\"reset()\">Riavvia</button>\r\n    </div>\r\n\r\n    @if (statusNote()) {\r\n      <p class=\"fb-callout\">{{ statusNote() }}</p>\r\n    }\r\n\r\n    @if (result()?.fault) {\r\n      <p class=\"fb-callout fb-callout--error\">{{ result()?.fault }}</p>\r\n    }\r\n    @for (message of result()?.errors || []; track message) {\r\n      <p class=\"fb-callout fb-callout--error\">{{ message }}</p>\r\n    }\r\n\r\n    @if (isWaitingForScreen() && pendingScreen()) {\r\n      <fieldset class=\"fb-section\">\r\n        <legend class=\"fb-section__title\">\r\n          Form \u00AB{{ pendingScreen()?.formName }}\u00BB\r\n        </legend>\r\n        <p class=\"fb-section__note\">\r\n          Nell\u2019editor basta un form generico: qui vedi i valori che il form riceve e puoi compilare quelli\r\n          che dichiara di restituire.\r\n        </p>\r\n\r\n        @if (pendingScreen()?.label) {\r\n          <p class=\"fb-dbg__screen-label\">{{ pendingScreen()?.label }}</p>\r\n        }\r\n        @if (pendingScreen()?.helpText) {\r\n          <p class=\"fb-field__hint\">{{ pendingScreen()?.helpText }}</p>\r\n        }\r\n\r\n        @if (screenInputRows().length) {\r\n          <table class=\"fb-dbg__table\">\r\n            <caption>\r\n              Valori in ingresso\r\n            </caption>\r\n            <tbody>\r\n              @for (row of screenInputRows(); track row.name) {\r\n                <tr>\r\n                  <th scope=\"row\">{{ row.name }}</th>\r\n                  <td class=\"fb-dbg__type\">{{ row.type }}</td>\r\n                  <td>{{ row.value }}</td>\r\n                </tr>\r\n              }\r\n            </tbody>\r\n          </table>\r\n        }\r\n\r\n        @for (output of screenOutputNames(); track output) {\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label\">{{ output }}</label>\r\n            <input class=\"fb-input\" (input)=\"setScreenOutput(output, $any($event.target).value)\" />\r\n          </div>\r\n        }\r\n        @if (!screenOutputNames().length) {\r\n          <p class=\"fb-field__hint\">Lo screen non dichiara parametri di uscita.</p>\r\n        }\r\n\r\n        <div class=\"fb-field__row\">\r\n          <button\r\n            type=\"button\"\r\n            class=\"fb-btn fb-btn--primary\"\r\n            [disabled]=\"isRunning()\"\r\n            (click)=\"respond('Next')\"\r\n          >\r\n            Avanti\r\n          </button>\r\n          <!-- canGoBack/canFinish/canPause sono la verita', piu' precisa dei flag del metadata. -->\r\n          <button\r\n            type=\"button\"\r\n            class=\"fb-btn\"\r\n            [disabled]=\"isRunning() || !canGoBack()\"\r\n            title=\"Con \u00ABindietro\u00BB gli output non vengono memorizzati\"\r\n            (click)=\"respond('Previous')\"\r\n          >\r\n            Indietro\r\n          </button>\r\n          <button type=\"button\" class=\"fb-btn\" [disabled]=\"isRunning() || !canFinish()\" (click)=\"respond('Finish')\">\r\n            Fine\r\n          </button>\r\n          <button\r\n            type=\"button\"\r\n            class=\"fb-btn\"\r\n            [disabled]=\"isRunning() || !canPause()\"\r\n            title=\"Con \u00ABpausa\u00BB gli output non vengono memorizzati\"\r\n            (click)=\"respond('Pause')\"\r\n          >\r\n            Pausa\r\n          </button>\r\n        </div>\r\n        <p class=\"fb-field__hint\">\r\n          Con \u00ABindietro\u00BB e \u00ABpausa\u00BB i valori inseriti <strong>non</strong> vengono memorizzati.\r\n        </p>\r\n      </fieldset>\r\n    }\r\n\r\n    @if (isWaitingForStageStep()) {\r\n      <fieldset class=\"fb-section\">\r\n        <legend class=\"fb-section__title\">Step di orchestrazione</legend>\r\n        <p class=\"fb-section__note\">\r\n          L\u2019interview e\u2019 sospesa su uno step assegnato: qui si conclude al posto dell\u2019assegnatario.\r\n          Concludere puo\u2019 far <strong>sospendere di nuovo</strong> lo stage, con una chiave nuova.\r\n        </p>\r\n\r\n        <table class=\"fb-dbg__table\">\r\n          <tbody>\r\n            @for (step of stageSteps(); track step.stepName) {\r\n              <tr>\r\n                <th scope=\"row\">{{ step.label || step.stepName }}</th>\r\n                <td class=\"fb-dbg__type\">{{ step.actionType }}</td>\r\n                <td>{{ step.isWaiting ? 'in attesa' : step.status }}</td>\r\n              </tr>\r\n            }\r\n          </tbody>\r\n        </table>\r\n\r\n        @for (step of waitingStageSteps(); track step.stepName) {\r\n          <div class=\"fb-list__item\">\r\n            <div class=\"fb-list__header\">\r\n              <span class=\"fb-list__title\">{{ step.label || step.stepName }}</span>\r\n            </div>\r\n            @for (output of stepOutputNames(step.stepName); track output) {\r\n              <div class=\"fb-field\">\r\n                <label class=\"fb-field__label\">{{ output }}</label>\r\n                <input class=\"fb-input\" (input)=\"setStepOutput(output, $any($event.target).value)\" />\r\n              </div>\r\n            }\r\n            <div class=\"fb-field__row\">\r\n              <button\r\n                type=\"button\"\r\n                class=\"fb-btn fb-btn--primary\"\r\n                [disabled]=\"isRunning()\"\r\n                (click)=\"completeStep(step.stepName, 'Completed')\"\r\n              >\r\n                Concludi\r\n              </button>\r\n              <!-- Il rifiuto non e' un errore: prende il ramo \u00ABStep rifiutato\u00BB dello stage. -->\r\n              <button\r\n                type=\"button\"\r\n                class=\"fb-btn\"\r\n                [disabled]=\"isRunning()\"\r\n                title=\"Prende il ramo \u00ABStep rifiutato\u00BB; senza quel ramo l\u2019interview fallisce\"\r\n                (click)=\"completeStep(step.stepName, 'Rejected')\"\r\n              >\r\n                Rifiuta\r\n              </button>\r\n              <button\r\n                type=\"button\"\r\n                class=\"fb-btn fb-btn--ghost\"\r\n                [disabled]=\"isRunning()\"\r\n                (click)=\"completeStep(step.stepName, 'Cancelled')\"\r\n              >\r\n                Annulla lo step\r\n              </button>\r\n            </div>\r\n          </div>\r\n        }\r\n      </fieldset>\r\n    }\r\n\r\n    @if (outputRows().length) {\r\n      <fieldset class=\"fb-section\">\r\n        <legend class=\"fb-section__title\">Output del flow</legend>\r\n        <table class=\"fb-dbg__table\">\r\n          <tbody>\r\n            @for (row of outputRows(); track row.name) {\r\n              <tr>\r\n                <th scope=\"row\">{{ row.name }}</th>\r\n                <td class=\"fb-dbg__type\">{{ row.type }}</td>\r\n                <td>{{ row.value }}</td>\r\n              </tr>\r\n            }\r\n          </tbody>\r\n        </table>\r\n      </fieldset>\r\n    }\r\n\r\n    @if (trace().length) {\r\n      <fieldset class=\"fb-section\">\r\n        <legend class=\"fb-section__title\">Traccia</legend>\r\n        <ol class=\"fb-dbg__trace\">\r\n          @for (entry of trace(); track entry.sequence) {\r\n            <li class=\"fb-dbg__trace-item\">\r\n              <span class=\"fb-dbg__trace-seq\">{{ entry.sequence }}</span>\r\n              @if (entry.elementName) {\r\n                <button type=\"button\" class=\"fb-dbg__trace-el\" (click)=\"elementFocused.emit(entry.elementName!)\">\r\n                  {{ entry.elementName }}\r\n                </button>\r\n              }\r\n              <span class=\"fb-dbg__trace-msg\">{{ entry.message }}</span>\r\n            </li>\r\n          }\r\n        </ol>\r\n      </fieldset>\r\n    }\r\n\r\n    @if (resourceRows().length) {\r\n      <fieldset class=\"fb-section\">\r\n        <legend class=\"fb-section__title\">Risorse</legend>\r\n        <table class=\"fb-dbg__table\">\r\n          <tbody>\r\n            @for (row of resourceRows(); track row.name) {\r\n              <tr>\r\n                <th scope=\"row\">{{ row.name }}</th>\r\n                <td class=\"fb-dbg__type\">{{ row.type }}</td>\r\n                <td>{{ row.value }}</td>\r\n              </tr>\r\n            }\r\n          </tbody>\r\n        </table>\r\n      </fieldset>\r\n    }\r\n\r\n    @if (result()?.interviewKey) {\r\n      <p class=\"fb-field__hint\">\r\n        Chiave dell\u2019esecuzione sospesa: <code>{{ result()?.interviewKey }}</code>\r\n      </p>\r\n    }\r\n  }\r\n</div>\r\n", styles: [":host{display:flex;flex-direction:column;height:100%;min-height:0;background:var(--fb-surface, #fff)}.fb-dbg__header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--fb-border-subtle, #e6e9ee)}.fb-dbg__title{margin:0;font-size:14px;font-weight:600;color:var(--fb-text, #1d2939)}.fb-dbg__body{flex:1;min-height:0;overflow-y:auto;padding:10px 12px}.fb-dbg__status{display:flex;align-items:center;gap:8px;margin-bottom:10px}.fb-dbg__badge{padding:2px 8px;border-radius:10px;background:var(--fb-border, #d6dae1);font-size:11px;font-weight:600;color:var(--fb-text, #1d2939)}.fb-dbg__badge--ok{background:color-mix(in srgb,var(--fb-success, #3f8f5f) 18%,transparent);color:var(--fb-success, #3f8f5f)}.fb-dbg__badge--fail{background:color-mix(in srgb,var(--fb-error, #c9372c) 14%,transparent);color:var(--fb-error, #c9372c)}.fb-dbg__badge--wait{background:color-mix(in srgb,var(--fb-accent, #2f6feb) 12%,transparent);color:var(--fb-accent, #2f6feb)}.fb-dbg__current,.fb-dbg__steps{font-size:10px;color:var(--fb-text-muted, #667085)}.fb-dbg__type{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;color:var(--fb-text-subtle, #98a2b3)}.fb-dbg__screen-label{margin:0 0 4px;font-size:12px;font-weight:600;color:var(--fb-text, #1d2939)}.fb-dbg__table{width:100%;border-collapse:collapse;font-size:11px}.fb-dbg__table caption{padding-bottom:3px;font-size:10px;color:var(--fb-text-subtle, #98a2b3);text-align:left}.fb-dbg__table th,.fb-dbg__table td{padding:3px 5px;border-bottom:1px solid var(--fb-border-subtle, #e6e9ee);text-align:left;vertical-align:top}.fb-dbg__table th{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:600;color:var(--fb-text, #1d2939)}.fb-dbg__table td{color:var(--fb-text-muted, #667085);word-break:break-word}.fb-dbg__trace{margin:0;padding:0;list-style:none}.fb-dbg__trace-item{display:flex;gap:6px;padding:3px 0;border-bottom:1px solid var(--fb-border-subtle, #e6e9ee);font-size:11px}.fb-dbg__trace-seq{flex:0 0 auto;width:18px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;color:var(--fb-text-subtle, #98a2b3);text-align:right}.fb-dbg__trace-el{flex:0 0 auto;padding:0;border:0;background:transparent;color:var(--fb-accent, #2f6feb);font:inherit;font-size:10px;cursor:pointer;text-decoration:underline}.fb-dbg__trace-msg{color:var(--fb-text-muted, #667085);line-height:1.35}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: DebugPanelComponent, isStandalone: true, selector: "fb-debug-panel", outputs: { closed: "closed", elementFocused: "elementFocused" }, ngImport: i0, template: "<header class=\"fb-dbg__header\">\r\n  <h2 class=\"fb-dbg__title\">Prova</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<div class=\"fb-dbg__body\">\r\n  @if (errorMessage()) {\r\n    <p class=\"fb-callout fb-callout--error\">{{ errorMessage() }}</p>\r\n  }\r\n\r\n  @if (!result()) {\r\n    <fieldset class=\"fb-section\">\r\n      <legend class=\"fb-section__title\">Valori iniziali</legend>\r\n      @if (inputVariables().length) {\r\n        @for (variable of inputVariables(); track variable.name) {\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label\">\r\n              {{ variable.name }}\r\n              <span class=\"fb-dbg__type\">{{ variable.dataType }}{{ variable.isCollection ? '[]' : '' }}</span>\r\n            </label>\r\n            @if (isStructureVariable(variable)) {\r\n              <!--\r\n                \u00A74.7: un'istanza non ha un letterale. Si compila un membro alla volta e si manda\r\n                `className` piu' i soli membri valorizzati \u2014 la stessa forma che torna in lettura.\r\n              -->\r\n              <p class=\"fb-field__hint\">\r\n                Istanza di <code>{{ variable.objectType }}</code>: valorizza i membri che ti servono.\r\n              </p>\r\n              @for (member of membersOf(variable.objectType); track member.name) {\r\n                <div class=\"fb-field\">\r\n                  <label class=\"fb-field__label\">\r\n                    {{ member.name }}\r\n                    <span class=\"fb-dbg__type\">{{ member.dataType }}{{ member.isCollection ? '[]' : '' }}</span>\r\n                  </label>\r\n                  @if (member.dataType === 'Boolean') {\r\n                    <select\r\n                      class=\"fb-select\"\r\n                      (change)=\"setInputValue(variable.name + '.' + member.name, $any($event.target).value)\"\r\n                    >\r\n                      <option value=\"\">\u2014</option>\r\n                      <option value=\"true\">vero</option>\r\n                      <option value=\"false\">falso</option>\r\n                    </select>\r\n                  } @else {\r\n                    <input\r\n                      class=\"fb-input\"\r\n                      [type]=\"member.dataType === 'Number' || member.dataType === 'Integer' ? 'number' : 'text'\"\r\n                      (input)=\"setInputValue(variable.name + '.' + member.name, $any($event.target).value)\"\r\n                    />\r\n                  }\r\n                </div>\r\n              }\r\n              @if (!membersOf(variable.objectType).length) {\r\n                <p class=\"fb-field__hint\">\r\n                  Membri non disponibili: senza il catalogo della classe non c\u2019e\u2019 un form da generare.\r\n                </p>\r\n              }\r\n            } @else if (variable.dataType === 'Boolean') {\r\n              <select class=\"fb-select\" (change)=\"setInputValue(variable.name!, $any($event.target).value)\">\r\n                <option value=\"\">\u2014</option>\r\n                <option value=\"true\">vero</option>\r\n                <option value=\"false\">falso</option>\r\n              </select>\r\n            } @else {\r\n              <input\r\n                class=\"fb-input\"\r\n                [type]=\"variable.dataType === 'Number' || variable.dataType === 'Integer' ? 'number' : 'text'\"\r\n                (input)=\"setInputValue(variable.name!, $any($event.target).value)\"\r\n              />\r\n            }\r\n          </div>\r\n        }\r\n      } @else {\r\n        <p class=\"fb-field__hint\">Il flow non dichiara variabili di input.</p>\r\n      }\r\n    </fieldset>\r\n\r\n    <label class=\"fb-check\">\r\n      <input\r\n        type=\"checkbox\"\r\n        [checked]=\"debugEnabled()\"\r\n        (change)=\"setDebugEnabled($any($event.target).checked)\"\r\n      />\r\n      Traccia di debug\r\n    </label>\r\n    @if (debugEnabled()) {\r\n      <p class=\"fb-callout fb-callout--warn\">\r\n        La traccia riporta i valori di <strong>tutte</strong> le risorse, dati personali compresi: non usarla\r\n        su dati reali.\r\n      </p>\r\n    }\r\n\r\n    <button type=\"button\" class=\"fb-btn fb-btn--primary\" [disabled]=\"!canRun()\" (click)=\"start()\">\r\n      Avvia\r\n    </button>\r\n    @if (!canRun() && !isRunning()) {\r\n      <p class=\"fb-field__hint\">Salva il flow prima di provarlo.</p>\r\n    }\r\n  }\r\n\r\n  @if (result()) {\r\n    <div class=\"fb-dbg__status\">\r\n      <span\r\n        class=\"fb-dbg__badge\"\r\n        [class.fb-dbg__badge--ok]=\"status() === 'Completed'\"\r\n        [class.fb-dbg__badge--fail]=\"status() === 'Failed'\"\r\n        [class.fb-dbg__badge--wait]=\"isWaitingForScreen()\"\r\n      >\r\n        {{ statusLabel() }}\r\n      </span>\r\n      @if (result()?.currentElementName) {\r\n        <span class=\"fb-dbg__current\">su {{ result()?.currentElementName }}</span>\r\n      }\r\n      <span class=\"fb-dbg__steps\">{{ result()?.steps || 0 }} passi</span>\r\n      <span class=\"fb-list__spacer\"></span>\r\n      <button type=\"button\" class=\"fb-btn fb-btn--ghost fb-btn--icon\" (click)=\"reset()\">Riavvia</button>\r\n    </div>\r\n\r\n    @if (statusNote()) {\r\n      <p class=\"fb-callout\">{{ statusNote() }}</p>\r\n    }\r\n\r\n    @if (result()?.fault) {\r\n      <p class=\"fb-callout fb-callout--error\">{{ result()?.fault }}</p>\r\n    }\r\n    @for (message of result()?.errors || []; track message) {\r\n      <p class=\"fb-callout fb-callout--error\">{{ message }}</p>\r\n    }\r\n\r\n    @if (isWaitingForScreen() && pendingScreen()) {\r\n      <fieldset class=\"fb-section\">\r\n        <legend class=\"fb-section__title\">\r\n          Form \u00AB{{ pendingScreen()?.formName }}\u00BB\r\n        </legend>\r\n        <p class=\"fb-section__note\">\r\n          Nell\u2019editor basta un form generico: qui vedi i valori che il form riceve e puoi compilare quelli\r\n          che dichiara di restituire.\r\n        </p>\r\n\r\n        @if (pendingScreen()?.label) {\r\n          <p class=\"fb-dbg__screen-label\">{{ pendingScreen()?.label }}</p>\r\n        }\r\n        @if (pendingScreen()?.helpText) {\r\n          <p class=\"fb-field__hint\">{{ pendingScreen()?.helpText }}</p>\r\n        }\r\n\r\n        @if (screenInputRows().length) {\r\n          <table class=\"fb-dbg__table\">\r\n            <caption>\r\n              Valori in ingresso\r\n            </caption>\r\n            <tbody>\r\n              @for (row of screenInputRows(); track row.name) {\r\n                <tr>\r\n                  <th scope=\"row\">{{ row.name }}</th>\r\n                  <td class=\"fb-dbg__type\">{{ row.type }}</td>\r\n                  <td>{{ row.value }}</td>\r\n                </tr>\r\n              }\r\n            </tbody>\r\n          </table>\r\n        }\r\n\r\n        @for (output of screenOutputNames(); track output) {\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label\">{{ output }}</label>\r\n            <input class=\"fb-input\" (input)=\"setScreenOutput(output, $any($event.target).value)\" />\r\n          </div>\r\n        }\r\n        @if (!screenOutputNames().length) {\r\n          <p class=\"fb-field__hint\">Lo screen non dichiara parametri di uscita.</p>\r\n        }\r\n\r\n        <div class=\"fb-field__row\">\r\n          <button\r\n            type=\"button\"\r\n            class=\"fb-btn fb-btn--primary\"\r\n            [disabled]=\"isRunning()\"\r\n            (click)=\"respond('Next')\"\r\n          >\r\n            Avanti\r\n          </button>\r\n          <!-- canGoBack/canFinish/canPause sono la verita', piu' precisa dei flag del metadata. -->\r\n          <button\r\n            type=\"button\"\r\n            class=\"fb-btn\"\r\n            [disabled]=\"isRunning() || !canGoBack()\"\r\n            title=\"Con \u00ABindietro\u00BB gli output non vengono memorizzati\"\r\n            (click)=\"respond('Previous')\"\r\n          >\r\n            Indietro\r\n          </button>\r\n          <button type=\"button\" class=\"fb-btn\" [disabled]=\"isRunning() || !canFinish()\" (click)=\"respond('Finish')\">\r\n            Fine\r\n          </button>\r\n          <button\r\n            type=\"button\"\r\n            class=\"fb-btn\"\r\n            [disabled]=\"isRunning() || !canPause()\"\r\n            title=\"Con \u00ABpausa\u00BB gli output non vengono memorizzati\"\r\n            (click)=\"respond('Pause')\"\r\n          >\r\n            Pausa\r\n          </button>\r\n        </div>\r\n        <p class=\"fb-field__hint\">\r\n          Con \u00ABindietro\u00BB e \u00ABpausa\u00BB i valori inseriti <strong>non</strong> vengono memorizzati.\r\n        </p>\r\n      </fieldset>\r\n    }\r\n\r\n    @if (isWaitingForStageStep()) {\r\n      <fieldset class=\"fb-section\">\r\n        <legend class=\"fb-section__title\">Step di orchestrazione</legend>\r\n        <p class=\"fb-section__note\">\r\n          L\u2019interview e\u2019 sospesa su uno step assegnato: qui si conclude al posto dell\u2019assegnatario.\r\n          Concludere puo\u2019 far <strong>sospendere di nuovo</strong> lo stage, con una chiave nuova.\r\n        </p>\r\n\r\n        <table class=\"fb-dbg__table\">\r\n          <tbody>\r\n            @for (step of stageSteps(); track step.stepName) {\r\n              <tr>\r\n                <th scope=\"row\">{{ step.label || step.stepName }}</th>\r\n                <td class=\"fb-dbg__type\">{{ step.actionType }}</td>\r\n                <td>{{ step.isWaiting ? 'in attesa' : step.status }}</td>\r\n              </tr>\r\n            }\r\n          </tbody>\r\n        </table>\r\n\r\n        @for (step of waitingStageSteps(); track step.stepName) {\r\n          <div class=\"fb-list__item\">\r\n            <div class=\"fb-list__header\">\r\n              <span class=\"fb-list__title\">{{ step.label || step.stepName }}</span>\r\n            </div>\r\n            @for (output of stepOutputNames(step.stepName); track output) {\r\n              <div class=\"fb-field\">\r\n                <label class=\"fb-field__label\">{{ output }}</label>\r\n                <input class=\"fb-input\" (input)=\"setStepOutput(output, $any($event.target).value)\" />\r\n              </div>\r\n            }\r\n            <div class=\"fb-field__row\">\r\n              <button\r\n                type=\"button\"\r\n                class=\"fb-btn fb-btn--primary\"\r\n                [disabled]=\"isRunning()\"\r\n                (click)=\"completeStep(step.stepName, 'Completed')\"\r\n              >\r\n                Concludi\r\n              </button>\r\n              <!-- Il rifiuto non e' un errore: prende il ramo \u00ABStep rifiutato\u00BB dello stage. -->\r\n              <button\r\n                type=\"button\"\r\n                class=\"fb-btn\"\r\n                [disabled]=\"isRunning()\"\r\n                title=\"Prende il ramo \u00ABStep rifiutato\u00BB; senza quel ramo l\u2019interview fallisce\"\r\n                (click)=\"completeStep(step.stepName, 'Rejected')\"\r\n              >\r\n                Rifiuta\r\n              </button>\r\n              <button\r\n                type=\"button\"\r\n                class=\"fb-btn fb-btn--ghost\"\r\n                [disabled]=\"isRunning()\"\r\n                (click)=\"completeStep(step.stepName, 'Cancelled')\"\r\n              >\r\n                Annulla lo step\r\n              </button>\r\n            </div>\r\n          </div>\r\n        }\r\n      </fieldset>\r\n    }\r\n\r\n    @if (outputRows().length) {\r\n      <fieldset class=\"fb-section\">\r\n        <legend class=\"fb-section__title\">Output del flow</legend>\r\n        <table class=\"fb-dbg__table\">\r\n          <tbody>\r\n            @for (row of outputRows(); track row.name) {\r\n              <tr>\r\n                <th scope=\"row\">{{ row.name }}</th>\r\n                <td class=\"fb-dbg__type\">{{ row.type }}</td>\r\n                <td>{{ row.value }}</td>\r\n              </tr>\r\n            }\r\n          </tbody>\r\n        </table>\r\n      </fieldset>\r\n    }\r\n\r\n    @if (trace().length) {\r\n      <fieldset class=\"fb-section\">\r\n        <legend class=\"fb-section__title\">Traccia</legend>\r\n        <ol class=\"fb-dbg__trace\">\r\n          @for (entry of trace(); track entry.sequence) {\r\n            <li class=\"fb-dbg__trace-item\">\r\n              <span class=\"fb-dbg__trace-seq\">{{ entry.sequence }}</span>\r\n              @if (entry.elementName) {\r\n                <button type=\"button\" class=\"fb-dbg__trace-el\" (click)=\"elementFocused.emit(entry.elementName!)\">\r\n                  {{ entry.elementName }}\r\n                </button>\r\n              }\r\n              <span class=\"fb-dbg__trace-msg\">{{ entry.message }}</span>\r\n            </li>\r\n          }\r\n        </ol>\r\n      </fieldset>\r\n    }\r\n\r\n    @if (resourceRows().length) {\r\n      <fieldset class=\"fb-section\">\r\n        <legend class=\"fb-section__title\">Risorse</legend>\r\n        <table class=\"fb-dbg__table\">\r\n          <tbody>\r\n            @for (row of resourceRows(); track row.name) {\r\n              <tr>\r\n                <th scope=\"row\">{{ row.name }}</th>\r\n                <td class=\"fb-dbg__type\">{{ row.type }}</td>\r\n                <td>{{ row.value }}</td>\r\n              </tr>\r\n            }\r\n          </tbody>\r\n        </table>\r\n      </fieldset>\r\n    }\r\n\r\n    @if (result()?.interviewKey) {\r\n      <p class=\"fb-field__hint\">\r\n        Chiave dell\u2019esecuzione sospesa: <code>{{ result()?.interviewKey }}</code>\r\n      </p>\r\n    }\r\n  }\r\n</div>\r\n", styles: [":host{display:flex;flex-direction:column;height:100%;min-height:0;background:var(--fb-surface, #fff)}.fb-dbg__header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--fb-border-subtle, #e6e9ee)}.fb-dbg__title{margin:0;font-size:14px;font-weight:600;color:var(--fb-text, #1d2939)}.fb-dbg__body{flex:1;min-height:0;overflow-y:auto;padding:10px 12px}.fb-dbg__status{display:flex;align-items:center;gap:8px;margin-bottom:10px}.fb-dbg__badge{padding:2px 8px;border-radius:10px;background:var(--fb-border, #d6dae1);font-size:11px;font-weight:600;color:var(--fb-text, #1d2939)}.fb-dbg__badge--ok{background:color-mix(in srgb,var(--fb-success, #3f8f5f) 18%,transparent);color:var(--fb-success, #3f8f5f)}.fb-dbg__badge--fail{background:color-mix(in srgb,var(--fb-error, #c9372c) 14%,transparent);color:var(--fb-error, #c9372c)}.fb-dbg__badge--wait{background:color-mix(in srgb,var(--fb-accent, #2f6feb) 12%,transparent);color:var(--fb-accent, #2f6feb)}.fb-dbg__current,.fb-dbg__steps{font-size:10px;color:var(--fb-text-muted, #667085)}.fb-dbg__type{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;color:var(--fb-text-subtle, #98a2b3)}.fb-dbg__screen-label{margin:0 0 4px;font-size:12px;font-weight:600;color:var(--fb-text, #1d2939)}.fb-dbg__table{width:100%;border-collapse:collapse;font-size:11px}.fb-dbg__table caption{padding-bottom:3px;font-size:10px;color:var(--fb-text-subtle, #98a2b3);text-align:left}.fb-dbg__table th,.fb-dbg__table td{padding:3px 5px;border-bottom:1px solid var(--fb-border-subtle, #e6e9ee);text-align:left;vertical-align:top}.fb-dbg__table th{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:600;color:var(--fb-text, #1d2939)}.fb-dbg__table td{color:var(--fb-text-muted, #667085);word-break:break-word}.fb-dbg__trace{margin:0;padding:0;list-style:none}.fb-dbg__trace-item{display:flex;gap:6px;padding:3px 0;border-bottom:1px solid var(--fb-border-subtle, #e6e9ee);font-size:11px}.fb-dbg__trace-seq{flex:0 0 auto;width:18px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;color:var(--fb-text-subtle, #98a2b3);text-align:right}.fb-dbg__trace-el{flex:0 0 auto;padding:0;border:0;background:transparent;color:var(--fb-accent, #2f6feb);font:inherit;font-size:10px;cursor:pointer;text-decoration:underline}.fb-dbg__trace-msg{color:var(--fb-text-muted, #667085);line-height:1.35}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: DebugPanelComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'fb-debug-panel', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<header class=\"fb-dbg__header\">\r\n  <h2 class=\"fb-dbg__title\">Prova</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<div class=\"fb-dbg__body\">\r\n  @if (errorMessage()) {\r\n    <p class=\"fb-callout fb-callout--error\">{{ errorMessage() }}</p>\r\n  }\r\n\r\n  @if (!result()) {\r\n    <fieldset class=\"fb-section\">\r\n      <legend class=\"fb-section__title\">Valori iniziali</legend>\r\n      @if (inputVariables().length) {\r\n        @for (variable of inputVariables(); track variable.name) {\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label\">\r\n              {{ variable.name }}\r\n              <span class=\"fb-dbg__type\">{{ variable.dataType }}{{ variable.isCollection ? '[]' : '' }}</span>\r\n            </label>\r\n            @if (variable.dataType === 'Boolean') {\r\n              <select class=\"fb-select\" (change)=\"setInputValue(variable.name!, $any($event.target).value)\">\r\n                <option value=\"\">\u2014</option>\r\n                <option value=\"true\">vero</option>\r\n                <option value=\"false\">falso</option>\r\n              </select>\r\n            } @else {\r\n              <input\r\n                class=\"fb-input\"\r\n                [type]=\"variable.dataType === 'Number' || variable.dataType === 'Integer' ? 'number' : 'text'\"\r\n                (input)=\"setInputValue(variable.name!, $any($event.target).value)\"\r\n              />\r\n            }\r\n          </div>\r\n        }\r\n      } @else {\r\n        <p class=\"fb-field__hint\">Il flow non dichiara variabili di input.</p>\r\n      }\r\n    </fieldset>\r\n\r\n    <label class=\"fb-check\">\r\n      <input\r\n        type=\"checkbox\"\r\n        [checked]=\"debugEnabled()\"\r\n        (change)=\"setDebugEnabled($any($event.target).checked)\"\r\n      />\r\n      Traccia di debug\r\n    </label>\r\n    @if (debugEnabled()) {\r\n      <p class=\"fb-callout fb-callout--warn\">\r\n        La traccia riporta i valori di <strong>tutte</strong> le risorse, dati personali compresi: non usarla\r\n        su dati reali.\r\n      </p>\r\n    }\r\n\r\n    <button type=\"button\" class=\"fb-btn fb-btn--primary\" [disabled]=\"!canRun()\" (click)=\"start()\">\r\n      Avvia\r\n    </button>\r\n    @if (!canRun() && !isRunning()) {\r\n      <p class=\"fb-field__hint\">Salva il flow prima di provarlo.</p>\r\n    }\r\n  }\r\n\r\n  @if (result()) {\r\n    <div class=\"fb-dbg__status\">\r\n      <span\r\n        class=\"fb-dbg__badge\"\r\n        [class.fb-dbg__badge--ok]=\"status() === 'Completed'\"\r\n        [class.fb-dbg__badge--fail]=\"status() === 'Failed'\"\r\n        [class.fb-dbg__badge--wait]=\"isWaitingForScreen()\"\r\n      >\r\n        {{ statusLabel() }}\r\n      </span>\r\n      @if (result()?.currentElementName) {\r\n        <span class=\"fb-dbg__current\">su {{ result()?.currentElementName }}</span>\r\n      }\r\n      <span class=\"fb-dbg__steps\">{{ result()?.steps || 0 }} passi</span>\r\n      <span class=\"fb-list__spacer\"></span>\r\n      <button type=\"button\" class=\"fb-btn fb-btn--ghost fb-btn--icon\" (click)=\"reset()\">Riavvia</button>\r\n    </div>\r\n\r\n    @if (statusNote()) {\r\n      <p class=\"fb-callout\">{{ statusNote() }}</p>\r\n    }\r\n\r\n    @if (result()?.fault) {\r\n      <p class=\"fb-callout fb-callout--error\">{{ result()?.fault }}</p>\r\n    }\r\n    @for (message of result()?.errors || []; track message) {\r\n      <p class=\"fb-callout fb-callout--error\">{{ message }}</p>\r\n    }\r\n\r\n    @if (isWaitingForScreen() && pendingScreen()) {\r\n      <fieldset class=\"fb-section\">\r\n        <legend class=\"fb-section__title\">\r\n          Form \u00AB{{ pendingScreen()?.formName }}\u00BB\r\n        </legend>\r\n        <p class=\"fb-section__note\">\r\n          Nell\u2019editor basta un form generico: qui vedi i valori che il form riceve e puoi compilare quelli\r\n          che dichiara di restituire.\r\n        </p>\r\n\r\n        @if (pendingScreen()?.label) {\r\n          <p class=\"fb-dbg__screen-label\">{{ pendingScreen()?.label }}</p>\r\n        }\r\n        @if (pendingScreen()?.helpText) {\r\n          <p class=\"fb-field__hint\">{{ pendingScreen()?.helpText }}</p>\r\n        }\r\n\r\n        @if (screenInputRows().length) {\r\n          <table class=\"fb-dbg__table\">\r\n            <caption>\r\n              Valori in ingresso\r\n            </caption>\r\n            <tbody>\r\n              @for (row of screenInputRows(); track row.name) {\r\n                <tr>\r\n                  <th scope=\"row\">{{ row.name }}</th>\r\n                  <td class=\"fb-dbg__type\">{{ row.type }}</td>\r\n                  <td>{{ row.value }}</td>\r\n                </tr>\r\n              }\r\n            </tbody>\r\n          </table>\r\n        }\r\n\r\n        @for (output of screenOutputNames(); track output) {\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label\">{{ output }}</label>\r\n            <input class=\"fb-input\" (input)=\"setScreenOutput(output, $any($event.target).value)\" />\r\n          </div>\r\n        }\r\n        @if (!screenOutputNames().length) {\r\n          <p class=\"fb-field__hint\">Lo screen non dichiara parametri di uscita.</p>\r\n        }\r\n\r\n        <div class=\"fb-field__row\">\r\n          <button\r\n            type=\"button\"\r\n            class=\"fb-btn fb-btn--primary\"\r\n            [disabled]=\"isRunning()\"\r\n            (click)=\"respond('Next')\"\r\n          >\r\n            Avanti\r\n          </button>\r\n          <!-- canGoBack/canFinish/canPause sono la verita', piu' precisa dei flag del metadata. -->\r\n          <button\r\n            type=\"button\"\r\n            class=\"fb-btn\"\r\n            [disabled]=\"isRunning() || !canGoBack()\"\r\n            title=\"Con \u00ABindietro\u00BB gli output non vengono memorizzati\"\r\n            (click)=\"respond('Previous')\"\r\n          >\r\n            Indietro\r\n          </button>\r\n          <button type=\"button\" class=\"fb-btn\" [disabled]=\"isRunning() || !canFinish()\" (click)=\"respond('Finish')\">\r\n            Fine\r\n          </button>\r\n          <button\r\n            type=\"button\"\r\n            class=\"fb-btn\"\r\n            [disabled]=\"isRunning() || !canPause()\"\r\n            title=\"Con \u00ABpausa\u00BB gli output non vengono memorizzati\"\r\n            (click)=\"respond('Pause')\"\r\n          >\r\n            Pausa\r\n          </button>\r\n        </div>\r\n        <p class=\"fb-field__hint\">\r\n          Con \u00ABindietro\u00BB e \u00ABpausa\u00BB i valori inseriti <strong>non</strong> vengono memorizzati.\r\n        </p>\r\n      </fieldset>\r\n    }\r\n\r\n    @if (isWaitingForStageStep()) {\r\n      <fieldset class=\"fb-section\">\r\n        <legend class=\"fb-section__title\">Step di orchestrazione</legend>\r\n        <p class=\"fb-section__note\">\r\n          L\u2019interview e\u2019 sospesa su uno step assegnato: qui si conclude al posto dell\u2019assegnatario.\r\n          Concludere puo\u2019 far <strong>sospendere di nuovo</strong> lo stage, con una chiave nuova.\r\n        </p>\r\n\r\n        <table class=\"fb-dbg__table\">\r\n          <tbody>\r\n            @for (step of stageSteps(); track step.stepName) {\r\n              <tr>\r\n                <th scope=\"row\">{{ step.label || step.stepName }}</th>\r\n                <td class=\"fb-dbg__type\">{{ step.actionType }}</td>\r\n                <td>{{ step.isWaiting ? 'in attesa' : step.status }}</td>\r\n              </tr>\r\n            }\r\n          </tbody>\r\n        </table>\r\n\r\n        @for (step of waitingStageSteps(); track step.stepName) {\r\n          <div class=\"fb-list__item\">\r\n            <div class=\"fb-list__header\">\r\n              <span class=\"fb-list__title\">{{ step.label || step.stepName }}</span>\r\n            </div>\r\n            @for (output of stepOutputNames(step.stepName); track output) {\r\n              <div class=\"fb-field\">\r\n                <label class=\"fb-field__label\">{{ output }}</label>\r\n                <input class=\"fb-input\" (input)=\"setStepOutput(output, $any($event.target).value)\" />\r\n              </div>\r\n            }\r\n            <div class=\"fb-field__row\">\r\n              <button\r\n                type=\"button\"\r\n                class=\"fb-btn fb-btn--primary\"\r\n                [disabled]=\"isRunning()\"\r\n                (click)=\"completeStep(step.stepName, 'Completed')\"\r\n              >\r\n                Concludi\r\n              </button>\r\n              <!-- Il rifiuto non e' un errore: prende il ramo \u00ABStep rifiutato\u00BB dello stage. -->\r\n              <button\r\n                type=\"button\"\r\n                class=\"fb-btn\"\r\n                [disabled]=\"isRunning()\"\r\n                title=\"Prende il ramo \u00ABStep rifiutato\u00BB; senza quel ramo l\u2019interview fallisce\"\r\n                (click)=\"completeStep(step.stepName, 'Rejected')\"\r\n              >\r\n                Rifiuta\r\n              </button>\r\n              <button\r\n                type=\"button\"\r\n                class=\"fb-btn fb-btn--ghost\"\r\n                [disabled]=\"isRunning()\"\r\n                (click)=\"completeStep(step.stepName, 'Cancelled')\"\r\n              >\r\n                Annulla lo step\r\n              </button>\r\n            </div>\r\n          </div>\r\n        }\r\n      </fieldset>\r\n    }\r\n\r\n    @if (outputRows().length) {\r\n      <fieldset class=\"fb-section\">\r\n        <legend class=\"fb-section__title\">Output del flow</legend>\r\n        <table class=\"fb-dbg__table\">\r\n          <tbody>\r\n            @for (row of outputRows(); track row.name) {\r\n              <tr>\r\n                <th scope=\"row\">{{ row.name }}</th>\r\n                <td class=\"fb-dbg__type\">{{ row.type }}</td>\r\n                <td>{{ row.value }}</td>\r\n              </tr>\r\n            }\r\n          </tbody>\r\n        </table>\r\n      </fieldset>\r\n    }\r\n\r\n    @if (trace().length) {\r\n      <fieldset class=\"fb-section\">\r\n        <legend class=\"fb-section__title\">Traccia</legend>\r\n        <ol class=\"fb-dbg__trace\">\r\n          @for (entry of trace(); track entry.sequence) {\r\n            <li class=\"fb-dbg__trace-item\">\r\n              <span class=\"fb-dbg__trace-seq\">{{ entry.sequence }}</span>\r\n              @if (entry.elementName) {\r\n                <button type=\"button\" class=\"fb-dbg__trace-el\" (click)=\"elementFocused.emit(entry.elementName!)\">\r\n                  {{ entry.elementName }}\r\n                </button>\r\n              }\r\n              <span class=\"fb-dbg__trace-msg\">{{ entry.message }}</span>\r\n            </li>\r\n          }\r\n        </ol>\r\n      </fieldset>\r\n    }\r\n\r\n    @if (resourceRows().length) {\r\n      <fieldset class=\"fb-section\">\r\n        <legend class=\"fb-section__title\">Risorse</legend>\r\n        <table class=\"fb-dbg__table\">\r\n          <tbody>\r\n            @for (row of resourceRows(); track row.name) {\r\n              <tr>\r\n                <th scope=\"row\">{{ row.name }}</th>\r\n                <td class=\"fb-dbg__type\">{{ row.type }}</td>\r\n                <td>{{ row.value }}</td>\r\n              </tr>\r\n            }\r\n          </tbody>\r\n        </table>\r\n      </fieldset>\r\n    }\r\n\r\n    @if (result()?.interviewKey) {\r\n      <p class=\"fb-field__hint\">\r\n        Chiave dell\u2019esecuzione sospesa: <code>{{ result()?.interviewKey }}</code>\r\n      </p>\r\n    }\r\n  }\r\n</div>\r\n", styles: [":host{display:flex;flex-direction:column;height:100%;min-height:0;background:var(--fb-surface, #fff)}.fb-dbg__header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--fb-border-subtle, #e6e9ee)}.fb-dbg__title{margin:0;font-size:14px;font-weight:600;color:var(--fb-text, #1d2939)}.fb-dbg__body{flex:1;min-height:0;overflow-y:auto;padding:10px 12px}.fb-dbg__status{display:flex;align-items:center;gap:8px;margin-bottom:10px}.fb-dbg__badge{padding:2px 8px;border-radius:10px;background:var(--fb-border, #d6dae1);font-size:11px;font-weight:600;color:var(--fb-text, #1d2939)}.fb-dbg__badge--ok{background:color-mix(in srgb,var(--fb-success, #3f8f5f) 18%,transparent);color:var(--fb-success, #3f8f5f)}.fb-dbg__badge--fail{background:color-mix(in srgb,var(--fb-error, #c9372c) 14%,transparent);color:var(--fb-error, #c9372c)}.fb-dbg__badge--wait{background:color-mix(in srgb,var(--fb-accent, #2f6feb) 12%,transparent);color:var(--fb-accent, #2f6feb)}.fb-dbg__current,.fb-dbg__steps{font-size:10px;color:var(--fb-text-muted, #667085)}.fb-dbg__type{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;color:var(--fb-text-subtle, #98a2b3)}.fb-dbg__screen-label{margin:0 0 4px;font-size:12px;font-weight:600;color:var(--fb-text, #1d2939)}.fb-dbg__table{width:100%;border-collapse:collapse;font-size:11px}.fb-dbg__table caption{padding-bottom:3px;font-size:10px;color:var(--fb-text-subtle, #98a2b3);text-align:left}.fb-dbg__table th,.fb-dbg__table td{padding:3px 5px;border-bottom:1px solid var(--fb-border-subtle, #e6e9ee);text-align:left;vertical-align:top}.fb-dbg__table th{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:600;color:var(--fb-text, #1d2939)}.fb-dbg__table td{color:var(--fb-text-muted, #667085);word-break:break-word}.fb-dbg__trace{margin:0;padding:0;list-style:none}.fb-dbg__trace-item{display:flex;gap:6px;padding:3px 0;border-bottom:1px solid var(--fb-border-subtle, #e6e9ee);font-size:11px}.fb-dbg__trace-seq{flex:0 0 auto;width:18px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;color:var(--fb-text-subtle, #98a2b3);text-align:right}.fb-dbg__trace-el{flex:0 0 auto;padding:0;border:0;background:transparent;color:var(--fb-accent, #2f6feb);font:inherit;font-size:10px;cursor:pointer;text-decoration:underline}.fb-dbg__trace-msg{color:var(--fb-text-muted, #667085);line-height:1.35}\n"] }]
-        }], propDecorators: { closed: [{ type: i0.Output, args: ["closed"] }], elementFocused: [{ type: i0.Output, args: ["elementFocused"] }] } });
+            args: [{ selector: 'fb-debug-panel', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<header class=\"fb-dbg__header\">\r\n  <h2 class=\"fb-dbg__title\">Prova</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<div class=\"fb-dbg__body\">\r\n  @if (errorMessage()) {\r\n    <p class=\"fb-callout fb-callout--error\">{{ errorMessage() }}</p>\r\n  }\r\n\r\n  @if (!result()) {\r\n    <fieldset class=\"fb-section\">\r\n      <legend class=\"fb-section__title\">Valori iniziali</legend>\r\n      @if (inputVariables().length) {\r\n        @for (variable of inputVariables(); track variable.name) {\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label\">\r\n              {{ variable.name }}\r\n              <span class=\"fb-dbg__type\">{{ variable.dataType }}{{ variable.isCollection ? '[]' : '' }}</span>\r\n            </label>\r\n            @if (isStructureVariable(variable)) {\r\n              <!--\r\n                \u00A74.7: un'istanza non ha un letterale. Si compila un membro alla volta e si manda\r\n                `className` piu' i soli membri valorizzati \u2014 la stessa forma che torna in lettura.\r\n              -->\r\n              <p class=\"fb-field__hint\">\r\n                Istanza di <code>{{ variable.objectType }}</code>: valorizza i membri che ti servono.\r\n              </p>\r\n              @for (member of membersOf(variable.objectType); track member.name) {\r\n                <div class=\"fb-field\">\r\n                  <label class=\"fb-field__label\">\r\n                    {{ member.name }}\r\n                    <span class=\"fb-dbg__type\">{{ member.dataType }}{{ member.isCollection ? '[]' : '' }}</span>\r\n                  </label>\r\n                  @if (member.dataType === 'Boolean') {\r\n                    <select\r\n                      class=\"fb-select\"\r\n                      (change)=\"setInputValue(variable.name + '.' + member.name, $any($event.target).value)\"\r\n                    >\r\n                      <option value=\"\">\u2014</option>\r\n                      <option value=\"true\">vero</option>\r\n                      <option value=\"false\">falso</option>\r\n                    </select>\r\n                  } @else {\r\n                    <input\r\n                      class=\"fb-input\"\r\n                      [type]=\"member.dataType === 'Number' || member.dataType === 'Integer' ? 'number' : 'text'\"\r\n                      (input)=\"setInputValue(variable.name + '.' + member.name, $any($event.target).value)\"\r\n                    />\r\n                  }\r\n                </div>\r\n              }\r\n              @if (!membersOf(variable.objectType).length) {\r\n                <p class=\"fb-field__hint\">\r\n                  Membri non disponibili: senza il catalogo della classe non c\u2019e\u2019 un form da generare.\r\n                </p>\r\n              }\r\n            } @else if (variable.dataType === 'Boolean') {\r\n              <select class=\"fb-select\" (change)=\"setInputValue(variable.name!, $any($event.target).value)\">\r\n                <option value=\"\">\u2014</option>\r\n                <option value=\"true\">vero</option>\r\n                <option value=\"false\">falso</option>\r\n              </select>\r\n            } @else {\r\n              <input\r\n                class=\"fb-input\"\r\n                [type]=\"variable.dataType === 'Number' || variable.dataType === 'Integer' ? 'number' : 'text'\"\r\n                (input)=\"setInputValue(variable.name!, $any($event.target).value)\"\r\n              />\r\n            }\r\n          </div>\r\n        }\r\n      } @else {\r\n        <p class=\"fb-field__hint\">Il flow non dichiara variabili di input.</p>\r\n      }\r\n    </fieldset>\r\n\r\n    <label class=\"fb-check\">\r\n      <input\r\n        type=\"checkbox\"\r\n        [checked]=\"debugEnabled()\"\r\n        (change)=\"setDebugEnabled($any($event.target).checked)\"\r\n      />\r\n      Traccia di debug\r\n    </label>\r\n    @if (debugEnabled()) {\r\n      <p class=\"fb-callout fb-callout--warn\">\r\n        La traccia riporta i valori di <strong>tutte</strong> le risorse, dati personali compresi: non usarla\r\n        su dati reali.\r\n      </p>\r\n    }\r\n\r\n    <button type=\"button\" class=\"fb-btn fb-btn--primary\" [disabled]=\"!canRun()\" (click)=\"start()\">\r\n      Avvia\r\n    </button>\r\n    @if (!canRun() && !isRunning()) {\r\n      <p class=\"fb-field__hint\">Salva il flow prima di provarlo.</p>\r\n    }\r\n  }\r\n\r\n  @if (result()) {\r\n    <div class=\"fb-dbg__status\">\r\n      <span\r\n        class=\"fb-dbg__badge\"\r\n        [class.fb-dbg__badge--ok]=\"status() === 'Completed'\"\r\n        [class.fb-dbg__badge--fail]=\"status() === 'Failed'\"\r\n        [class.fb-dbg__badge--wait]=\"isWaitingForScreen()\"\r\n      >\r\n        {{ statusLabel() }}\r\n      </span>\r\n      @if (result()?.currentElementName) {\r\n        <span class=\"fb-dbg__current\">su {{ result()?.currentElementName }}</span>\r\n      }\r\n      <span class=\"fb-dbg__steps\">{{ result()?.steps || 0 }} passi</span>\r\n      <span class=\"fb-list__spacer\"></span>\r\n      <button type=\"button\" class=\"fb-btn fb-btn--ghost fb-btn--icon\" (click)=\"reset()\">Riavvia</button>\r\n    </div>\r\n\r\n    @if (statusNote()) {\r\n      <p class=\"fb-callout\">{{ statusNote() }}</p>\r\n    }\r\n\r\n    @if (result()?.fault) {\r\n      <p class=\"fb-callout fb-callout--error\">{{ result()?.fault }}</p>\r\n    }\r\n    @for (message of result()?.errors || []; track message) {\r\n      <p class=\"fb-callout fb-callout--error\">{{ message }}</p>\r\n    }\r\n\r\n    @if (isWaitingForScreen() && pendingScreen()) {\r\n      <fieldset class=\"fb-section\">\r\n        <legend class=\"fb-section__title\">\r\n          Form \u00AB{{ pendingScreen()?.formName }}\u00BB\r\n        </legend>\r\n        <p class=\"fb-section__note\">\r\n          Nell\u2019editor basta un form generico: qui vedi i valori che il form riceve e puoi compilare quelli\r\n          che dichiara di restituire.\r\n        </p>\r\n\r\n        @if (pendingScreen()?.label) {\r\n          <p class=\"fb-dbg__screen-label\">{{ pendingScreen()?.label }}</p>\r\n        }\r\n        @if (pendingScreen()?.helpText) {\r\n          <p class=\"fb-field__hint\">{{ pendingScreen()?.helpText }}</p>\r\n        }\r\n\r\n        @if (screenInputRows().length) {\r\n          <table class=\"fb-dbg__table\">\r\n            <caption>\r\n              Valori in ingresso\r\n            </caption>\r\n            <tbody>\r\n              @for (row of screenInputRows(); track row.name) {\r\n                <tr>\r\n                  <th scope=\"row\">{{ row.name }}</th>\r\n                  <td class=\"fb-dbg__type\">{{ row.type }}</td>\r\n                  <td>{{ row.value }}</td>\r\n                </tr>\r\n              }\r\n            </tbody>\r\n          </table>\r\n        }\r\n\r\n        @for (output of screenOutputNames(); track output) {\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label\">{{ output }}</label>\r\n            <input class=\"fb-input\" (input)=\"setScreenOutput(output, $any($event.target).value)\" />\r\n          </div>\r\n        }\r\n        @if (!screenOutputNames().length) {\r\n          <p class=\"fb-field__hint\">Lo screen non dichiara parametri di uscita.</p>\r\n        }\r\n\r\n        <div class=\"fb-field__row\">\r\n          <button\r\n            type=\"button\"\r\n            class=\"fb-btn fb-btn--primary\"\r\n            [disabled]=\"isRunning()\"\r\n            (click)=\"respond('Next')\"\r\n          >\r\n            Avanti\r\n          </button>\r\n          <!-- canGoBack/canFinish/canPause sono la verita', piu' precisa dei flag del metadata. -->\r\n          <button\r\n            type=\"button\"\r\n            class=\"fb-btn\"\r\n            [disabled]=\"isRunning() || !canGoBack()\"\r\n            title=\"Con \u00ABindietro\u00BB gli output non vengono memorizzati\"\r\n            (click)=\"respond('Previous')\"\r\n          >\r\n            Indietro\r\n          </button>\r\n          <button type=\"button\" class=\"fb-btn\" [disabled]=\"isRunning() || !canFinish()\" (click)=\"respond('Finish')\">\r\n            Fine\r\n          </button>\r\n          <button\r\n            type=\"button\"\r\n            class=\"fb-btn\"\r\n            [disabled]=\"isRunning() || !canPause()\"\r\n            title=\"Con \u00ABpausa\u00BB gli output non vengono memorizzati\"\r\n            (click)=\"respond('Pause')\"\r\n          >\r\n            Pausa\r\n          </button>\r\n        </div>\r\n        <p class=\"fb-field__hint\">\r\n          Con \u00ABindietro\u00BB e \u00ABpausa\u00BB i valori inseriti <strong>non</strong> vengono memorizzati.\r\n        </p>\r\n      </fieldset>\r\n    }\r\n\r\n    @if (isWaitingForStageStep()) {\r\n      <fieldset class=\"fb-section\">\r\n        <legend class=\"fb-section__title\">Step di orchestrazione</legend>\r\n        <p class=\"fb-section__note\">\r\n          L\u2019interview e\u2019 sospesa su uno step assegnato: qui si conclude al posto dell\u2019assegnatario.\r\n          Concludere puo\u2019 far <strong>sospendere di nuovo</strong> lo stage, con una chiave nuova.\r\n        </p>\r\n\r\n        <table class=\"fb-dbg__table\">\r\n          <tbody>\r\n            @for (step of stageSteps(); track step.stepName) {\r\n              <tr>\r\n                <th scope=\"row\">{{ step.label || step.stepName }}</th>\r\n                <td class=\"fb-dbg__type\">{{ step.actionType }}</td>\r\n                <td>{{ step.isWaiting ? 'in attesa' : step.status }}</td>\r\n              </tr>\r\n            }\r\n          </tbody>\r\n        </table>\r\n\r\n        @for (step of waitingStageSteps(); track step.stepName) {\r\n          <div class=\"fb-list__item\">\r\n            <div class=\"fb-list__header\">\r\n              <span class=\"fb-list__title\">{{ step.label || step.stepName }}</span>\r\n            </div>\r\n            @for (output of stepOutputNames(step.stepName); track output) {\r\n              <div class=\"fb-field\">\r\n                <label class=\"fb-field__label\">{{ output }}</label>\r\n                <input class=\"fb-input\" (input)=\"setStepOutput(output, $any($event.target).value)\" />\r\n              </div>\r\n            }\r\n            <div class=\"fb-field__row\">\r\n              <button\r\n                type=\"button\"\r\n                class=\"fb-btn fb-btn--primary\"\r\n                [disabled]=\"isRunning()\"\r\n                (click)=\"completeStep(step.stepName, 'Completed')\"\r\n              >\r\n                Concludi\r\n              </button>\r\n              <!-- Il rifiuto non e' un errore: prende il ramo \u00ABStep rifiutato\u00BB dello stage. -->\r\n              <button\r\n                type=\"button\"\r\n                class=\"fb-btn\"\r\n                [disabled]=\"isRunning()\"\r\n                title=\"Prende il ramo \u00ABStep rifiutato\u00BB; senza quel ramo l\u2019interview fallisce\"\r\n                (click)=\"completeStep(step.stepName, 'Rejected')\"\r\n              >\r\n                Rifiuta\r\n              </button>\r\n              <button\r\n                type=\"button\"\r\n                class=\"fb-btn fb-btn--ghost\"\r\n                [disabled]=\"isRunning()\"\r\n                (click)=\"completeStep(step.stepName, 'Cancelled')\"\r\n              >\r\n                Annulla lo step\r\n              </button>\r\n            </div>\r\n          </div>\r\n        }\r\n      </fieldset>\r\n    }\r\n\r\n    @if (outputRows().length) {\r\n      <fieldset class=\"fb-section\">\r\n        <legend class=\"fb-section__title\">Output del flow</legend>\r\n        <table class=\"fb-dbg__table\">\r\n          <tbody>\r\n            @for (row of outputRows(); track row.name) {\r\n              <tr>\r\n                <th scope=\"row\">{{ row.name }}</th>\r\n                <td class=\"fb-dbg__type\">{{ row.type }}</td>\r\n                <td>{{ row.value }}</td>\r\n              </tr>\r\n            }\r\n          </tbody>\r\n        </table>\r\n      </fieldset>\r\n    }\r\n\r\n    @if (trace().length) {\r\n      <fieldset class=\"fb-section\">\r\n        <legend class=\"fb-section__title\">Traccia</legend>\r\n        <ol class=\"fb-dbg__trace\">\r\n          @for (entry of trace(); track entry.sequence) {\r\n            <li class=\"fb-dbg__trace-item\">\r\n              <span class=\"fb-dbg__trace-seq\">{{ entry.sequence }}</span>\r\n              @if (entry.elementName) {\r\n                <button type=\"button\" class=\"fb-dbg__trace-el\" (click)=\"elementFocused.emit(entry.elementName!)\">\r\n                  {{ entry.elementName }}\r\n                </button>\r\n              }\r\n              <span class=\"fb-dbg__trace-msg\">{{ entry.message }}</span>\r\n            </li>\r\n          }\r\n        </ol>\r\n      </fieldset>\r\n    }\r\n\r\n    @if (resourceRows().length) {\r\n      <fieldset class=\"fb-section\">\r\n        <legend class=\"fb-section__title\">Risorse</legend>\r\n        <table class=\"fb-dbg__table\">\r\n          <tbody>\r\n            @for (row of resourceRows(); track row.name) {\r\n              <tr>\r\n                <th scope=\"row\">{{ row.name }}</th>\r\n                <td class=\"fb-dbg__type\">{{ row.type }}</td>\r\n                <td>{{ row.value }}</td>\r\n              </tr>\r\n            }\r\n          </tbody>\r\n        </table>\r\n      </fieldset>\r\n    }\r\n\r\n    @if (result()?.interviewKey) {\r\n      <p class=\"fb-field__hint\">\r\n        Chiave dell\u2019esecuzione sospesa: <code>{{ result()?.interviewKey }}</code>\r\n      </p>\r\n    }\r\n  }\r\n</div>\r\n", styles: [":host{display:flex;flex-direction:column;height:100%;min-height:0;background:var(--fb-surface, #fff)}.fb-dbg__header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--fb-border-subtle, #e6e9ee)}.fb-dbg__title{margin:0;font-size:14px;font-weight:600;color:var(--fb-text, #1d2939)}.fb-dbg__body{flex:1;min-height:0;overflow-y:auto;padding:10px 12px}.fb-dbg__status{display:flex;align-items:center;gap:8px;margin-bottom:10px}.fb-dbg__badge{padding:2px 8px;border-radius:10px;background:var(--fb-border, #d6dae1);font-size:11px;font-weight:600;color:var(--fb-text, #1d2939)}.fb-dbg__badge--ok{background:color-mix(in srgb,var(--fb-success, #3f8f5f) 18%,transparent);color:var(--fb-success, #3f8f5f)}.fb-dbg__badge--fail{background:color-mix(in srgb,var(--fb-error, #c9372c) 14%,transparent);color:var(--fb-error, #c9372c)}.fb-dbg__badge--wait{background:color-mix(in srgb,var(--fb-accent, #2f6feb) 12%,transparent);color:var(--fb-accent, #2f6feb)}.fb-dbg__current,.fb-dbg__steps{font-size:10px;color:var(--fb-text-muted, #667085)}.fb-dbg__type{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;color:var(--fb-text-subtle, #98a2b3)}.fb-dbg__screen-label{margin:0 0 4px;font-size:12px;font-weight:600;color:var(--fb-text, #1d2939)}.fb-dbg__table{width:100%;border-collapse:collapse;font-size:11px}.fb-dbg__table caption{padding-bottom:3px;font-size:10px;color:var(--fb-text-subtle, #98a2b3);text-align:left}.fb-dbg__table th,.fb-dbg__table td{padding:3px 5px;border-bottom:1px solid var(--fb-border-subtle, #e6e9ee);text-align:left;vertical-align:top}.fb-dbg__table th{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:600;color:var(--fb-text, #1d2939)}.fb-dbg__table td{color:var(--fb-text-muted, #667085);word-break:break-word}.fb-dbg__trace{margin:0;padding:0;list-style:none}.fb-dbg__trace-item{display:flex;gap:6px;padding:3px 0;border-bottom:1px solid var(--fb-border-subtle, #e6e9ee);font-size:11px}.fb-dbg__trace-seq{flex:0 0 auto;width:18px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;color:var(--fb-text-subtle, #98a2b3);text-align:right}.fb-dbg__trace-el{flex:0 0 auto;padding:0;border:0;background:transparent;color:var(--fb-accent, #2f6feb);font:inherit;font-size:10px;cursor:pointer;text-decoration:underline}.fb-dbg__trace-msg{color:var(--fb-text-muted, #667085);line-height:1.35}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { closed: [{ type: i0.Output, args: ["closed"] }], elementFocused: [{ type: i0.Output, args: ["elementFocused"] }] } });
 
 /**
  * Il builder: il componente standalone da innestare nell'applicazione ospite.
@@ -8608,5 +9244,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { ConditionEditorComponent, ConnectorEditorComponent, DebugPanelComponent, ElementDialogComponent, ElementInspectorComponent, ElementPaletteComponent, FALLBACK_COLLECTION_BY_TYPE, FALLBACK_TYPE_LABEL, FLOW_BUILDER_HTTP_CONFIG, FLOW_ELEMENT_ICONS, FLOW_ELEMENT_VARIANT_FIELDS, FLOW_ELEMENT_VARIANT_ICONS, FLOW_ERROR_FALLBACK_MESSAGE, FLOW_ERROR_HTTP_STATUS, FLOW_NAME_PATTERN, FLOW_NODE_COLLECTIONS, FLOW_NODE_HEIGHT, FLOW_NODE_WIDTH, FLOW_RESOURCE_COLLECTIONS, FieldAssignmentEditorComponent, FieldPickerComponent, FlowApiError, FlowBuilderApi, FlowBuilderComponent, FlowCanvasComponent, FlowCatalogStore, FlowDictionaryStore, FlowDocumentStore, FlowEditorSession, FlowLayoutService, FlowValidationStore, HttpFlowBuilderApi, NamePickerComponent, NodeInspectorBase, ORCHESTRATION_CONDITION_OUTPUT, ObjectPickerComponent, OrchestratedStageInspectorComponent, ParameterEditorComponent, ProblemsPanelComponent, RecordFilterEditorComponent, ReferencePickerComponent, ResourcePanelComponent, START_NODE_NAME, SelectValueDirective, StartInspectorComponent, TYPES_WITH_AUTOMATIC_OUTPUT, TYPE_BY_COLLECTION, UNSUPPORTED_TYPES, ValueEditorComponent, VersionPanelComponent, areTypesComparable, canvasNodeId, checkConditionLogic, checkFlowName, elementIcon, emptyFlowDefinition, flowNodeWidth, flowNodeWidthClass, isCustomConditionLogic, isGlobalReference, isNumericType, isTypeCheckedOperator, isValidFlowName, moveCondition, outletByKey, outletsOf, parseCanvasNodeId, parseInvariantNumber, parseSourceConnectorId, parseTargetConnectorId, referenceRoot, remapConditionLogic, removeCondition, slugifyFlowName, sourceConnectorId, stageStepNames, stageStepOutputReferenced, stepsOf, targetConnectorId, uniqueFlowName, variantFieldOf, variantOf, variantPresetOf };
+export { ConditionEditorComponent, ConnectorEditorComponent, DebugPanelComponent, ElementDialogComponent, ElementInspectorComponent, ElementPaletteComponent, FALLBACK_COLLECTION_BY_TYPE, FALLBACK_TYPE_LABEL, FLOW_BUILDER_HTTP_CONFIG, FLOW_ELEMENT_ICONS, FLOW_ELEMENT_VARIANT_FIELDS, FLOW_ELEMENT_VARIANT_ICONS, FLOW_ERROR_FALLBACK_MESSAGE, FLOW_ERROR_HTTP_STATUS, FLOW_NAME_PATTERN, FLOW_NODE_COLLECTIONS, FLOW_NODE_HEIGHT, FLOW_NODE_WIDTH, FLOW_RESOURCE_COLLECTIONS, FieldAssignmentEditorComponent, FieldPickerComponent, FlowApiError, FlowBuilderApi, FlowBuilderComponent, FlowCanvasComponent, FlowCatalogStore, FlowDictionaryStore, FlowDocumentStore, FlowEditorSession, FlowLayoutService, FlowValidationStore, HttpFlowBuilderApi, NamePickerComponent, NodeInspectorBase, ORCHESTRATION_CONDITION_OUTPUT, ObjectPickerComponent, OrchestratedStageInspectorComponent, ParameterEditorComponent, ProblemsPanelComponent, RecordFilterEditorComponent, ReferencePickerComponent, ResourcePanelComponent, START_NODE_NAME, SelectValueDirective, StartInspectorComponent, StructureMemberPickerComponent, StructurePickerComponent, TYPES_WITH_AUTOMATIC_OUTPUT, TYPE_BY_COLLECTION, UNSUPPORTED_TYPES, ValueEditorComponent, VersionPanelComponent, areTypesComparable, canvasNodeId, checkConditionLogic, checkFlowName, elementIcon, emptyFlowDefinition, flowNodeWidth, flowNodeWidthClass, isCustomConditionLogic, isGlobalReference, isNumericType, isTypeCheckedOperator, isValidFlowName, moveCondition, outletByKey, outletsOf, parseCanvasNodeId, parseInvariantNumber, parseSourceConnectorId, parseTargetConnectorId, referenceRoot, remapConditionLogic, removeCondition, slugifyFlowName, sourceConnectorId, stageStepNames, stageStepOutputReferenced, stepsOf, targetConnectorId, uniqueFlowName, variantFieldOf, variantOf, variantPresetOf };
 //# sourceMappingURL=esfaenza-flow-builder.mjs.map