@esfaenza/flow-builder 20.3.8 → 20.3.10

package/fesm2022/esfaenza-flow-builder.mjs

@@ -1292,7 +1292,7 @@ function severityBucketOf(severity, depth = 0) {
         return null;
     }
     if (typeof severity === 'string') {
-        const name = severity.trim().toLowerCase();
+        const name = severity?.trim()?.toLowerCase();
         if (!name) {
             return null;
         }
@@ -3739,6 +3739,20 @@ class ReferencePickerComponent {
     elementsOnly = input(false, ...(ngDevMode ? [{ debugName: "elementsOnly" }] : []));
     valueChange = output();
     references = signal([], ...(ngDevMode ? [{ debugName: "references" }] : []));
+    /**
+     * L'elenco **senza** il filtro di tipo, che serve solo a riconoscere le radici dei percorsi.
+     *
+     * Il filtro (§6.4) guarda il tipo della **radice**, e una radice scartata si porta via anche cio'
+     * che sta sotto: in un parametro `String` una variabile `Structure` non e' compatibile, ma
+     * `Richiesta.Ragione` lo e', e `Leggi_Ordine` non e' un `String` mentre `Leggi_Ordine.Numero` lo
+     * e'. Senza questo elenco il primo membro non si puo' proporre e il secondo viene accusato di non
+     * esistere pur essendo un riferimento valido (§4.5).
+     *
+     * Vuoto dove il filtro non c'e': lì {@link references} e' già l'elenco completo.
+     */
+    unfiltered = signal([], ...(ngDevMode ? [{ debugName: "unfiltered" }] : []));
+    /** Tutto cio' che puo' essere la radice di un percorso, filtrato o no. */
+    roots = computed(() => [...this.references(), ...this.unfiltered()], ...(ngDevMode ? [{ debugName: "roots" }] : []));
     isLoading = signal(false, ...(ngDevMode ? [{ debugName: "isLoading" }] : []));
     loadError = signal(null, ...(ngDevMode ? [{ debugName: "loadError" }] : []));
     isOpen = signal(false, ...(ngDevMode ? [{ debugName: "isOpen" }] : []));
@@ -3754,6 +3768,7 @@ class ReferencePickerComponent {
             const objectType = this.objectType();
             if (this.elementsOnly()) {
                 // I node li conosce già il documento: nessuna richiesta necessaria.
+                this.unfiltered.set([]);
                 this.references.set(this.store.nodes().map((reference) => ({
                     name: reference.name,
                     label: reference.node.label ?? null,
@@ -3786,8 +3801,53 @@ class ReferencePickerComponent {
                 this.references.set([]);
             })
                 .finally(() => this.isLoading.set(false));
+            /**
+             * Seconda richiesta **senza filtri**, per le sole radici: chi filtra le proposte resta il
+             * backend — da qui non entra nessun valore del tipo sbagliato, entrano i contenitori in cui
+             * scendere e i nomi da non accusare.
+             *
+             * Non filtrata vuol dire anche `getReferences` e non `getWritableReferences`, pure in un campo
+             * di destinazione: la scrivibilita' e' del **percorso**, non della radice, e le radici scartate
+             * sono quelle che servono per dire la cosa giusta — un `$User.Anagrafica.Citta` scritto a mano
+             * e' `TARGET_NOT_WRITABLE`, non un nome che non esiste. Dove non c'e' filtro **ne'** vincolo di
+             * scrittura la prima richiesta le contiene già, e la seconda non si fa.
+             */
+            const hasTypeFilter = !!query.dataType || query.isCollection != null || !!query.objectType;
+            if (!hasTypeFilter && !writable) {
+                this.unfiltered.set([]);
+                return;
+            }
+            void this.api
+                .getReferences({ definition })
+                .then((list) => this.unfiltered.set(list ?? []))
+                // Una radice in meno degrada le proposte, non il campo: nessun messaggio.
+                .catch(() => this.unfiltered.set([]));
         });
     }
+    /**
+     * Il riferimento dichiarato piu' **lungo** che sia un prefisso del valore, sui confini del punto.
+     *
+     * Non basta il primo segmento: un nome dichiarato puo' contenere il punto. Le globali sono il caso
+     * per cui la regola esiste — di `$User.Anagrafica.Citta` il dizionario dichiara `$User.Anagrafica`,
+     * e cercare la corrispondenza esatta di tutto cio' che segue lo scope segnalerebbe come rotto un
+     * percorso giusto (§4.1: vince il prefisso dichiarato piu' lungo).
+     */
+    declaredPrefix = computed(() => {
+        const value = (this.value() ?? '')?.trim();
+        if (!value) {
+            return undefined;
+        }
+        let best;
+        for (const candidate of this.roots()) {
+            if (value !== candidate.name && !value.startsWith(`${candidate.name}.`)) {
+                continue;
+            }
+            if (!best || candidate.name.length > best.name.length) {
+                best = candidate;
+            }
+        }
+        return best;
+    }, ...(ngDevMode ? [{ debugName: "declaredPrefix" }] : []));
     /**
      * La risorsa da cui il valore corrente sta navigando, quando la sua forma e' **dichiarata**: una
      * `Structure` con la classe, un record con l'entita'. È cio' che rende il percorso verificabile.
@@ -3797,11 +3857,9 @@ class ReferencePickerComponent {
      * l'editor non deve accusare cio' che il backend non verifica.
      */
     navigableRoot = computed(() => {
-        const root = referenceRoot((this.value() ?? '')?.trim());
-        if (!root) {
-            return undefined;
-        }
-        const reference = this.references().find((candidate) => candidate.name === root);
+        // Fra tutte le radici: quella di `Richiesta.Ragione` in un campo `String` sta solo nell'elenco
+        // non filtrato.
+        const reference = this.declaredPrefix();
         if (!reference || reference.kind === 'ElementOutput' || !reference.objectType || reference.isCollection) {
             return undefined;
         }
@@ -3830,6 +3888,16 @@ class ReferencePickerComponent {
      * segmento di sola lettura non si propone in un campo di destinazione, a meno che da lì il
      * percorso continui: `Richiesta.Cliente` non si assegna, ma `Richiesta.Cliente.Email` sì (§5.7).
      */
+    /**
+     * §5.2 — dentro una globale dell'host **niente** e' scrivibile, per quanto il membro si dichiari
+     * tale: le globali le risolve un componente che non ha modo di scriverle, e proporle come
+     * destinazione farebbe attivare un flow che poi fallisce davanti all'utente. L'eccezione sono i
+     * campi del record che innesca, che si assegnano (§4.1).
+     */
+    isReadOnlyPath = computed(() => {
+        const name = this.navigableRoot()?.reference.name;
+        return !!name && isGlobalReference(name) && referenceRoot(name) !== '$Record';
+    }, ...(ngDevMode ? [{ debugName: "isReadOnlyPath" }] : []));
     pathReferences = computed(() => {
         const root = this.navigableRoot();
         const tail = this.tail();
@@ -3839,7 +3907,9 @@ class ReferencePickerComponent {
         const prefix = tail.prefix ? `${root.reference.name}.${tail.prefix}` : root.reference.name;
         const kind = tail.level.container.kind === 'object' ? 'RecordField' : 'StructureMember';
         return tail.level.entries
+            .map((entry) => (this.isReadOnlyPath() ? { ...entry, isWritable: false } : entry))
             .filter((entry) => !this.writableOnly() || entry.isWritable || !!entry.next)
+            .filter((entry) => this.matchesTarget(entry))
             .map((entry) => ({
             name: `${prefix}.${entry.name}`,
             label: entry.label ?? null,
@@ -3851,12 +3921,53 @@ class ReferencePickerComponent {
             description: entry.isWritable ? (entry.description ?? null) : 'sola lettura',
         }));
     }, ...(ngDevMode ? [{ debugName: "pathReferences" }] : []));
+    /**
+     * Lo stesso filtro che il backend applica alle radici (§6.4), applicato ai segmenti di un
+     * percorso: in un parametro `String` non si propone un membro `Date`. Un segmento da cui si
+     * scende resta comunque proposto anche se il suo tipo non combacia — e' la strada per arrivare
+     * al membro che combacia.
+     */
+    matchesTarget(entry) {
+        if (entry.next) {
+            return true;
+        }
+        const dataType = this.dataType();
+        if (dataType && entry.dataType && entry.dataType !== dataType) {
+            return false;
+        }
+        const isCollection = this.isCollection();
+        if (isCollection != null && entry.isCollection != null && !!entry.isCollection !== isCollection) {
+            return false;
+        }
+        const objectType = this.objectType();
+        return !(objectType && entry.objectType && entry.objectType !== objectType);
+    }
+    /**
+     * I contenitori che il filtro di tipo ha scartato: si mostrano per **entrarci**, non per
+     * scegliersi. Quelli che il filtro ha tenuto stanno già fra le proposte normali.
+     */
+    containerOptions = computed(() => {
+        const proposed = new Set(this.references().map((reference) => reference.name));
+        return this.unfiltered().filter((candidate) => {
+            if (proposed.has(candidate.name) || !this.canDescend(candidate)) {
+                return false;
+            }
+            // In un campo di destinazione una globale dell'host non porta a niente di assegnabile (§5.2):
+            // proporre di entrarci sarebbe un vicolo cieco. Resta nelle radici, per il messaggio giusto.
+            return !(this.writableOnly() &&
+                isGlobalReference(candidate.name) &&
+                referenceRoot(candidate.name) !== '$Record');
+        });
+    }, ...(ngDevMode ? [{ debugName: "containerOptions" }] : []));
+    /** `true` → questa riga apre il percorso e non e' un valore valido per il campo. */
+    isContainerOnly(reference) {
+        return this.containerOptions().some((candidate) => candidate.name === reference.name);
+    }
     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(), ...this.pathReferences()];
+        // Le due globali assegnabili — `$Flow.CurrentStage` e `$Flow.ActiveStages` — le comprende già
+        // `POST /flows/references/writable`: aggiungerle qui le duplicherebbe (§5.2, §6.4).
+        const all = [...this.references(), ...this.containerOptions(), ...this.pathReferences()];
         if (!needle) {
             return all;
         }
@@ -3913,11 +4024,16 @@ class ReferencePickerComponent {
      *    elemento): il percorso resta fuori dalla validazione, quindi si accetta senza segnalare;
      *  - `host`: scope del sistema ospite che **non dichiara percorsi**: non verificabile (§4.1);
      *  - `member`: percorso dentro una forma dichiarata, verificato fino in fondo (§4.4, §4.7.1);
+     *  - `containerRoot`: il contenitore da solo in un campo che vuole un altro tipo: il valore e' un
+     *    suo membro, non lui;
      *  - `memberUnknown`: un segmento non esiste nella sua tappa: `STRUCTURE_MEMBER_UNKNOWN` su una
      *    classe, `FIELD_UNKNOWN` su un'entita', e a differenza di prima si sa per certo;
      *  - `memberNotWritable`: il segmento esiste, non e' scrivibile, e questo campo vuole una
      *    destinazione: `TARGET_NOT_WRITABLE`;
      *  - `pathUnverified`: la catena si interrompe (`PATH_NOT_VERIFIABLE`): avviso, non errore;
+     *  - `globalPathUntyped`: percorso globale che porta un contenitore senza dichiararne il tipo:
+     *    `PATH_NOT_VERIFIABLE`, e la correzione sta nel catalogo dell'host, non nel flow (§4.1);
+     *  - `globalPathInvalid`: si naviga un percorso globale scalare o una collection: `GLOBAL_UNKNOWN`;
      *  - `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`.
@@ -3937,6 +4053,11 @@ class ReferencePickerComponent {
         }
         // Dentro una forma dichiarata il percorso e' verificabile: dirlo "non verificato" sarebbe falso.
         if (this.navigableRoot()) {
+            // Il contenitore da solo: non e' fra le proposte (lo avrebbe intercettato `known`), quindi il
+            // filtro del campo lo ha scartato — e il valore giusto e' un suo membro, non lui.
+            if (!this.navigatedPath()) {
+                return 'containerRoot';
+            }
             const resolution = this.resolution();
             switch (resolution?.status) {
                 case 'unknown':
@@ -3944,13 +4065,30 @@ class ReferencePickerComponent {
                 case 'unverifiable':
                     return 'pathUnverified';
                 case 'resolved':
-                    return this.writableOnly() && !resolution.last?.isWritable ? 'memberNotWritable' : 'member';
+                    return this.writableOnly() && (this.isReadOnlyPath() || !resolution.last?.isWritable)
+                        ? 'memberNotWritable'
+                        : 'member';
                 default:
                     // Percorso ancora aperto (`Richiesta.`) o risposta non arrivata: non si accusa nessuno.
                     return 'empty';
             }
         }
-        if (all.some((reference) => reference.name === root)) {
+        /**
+         * §4.1 — un percorso globale dichiarato che non porta a un contenitore. I due esiti sono
+         * diversi e vanno detti diversi: senza `objectType` si sa che c'e' un contenitore ma non di che
+         * tipo (`PATH_NOT_VERIFIABLE`, avviso), mentre su uno scalare o una collection non c'e'
+         * proprio niente da navigare (`GLOBAL_UNKNOWN`, errore).
+         */
+        const prefix = this.declaredPrefix();
+        if (prefix && prefix.name !== value && isGlobalReference(prefix.name)) {
+            const isContainer = this.dictionaries.isStructure(prefix.dataType) || prefix.dataType === 'Object';
+            return isContainer && !prefix.objectType && !prefix.isCollection
+                ? 'globalPathUntyped'
+                : 'globalPathInvalid';
+        }
+        // Fra **tutte** le radici: `Leggi_Ordine` non e' un `String`, ma `Leggi_Ordine.Numero` sì, e
+        // accusarlo di non esistere sarebbe falso (§4.5).
+        if (this.roots().some((reference) => reference.name === root)) {
             return 'navigated';
         }
         // Se l'elenco non e' arrivato, non si accusa nessuno.
@@ -3976,6 +4114,10 @@ class ReferencePickerComponent {
                 const what = this.tailIsObject() ? 'Campo' : 'Membro';
                 return `${what} di ${this.tailContainer()}: il percorso e’ verificato fino in fondo.`;
             }
+            case 'containerRoot':
+                return this.tailIsObject()
+                    ? 'Questo e’ il record intero, e il campo vuole un altro tipo: scegli un suo campo.'
+                    : 'Questa e’ l’istanza di classe, e il campo vuole un altro tipo: scegli un suo membro.';
             case 'memberUnknown': {
                 if (!resolution) {
                     return null;
@@ -3988,19 +4130,29 @@ class ReferencePickerComponent {
                 return names ? `${head} Disponibili: ${names}.` : head;
             }
             case 'memberNotWritable':
+                // Il motivo cambia la correzione: dentro una globale non c'e' niente da rendere scrivibile.
+                if (this.isReadOnlyPath()) {
+                    return 'Le variabili globali sono di sola lettura, membri compresi: assegnarlo e’ TARGET_NOT_WRITABLE.';
+                }
                 return this.tailIsObject()
                     ? 'Questo campo non si scrive ne’ creando ne’ aggiornando un record: assegnarlo e’ TARGET_NOT_WRITABLE.'
                     : 'Questo membro e’ calcolato: si legge, ma assegnarlo e’ TARGET_NOT_WRITABLE.';
             case 'pathUnverified':
                 return resolution ? pathNotVerifiableMessage(resolution) : null;
+            case 'globalPathUntyped':
+                return `«${this.declaredPrefix()?.name}» porta un contenitore, ma il catalogo non ne dichiara il tipo: il percorso non e’ verificabile (PATH_NOT_VERIFIABLE).`;
+            case 'globalPathInvalid':
+                return `«${this.declaredPrefix()?.name}» e’ un valore, non un contenitore: dopo il punto non c’e’ niente da navigare (GLOBAL_UNKNOWN).`;
             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" }] : []));
+    /** Gli stati che sono avvisi: «non lo so», o un valore da correggere che non blocca. */
+    isHintWarning = computed(() => ['unknown', 'containerRoot', 'globalPathUntyped'].includes(this.valueState()), ...(ngDevMode ? [{ debugName: "isHintWarning" }] : []));
+    /** Gli stati che sono errori e non avvisi: il colore deve dirlo. */
+    isHintError = computed(() => ['memberUnknown', 'memberNotWritable', 'globalPathInvalid'].includes(this.valueState()), ...(ngDevMode ? [{ debugName: "isHintError" }] : []));
     errorMessage = computed(() => this.loadError(), ...(ngDevMode ? [{ debugName: "errorMessage" }] : []));
     open() {
         if (this.disabled()) {
@@ -4019,6 +4171,11 @@ class ReferencePickerComponent {
         this.query.set(value);
     }
     choose(reference) {
+        // Un contenitore fuori tipo non e' un valore: cliccarlo vuol dire entrarci.
+        if (this.isContainerOnly(reference)) {
+            this.descend(reference);
+            return;
+        }
         this.valueChange.emit(reference.name);
         this.close();
     }
@@ -4056,14 +4213,18 @@ class ReferencePickerComponent {
         if (reference.description) {
             parts.push(reference.description);
         }
+        if (this.isContainerOnly(reference)) {
+            // Dirlo: la riga c'e' ma il valore non e' quello, e senza spiegazione sembra un errore.
+            parts.push(reference.dataType === 'Object' ? 'entra e scegli un campo' : 'entra e scegli un membro');
+        }
         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    <!-- 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            <!-- Due bottoni dove il percorso continua: scegliere il riferimento e scendere di un\r\n                 livello sono cose diverse, e su una Structure o un record servono entrambe. -->\r\n            <div class=\"fb-ref__row\">\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              @if (canDescend(item)) {\r\n                <button\r\n                  type=\"button\"\r\n                  class=\"fb-ref__into\"\r\n                  [attr.aria-label]=\"'Entra in ' + item.name\"\r\n                  title=\"Entra e proponi i segmenti\"\r\n                  (click)=\"descend(item)\"\r\n                >\r\n                  \u203A\r\n                </button>\r\n              }\r\n            </div>\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__row{display:flex;align-items:stretch;gap:2px}.fb-ref__into{flex:0 0 auto;padding:0 7px;border:0;border-radius:4px;background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:13px;cursor:pointer}.fb-ref__into:hover{background:var(--fb-surface-alt, #f8f9fb);color:var(--fb-accent, #2f6feb)}.fb-ref__option{display:flex;flex:1;flex-direction:column;min-width:0;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]=\"isHintWarning()\"\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            <!-- Due bottoni dove il percorso continua: scegliere il riferimento e scendere di un\r\n                 livello sono cose diverse, e su una Structure o un record servono entrambe. -->\r\n            <div class=\"fb-ref__row\">\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                [title]=\"isContainerOnly(item) ? 'Il tipo non e\u2019 quello del campo: entra e scegli dentro' : ''\"\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              @if (canDescend(item)) {\r\n                <button\r\n                  type=\"button\"\r\n                  class=\"fb-ref__into\"\r\n                  [attr.aria-label]=\"'Entra in ' + item.name\"\r\n                  title=\"Entra e proponi i segmenti\"\r\n                  (click)=\"descend(item)\"\r\n                >\r\n                  \u203A\r\n                </button>\r\n              }\r\n            </div>\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__row{display:flex;align-items:stretch;gap:2px}.fb-ref__into{flex:0 0 auto;padding:0 7px;border:0;border-radius:4px;background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:13px;cursor:pointer}.fb-ref__into:hover{background:var(--fb-surface-alt, #f8f9fb);color:var(--fb-accent, #2f6feb)}.fb-ref__option{display:flex;flex:1;flex-direction:column;min-width:0;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    <!-- 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            <!-- Due bottoni dove il percorso continua: scegliere il riferimento e scendere di un\r\n                 livello sono cose diverse, e su una Structure o un record servono entrambe. -->\r\n            <div class=\"fb-ref__row\">\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              @if (canDescend(item)) {\r\n                <button\r\n                  type=\"button\"\r\n                  class=\"fb-ref__into\"\r\n                  [attr.aria-label]=\"'Entra in ' + item.name\"\r\n                  title=\"Entra e proponi i segmenti\"\r\n                  (click)=\"descend(item)\"\r\n                >\r\n                  \u203A\r\n                </button>\r\n              }\r\n            </div>\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__row{display:flex;align-items:stretch;gap:2px}.fb-ref__into{flex:0 0 auto;padding:0 7px;border:0;border-radius:4px;background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:13px;cursor:pointer}.fb-ref__into:hover{background:var(--fb-surface-alt, #f8f9fb);color:var(--fb-accent, #2f6feb)}.fb-ref__option{display:flex;flex:1;flex-direction:column;min-width:0;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]=\"isHintWarning()\"\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            <!-- Due bottoni dove il percorso continua: scegliere il riferimento e scendere di un\r\n                 livello sono cose diverse, e su una Structure o un record servono entrambe. -->\r\n            <div class=\"fb-ref__row\">\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                [title]=\"isContainerOnly(item) ? 'Il tipo non e\u2019 quello del campo: entra e scegli dentro' : ''\"\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              @if (canDescend(item)) {\r\n                <button\r\n                  type=\"button\"\r\n                  class=\"fb-ref__into\"\r\n                  [attr.aria-label]=\"'Entra in ' + item.name\"\r\n                  title=\"Entra e proponi i segmenti\"\r\n                  (click)=\"descend(item)\"\r\n                >\r\n                  \u203A\r\n                </button>\r\n              }\r\n            </div>\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__row{display:flex;align-items:stretch;gap:2px}.fb-ref__into{flex:0 0 auto;padding:0 7px;border:0;border-radius:4px;background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:13px;cursor:pointer}.fb-ref__into:hover{background:var(--fb-surface-alt, #f8f9fb);color:var(--fb-accent, #2f6feb)}.fb-ref__option{display:flex;flex:1;flex-direction:column;min-width:0;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"] }] } });
 
 /**
@@ -4178,11 +4339,11 @@ class ObjectPickerComponent {
         return parts.join(' · ');
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: ObjectPickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: ObjectPickerComponent, isStandalone: true, selector: "fb-object-picker", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<div class=\"fb-pick\" [class.fb-pick--open]=\"isOpen()\">\n  <div class=\"fb-pick__control\">\n    <input\n      class=\"fb-pick__input\"\n      type=\"text\"\n      role=\"combobox\"\n      autocomplete=\"off\"\n      [value]=\"text()\"\n      [placeholder]=\"placeholder()\"\n      [disabled]=\"disabled()\"\n      [attr.aria-label]=\"label()\"\n      [attr.aria-expanded]=\"isOpen()\"\n      (input)=\"onInput($any($event.target).value)\"\n      (focus)=\"open()\"\n      (keydown.escape)=\"close()\"\n    />\n    <button\n      type=\"button\"\n      class=\"fb-pick__toggle\"\n      [disabled]=\"disabled()\"\n      [attr.aria-expanded]=\"isOpen()\"\n      aria-label=\"Mostra gli oggetti disponibili\"\n      (click)=\"toggle()\"\n    >\n      \u25BE\n    </button>\n    @if (value()) {\n      <button type=\"button\" class=\"fb-pick__clear\" aria-label=\"Svuota\" (click)=\"clear()\">\u00D7</button>\n    }\n  </div>\n\n  @if (isUnknown()) {\n    <p class=\"fb-pick__hint fb-pick__hint--warn\">\n      Questo nome non e\u2019 fra gli oggetti disponibili: la validazione lo segnalerebbe.\n    </p>\n  } @else if (labelOfValue()) {\n    <p class=\"fb-pick__hint\">{{ labelOfValue() }}</p>\n  } @else if (loadErrored()) {\n    <p class=\"fb-pick__hint fb-pick__hint--warn\">\n      Elenco degli oggetti non disponibile: puoi scrivere il nome a mano.\n    </p>\n  }\n\n  @if (isOpen()) {\n    <div class=\"fb-pick__panel\" role=\"listbox\">\n      @if (options().length === 0) {\n        <p class=\"fb-pick__empty\">\n          {{ hasCatalog() ? 'Nessun oggetto corrisponde.' : 'Catalogo degli oggetti non disponibile.' }}\n        </p>\n      }\n      @for (object of options(); track object.name) {\n        <button\n          type=\"button\"\n          class=\"fb-pick__option\"\n          role=\"option\"\n          [attr.aria-selected]=\"object.name === value()\"\n          (click)=\"choose(object)\"\n        >\n          <span class=\"fb-pick__name\">{{ object.name }}</span>\n          @if (describe(object)) {\n            <span class=\"fb-pick__meta\">{{ describe(object) }}</span>\n          }\n        </button>\n      }\n      <button type=\"button\" class=\"fb-pick__close\" (click)=\"close()\">Chiudi</button>\n    </div>\n  }\n</div>\n", styles: [":host{display:block}.fb-pick{position:relative}.fb-pick__control{display:flex;align-items:stretch;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);overflow:hidden}.fb-pick--open .fb-pick__control{border-color:var(--fb-accent, #2f6feb)}.fb-pick__input{flex:1;min-width:0;padding:5px 7px;border:0;background:transparent;color:var(--fb-text, #1d2939);font:inherit;font-size:12px}.fb-pick__input:focus-visible{outline:none}.fb-pick__input--mono,.fb-pick__name--mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.fb-pick__toggle,.fb-pick__clear{flex:0 0 auto;padding:0 7px;border:0;border-left:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:12px;cursor:pointer}.fb-pick__toggle:hover,.fb-pick__clear:hover{background:var(--fb-surface-alt, #f8f9fb)}.fb-pick__hint{margin:3px 0 0;font-size:10px;line-height:1.35;color:var(--fb-text-subtle, #98a2b3)}.fb-pick__hint--warn{color:var(--fb-warning, #b7791f)}.fb-pick__hint--error{color:var(--fb-error, #c9372c)}.fb-pick__panel{position:absolute;z-index:30;top:calc(100% + 3px);left:0;right:0;max-height:260px;overflow-y:auto;padding:6px;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);box-shadow:0 6px 18px #10182829}.fb-pick__option{display:flex;flex-direction:column;width:100%;padding:4px 6px;border:0;border-radius:4px;background:transparent;color:var(--fb-text, #1d2939);font:inherit;text-align:left;cursor:pointer}.fb-pick__option:hover,.fb-pick__option[aria-selected=true]{background:var(--fb-surface-alt, #f8f9fb)}.fb-pick__row{display:flex;align-items:stretch;gap:2px}.fb-pick__row .fb-pick__option{flex:1;min-width:0}.fb-pick__into{flex:0 0 auto;padding:0 7px;border:0;border-radius:4px;background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:13px;cursor:pointer}.fb-pick__into:hover{background:var(--fb-surface-alt, #f8f9fb);color:var(--fb-accent, #2f6feb)}.fb-pick__name{font-size:12px}.fb-pick__meta{font-size:10px;color:var(--fb-text-muted, #667085)}.fb-pick__group{margin:2px 4px 4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--fb-text-muted, #667085)}.fb-pick__empty{margin:4px;font-size:11px;color:var(--fb-text-muted, #667085)}.fb-pick__close{width:100%;margin-top:4px;padding:4px;border:0;border-top:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:11px;cursor:pointer}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: 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__row{display:flex;align-items:stretch;gap:2px}.fb-pick__row .fb-pick__option{flex:1;min-width:0}.fb-pick__into{flex:0 0 auto;padding:0 7px;border:0;border-radius:4px;background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:13px;cursor:pointer}.fb-pick__into:hover{background:var(--fb-surface-alt, #f8f9fb);color:var(--fb-accent, #2f6feb)}.fb-pick__name{font-size:12px}.fb-pick__meta{font-size:10px;color:var(--fb-text-muted, #667085)}.fb-pick__group{margin:2px 4px 4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--fb-text-muted, #667085)}.fb-pick__empty{margin:4px;font-size:11px;color:var(--fb-text-muted, #667085)}.fb-pick__close{width:100%;margin-top:4px;padding:4px;border:0;border-top:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:11px;cursor:pointer}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: ObjectPickerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'fb-object-picker', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"fb-pick\" [class.fb-pick--open]=\"isOpen()\">\n  <div class=\"fb-pick__control\">\n    <input\n      class=\"fb-pick__input\"\n      type=\"text\"\n      role=\"combobox\"\n      autocomplete=\"off\"\n      [value]=\"text()\"\n      [placeholder]=\"placeholder()\"\n      [disabled]=\"disabled()\"\n      [attr.aria-label]=\"label()\"\n      [attr.aria-expanded]=\"isOpen()\"\n      (input)=\"onInput($any($event.target).value)\"\n      (focus)=\"open()\"\n      (keydown.escape)=\"close()\"\n    />\n    <button\n      type=\"button\"\n      class=\"fb-pick__toggle\"\n      [disabled]=\"disabled()\"\n      [attr.aria-expanded]=\"isOpen()\"\n      aria-label=\"Mostra gli oggetti disponibili\"\n      (click)=\"toggle()\"\n    >\n      \u25BE\n    </button>\n    @if (value()) {\n      <button type=\"button\" class=\"fb-pick__clear\" aria-label=\"Svuota\" (click)=\"clear()\">\u00D7</button>\n    }\n  </div>\n\n  @if (isUnknown()) {\n    <p class=\"fb-pick__hint fb-pick__hint--warn\">\n      Questo nome non e\u2019 fra gli oggetti disponibili: la validazione lo segnalerebbe.\n    </p>\n  } @else if (labelOfValue()) {\n    <p class=\"fb-pick__hint\">{{ labelOfValue() }}</p>\n  } @else if (loadErrored()) {\n    <p class=\"fb-pick__hint fb-pick__hint--warn\">\n      Elenco degli oggetti non disponibile: puoi scrivere il nome a mano.\n    </p>\n  }\n\n  @if (isOpen()) {\n    <div class=\"fb-pick__panel\" role=\"listbox\">\n      @if (options().length === 0) {\n        <p class=\"fb-pick__empty\">\n          {{ hasCatalog() ? 'Nessun oggetto corrisponde.' : 'Catalogo degli oggetti non disponibile.' }}\n        </p>\n      }\n      @for (object of options(); track object.name) {\n        <button\n          type=\"button\"\n          class=\"fb-pick__option\"\n          role=\"option\"\n          [attr.aria-selected]=\"object.name === value()\"\n          (click)=\"choose(object)\"\n        >\n          <span class=\"fb-pick__name\">{{ object.name }}</span>\n          @if (describe(object)) {\n            <span class=\"fb-pick__meta\">{{ describe(object) }}</span>\n          }\n        </button>\n      }\n      <button type=\"button\" class=\"fb-pick__close\" (click)=\"close()\">Chiudi</button>\n    </div>\n  }\n</div>\n", styles: [":host{display:block}.fb-pick{position:relative}.fb-pick__control{display:flex;align-items:stretch;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);overflow:hidden}.fb-pick--open .fb-pick__control{border-color:var(--fb-accent, #2f6feb)}.fb-pick__input{flex:1;min-width:0;padding:5px 7px;border:0;background:transparent;color:var(--fb-text, #1d2939);font:inherit;font-size:12px}.fb-pick__input:focus-visible{outline:none}.fb-pick__input--mono,.fb-pick__name--mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.fb-pick__toggle,.fb-pick__clear{flex:0 0 auto;padding:0 7px;border:0;border-left:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:12px;cursor:pointer}.fb-pick__toggle:hover,.fb-pick__clear:hover{background:var(--fb-surface-alt, #f8f9fb)}.fb-pick__hint{margin:3px 0 0;font-size:10px;line-height:1.35;color:var(--fb-text-subtle, #98a2b3)}.fb-pick__hint--warn{color:var(--fb-warning, #b7791f)}.fb-pick__hint--error{color:var(--fb-error, #c9372c)}.fb-pick__panel{position:absolute;z-index:30;top:calc(100% + 3px);left:0;right:0;max-height:260px;overflow-y:auto;padding:6px;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);box-shadow:0 6px 18px #10182829}.fb-pick__option{display:flex;flex-direction:column;width:100%;padding:4px 6px;border:0;border-radius:4px;background:transparent;color:var(--fb-text, #1d2939);font:inherit;text-align:left;cursor:pointer}.fb-pick__option:hover,.fb-pick__option[aria-selected=true]{background:var(--fb-surface-alt, #f8f9fb)}.fb-pick__row{display:flex;align-items:stretch;gap:2px}.fb-pick__row .fb-pick__option{flex:1;min-width:0}.fb-pick__into{flex:0 0 auto;padding:0 7px;border:0;border-radius:4px;background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:13px;cursor:pointer}.fb-pick__into:hover{background:var(--fb-surface-alt, #f8f9fb);color:var(--fb-accent, #2f6feb)}.fb-pick__name{font-size:12px}.fb-pick__meta{font-size:10px;color:var(--fb-text-muted, #667085)}.fb-pick__group{margin:2px 4px 4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--fb-text-muted, #667085)}.fb-pick__empty{margin:4px;font-size:11px;color:var(--fb-text-muted, #667085)}.fb-pick__close{width:100%;margin-top:4px;padding:4px;border:0;border-top:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:11px;cursor:pointer}\n"] }]
+            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__row{display:flex;align-items:stretch;gap:2px}.fb-pick__row .fb-pick__option{flex:1;min-width:0}.fb-pick__into{flex:0 0 auto;padding:0 7px;border:0;border-radius:4px;background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:13px;cursor:pointer}.fb-pick__into:hover{background:var(--fb-surface-alt, #f8f9fb);color:var(--fb-accent, #2f6feb)}.fb-pick__name{font-size:12px}.fb-pick__meta{font-size:10px;color:var(--fb-text-muted, #667085)}.fb-pick__group{margin:2px 4px 4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--fb-text-muted, #667085)}.fb-pick__empty{margin:4px;font-size:11px;color:var(--fb-text-muted, #667085)}.fb-pick__close{width:100%;margin-top:4px;padding:4px;border:0;border-top:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:11px;cursor:pointer}\n"] }]
         }], ctorParameters: () => [], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], 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"] }] } });
 
 /**
@@ -4348,11 +4509,11 @@ class FieldPickerComponent {
         return describePathEntry(entry);
     }
     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()\">\n  <div class=\"fb-pick__control\">\n    <input\n      class=\"fb-pick__input\"\n      type=\"text\"\n      role=\"combobox\"\n      autocomplete=\"off\"\n      [value]=\"text()\"\n      [placeholder]=\"placeholder()\"\n      [disabled]=\"disabled()\"\n      [attr.aria-label]=\"label()\"\n      [attr.aria-expanded]=\"isOpen()\"\n      (input)=\"onInput($any($event.target).value)\"\n      (focus)=\"open()\"\n      (keydown.escape)=\"close()\"\n    />\n    <button\n      type=\"button\"\n      class=\"fb-pick__toggle\"\n      [disabled]=\"disabled()\"\n      [attr.aria-expanded]=\"isOpen()\"\n      aria-label=\"Mostra i campi disponibili\"\n      (click)=\"toggle()\"\n    >\n      \u25BE\n    </button>\n    @if (value()) {\n      <button type=\"button\" class=\"fb-pick__clear\" aria-label=\"Svuota\" (click)=\"clear()\">\u00D7</button>\n    }\n  </div>\n\n  @if (isUnknown()) {\n    <p class=\"fb-pick__hint fb-pick__hint--warn\">{{ unknownMessage() }}</p>\n  } @else if (isNotVerifiable()) {\n    <p class=\"fb-pick__hint fb-pick__hint--warn\">{{ notVerifiableMessage() }}</p>\n  } @else if (describeValue()) {\n    <p class=\"fb-pick__hint\">{{ describeValue() }}</p>\n  } @else if (loadErrored()) {\n    <p class=\"fb-pick__hint fb-pick__hint--warn\">\n      Elenco dei campi non disponibile: puoi scrivere il nome a mano.\n    </p>\n  }\n\n  @if (isOpen()) {\n    <div class=\"fb-pick__panel\" role=\"listbox\">\n      @if (prefix()) {\n        <p class=\"fb-pick__group\">Campi di {{ levelLabel() }}</p>\n      }\n      @if (options().length === 0) {\n        <p class=\"fb-pick__empty\">\n          @if (!object()) {\n            Scegli prima un oggetto.\n          } @else {\n            {{ hasCatalog() ? 'Nessun campo corrisponde.' : 'Catalogo dei campi non disponibile.' }}\n          }\n        </p>\n      }\n      @for (entry of options(); track entry.name) {\n        <div class=\"fb-pick__row\">\n          <button\n            type=\"button\"\n            class=\"fb-pick__option\"\n            role=\"option\"\n            [attr.aria-selected]=\"prefix() + entry.name === value()\"\n            (click)=\"choose(entry)\"\n          >\n            <span class=\"fb-pick__name\">{{ entry.name }}</span>\n            @if (describe(entry)) {\n              <span class=\"fb-pick__meta\">{{ describe(entry) }}</span>\n            }\n          </button>\n          @if (canDescend(entry)) {\n            <button\n              type=\"button\"\n              class=\"fb-pick__into\"\n              [attr.aria-label]=\"'Entra in ' + entry.name\"\n              title=\"Entra nella relazione\"\n              (click)=\"descend(entry)\"\n            >\n              \u203A\n            </button>\n          }\n        </div>\n      }\n      <button type=\"button\" class=\"fb-pick__close\" (click)=\"close()\">Chiudi</button>\n    </div>\n  }\n</div>\n", styles: [":host{display:block}.fb-pick{position:relative}.fb-pick__control{display:flex;align-items:stretch;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);overflow:hidden}.fb-pick--open .fb-pick__control{border-color:var(--fb-accent, #2f6feb)}.fb-pick__input{flex:1;min-width:0;padding:5px 7px;border:0;background:transparent;color:var(--fb-text, #1d2939);font:inherit;font-size:12px}.fb-pick__input:focus-visible{outline:none}.fb-pick__input--mono,.fb-pick__name--mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.fb-pick__toggle,.fb-pick__clear{flex:0 0 auto;padding:0 7px;border:0;border-left:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:12px;cursor:pointer}.fb-pick__toggle:hover,.fb-pick__clear:hover{background:var(--fb-surface-alt, #f8f9fb)}.fb-pick__hint{margin:3px 0 0;font-size:10px;line-height:1.35;color:var(--fb-text-subtle, #98a2b3)}.fb-pick__hint--warn{color:var(--fb-warning, #b7791f)}.fb-pick__hint--error{color:var(--fb-error, #c9372c)}.fb-pick__panel{position:absolute;z-index:30;top:calc(100% + 3px);left:0;right:0;max-height:260px;overflow-y:auto;padding:6px;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);box-shadow:0 6px 18px #10182829}.fb-pick__option{display:flex;flex-direction:column;width:100%;padding:4px 6px;border:0;border-radius:4px;background:transparent;color:var(--fb-text, #1d2939);font:inherit;text-align:left;cursor:pointer}.fb-pick__option:hover,.fb-pick__option[aria-selected=true]{background:var(--fb-surface-alt, #f8f9fb)}.fb-pick__row{display:flex;align-items:stretch;gap:2px}.fb-pick__row .fb-pick__option{flex:1;min-width:0}.fb-pick__into{flex:0 0 auto;padding:0 7px;border:0;border-radius:4px;background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:13px;cursor:pointer}.fb-pick__into:hover{background:var(--fb-surface-alt, #f8f9fb);color:var(--fb-accent, #2f6feb)}.fb-pick__name{font-size:12px}.fb-pick__meta{font-size:10px;color:var(--fb-text-muted, #667085)}.fb-pick__group{margin:2px 4px 4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--fb-text-muted, #667085)}.fb-pick__empty{margin:4px;font-size:11px;color:var(--fb-text-muted, #667085)}.fb-pick__close{width:100%;margin-top:4px;padding:4px;border:0;border-top:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:11px;cursor:pointer}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: 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 (isUnknown()) {\r\n    <p class=\"fb-pick__hint fb-pick__hint--warn\">{{ unknownMessage() }}</p>\r\n  } @else if (isNotVerifiable()) {\r\n    <p class=\"fb-pick__hint fb-pick__hint--warn\">{{ notVerifiableMessage() }}</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 (prefix()) {\r\n        <p class=\"fb-pick__group\">Campi di {{ levelLabel() }}</p>\r\n      }\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 (entry of options(); track entry.name) {\r\n        <div class=\"fb-pick__row\">\r\n          <button\r\n            type=\"button\"\r\n            class=\"fb-pick__option\"\r\n            role=\"option\"\r\n            [attr.aria-selected]=\"prefix() + entry.name === value()\"\r\n            (click)=\"choose(entry)\"\r\n          >\r\n            <span class=\"fb-pick__name\">{{ entry.name }}</span>\r\n            @if (describe(entry)) {\r\n              <span class=\"fb-pick__meta\">{{ describe(entry) }}</span>\r\n            }\r\n          </button>\r\n          @if (canDescend(entry)) {\r\n            <button\r\n              type=\"button\"\r\n              class=\"fb-pick__into\"\r\n              [attr.aria-label]=\"'Entra in ' + entry.name\"\r\n              title=\"Entra nella relazione\"\r\n              (click)=\"descend(entry)\"\r\n            >\r\n              \u203A\r\n            </button>\r\n          }\r\n        </div>\r\n      }\r\n      <button type=\"button\" class=\"fb-pick__close\" (click)=\"close()\">Chiudi</button>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [":host{display:block}.fb-pick{position:relative}.fb-pick__control{display:flex;align-items:stretch;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);overflow:hidden}.fb-pick--open .fb-pick__control{border-color:var(--fb-accent, #2f6feb)}.fb-pick__input{flex:1;min-width:0;padding:5px 7px;border:0;background:transparent;color:var(--fb-text, #1d2939);font:inherit;font-size:12px}.fb-pick__input:focus-visible{outline:none}.fb-pick__input--mono,.fb-pick__name--mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.fb-pick__toggle,.fb-pick__clear{flex:0 0 auto;padding:0 7px;border:0;border-left:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:12px;cursor:pointer}.fb-pick__toggle:hover,.fb-pick__clear:hover{background:var(--fb-surface-alt, #f8f9fb)}.fb-pick__hint{margin:3px 0 0;font-size:10px;line-height:1.35;color:var(--fb-text-subtle, #98a2b3)}.fb-pick__hint--warn{color:var(--fb-warning, #b7791f)}.fb-pick__hint--error{color:var(--fb-error, #c9372c)}.fb-pick__panel{position:absolute;z-index:30;top:calc(100% + 3px);left:0;right:0;max-height:260px;overflow-y:auto;padding:6px;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);box-shadow:0 6px 18px #10182829}.fb-pick__option{display:flex;flex-direction:column;width:100%;padding:4px 6px;border:0;border-radius:4px;background:transparent;color:var(--fb-text, #1d2939);font:inherit;text-align:left;cursor:pointer}.fb-pick__option:hover,.fb-pick__option[aria-selected=true]{background:var(--fb-surface-alt, #f8f9fb)}.fb-pick__row{display:flex;align-items:stretch;gap:2px}.fb-pick__row .fb-pick__option{flex:1;min-width:0}.fb-pick__into{flex:0 0 auto;padding:0 7px;border:0;border-radius:4px;background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:13px;cursor:pointer}.fb-pick__into:hover{background:var(--fb-surface-alt, #f8f9fb);color:var(--fb-accent, #2f6feb)}.fb-pick__name{font-size:12px}.fb-pick__meta{font-size:10px;color:var(--fb-text-muted, #667085)}.fb-pick__group{margin:2px 4px 4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--fb-text-muted, #667085)}.fb-pick__empty{margin:4px;font-size:11px;color:var(--fb-text-muted, #667085)}.fb-pick__close{width:100%;margin-top:4px;padding:4px;border:0;border-top:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:11px;cursor:pointer}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: FieldPickerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'fb-field-picker', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"fb-pick\" [class.fb-pick--open]=\"isOpen()\">\n  <div class=\"fb-pick__control\">\n    <input\n      class=\"fb-pick__input\"\n      type=\"text\"\n      role=\"combobox\"\n      autocomplete=\"off\"\n      [value]=\"text()\"\n      [placeholder]=\"placeholder()\"\n      [disabled]=\"disabled()\"\n      [attr.aria-label]=\"label()\"\n      [attr.aria-expanded]=\"isOpen()\"\n      (input)=\"onInput($any($event.target).value)\"\n      (focus)=\"open()\"\n      (keydown.escape)=\"close()\"\n    />\n    <button\n      type=\"button\"\n      class=\"fb-pick__toggle\"\n      [disabled]=\"disabled()\"\n      [attr.aria-expanded]=\"isOpen()\"\n      aria-label=\"Mostra i campi disponibili\"\n      (click)=\"toggle()\"\n    >\n      \u25BE\n    </button>\n    @if (value()) {\n      <button type=\"button\" class=\"fb-pick__clear\" aria-label=\"Svuota\" (click)=\"clear()\">\u00D7</button>\n    }\n  </div>\n\n  @if (isUnknown()) {\n    <p class=\"fb-pick__hint fb-pick__hint--warn\">{{ unknownMessage() }}</p>\n  } @else if (isNotVerifiable()) {\n    <p class=\"fb-pick__hint fb-pick__hint--warn\">{{ notVerifiableMessage() }}</p>\n  } @else if (describeValue()) {\n    <p class=\"fb-pick__hint\">{{ describeValue() }}</p>\n  } @else if (loadErrored()) {\n    <p class=\"fb-pick__hint fb-pick__hint--warn\">\n      Elenco dei campi non disponibile: puoi scrivere il nome a mano.\n    </p>\n  }\n\n  @if (isOpen()) {\n    <div class=\"fb-pick__panel\" role=\"listbox\">\n      @if (prefix()) {\n        <p class=\"fb-pick__group\">Campi di {{ levelLabel() }}</p>\n      }\n      @if (options().length === 0) {\n        <p class=\"fb-pick__empty\">\n          @if (!object()) {\n            Scegli prima un oggetto.\n          } @else {\n            {{ hasCatalog() ? 'Nessun campo corrisponde.' : 'Catalogo dei campi non disponibile.' }}\n          }\n        </p>\n      }\n      @for (entry of options(); track entry.name) {\n        <div class=\"fb-pick__row\">\n          <button\n            type=\"button\"\n            class=\"fb-pick__option\"\n            role=\"option\"\n            [attr.aria-selected]=\"prefix() + entry.name === value()\"\n            (click)=\"choose(entry)\"\n          >\n            <span class=\"fb-pick__name\">{{ entry.name }}</span>\n            @if (describe(entry)) {\n              <span class=\"fb-pick__meta\">{{ describe(entry) }}</span>\n            }\n          </button>\n          @if (canDescend(entry)) {\n            <button\n              type=\"button\"\n              class=\"fb-pick__into\"\n              [attr.aria-label]=\"'Entra in ' + entry.name\"\n              title=\"Entra nella relazione\"\n              (click)=\"descend(entry)\"\n            >\n              \u203A\n            </button>\n          }\n        </div>\n      }\n      <button type=\"button\" class=\"fb-pick__close\" (click)=\"close()\">Chiudi</button>\n    </div>\n  }\n</div>\n", styles: [":host{display:block}.fb-pick{position:relative}.fb-pick__control{display:flex;align-items:stretch;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);overflow:hidden}.fb-pick--open .fb-pick__control{border-color:var(--fb-accent, #2f6feb)}.fb-pick__input{flex:1;min-width:0;padding:5px 7px;border:0;background:transparent;color:var(--fb-text, #1d2939);font:inherit;font-size:12px}.fb-pick__input:focus-visible{outline:none}.fb-pick__input--mono,.fb-pick__name--mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.fb-pick__toggle,.fb-pick__clear{flex:0 0 auto;padding:0 7px;border:0;border-left:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:12px;cursor:pointer}.fb-pick__toggle:hover,.fb-pick__clear:hover{background:var(--fb-surface-alt, #f8f9fb)}.fb-pick__hint{margin:3px 0 0;font-size:10px;line-height:1.35;color:var(--fb-text-subtle, #98a2b3)}.fb-pick__hint--warn{color:var(--fb-warning, #b7791f)}.fb-pick__hint--error{color:var(--fb-error, #c9372c)}.fb-pick__panel{position:absolute;z-index:30;top:calc(100% + 3px);left:0;right:0;max-height:260px;overflow-y:auto;padding:6px;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);box-shadow:0 6px 18px #10182829}.fb-pick__option{display:flex;flex-direction:column;width:100%;padding:4px 6px;border:0;border-radius:4px;background:transparent;color:var(--fb-text, #1d2939);font:inherit;text-align:left;cursor:pointer}.fb-pick__option:hover,.fb-pick__option[aria-selected=true]{background:var(--fb-surface-alt, #f8f9fb)}.fb-pick__row{display:flex;align-items:stretch;gap:2px}.fb-pick__row .fb-pick__option{flex:1;min-width:0}.fb-pick__into{flex:0 0 auto;padding:0 7px;border:0;border-radius:4px;background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:13px;cursor:pointer}.fb-pick__into:hover{background:var(--fb-surface-alt, #f8f9fb);color:var(--fb-accent, #2f6feb)}.fb-pick__name{font-size:12px}.fb-pick__meta{font-size:10px;color:var(--fb-text-muted, #667085)}.fb-pick__group{margin:2px 4px 4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--fb-text-muted, #667085)}.fb-pick__empty{margin:4px;font-size:11px;color:var(--fb-text-muted, #667085)}.fb-pick__close{width:100%;margin-top:4px;padding:4px;border:0;border-top:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:11px;cursor:pointer}\n"] }]
+            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 (isUnknown()) {\r\n    <p class=\"fb-pick__hint fb-pick__hint--warn\">{{ unknownMessage() }}</p>\r\n  } @else if (isNotVerifiable()) {\r\n    <p class=\"fb-pick__hint fb-pick__hint--warn\">{{ notVerifiableMessage() }}</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 (prefix()) {\r\n        <p class=\"fb-pick__group\">Campi di {{ levelLabel() }}</p>\r\n      }\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 (entry of options(); track entry.name) {\r\n        <div class=\"fb-pick__row\">\r\n          <button\r\n            type=\"button\"\r\n            class=\"fb-pick__option\"\r\n            role=\"option\"\r\n            [attr.aria-selected]=\"prefix() + entry.name === value()\"\r\n            (click)=\"choose(entry)\"\r\n          >\r\n            <span class=\"fb-pick__name\">{{ entry.name }}</span>\r\n            @if (describe(entry)) {\r\n              <span class=\"fb-pick__meta\">{{ describe(entry) }}</span>\r\n            }\r\n          </button>\r\n          @if (canDescend(entry)) {\r\n            <button\r\n              type=\"button\"\r\n              class=\"fb-pick__into\"\r\n              [attr.aria-label]=\"'Entra in ' + entry.name\"\r\n              title=\"Entra nella relazione\"\r\n              (click)=\"descend(entry)\"\r\n            >\r\n              \u203A\r\n            </button>\r\n          }\r\n        </div>\r\n      }\r\n      <button type=\"button\" class=\"fb-pick__close\" (click)=\"close()\">Chiudi</button>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [":host{display:block}.fb-pick{position:relative}.fb-pick__control{display:flex;align-items:stretch;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);overflow:hidden}.fb-pick--open .fb-pick__control{border-color:var(--fb-accent, #2f6feb)}.fb-pick__input{flex:1;min-width:0;padding:5px 7px;border:0;background:transparent;color:var(--fb-text, #1d2939);font:inherit;font-size:12px}.fb-pick__input:focus-visible{outline:none}.fb-pick__input--mono,.fb-pick__name--mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.fb-pick__toggle,.fb-pick__clear{flex:0 0 auto;padding:0 7px;border:0;border-left:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:12px;cursor:pointer}.fb-pick__toggle:hover,.fb-pick__clear:hover{background:var(--fb-surface-alt, #f8f9fb)}.fb-pick__hint{margin:3px 0 0;font-size:10px;line-height:1.35;color:var(--fb-text-subtle, #98a2b3)}.fb-pick__hint--warn{color:var(--fb-warning, #b7791f)}.fb-pick__hint--error{color:var(--fb-error, #c9372c)}.fb-pick__panel{position:absolute;z-index:30;top:calc(100% + 3px);left:0;right:0;max-height:260px;overflow-y:auto;padding:6px;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);box-shadow:0 6px 18px #10182829}.fb-pick__option{display:flex;flex-direction:column;width:100%;padding:4px 6px;border:0;border-radius:4px;background:transparent;color:var(--fb-text, #1d2939);font:inherit;text-align:left;cursor:pointer}.fb-pick__option:hover,.fb-pick__option[aria-selected=true]{background:var(--fb-surface-alt, #f8f9fb)}.fb-pick__row{display:flex;align-items:stretch;gap:2px}.fb-pick__row .fb-pick__option{flex:1;min-width:0}.fb-pick__into{flex:0 0 auto;padding:0 7px;border:0;border-radius:4px;background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:13px;cursor:pointer}.fb-pick__into:hover{background:var(--fb-surface-alt, #f8f9fb);color:var(--fb-accent, #2f6feb)}.fb-pick__name{font-size:12px}.fb-pick__meta{font-size:10px;color:var(--fb-text-muted, #667085)}.fb-pick__group{margin:2px 4px 4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--fb-text-muted, #667085)}.fb-pick__empty{margin:4px;font-size:11px;color:var(--fb-text-muted, #667085)}.fb-pick__close{width:100%;margin-top:4px;padding:4px;border:0;border-top:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:11px;cursor:pointer}\n"] }]
         }], ctorParameters: () => [], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], 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"] }] } });
 
 /**
@@ -4458,11 +4619,11 @@ 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()\">\n  <div class=\"fb-pick__control\">\n    <input\n      class=\"fb-pick__input\"\n      [class.fb-pick__input--mono]=\"isMono()\"\n      type=\"text\"\n      role=\"combobox\"\n      autocomplete=\"off\"\n      [value]=\"text()\"\n      [placeholder]=\"placeholder()\"\n      [disabled]=\"disabled()\"\n      [attr.aria-label]=\"label()\"\n      [attr.aria-expanded]=\"isOpen()\"\n      (input)=\"onInput($any($event.target).value)\"\n      (focus)=\"open()\"\n      (keydown.escape)=\"close()\"\n    />\n    <button\n      type=\"button\"\n      class=\"fb-pick__toggle\"\n      [disabled]=\"disabled()\"\n      [attr.aria-expanded]=\"isOpen()\"\n      aria-label=\"Mostra i nomi disponibili\"\n      (click)=\"toggle()\"\n    >\n      \u25BE\n    </button>\n    @if (value()) {\n      <button type=\"button\" class=\"fb-pick__clear\" aria-label=\"Svuota\" (click)=\"clear()\">\u00D7</button>\n    }\n  </div>\n\n  @if (isUnknown()) {\n    <p\n      class=\"fb-pick__hint\"\n      [class.fb-pick__hint--warn]=\"unknownSeverity() === 'warn'\"\n      [class.fb-pick__hint--error]=\"unknownSeverity() === 'error'\"\n    >\n      {{ unknownMessage() }}\n    </p>\n  } @else if (labelOfValue()) {\n    <p class=\"fb-pick__hint\">{{ labelOfValue() }}</p>\n  } @else if (!hasOptions()) {\n    <p class=\"fb-pick__hint\">{{ emptyMessage() }}</p>\n  }\n\n  @if (isOpen()) {\n    <div class=\"fb-pick__panel\" role=\"listbox\">\n      @if (visibleOptions().length === 0) {\n        <p class=\"fb-pick__empty\">\n          {{ hasOptions() ? 'Nessun nome corrisponde.' : 'Nessun candidato da proporre.' }}\n        </p>\n      }\n      @for (option of visibleOptions(); track option.name) {\n        <button\n          type=\"button\"\n          class=\"fb-pick__option\"\n          role=\"option\"\n          [attr.aria-selected]=\"option.name === value()\"\n          (click)=\"choose(option)\"\n        >\n          <span class=\"fb-pick__name\" [class.fb-pick__name--mono]=\"isMono()\">{{ option.name }}</span>\n          @if (describe(option)) {\n            <span class=\"fb-pick__meta\">{{ describe(option) }}</span>\n          }\n        </button>\n      }\n      <button type=\"button\" class=\"fb-pick__close\" (click)=\"close()\">Chiudi</button>\n    </div>\n  }\n</div>\n", styles: [":host{display:block}.fb-pick{position:relative}.fb-pick__control{display:flex;align-items:stretch;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);overflow:hidden}.fb-pick--open .fb-pick__control{border-color:var(--fb-accent, #2f6feb)}.fb-pick__input{flex:1;min-width:0;padding:5px 7px;border:0;background:transparent;color:var(--fb-text, #1d2939);font:inherit;font-size:12px}.fb-pick__input:focus-visible{outline:none}.fb-pick__input--mono,.fb-pick__name--mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.fb-pick__toggle,.fb-pick__clear{flex:0 0 auto;padding:0 7px;border:0;border-left:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:12px;cursor:pointer}.fb-pick__toggle:hover,.fb-pick__clear:hover{background:var(--fb-surface-alt, #f8f9fb)}.fb-pick__hint{margin:3px 0 0;font-size:10px;line-height:1.35;color:var(--fb-text-subtle, #98a2b3)}.fb-pick__hint--warn{color:var(--fb-warning, #b7791f)}.fb-pick__hint--error{color:var(--fb-error, #c9372c)}.fb-pick__panel{position:absolute;z-index:30;top:calc(100% + 3px);left:0;right:0;max-height:260px;overflow-y:auto;padding:6px;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);box-shadow:0 6px 18px #10182829}.fb-pick__option{display:flex;flex-direction:column;width:100%;padding:4px 6px;border:0;border-radius:4px;background:transparent;color:var(--fb-text, #1d2939);font:inherit;text-align:left;cursor:pointer}.fb-pick__option:hover,.fb-pick__option[aria-selected=true]{background:var(--fb-surface-alt, #f8f9fb)}.fb-pick__row{display:flex;align-items:stretch;gap:2px}.fb-pick__row .fb-pick__option{flex:1;min-width:0}.fb-pick__into{flex:0 0 auto;padding:0 7px;border:0;border-radius:4px;background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:13px;cursor:pointer}.fb-pick__into:hover{background:var(--fb-surface-alt, #f8f9fb);color:var(--fb-accent, #2f6feb)}.fb-pick__name{font-size:12px}.fb-pick__meta{font-size:10px;color:var(--fb-text-muted, #667085)}.fb-pick__group{margin:2px 4px 4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--fb-text-muted, #667085)}.fb-pick__empty{margin:4px;font-size:11px;color:var(--fb-text-muted, #667085)}.fb-pick__close{width:100%;margin-top:4px;padding:4px;border:0;border-top:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:11px;cursor:pointer}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: NamePickerComponent, isStandalone: true, selector: "fb-name-picker", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, unknownMessage: { classPropertyName: "unknownMessage", publicName: "unknownMessage", isSignal: true, isRequired: false, transformFunction: null }, unknownSeverity: { classPropertyName: "unknownSeverity", publicName: "unknownSeverity", isSignal: true, isRequired: false, transformFunction: null }, emptyMessage: { classPropertyName: "emptyMessage", publicName: "emptyMessage", isSignal: true, isRequired: false, transformFunction: null }, isMono: { classPropertyName: "isMono", publicName: "isMono", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<div class=\"fb-pick\" [class.fb-pick--open]=\"isOpen()\">\r\n  <div class=\"fb-pick__control\">\r\n    <input\r\n      class=\"fb-pick__input\"\r\n      [class.fb-pick__input--mono]=\"isMono()\"\r\n      type=\"text\"\r\n      role=\"combobox\"\r\n      autocomplete=\"off\"\r\n      [value]=\"text()\"\r\n      [placeholder]=\"placeholder()\"\r\n      [disabled]=\"disabled()\"\r\n      [attr.aria-label]=\"label()\"\r\n      [attr.aria-expanded]=\"isOpen()\"\r\n      (input)=\"onInput($any($event.target).value)\"\r\n      (focus)=\"open()\"\r\n      (keydown.escape)=\"close()\"\r\n    />\r\n    <button\r\n      type=\"button\"\r\n      class=\"fb-pick__toggle\"\r\n      [disabled]=\"disabled()\"\r\n      [attr.aria-expanded]=\"isOpen()\"\r\n      aria-label=\"Mostra i nomi disponibili\"\r\n      (click)=\"toggle()\"\r\n    >\r\n      \u25BE\r\n    </button>\r\n    @if (value()) {\r\n      <button type=\"button\" class=\"fb-pick__clear\" aria-label=\"Svuota\" (click)=\"clear()\">\u00D7</button>\r\n    }\r\n  </div>\r\n\r\n  @if (isUnknown()) {\r\n    <p\r\n      class=\"fb-pick__hint\"\r\n      [class.fb-pick__hint--warn]=\"unknownSeverity() === 'warn'\"\r\n      [class.fb-pick__hint--error]=\"unknownSeverity() === 'error'\"\r\n    >\r\n      {{ unknownMessage() }}\r\n    </p>\r\n  } @else if (labelOfValue()) {\r\n    <p class=\"fb-pick__hint\">{{ labelOfValue() }}</p>\r\n  } @else if (!hasOptions()) {\r\n    <p class=\"fb-pick__hint\">{{ emptyMessage() }}</p>\r\n  }\r\n\r\n  @if (isOpen()) {\r\n    <div class=\"fb-pick__panel\" role=\"listbox\">\r\n      @if (visibleOptions().length === 0) {\r\n        <p class=\"fb-pick__empty\">\r\n          {{ hasOptions() ? 'Nessun nome corrisponde.' : 'Nessun candidato da proporre.' }}\r\n        </p>\r\n      }\r\n      @for (option of visibleOptions(); track option.name) {\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-pick__option\"\r\n          role=\"option\"\r\n          [attr.aria-selected]=\"option.name === value()\"\r\n          (click)=\"choose(option)\"\r\n        >\r\n          <span class=\"fb-pick__name\" [class.fb-pick__name--mono]=\"isMono()\">{{ option.name }}</span>\r\n          @if (describe(option)) {\r\n            <span class=\"fb-pick__meta\">{{ describe(option) }}</span>\r\n          }\r\n        </button>\r\n      }\r\n      <button type=\"button\" class=\"fb-pick__close\" (click)=\"close()\">Chiudi</button>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [":host{display:block}.fb-pick{position:relative}.fb-pick__control{display:flex;align-items:stretch;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);overflow:hidden}.fb-pick--open .fb-pick__control{border-color:var(--fb-accent, #2f6feb)}.fb-pick__input{flex:1;min-width:0;padding:5px 7px;border:0;background:transparent;color:var(--fb-text, #1d2939);font:inherit;font-size:12px}.fb-pick__input:focus-visible{outline:none}.fb-pick__input--mono,.fb-pick__name--mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.fb-pick__toggle,.fb-pick__clear{flex:0 0 auto;padding:0 7px;border:0;border-left:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:12px;cursor:pointer}.fb-pick__toggle:hover,.fb-pick__clear:hover{background:var(--fb-surface-alt, #f8f9fb)}.fb-pick__hint{margin:3px 0 0;font-size:10px;line-height:1.35;color:var(--fb-text-subtle, #98a2b3)}.fb-pick__hint--warn{color:var(--fb-warning, #b7791f)}.fb-pick__hint--error{color:var(--fb-error, #c9372c)}.fb-pick__panel{position:absolute;z-index:30;top:calc(100% + 3px);left:0;right:0;max-height:260px;overflow-y:auto;padding:6px;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);box-shadow:0 6px 18px #10182829}.fb-pick__option{display:flex;flex-direction:column;width:100%;padding:4px 6px;border:0;border-radius:4px;background:transparent;color:var(--fb-text, #1d2939);font:inherit;text-align:left;cursor:pointer}.fb-pick__option:hover,.fb-pick__option[aria-selected=true]{background:var(--fb-surface-alt, #f8f9fb)}.fb-pick__row{display:flex;align-items:stretch;gap:2px}.fb-pick__row .fb-pick__option{flex:1;min-width:0}.fb-pick__into{flex:0 0 auto;padding:0 7px;border:0;border-radius:4px;background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:13px;cursor:pointer}.fb-pick__into:hover{background:var(--fb-surface-alt, #f8f9fb);color:var(--fb-accent, #2f6feb)}.fb-pick__name{font-size:12px}.fb-pick__meta{font-size:10px;color:var(--fb-text-muted, #667085)}.fb-pick__group{margin:2px 4px 4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--fb-text-muted, #667085)}.fb-pick__empty{margin:4px;font-size:11px;color:var(--fb-text-muted, #667085)}.fb-pick__close{width:100%;margin-top:4px;padding:4px;border:0;border-top:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:11px;cursor:pointer}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 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()\">\n  <div class=\"fb-pick__control\">\n    <input\n      class=\"fb-pick__input\"\n      [class.fb-pick__input--mono]=\"isMono()\"\n      type=\"text\"\n      role=\"combobox\"\n      autocomplete=\"off\"\n      [value]=\"text()\"\n      [placeholder]=\"placeholder()\"\n      [disabled]=\"disabled()\"\n      [attr.aria-label]=\"label()\"\n      [attr.aria-expanded]=\"isOpen()\"\n      (input)=\"onInput($any($event.target).value)\"\n      (focus)=\"open()\"\n      (keydown.escape)=\"close()\"\n    />\n    <button\n      type=\"button\"\n      class=\"fb-pick__toggle\"\n      [disabled]=\"disabled()\"\n      [attr.aria-expanded]=\"isOpen()\"\n      aria-label=\"Mostra i nomi disponibili\"\n      (click)=\"toggle()\"\n    >\n      \u25BE\n    </button>\n    @if (value()) {\n      <button type=\"button\" class=\"fb-pick__clear\" aria-label=\"Svuota\" (click)=\"clear()\">\u00D7</button>\n    }\n  </div>\n\n  @if (isUnknown()) {\n    <p\n      class=\"fb-pick__hint\"\n      [class.fb-pick__hint--warn]=\"unknownSeverity() === 'warn'\"\n      [class.fb-pick__hint--error]=\"unknownSeverity() === 'error'\"\n    >\n      {{ unknownMessage() }}\n    </p>\n  } @else if (labelOfValue()) {\n    <p class=\"fb-pick__hint\">{{ labelOfValue() }}</p>\n  } @else if (!hasOptions()) {\n    <p class=\"fb-pick__hint\">{{ emptyMessage() }}</p>\n  }\n\n  @if (isOpen()) {\n    <div class=\"fb-pick__panel\" role=\"listbox\">\n      @if (visibleOptions().length === 0) {\n        <p class=\"fb-pick__empty\">\n          {{ hasOptions() ? 'Nessun nome corrisponde.' : 'Nessun candidato da proporre.' }}\n        </p>\n      }\n      @for (option of visibleOptions(); track option.name) {\n        <button\n          type=\"button\"\n          class=\"fb-pick__option\"\n          role=\"option\"\n          [attr.aria-selected]=\"option.name === value()\"\n          (click)=\"choose(option)\"\n        >\n          <span class=\"fb-pick__name\" [class.fb-pick__name--mono]=\"isMono()\">{{ option.name }}</span>\n          @if (describe(option)) {\n            <span class=\"fb-pick__meta\">{{ describe(option) }}</span>\n          }\n        </button>\n      }\n      <button type=\"button\" class=\"fb-pick__close\" (click)=\"close()\">Chiudi</button>\n    </div>\n  }\n</div>\n", styles: [":host{display:block}.fb-pick{position:relative}.fb-pick__control{display:flex;align-items:stretch;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);overflow:hidden}.fb-pick--open .fb-pick__control{border-color:var(--fb-accent, #2f6feb)}.fb-pick__input{flex:1;min-width:0;padding:5px 7px;border:0;background:transparent;color:var(--fb-text, #1d2939);font:inherit;font-size:12px}.fb-pick__input:focus-visible{outline:none}.fb-pick__input--mono,.fb-pick__name--mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.fb-pick__toggle,.fb-pick__clear{flex:0 0 auto;padding:0 7px;border:0;border-left:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:12px;cursor:pointer}.fb-pick__toggle:hover,.fb-pick__clear:hover{background:var(--fb-surface-alt, #f8f9fb)}.fb-pick__hint{margin:3px 0 0;font-size:10px;line-height:1.35;color:var(--fb-text-subtle, #98a2b3)}.fb-pick__hint--warn{color:var(--fb-warning, #b7791f)}.fb-pick__hint--error{color:var(--fb-error, #c9372c)}.fb-pick__panel{position:absolute;z-index:30;top:calc(100% + 3px);left:0;right:0;max-height:260px;overflow-y:auto;padding:6px;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);box-shadow:0 6px 18px #10182829}.fb-pick__option{display:flex;flex-direction:column;width:100%;padding:4px 6px;border:0;border-radius:4px;background:transparent;color:var(--fb-text, #1d2939);font:inherit;text-align:left;cursor:pointer}.fb-pick__option:hover,.fb-pick__option[aria-selected=true]{background:var(--fb-surface-alt, #f8f9fb)}.fb-pick__row{display:flex;align-items:stretch;gap:2px}.fb-pick__row .fb-pick__option{flex:1;min-width:0}.fb-pick__into{flex:0 0 auto;padding:0 7px;border:0;border-radius:4px;background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:13px;cursor:pointer}.fb-pick__into:hover{background:var(--fb-surface-alt, #f8f9fb);color:var(--fb-accent, #2f6feb)}.fb-pick__name{font-size:12px}.fb-pick__meta{font-size:10px;color:var(--fb-text-muted, #667085)}.fb-pick__group{margin:2px 4px 4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--fb-text-muted, #667085)}.fb-pick__empty{margin:4px;font-size:11px;color:var(--fb-text-muted, #667085)}.fb-pick__close{width:100%;margin-top:4px;padding:4px;border:0;border-top:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:11px;cursor:pointer}\n"] }]
+            args: [{ selector: 'fb-name-picker', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"fb-pick\" [class.fb-pick--open]=\"isOpen()\">\r\n  <div class=\"fb-pick__control\">\r\n    <input\r\n      class=\"fb-pick__input\"\r\n      [class.fb-pick__input--mono]=\"isMono()\"\r\n      type=\"text\"\r\n      role=\"combobox\"\r\n      autocomplete=\"off\"\r\n      [value]=\"text()\"\r\n      [placeholder]=\"placeholder()\"\r\n      [disabled]=\"disabled()\"\r\n      [attr.aria-label]=\"label()\"\r\n      [attr.aria-expanded]=\"isOpen()\"\r\n      (input)=\"onInput($any($event.target).value)\"\r\n      (focus)=\"open()\"\r\n      (keydown.escape)=\"close()\"\r\n    />\r\n    <button\r\n      type=\"button\"\r\n      class=\"fb-pick__toggle\"\r\n      [disabled]=\"disabled()\"\r\n      [attr.aria-expanded]=\"isOpen()\"\r\n      aria-label=\"Mostra i nomi disponibili\"\r\n      (click)=\"toggle()\"\r\n    >\r\n      \u25BE\r\n    </button>\r\n    @if (value()) {\r\n      <button type=\"button\" class=\"fb-pick__clear\" aria-label=\"Svuota\" (click)=\"clear()\">\u00D7</button>\r\n    }\r\n  </div>\r\n\r\n  @if (isUnknown()) {\r\n    <p\r\n      class=\"fb-pick__hint\"\r\n      [class.fb-pick__hint--warn]=\"unknownSeverity() === 'warn'\"\r\n      [class.fb-pick__hint--error]=\"unknownSeverity() === 'error'\"\r\n    >\r\n      {{ unknownMessage() }}\r\n    </p>\r\n  } @else if (labelOfValue()) {\r\n    <p class=\"fb-pick__hint\">{{ labelOfValue() }}</p>\r\n  } @else if (!hasOptions()) {\r\n    <p class=\"fb-pick__hint\">{{ emptyMessage() }}</p>\r\n  }\r\n\r\n  @if (isOpen()) {\r\n    <div class=\"fb-pick__panel\" role=\"listbox\">\r\n      @if (visibleOptions().length === 0) {\r\n        <p class=\"fb-pick__empty\">\r\n          {{ hasOptions() ? 'Nessun nome corrisponde.' : 'Nessun candidato da proporre.' }}\r\n        </p>\r\n      }\r\n      @for (option of visibleOptions(); track option.name) {\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-pick__option\"\r\n          role=\"option\"\r\n          [attr.aria-selected]=\"option.name === value()\"\r\n          (click)=\"choose(option)\"\r\n        >\r\n          <span class=\"fb-pick__name\" [class.fb-pick__name--mono]=\"isMono()\">{{ option.name }}</span>\r\n          @if (describe(option)) {\r\n            <span class=\"fb-pick__meta\">{{ describe(option) }}</span>\r\n          }\r\n        </button>\r\n      }\r\n      <button type=\"button\" class=\"fb-pick__close\" (click)=\"close()\">Chiudi</button>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [":host{display:block}.fb-pick{position:relative}.fb-pick__control{display:flex;align-items:stretch;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);overflow:hidden}.fb-pick--open .fb-pick__control{border-color:var(--fb-accent, #2f6feb)}.fb-pick__input{flex:1;min-width:0;padding:5px 7px;border:0;background:transparent;color:var(--fb-text, #1d2939);font:inherit;font-size:12px}.fb-pick__input:focus-visible{outline:none}.fb-pick__input--mono,.fb-pick__name--mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.fb-pick__toggle,.fb-pick__clear{flex:0 0 auto;padding:0 7px;border:0;border-left:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:12px;cursor:pointer}.fb-pick__toggle:hover,.fb-pick__clear:hover{background:var(--fb-surface-alt, #f8f9fb)}.fb-pick__hint{margin:3px 0 0;font-size:10px;line-height:1.35;color:var(--fb-text-subtle, #98a2b3)}.fb-pick__hint--warn{color:var(--fb-warning, #b7791f)}.fb-pick__hint--error{color:var(--fb-error, #c9372c)}.fb-pick__panel{position:absolute;z-index:30;top:calc(100% + 3px);left:0;right:0;max-height:260px;overflow-y:auto;padding:6px;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);box-shadow:0 6px 18px #10182829}.fb-pick__option{display:flex;flex-direction:column;width:100%;padding:4px 6px;border:0;border-radius:4px;background:transparent;color:var(--fb-text, #1d2939);font:inherit;text-align:left;cursor:pointer}.fb-pick__option:hover,.fb-pick__option[aria-selected=true]{background:var(--fb-surface-alt, #f8f9fb)}.fb-pick__row{display:flex;align-items:stretch;gap:2px}.fb-pick__row .fb-pick__option{flex:1;min-width:0}.fb-pick__into{flex:0 0 auto;padding:0 7px;border:0;border-radius:4px;background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:13px;cursor:pointer}.fb-pick__into:hover{background:var(--fb-surface-alt, #f8f9fb);color:var(--fb-accent, #2f6feb)}.fb-pick__name{font-size:12px}.fb-pick__meta{font-size:10px;color:var(--fb-text-muted, #667085)}.fb-pick__group{margin:2px 4px 4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--fb-text-muted, #667085)}.fb-pick__empty{margin:4px;font-size:11px;color:var(--fb-text-muted, #667085)}.fb-pick__close{width:100%;margin-top:4px;padding:4px;border:0;border-top:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:11px;cursor:pointer}\n"] }]
         }], ctorParameters: () => [], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], unknownMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "unknownMessage", required: false }] }], unknownSeverity: [{ type: i0.Input, args: [{ isSignal: true, alias: "unknownSeverity", required: false }] }], emptyMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyMessage", required: false }] }], isMono: [{ type: i0.Input, args: [{ isSignal: true, alias: "isMono", required: false }] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }] } });
 
 /**
@@ -4500,18 +4661,18 @@ class StructurePickerComponent {
         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)"
-    />
+    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: [{
@@ -4521,18 +4682,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImpo
                     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)"
-    />
+                    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"] }] } });
@@ -4731,11 +4892,11 @@ class StructureMemberPickerComponent {
         return describePathEntry(entry, { showWritability: this.usage() === 'writable' });
     }
     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()\">\n  <div class=\"fb-pick__control\">\n    <input\n      class=\"fb-pick__input\"\n      type=\"text\"\n      role=\"combobox\"\n      autocomplete=\"off\"\n      [value]=\"text()\"\n      [placeholder]=\"placeholder()\"\n      [disabled]=\"disabled()\"\n      [attr.aria-label]=\"label()\"\n      [attr.aria-expanded]=\"isOpen()\"\n      (input)=\"onInput($any($event.target).value)\"\n      (focus)=\"open()\"\n      (keydown.escape)=\"close()\"\n    />\n    <button\n      type=\"button\"\n      class=\"fb-pick__toggle\"\n      [disabled]=\"disabled()\"\n      [attr.aria-expanded]=\"isOpen()\"\n      aria-label=\"Mostra i membri disponibili\"\n      (click)=\"toggle()\"\n    >\n      \u25BE\n    </button>\n    @if (value()) {\n      <button type=\"button\" class=\"fb-pick__clear\" aria-label=\"Svuota\" (click)=\"clear()\">\u00D7</button>\n    }\n  </div>\n\n  @if (isClassUnknown()) {\n    <p class=\"fb-pick__hint fb-pick__hint--error\">\n      La classe {{ className() }} non e\u2019 registrata (STRUCTURE_TYPE_UNKNOWN): correggi la classe,\n      non il membro.\n    </p>\n  } @else if (isUnknown()) {\n    <p class=\"fb-pick__hint fb-pick__hint--error\">{{ unknownMessage() }}</p>\n  } @else if (isNotWritable()) {\n    <p class=\"fb-pick__hint fb-pick__hint--error\">{{ notWritableMessage() }}</p>\n  } @else if (isUndeclared()) {\n    <p class=\"fb-pick__hint fb-pick__hint--warn\">\n      {{ classLabel() }} non dichiara i suoi membri: scrivi il nome a mano, non e\u2019 verificabile.\n    </p>\n  } @else if (isNotVerifiable()) {\n    <p class=\"fb-pick__hint fb-pick__hint--warn\">{{ notVerifiableMessage() }}</p>\n  } @else if (describeValue()) {\n    <p class=\"fb-pick__hint\">{{ describeValue() }}</p>\n  } @else if (loadErrored()) {\n    <p class=\"fb-pick__hint fb-pick__hint--warn\">\n      Elenco dei membri non disponibile: puoi scrivere il nome a mano.\n    </p>\n  }\n\n  @if (isOpen()) {\n    <div class=\"fb-pick__panel\" role=\"listbox\">\n      @if (className()) {\n        <p class=\"fb-pick__group\">\n          {{ isObjectLevel() ? 'Campi di ' : 'Membri di ' }}{{ classLabel() }}\n        </p>\n      }\n      @if (options().length === 0) {\n        <p class=\"fb-pick__empty\">\n          @if (!className()) {\n            Scegli prima una classe.\n          } @else if (hasCatalog()) {\n            Nessun membro corrisponde.\n          } @else if (isClassUnknown()) {\n            Classe non registrata: nessun membro da proporre.\n          } @else {\n            Membri non dichiarati: scrivi il nome del membro.\n          }\n        </p>\n      }\n      @for (entry of options(); track entry.name) {\n        <div class=\"fb-pick__row\">\n          <button\n            type=\"button\"\n            class=\"fb-pick__option\"\n            role=\"option\"\n            [attr.aria-selected]=\"prefix() + entry.name === value()\"\n            (click)=\"choose(entry)\"\n          >\n            <span class=\"fb-pick__name\">{{ entry.name }}</span>\n            @if (describe(entry)) {\n              <span class=\"fb-pick__meta\">{{ describe(entry) }}</span>\n            }\n          </button>\n          @if (canDescend(entry)) {\n            <button\n              type=\"button\"\n              class=\"fb-pick__into\"\n              [attr.aria-label]=\"'Entra in ' + entry.name\"\n              title=\"Entra nel membro composto\"\n              (click)=\"descend(entry)\"\n            >\n              \u203A\n            </button>\n          }\n        </div>\n      }\n      <button type=\"button\" class=\"fb-pick__close\" (click)=\"close()\">Chiudi</button>\n    </div>\n  }\n</div>\n", styles: [":host{display:block}.fb-pick{position:relative}.fb-pick__control{display:flex;align-items:stretch;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);overflow:hidden}.fb-pick--open .fb-pick__control{border-color:var(--fb-accent, #2f6feb)}.fb-pick__input{flex:1;min-width:0;padding:5px 7px;border:0;background:transparent;color:var(--fb-text, #1d2939);font:inherit;font-size:12px}.fb-pick__input:focus-visible{outline:none}.fb-pick__input--mono,.fb-pick__name--mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.fb-pick__toggle,.fb-pick__clear{flex:0 0 auto;padding:0 7px;border:0;border-left:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:12px;cursor:pointer}.fb-pick__toggle:hover,.fb-pick__clear:hover{background:var(--fb-surface-alt, #f8f9fb)}.fb-pick__hint{margin:3px 0 0;font-size:10px;line-height:1.35;color:var(--fb-text-subtle, #98a2b3)}.fb-pick__hint--warn{color:var(--fb-warning, #b7791f)}.fb-pick__hint--error{color:var(--fb-error, #c9372c)}.fb-pick__panel{position:absolute;z-index:30;top:calc(100% + 3px);left:0;right:0;max-height:260px;overflow-y:auto;padding:6px;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);box-shadow:0 6px 18px #10182829}.fb-pick__option{display:flex;flex-direction:column;width:100%;padding:4px 6px;border:0;border-radius:4px;background:transparent;color:var(--fb-text, #1d2939);font:inherit;text-align:left;cursor:pointer}.fb-pick__option:hover,.fb-pick__option[aria-selected=true]{background:var(--fb-surface-alt, #f8f9fb)}.fb-pick__row{display:flex;align-items:stretch;gap:2px}.fb-pick__row .fb-pick__option{flex:1;min-width:0}.fb-pick__into{flex:0 0 auto;padding:0 7px;border:0;border-radius:4px;background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:13px;cursor:pointer}.fb-pick__into:hover{background:var(--fb-surface-alt, #f8f9fb);color:var(--fb-accent, #2f6feb)}.fb-pick__name{font-size:12px}.fb-pick__meta{font-size:10px;color:var(--fb-text-muted, #667085)}.fb-pick__group{margin:2px 4px 4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--fb-text-muted, #667085)}.fb-pick__empty{margin:4px;font-size:11px;color:var(--fb-text-muted, #667085)}.fb-pick__close{width:100%;margin-top:4px;padding:4px;border:0;border-top:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:11px;cursor:pointer}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: 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\">{{ notWritableMessage() }}</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 (isNotVerifiable()) {\r\n    <p class=\"fb-pick__hint fb-pick__hint--warn\">{{ notVerifiableMessage() }}</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 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\">\r\n          {{ isObjectLevel() ? 'Campi di ' : 'Membri di ' }}{{ classLabel() }}\r\n        </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 (entry of options(); track entry.name) {\r\n        <div class=\"fb-pick__row\">\r\n          <button\r\n            type=\"button\"\r\n            class=\"fb-pick__option\"\r\n            role=\"option\"\r\n            [attr.aria-selected]=\"prefix() + entry.name === value()\"\r\n            (click)=\"choose(entry)\"\r\n          >\r\n            <span class=\"fb-pick__name\">{{ entry.name }}</span>\r\n            @if (describe(entry)) {\r\n              <span class=\"fb-pick__meta\">{{ describe(entry) }}</span>\r\n            }\r\n          </button>\r\n          @if (canDescend(entry)) {\r\n            <button\r\n              type=\"button\"\r\n              class=\"fb-pick__into\"\r\n              [attr.aria-label]=\"'Entra in ' + entry.name\"\r\n              title=\"Entra nel membro composto\"\r\n              (click)=\"descend(entry)\"\r\n            >\r\n              \u203A\r\n            </button>\r\n          }\r\n        </div>\r\n      }\r\n      <button type=\"button\" class=\"fb-pick__close\" (click)=\"close()\">Chiudi</button>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [":host{display:block}.fb-pick{position:relative}.fb-pick__control{display:flex;align-items:stretch;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);overflow:hidden}.fb-pick--open .fb-pick__control{border-color:var(--fb-accent, #2f6feb)}.fb-pick__input{flex:1;min-width:0;padding:5px 7px;border:0;background:transparent;color:var(--fb-text, #1d2939);font:inherit;font-size:12px}.fb-pick__input:focus-visible{outline:none}.fb-pick__input--mono,.fb-pick__name--mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.fb-pick__toggle,.fb-pick__clear{flex:0 0 auto;padding:0 7px;border:0;border-left:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:12px;cursor:pointer}.fb-pick__toggle:hover,.fb-pick__clear:hover{background:var(--fb-surface-alt, #f8f9fb)}.fb-pick__hint{margin:3px 0 0;font-size:10px;line-height:1.35;color:var(--fb-text-subtle, #98a2b3)}.fb-pick__hint--warn{color:var(--fb-warning, #b7791f)}.fb-pick__hint--error{color:var(--fb-error, #c9372c)}.fb-pick__panel{position:absolute;z-index:30;top:calc(100% + 3px);left:0;right:0;max-height:260px;overflow-y:auto;padding:6px;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);box-shadow:0 6px 18px #10182829}.fb-pick__option{display:flex;flex-direction:column;width:100%;padding:4px 6px;border:0;border-radius:4px;background:transparent;color:var(--fb-text, #1d2939);font:inherit;text-align:left;cursor:pointer}.fb-pick__option:hover,.fb-pick__option[aria-selected=true]{background:var(--fb-surface-alt, #f8f9fb)}.fb-pick__row{display:flex;align-items:stretch;gap:2px}.fb-pick__row .fb-pick__option{flex:1;min-width:0}.fb-pick__into{flex:0 0 auto;padding:0 7px;border:0;border-radius:4px;background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:13px;cursor:pointer}.fb-pick__into:hover{background:var(--fb-surface-alt, #f8f9fb);color:var(--fb-accent, #2f6feb)}.fb-pick__name{font-size:12px}.fb-pick__meta{font-size:10px;color:var(--fb-text-muted, #667085)}.fb-pick__group{margin:2px 4px 4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--fb-text-muted, #667085)}.fb-pick__empty{margin:4px;font-size:11px;color:var(--fb-text-muted, #667085)}.fb-pick__close{width:100%;margin-top:4px;padding:4px;border:0;border-top:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:11px;cursor:pointer}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: 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()\">\n  <div class=\"fb-pick__control\">\n    <input\n      class=\"fb-pick__input\"\n      type=\"text\"\n      role=\"combobox\"\n      autocomplete=\"off\"\n      [value]=\"text()\"\n      [placeholder]=\"placeholder()\"\n      [disabled]=\"disabled()\"\n      [attr.aria-label]=\"label()\"\n      [attr.aria-expanded]=\"isOpen()\"\n      (input)=\"onInput($any($event.target).value)\"\n      (focus)=\"open()\"\n      (keydown.escape)=\"close()\"\n    />\n    <button\n      type=\"button\"\n      class=\"fb-pick__toggle\"\n      [disabled]=\"disabled()\"\n      [attr.aria-expanded]=\"isOpen()\"\n      aria-label=\"Mostra i membri disponibili\"\n      (click)=\"toggle()\"\n    >\n      \u25BE\n    </button>\n    @if (value()) {\n      <button type=\"button\" class=\"fb-pick__clear\" aria-label=\"Svuota\" (click)=\"clear()\">\u00D7</button>\n    }\n  </div>\n\n  @if (isClassUnknown()) {\n    <p class=\"fb-pick__hint fb-pick__hint--error\">\n      La classe {{ className() }} non e\u2019 registrata (STRUCTURE_TYPE_UNKNOWN): correggi la classe,\n      non il membro.\n    </p>\n  } @else if (isUnknown()) {\n    <p class=\"fb-pick__hint fb-pick__hint--error\">{{ unknownMessage() }}</p>\n  } @else if (isNotWritable()) {\n    <p class=\"fb-pick__hint fb-pick__hint--error\">{{ notWritableMessage() }}</p>\n  } @else if (isUndeclared()) {\n    <p class=\"fb-pick__hint fb-pick__hint--warn\">\n      {{ classLabel() }} non dichiara i suoi membri: scrivi il nome a mano, non e\u2019 verificabile.\n    </p>\n  } @else if (isNotVerifiable()) {\n    <p class=\"fb-pick__hint fb-pick__hint--warn\">{{ notVerifiableMessage() }}</p>\n  } @else if (describeValue()) {\n    <p class=\"fb-pick__hint\">{{ describeValue() }}</p>\n  } @else if (loadErrored()) {\n    <p class=\"fb-pick__hint fb-pick__hint--warn\">\n      Elenco dei membri non disponibile: puoi scrivere il nome a mano.\n    </p>\n  }\n\n  @if (isOpen()) {\n    <div class=\"fb-pick__panel\" role=\"listbox\">\n      @if (className()) {\n        <p class=\"fb-pick__group\">\n          {{ isObjectLevel() ? 'Campi di ' : 'Membri di ' }}{{ classLabel() }}\n        </p>\n      }\n      @if (options().length === 0) {\n        <p class=\"fb-pick__empty\">\n          @if (!className()) {\n            Scegli prima una classe.\n          } @else if (hasCatalog()) {\n            Nessun membro corrisponde.\n          } @else if (isClassUnknown()) {\n            Classe non registrata: nessun membro da proporre.\n          } @else {\n            Membri non dichiarati: scrivi il nome del membro.\n          }\n        </p>\n      }\n      @for (entry of options(); track entry.name) {\n        <div class=\"fb-pick__row\">\n          <button\n            type=\"button\"\n            class=\"fb-pick__option\"\n            role=\"option\"\n            [attr.aria-selected]=\"prefix() + entry.name === value()\"\n            (click)=\"choose(entry)\"\n          >\n            <span class=\"fb-pick__name\">{{ entry.name }}</span>\n            @if (describe(entry)) {\n              <span class=\"fb-pick__meta\">{{ describe(entry) }}</span>\n            }\n          </button>\n          @if (canDescend(entry)) {\n            <button\n              type=\"button\"\n              class=\"fb-pick__into\"\n              [attr.aria-label]=\"'Entra in ' + entry.name\"\n              title=\"Entra nel membro composto\"\n              (click)=\"descend(entry)\"\n            >\n              \u203A\n            </button>\n          }\n        </div>\n      }\n      <button type=\"button\" class=\"fb-pick__close\" (click)=\"close()\">Chiudi</button>\n    </div>\n  }\n</div>\n", styles: [":host{display:block}.fb-pick{position:relative}.fb-pick__control{display:flex;align-items:stretch;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);overflow:hidden}.fb-pick--open .fb-pick__control{border-color:var(--fb-accent, #2f6feb)}.fb-pick__input{flex:1;min-width:0;padding:5px 7px;border:0;background:transparent;color:var(--fb-text, #1d2939);font:inherit;font-size:12px}.fb-pick__input:focus-visible{outline:none}.fb-pick__input--mono,.fb-pick__name--mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.fb-pick__toggle,.fb-pick__clear{flex:0 0 auto;padding:0 7px;border:0;border-left:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:12px;cursor:pointer}.fb-pick__toggle:hover,.fb-pick__clear:hover{background:var(--fb-surface-alt, #f8f9fb)}.fb-pick__hint{margin:3px 0 0;font-size:10px;line-height:1.35;color:var(--fb-text-subtle, #98a2b3)}.fb-pick__hint--warn{color:var(--fb-warning, #b7791f)}.fb-pick__hint--error{color:var(--fb-error, #c9372c)}.fb-pick__panel{position:absolute;z-index:30;top:calc(100% + 3px);left:0;right:0;max-height:260px;overflow-y:auto;padding:6px;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);box-shadow:0 6px 18px #10182829}.fb-pick__option{display:flex;flex-direction:column;width:100%;padding:4px 6px;border:0;border-radius:4px;background:transparent;color:var(--fb-text, #1d2939);font:inherit;text-align:left;cursor:pointer}.fb-pick__option:hover,.fb-pick__option[aria-selected=true]{background:var(--fb-surface-alt, #f8f9fb)}.fb-pick__row{display:flex;align-items:stretch;gap:2px}.fb-pick__row .fb-pick__option{flex:1;min-width:0}.fb-pick__into{flex:0 0 auto;padding:0 7px;border:0;border-radius:4px;background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:13px;cursor:pointer}.fb-pick__into:hover{background:var(--fb-surface-alt, #f8f9fb);color:var(--fb-accent, #2f6feb)}.fb-pick__name{font-size:12px}.fb-pick__meta{font-size:10px;color:var(--fb-text-muted, #667085)}.fb-pick__group{margin:2px 4px 4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--fb-text-muted, #667085)}.fb-pick__empty{margin:4px;font-size:11px;color:var(--fb-text-muted, #667085)}.fb-pick__close{width:100%;margin-top:4px;padding:4px;border:0;border-top:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:11px;cursor:pointer}\n"] }]
+            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\">{{ notWritableMessage() }}</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 (isNotVerifiable()) {\r\n    <p class=\"fb-pick__hint fb-pick__hint--warn\">{{ notVerifiableMessage() }}</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 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\">\r\n          {{ isObjectLevel() ? 'Campi di ' : 'Membri di ' }}{{ classLabel() }}\r\n        </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 (entry of options(); track entry.name) {\r\n        <div class=\"fb-pick__row\">\r\n          <button\r\n            type=\"button\"\r\n            class=\"fb-pick__option\"\r\n            role=\"option\"\r\n            [attr.aria-selected]=\"prefix() + entry.name === value()\"\r\n            (click)=\"choose(entry)\"\r\n          >\r\n            <span class=\"fb-pick__name\">{{ entry.name }}</span>\r\n            @if (describe(entry)) {\r\n              <span class=\"fb-pick__meta\">{{ describe(entry) }}</span>\r\n            }\r\n          </button>\r\n          @if (canDescend(entry)) {\r\n            <button\r\n              type=\"button\"\r\n              class=\"fb-pick__into\"\r\n              [attr.aria-label]=\"'Entra in ' + entry.name\"\r\n              title=\"Entra nel membro composto\"\r\n              (click)=\"descend(entry)\"\r\n            >\r\n              \u203A\r\n            </button>\r\n          }\r\n        </div>\r\n      }\r\n      <button type=\"button\" class=\"fb-pick__close\" (click)=\"close()\">Chiudi</button>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [":host{display:block}.fb-pick{position:relative}.fb-pick__control{display:flex;align-items:stretch;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);overflow:hidden}.fb-pick--open .fb-pick__control{border-color:var(--fb-accent, #2f6feb)}.fb-pick__input{flex:1;min-width:0;padding:5px 7px;border:0;background:transparent;color:var(--fb-text, #1d2939);font:inherit;font-size:12px}.fb-pick__input:focus-visible{outline:none}.fb-pick__input--mono,.fb-pick__name--mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.fb-pick__toggle,.fb-pick__clear{flex:0 0 auto;padding:0 7px;border:0;border-left:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:12px;cursor:pointer}.fb-pick__toggle:hover,.fb-pick__clear:hover{background:var(--fb-surface-alt, #f8f9fb)}.fb-pick__hint{margin:3px 0 0;font-size:10px;line-height:1.35;color:var(--fb-text-subtle, #98a2b3)}.fb-pick__hint--warn{color:var(--fb-warning, #b7791f)}.fb-pick__hint--error{color:var(--fb-error, #c9372c)}.fb-pick__panel{position:absolute;z-index:30;top:calc(100% + 3px);left:0;right:0;max-height:260px;overflow-y:auto;padding:6px;border:1px solid var(--fb-border, #d6dae1);border-radius:6px;background:var(--fb-surface, #fff);box-shadow:0 6px 18px #10182829}.fb-pick__option{display:flex;flex-direction:column;width:100%;padding:4px 6px;border:0;border-radius:4px;background:transparent;color:var(--fb-text, #1d2939);font:inherit;text-align:left;cursor:pointer}.fb-pick__option:hover,.fb-pick__option[aria-selected=true]{background:var(--fb-surface-alt, #f8f9fb)}.fb-pick__row{display:flex;align-items:stretch;gap:2px}.fb-pick__row .fb-pick__option{flex:1;min-width:0}.fb-pick__into{flex:0 0 auto;padding:0 7px;border:0;border-radius:4px;background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:13px;cursor:pointer}.fb-pick__into:hover{background:var(--fb-surface-alt, #f8f9fb);color:var(--fb-accent, #2f6feb)}.fb-pick__name{font-size:12px}.fb-pick__meta{font-size:10px;color:var(--fb-text-muted, #667085)}.fb-pick__group{margin:2px 4px 4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--fb-text-muted, #667085)}.fb-pick__empty{margin:4px;font-size:11px;color:var(--fb-text-muted, #667085)}.fb-pick__close{width:100%;margin-top:4px;padding:4px;border:0;border-top:1px solid var(--fb-border-subtle, #e6e9ee);background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:11px;cursor:pointer}\n"] }]
         }], ctorParameters: () => [], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], 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"] }] } });
 
 /**
@@ -6118,9 +6279,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImpo
  *  1. **Le operazioni sono eseguite nell'ordine dichiarato**, quindi devono essere
  *     riordinabili: un'interfaccia che le presenta come un insieme nasconde la semantica.
  *  2. **Cosa puo' stare in `assignToReference`**: una variabile, un campo di una variabile
- *     record, un campo di `$Record` e, fra le globali, `$Flow.CurrentStage`,
- *     `$Flow.ActiveStages` e quelle che il sistema ospite dichiara scrivibili — le propone
- *     già `POST /flows/references/writable`. Tutto il resto e' di sola lettura.
+ *     record, un campo di `$Record` e, fra le globali, soltanto `$Flow.CurrentStage` e
+ *     `$Flow.ActiveStages` — le propone già `POST /flows/references/writable`. Tutto il resto e'
+ *     di sola lettura, comprese le globali dell'host e i loro membri (§5.2).
  *  3. Gli operatori marcati `expectsCollection` hanno senso **solo** su destinazioni
  *     collection: su una variabile singola non falliscono, non fanno nulla.
  */
@@ -6928,7 +7089,7 @@ class OrchestratedStageInspectorComponent extends NodeInspectorBase {
     /** C'e' almeno uno step il cui rifiuto e' un esito previsto. */
     hasApprovalStep = computed(() => this.steps().some((step) => this.supportsRejection(step)), ...(ngDevMode ? [{ debugName: "hasApprovalStep" }] : []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: OrchestratedStageInspectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: OrchestratedStageInspectorComponent, isStandalone: true, selector: "fb-orchestrated-stage-inspector", usesInheritance: true, ngImport: i0, template: "<fieldset class=\"fb-section\">\n  <legend class=\"fb-section__title\">Step dello stage</legend>\n  <p class=\"fb-section__note\">\n    Gli step <strong>non sono una sequenza</strong>: parte quello le cui condizioni d\u2019ingresso sono vere, e\n    l\u2019ordine qui sotto e\u2019 solo l\u2019ordine in cui vengono esaminati.\n  </p>\n\n  <div class=\"fb-list\">\n    <!-- `stepIndex` esplicito: dentro l'elenco degli assegnatari `$index` e' quello dell'assegnatario. -->\n    @for (step of steps(); track $index; let stepIndex = $index, isFirst = $first, isLast = $last) {\n      <div class=\"fb-list__item\">\n        <div class=\"fb-list__header\">\n          <!-- Titolo, non indice: gli step non sono numerati perche' non sono una sequenza. -->\n          <span class=\"fb-list__title\">{{ step.label || step.name || '\u2014' }}</span>\n          <span class=\"fb-list__spacer\"></span>\n          <button\n            type=\"button\"\n            class=\"fb-btn fb-btn--ghost fb-btn--icon\"\n            aria-label=\"Esamina prima\"\n            title=\"Cambia l\u2019ordine d\u2019esame, non l\u2019ordine di esecuzione\"\n            [disabled]=\"isFirst\"\n            (click)=\"moveStep(stepIndex, -1)\"\n          >\n            \u2191\n          </button>\n          <button\n            type=\"button\"\n            class=\"fb-btn fb-btn--ghost fb-btn--icon\"\n            aria-label=\"Esamina dopo\"\n            title=\"Cambia l\u2019ordine d\u2019esame, non l\u2019ordine di esecuzione\"\n            [disabled]=\"isLast\"\n            (click)=\"moveStep(stepIndex, 1)\"\n          >\n            \u2193\n          </button>\n          <button\n            type=\"button\"\n            class=\"fb-btn fb-btn--ghost fb-btn--icon\"\n            aria-label=\"Rimuovi lo step\"\n            (click)=\"removeStep(stepIndex)\"\n          >\n            \u00D7\n          </button>\n        </div>\n\n        <div class=\"fb-field\">\n          <label class=\"fb-field__label fb-field__label--required\">Etichetta</label>\n          <input\n            class=\"fb-input\"\n            [value]=\"step.label || ''\"\n            placeholder=\"Approva la pratica\"\n            (input)=\"setStepLabel(stepIndex, $any($event.target).value)\"\n          />\n        </div>\n\n        <div class=\"fb-field\">\n          <label class=\"fb-field__label fb-field__label--required\">Nome tecnico</label>\n          <input\n            class=\"fb-input fb-input--mono\"\n            [class.fb-input--invalid]=\"!!stepNameError(step)\"\n            [value]=\"step.name || ''\"\n            (input)=\"setStepName(stepIndex, $any($event.target).value)\"\n          />\n          @if (stepNameError(step)) {\n            <p class=\"fb-field__error\">{{ stepNameError(step) }}</p>\n          } @else {\n            <p class=\"fb-field__hint\">\n              Sta nello stesso spazio dei nomi di elementi e risorse. Gli output dello step sono\n              referenziabili come <code>{{ step.name || 'NomeStep' }}.NomeOutput</code>.\n            </p>\n          }\n        </div>\n\n        <div class=\"fb-field\">\n          <label class=\"fb-field__label fb-field__label--required\">Tipo di step</label>\n          <select\n            class=\"fb-select\"\n            [class.fb-input--invalid]=\"!step.actionType || isUnknownStepType(step)\"\n            [fbValue]=\"step.actionType || ''\"\n            (change)=\"setStepType(stepIndex, $any($event.target).value)\"\n          >\n            <option value=\"\">\u2014 scegli \u2014</option>\n            @for (type of stepTypes(); track type.value) {\n              <option [value]=\"type.value\">{{ type.label }}</option>\n            }\n          </select>\n          @if (!step.actionType) {\n            <p class=\"fb-field__error\">Senza tipo lo step non e\u2019 valido (STAGE_STEP_TYPE_MISSING).</p>\n          } @else if (isUnknownStepType(step)) {\n            <p class=\"fb-field__error\">\n              \u00AB{{ step.actionType }}\u00BB non e\u2019 un tipo di step di questo sistema (STAGE_STEP_TYPE_UNKNOWN).\n            </p>\n          } @else if (stepTypeDescription(step)) {\n            <p class=\"fb-field__hint\">{{ stepTypeDescription(step) }}</p>\n          }\n        </div>\n\n        @if (requiresActionName(step)) {\n          <div class=\"fb-field\">\n            <label class=\"fb-field__label fb-field__label--required\">Flow da eseguire</label>\n            <!--\n              Una lista di candidati vuota significa \"non lo so\", non \"nessuno\": il campo resta\n              scrivibile a mano invece di bloccare l'utente (\u00A77).\n            -->\n            <fb-name-picker\n              [value]=\"step.actionName\"\n              [options]=\"candidateOptions()\"\n              label=\"Flow da eseguire\"\n              placeholder=\"Preparazione_Pratica\"\n              unknownMessage=\"Questo flow non e\u2019 fra quelli invocabili: senza una versione attiva il motore non lo trova.\"\n              emptyMessage=\"Elenco dei flow non disponibile: puoi scrivere il nome a mano.\"\n              (valueChange)=\"setStepActionName(stepIndex, $event ?? '')\"\n            />\n            @if (!step.actionName) {\n              <p class=\"fb-field__error\">\n                Uno step in background esegue un flow: senza, e\u2019 STAGE_STEP_FLOW_MISSING.\n              </p>\n            } @else {\n              <p class=\"fb-field__hint\">Il motore lo esegue subito, senza coinvolgere nessuno.</p>\n            }\n          </div>\n        }\n\n        @if (requiresAssignees(step)) {\n          <fieldset class=\"fb-section\">\n            <legend class=\"fb-section__title\">Assegnatari</legend>\n            <p class=\"fb-section__note\">\n              Su questo step l\u2019interview si <strong>sospende</strong>: resta aperto un work item finche\u2019\n              una persona non lo conclude.\n            </p>\n            <div class=\"fb-list\">\n              @for (assignee of assigneesOf(step); track $index) {\n                <div class=\"fb-list__item\">\n                  <div class=\"fb-list__header\">\n                    <span class=\"fb-list__index\">{{ $index + 1 }}</span>\n                    <span class=\"fb-list__spacer\"></span>\n                    <button\n                      type=\"button\"\n                      class=\"fb-btn fb-btn--ghost fb-btn--icon\"\n                      aria-label=\"Rimuovi l\u2019assegnatario\"\n                      (click)=\"removeAssignee(stepIndex, $index)\"\n                    >\n                      \u00D7\n                    </button>\n                  </div>\n                  <div class=\"fb-field\">\n                    <label class=\"fb-field__label fb-field__label--required\">Tipo</label>\n                    <select\n                      class=\"fb-select\"\n                      [fbValue]=\"assignee.assigneeType || ''\"\n                      (change)=\"setAssigneeType(stepIndex, $index, $any($event.target).value)\"\n                    >\n                      <option value=\"\">\u2014 scegli \u2014</option>\n                      @for (type of assigneeTypes(); track type.value) {\n                        <option [value]=\"type.value\">{{ type.label }}</option>\n                      }\n                    </select>\n                  </div>\n                  <div class=\"fb-field\">\n                    <label class=\"fb-field__label fb-field__label--required\">Chi</label>\n                    <fb-value-editor\n                      [value]=\"assignee.assignee\"\n                      label=\"Assegnatario\"\n                      dataType=\"String\"\n                      (valueChange)=\"setAssigneeValue(stepIndex, $index, $event)\"\n                    />\n                  </div>\n                  @if (isAssigneeIncomplete(assignee)) {\n                    <p class=\"fb-field__error\">Servono tipo e destinatario (STAGE_STEP_ASSIGNEE_INVALID).</p>\n                  }\n                </div>\n              } @empty {\n                <p class=\"fb-empty\">\n                  Senza assegnatari questo step non e\u2019 valido (STAGE_STEP_ASSIGNEES_MISSING).\n                </p>\n              }\n            </div>\n            <button type=\"button\" class=\"fb-btn\" (click)=\"addAssignee(stepIndex)\">\n              Aggiungi assegnatario\n            </button>\n\n            @if (supportsRejection(step)) {\n              <label class=\"fb-check\">\n                <input\n                  type=\"checkbox\"\n                  [checked]=\"isMultiMemberApproval(step)\"\n                  (change)=\"setMultiMemberApproval(stepIndex, $any($event.target).checked)\"\n                />\n                Serve l\u2019approvazione di tutti i membri\n              </label>\n            }\n          </fieldset>\n        }\n\n        <!--\n          Ingresso e uscita non sono simmetriche: se l'ingresso non si avvera lo step viene\n          saltato, se l'uscita resta falsa lo stage va in stallo e l'esecuzione fallisce (\u00A75.13).\n        -->\n        <fb-condition-editor\n          [holder]=\"conditionHolders()[stepIndex].entry\"\n          title=\"Condizioni d\u2019ingresso (se lo step si applica)\"\n          [allowLogic]=\"false\"\n          [allowFormula]=\"false\"\n          (changed)=\"onEntryConditionsChanged(stepIndex, $event)\"\n        />\n        <p class=\"fb-field__hint\">\n          Se non si avverano, lo step viene <strong>saltato</strong> e lo stage prosegue.\n        </p>\n\n        <fb-condition-editor\n          [holder]=\"conditionHolders()[stepIndex].exit\"\n          title=\"Condizioni d\u2019uscita (quando lo step libera lo stage)\"\n          [allowLogic]=\"false\"\n          [allowFormula]=\"false\"\n          (changed)=\"onExitConditionsChanged(stepIndex, $event)\"\n        />\n        <p class=\"fb-field__hint fb-field__hint--warn\">\n          Se restano false quando non c\u2019e\u2019 piu\u2019 niente in esecuzione, lo stage e\u2019 in stallo e\n          l\u2019esecuzione <strong>fallisce</strong>.\n        </p>\n\n        @if (stepOutputInConditions(step)) {\n          <p class=\"fb-callout fb-callout--error\">\n            Una condizione referenzia l\u2019output dello step \u00AB{{ stepOutputInConditions(step) }}\u00BB: finche\u2019\n            quello step non ha girato il riferimento e\u2019 irrisolvibile, e a runtime e\u2019 un errore. Fai\n            scrivere quel risultato in una variabile (parametro di uscita \u2192 destinazione) e condiziona su\n            quella.\n          </p>\n        }\n\n        <div class=\"fb-field\">\n          <label class=\"fb-field__label\">Evaluation flow per l\u2019ingresso</label>\n          <fb-name-picker\n            [value]=\"step.entryActionName\"\n            [options]=\"candidateOptions()\"\n            label=\"Evaluation flow per l\u2019ingresso\"\n            placeholder=\"Valuta_Ingresso\"\n            unknownMessage=\"Questo flow non e\u2019 fra quelli invocabili: senza una versione attiva il motore non lo trova.\"\n            emptyMessage=\"Elenco dei flow non disponibile: puoi scrivere il nome a mano.\"\n            (valueChange)=\"setEntryActionName(stepIndex, $event ?? '')\"\n          />\n          <p class=\"fb-field__hint\">\n            Deve restituire l\u2019output booleano <code>{{ conditionOutputName }}</code>: e\u2019 l\u2019unico che il\n            runtime legge, dichiararne altri e\u2019 STAGE_ACTION_INVALID.\n          </p>\n        </div>\n\n        <div class=\"fb-field\">\n          <label class=\"fb-field__label\">Evaluation flow per l\u2019uscita</label>\n          <fb-name-picker\n            [value]=\"step.exitActionName\"\n            [options]=\"candidateOptions()\"\n            label=\"Evaluation flow per l\u2019uscita\"\n            placeholder=\"Valuta_Uscita\"\n            unknownMessage=\"Questo flow non e\u2019 fra quelli invocabili: senza una versione attiva il motore non lo trova.\"\n            emptyMessage=\"Elenco dei flow non disponibile: puoi scrivere il nome a mano.\"\n            (valueChange)=\"setExitActionName(stepIndex, $event ?? '')\"\n          />\n        </div>\n\n        <fb-parameter-editor\n          [holder]=\"step\"\n          inputTitle=\"Parametri dello step\"\n          [showOutputs]=\"true\"\n          outputTitle=\"Valori prodotti dallo step\"\n          (changed)=\"onParametersChanged(stepIndex, $event)\"\n        />\n        <p class=\"fb-field__hint\">\n          La destinazione e\u2019 <strong>facoltativa</strong>: l\u2019output e\u2019 gi\u00E0 referenziabile come\n          <code>{{ step.name || 'NomeStep' }}.NomeOutput</code>. Serve una variabile solo se un altro step\n          deve condizionare su quel risultato.\n        </p>\n\n        <label class=\"fb-check\">\n          <input\n            type=\"checkbox\"\n            [checked]=\"hasSimulatedOutputs(step)\"\n            (change)=\"setSimulateStep(stepIndex, $any($event.target).checked)\"\n          />\n          Simula lo step nella prova\n        </label>\n        @if (hasSimulatedOutputs(step)) {\n          <p class=\"fb-callout fb-callout--warn\">\n            Con la simulazione lo step non viene eseguito ne\u2019 assegnato: si usano gli output finti di\n            <code>outputConfigParams</code>. Non memorizzarci dati personali.\n          </p>\n        }\n\n        <div class=\"fb-field\">\n          <label class=\"fb-field__label\">Descrizione</label>\n          <textarea\n            class=\"fb-textarea\"\n            [value]=\"step.description || ''\"\n            (input)=\"setStepDescription(stepIndex, $any($event.target).value)\"\n          ></textarea>\n        </div>\n      </div>\n    } @empty {\n      <p class=\"fb-empty\">\n        Uno stage senza step non fa nulla ed e\u2019 un errore di validazione (STAGE_WITHOUT_STEPS).\n      </p>\n    }\n  </div>\n\n  <button type=\"button\" class=\"fb-btn\" (click)=\"addStep()\">Aggiungi step</button>\n</fieldset>\n\n@if (hasApprovalStep() && !hasRejectionBranch()) {\n  <p class=\"fb-callout fb-callout--warn\">\n    C\u2019e\u2019 uno step di approvazione ma il ramo \u00ABStep rifiutato\u00BB non e\u2019 disegnato: senza, un rifiuto fa\n    <strong>fallire</strong> l\u2019interview. Non e\u2019 un ramo di guasto, e\u2019 l\u2019esito previsto del rifiuto.\n  </p>\n}\n\n<fb-connector-editor\n  [nodeName]=\"name()\"\n  [node]=\"node()\"\n  [outlets]=\"outlets()\"\n  title=\"Rami\"\n  (connectorChanged)=\"onConnectorChanged($event)\"\n/>\n", dependencies: [{ kind: "component", type: ConditionEditorComponent, selector: "fb-condition-editor", inputs: ["holder", "title", "allowFormula", "allowLogic", "issuePath"], outputs: ["changed"] }, { kind: "component", type: ConnectorEditorComponent, selector: "fb-connector-editor", inputs: ["nodeName", "node", "outlets", "title"], outputs: ["connectorChanged"] }, { kind: "component", type: NamePickerComponent, selector: "fb-name-picker", inputs: ["value", "options", "label", "placeholder", "disabled", "unknownMessage", "unknownSeverity", "emptyMessage", "isMono"], outputs: ["valueChange"] }, { kind: "component", type: ParameterEditorComponent, selector: "fb-parameter-editor", inputs: ["holder", "catalogParameters", "inputTitle", "outputTitle", "showInputs", "showOutputs", "outputsDisabledReason"], outputs: ["changed"] }, { kind: "component", type: ValueEditorComponent, selector: "fb-value-editor", inputs: ["value", "label", "dataType", "objectType", "isCollection", "disabled", "allowFormula"], outputs: ["valueChange"] }, { kind: "directive", type: SelectValueDirective, selector: "select[fbValue]", inputs: ["fbValue"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: OrchestratedStageInspectorComponent, isStandalone: true, selector: "fb-orchestrated-stage-inspector", usesInheritance: true, ngImport: i0, template: "<fieldset class=\"fb-section\">\r\n  <legend class=\"fb-section__title\">Step dello stage</legend>\r\n  <p class=\"fb-section__note\">\r\n    Gli step <strong>non sono una sequenza</strong>: parte quello le cui condizioni d\u2019ingresso sono vere, e\r\n    l\u2019ordine qui sotto e\u2019 solo l\u2019ordine in cui vengono esaminati.\r\n  </p>\r\n\r\n  <div class=\"fb-list\">\r\n    <!-- `stepIndex` esplicito: dentro l'elenco degli assegnatari `$index` e' quello dell'assegnatario. -->\r\n    @for (step of steps(); track $index; let stepIndex = $index, isFirst = $first, isLast = $last) {\r\n      <div class=\"fb-list__item\">\r\n        <div class=\"fb-list__header\">\r\n          <!-- Titolo, non indice: gli step non sono numerati perche' non sono una sequenza. -->\r\n          <span class=\"fb-list__title\">{{ step.label || step.name || '\u2014' }}</span>\r\n          <span class=\"fb-list__spacer\"></span>\r\n          <button\r\n            type=\"button\"\r\n            class=\"fb-btn fb-btn--ghost fb-btn--icon\"\r\n            aria-label=\"Esamina prima\"\r\n            title=\"Cambia l\u2019ordine d\u2019esame, non l\u2019ordine di esecuzione\"\r\n            [disabled]=\"isFirst\"\r\n            (click)=\"moveStep(stepIndex, -1)\"\r\n          >\r\n            \u2191\r\n          </button>\r\n          <button\r\n            type=\"button\"\r\n            class=\"fb-btn fb-btn--ghost fb-btn--icon\"\r\n            aria-label=\"Esamina dopo\"\r\n            title=\"Cambia l\u2019ordine d\u2019esame, non l\u2019ordine di esecuzione\"\r\n            [disabled]=\"isLast\"\r\n            (click)=\"moveStep(stepIndex, 1)\"\r\n          >\r\n            \u2193\r\n          </button>\r\n          <button\r\n            type=\"button\"\r\n            class=\"fb-btn fb-btn--ghost fb-btn--icon\"\r\n            aria-label=\"Rimuovi lo step\"\r\n            (click)=\"removeStep(stepIndex)\"\r\n          >\r\n            \u00D7\r\n          </button>\r\n        </div>\r\n\r\n        <div class=\"fb-field\">\r\n          <label class=\"fb-field__label fb-field__label--required\">Etichetta</label>\r\n          <input\r\n            class=\"fb-input\"\r\n            [value]=\"step.label || ''\"\r\n            placeholder=\"Approva la pratica\"\r\n            (input)=\"setStepLabel(stepIndex, $any($event.target).value)\"\r\n          />\r\n        </div>\r\n\r\n        <div class=\"fb-field\">\r\n          <label class=\"fb-field__label fb-field__label--required\">Nome tecnico</label>\r\n          <input\r\n            class=\"fb-input fb-input--mono\"\r\n            [class.fb-input--invalid]=\"!!stepNameError(step)\"\r\n            [value]=\"step.name || ''\"\r\n            (input)=\"setStepName(stepIndex, $any($event.target).value)\"\r\n          />\r\n          @if (stepNameError(step)) {\r\n            <p class=\"fb-field__error\">{{ stepNameError(step) }}</p>\r\n          } @else {\r\n            <p class=\"fb-field__hint\">\r\n              Sta nello stesso spazio dei nomi di elementi e risorse. Gli output dello step sono\r\n              referenziabili come <code>{{ step.name || 'NomeStep' }}.NomeOutput</code>.\r\n            </p>\r\n          }\r\n        </div>\r\n\r\n        <div class=\"fb-field\">\r\n          <label class=\"fb-field__label fb-field__label--required\">Tipo di step</label>\r\n          <select\r\n            class=\"fb-select\"\r\n            [class.fb-input--invalid]=\"!step.actionType || isUnknownStepType(step)\"\r\n            [fbValue]=\"step.actionType || ''\"\r\n            (change)=\"setStepType(stepIndex, $any($event.target).value)\"\r\n          >\r\n            <option value=\"\">\u2014 scegli \u2014</option>\r\n            @for (type of stepTypes(); track type.value) {\r\n              <option [value]=\"type.value\">{{ type.label }}</option>\r\n            }\r\n          </select>\r\n          @if (!step.actionType) {\r\n            <p class=\"fb-field__error\">Senza tipo lo step non e\u2019 valido (STAGE_STEP_TYPE_MISSING).</p>\r\n          } @else if (isUnknownStepType(step)) {\r\n            <p class=\"fb-field__error\">\r\n              \u00AB{{ step.actionType }}\u00BB non e\u2019 un tipo di step di questo sistema (STAGE_STEP_TYPE_UNKNOWN).\r\n            </p>\r\n          } @else if (stepTypeDescription(step)) {\r\n            <p class=\"fb-field__hint\">{{ stepTypeDescription(step) }}</p>\r\n          }\r\n        </div>\r\n\r\n        @if (requiresActionName(step)) {\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label fb-field__label--required\">Flow da eseguire</label>\r\n            <!--\r\n              Una lista di candidati vuota significa \"non lo so\", non \"nessuno\": il campo resta\r\n              scrivibile a mano invece di bloccare l'utente (\u00A77).\r\n            -->\r\n            <fb-name-picker\r\n              [value]=\"step.actionName\"\r\n              [options]=\"candidateOptions()\"\r\n              label=\"Flow da eseguire\"\r\n              placeholder=\"Preparazione_Pratica\"\r\n              unknownMessage=\"Questo flow non e\u2019 fra quelli invocabili: senza una versione attiva il motore non lo trova.\"\r\n              emptyMessage=\"Elenco dei flow non disponibile: puoi scrivere il nome a mano.\"\r\n              (valueChange)=\"setStepActionName(stepIndex, $event ?? '')\"\r\n            />\r\n            @if (!step.actionName) {\r\n              <p class=\"fb-field__error\">\r\n                Uno step in background esegue un flow: senza, e\u2019 STAGE_STEP_FLOW_MISSING.\r\n              </p>\r\n            } @else {\r\n              <p class=\"fb-field__hint\">Il motore lo esegue subito, senza coinvolgere nessuno.</p>\r\n            }\r\n          </div>\r\n        }\r\n\r\n        @if (requiresAssignees(step)) {\r\n          <fieldset class=\"fb-section\">\r\n            <legend class=\"fb-section__title\">Assegnatari</legend>\r\n            <p class=\"fb-section__note\">\r\n              Su questo step l\u2019interview si <strong>sospende</strong>: resta aperto un work item finche\u2019\r\n              una persona non lo conclude.\r\n            </p>\r\n            <div class=\"fb-list\">\r\n              @for (assignee of assigneesOf(step); track $index) {\r\n                <div class=\"fb-list__item\">\r\n                  <div class=\"fb-list__header\">\r\n                    <span class=\"fb-list__index\">{{ $index + 1 }}</span>\r\n                    <span class=\"fb-list__spacer\"></span>\r\n                    <button\r\n                      type=\"button\"\r\n                      class=\"fb-btn fb-btn--ghost fb-btn--icon\"\r\n                      aria-label=\"Rimuovi l\u2019assegnatario\"\r\n                      (click)=\"removeAssignee(stepIndex, $index)\"\r\n                    >\r\n                      \u00D7\r\n                    </button>\r\n                  </div>\r\n                  <div class=\"fb-field\">\r\n                    <label class=\"fb-field__label fb-field__label--required\">Tipo</label>\r\n                    <select\r\n                      class=\"fb-select\"\r\n                      [fbValue]=\"assignee.assigneeType || ''\"\r\n                      (change)=\"setAssigneeType(stepIndex, $index, $any($event.target).value)\"\r\n                    >\r\n                      <option value=\"\">\u2014 scegli \u2014</option>\r\n                      @for (type of assigneeTypes(); track type.value) {\r\n                        <option [value]=\"type.value\">{{ type.label }}</option>\r\n                      }\r\n                    </select>\r\n                  </div>\r\n                  <div class=\"fb-field\">\r\n                    <label class=\"fb-field__label fb-field__label--required\">Chi</label>\r\n                    <fb-value-editor\r\n                      [value]=\"assignee.assignee\"\r\n                      label=\"Assegnatario\"\r\n                      dataType=\"String\"\r\n                      (valueChange)=\"setAssigneeValue(stepIndex, $index, $event)\"\r\n                    />\r\n                  </div>\r\n                  @if (isAssigneeIncomplete(assignee)) {\r\n                    <p class=\"fb-field__error\">Servono tipo e destinatario (STAGE_STEP_ASSIGNEE_INVALID).</p>\r\n                  }\r\n                </div>\r\n              } @empty {\r\n                <p class=\"fb-empty\">\r\n                  Senza assegnatari questo step non e\u2019 valido (STAGE_STEP_ASSIGNEES_MISSING).\r\n                </p>\r\n              }\r\n            </div>\r\n            <button type=\"button\" class=\"fb-btn\" (click)=\"addAssignee(stepIndex)\">\r\n              Aggiungi assegnatario\r\n            </button>\r\n\r\n            @if (supportsRejection(step)) {\r\n              <label class=\"fb-check\">\r\n                <input\r\n                  type=\"checkbox\"\r\n                  [checked]=\"isMultiMemberApproval(step)\"\r\n                  (change)=\"setMultiMemberApproval(stepIndex, $any($event.target).checked)\"\r\n                />\r\n                Serve l\u2019approvazione di tutti i membri\r\n              </label>\r\n            }\r\n          </fieldset>\r\n        }\r\n\r\n        <!--\r\n          Ingresso e uscita non sono simmetriche: se l'ingresso non si avvera lo step viene\r\n          saltato, se l'uscita resta falsa lo stage va in stallo e l'esecuzione fallisce (\u00A75.13).\r\n        -->\r\n        <fb-condition-editor\r\n          [holder]=\"conditionHolders()[stepIndex].entry\"\r\n          title=\"Condizioni d\u2019ingresso (se lo step si applica)\"\r\n          [allowLogic]=\"false\"\r\n          [allowFormula]=\"false\"\r\n          (changed)=\"onEntryConditionsChanged(stepIndex, $event)\"\r\n        />\r\n        <p class=\"fb-field__hint\">\r\n          Se non si avverano, lo step viene <strong>saltato</strong> e lo stage prosegue.\r\n        </p>\r\n\r\n        <fb-condition-editor\r\n          [holder]=\"conditionHolders()[stepIndex].exit\"\r\n          title=\"Condizioni d\u2019uscita (quando lo step libera lo stage)\"\r\n          [allowLogic]=\"false\"\r\n          [allowFormula]=\"false\"\r\n          (changed)=\"onExitConditionsChanged(stepIndex, $event)\"\r\n        />\r\n        <p class=\"fb-field__hint fb-field__hint--warn\">\r\n          Se restano false quando non c\u2019e\u2019 piu\u2019 niente in esecuzione, lo stage e\u2019 in stallo e\r\n          l\u2019esecuzione <strong>fallisce</strong>.\r\n        </p>\r\n\r\n        @if (stepOutputInConditions(step)) {\r\n          <p class=\"fb-callout fb-callout--error\">\r\n            Una condizione referenzia l\u2019output dello step \u00AB{{ stepOutputInConditions(step) }}\u00BB: finche\u2019\r\n            quello step non ha girato il riferimento e\u2019 irrisolvibile, e a runtime e\u2019 un errore. Fai\r\n            scrivere quel risultato in una variabile (parametro di uscita \u2192 destinazione) e condiziona su\r\n            quella.\r\n          </p>\r\n        }\r\n\r\n        <div class=\"fb-field\">\r\n          <label class=\"fb-field__label\">Evaluation flow per l\u2019ingresso</label>\r\n          <fb-name-picker\r\n            [value]=\"step.entryActionName\"\r\n            [options]=\"candidateOptions()\"\r\n            label=\"Evaluation flow per l\u2019ingresso\"\r\n            placeholder=\"Valuta_Ingresso\"\r\n            unknownMessage=\"Questo flow non e\u2019 fra quelli invocabili: senza una versione attiva il motore non lo trova.\"\r\n            emptyMessage=\"Elenco dei flow non disponibile: puoi scrivere il nome a mano.\"\r\n            (valueChange)=\"setEntryActionName(stepIndex, $event ?? '')\"\r\n          />\r\n          <p class=\"fb-field__hint\">\r\n            Deve restituire l\u2019output booleano <code>{{ conditionOutputName }}</code>: e\u2019 l\u2019unico che il\r\n            runtime legge, dichiararne altri e\u2019 STAGE_ACTION_INVALID.\r\n          </p>\r\n        </div>\r\n\r\n        <div class=\"fb-field\">\r\n          <label class=\"fb-field__label\">Evaluation flow per l\u2019uscita</label>\r\n          <fb-name-picker\r\n            [value]=\"step.exitActionName\"\r\n            [options]=\"candidateOptions()\"\r\n            label=\"Evaluation flow per l\u2019uscita\"\r\n            placeholder=\"Valuta_Uscita\"\r\n            unknownMessage=\"Questo flow non e\u2019 fra quelli invocabili: senza una versione attiva il motore non lo trova.\"\r\n            emptyMessage=\"Elenco dei flow non disponibile: puoi scrivere il nome a mano.\"\r\n            (valueChange)=\"setExitActionName(stepIndex, $event ?? '')\"\r\n          />\r\n        </div>\r\n\r\n        <fb-parameter-editor\r\n          [holder]=\"step\"\r\n          inputTitle=\"Parametri dello step\"\r\n          [showOutputs]=\"true\"\r\n          outputTitle=\"Valori prodotti dallo step\"\r\n          (changed)=\"onParametersChanged(stepIndex, $event)\"\r\n        />\r\n        <p class=\"fb-field__hint\">\r\n          La destinazione e\u2019 <strong>facoltativa</strong>: l\u2019output e\u2019 gi\u00E0 referenziabile come\r\n          <code>{{ step.name || 'NomeStep' }}.NomeOutput</code>. Serve una variabile solo se un altro step\r\n          deve condizionare su quel risultato.\r\n        </p>\r\n\r\n        <label class=\"fb-check\">\r\n          <input\r\n            type=\"checkbox\"\r\n            [checked]=\"hasSimulatedOutputs(step)\"\r\n            (change)=\"setSimulateStep(stepIndex, $any($event.target).checked)\"\r\n          />\r\n          Simula lo step nella prova\r\n        </label>\r\n        @if (hasSimulatedOutputs(step)) {\r\n          <p class=\"fb-callout fb-callout--warn\">\r\n            Con la simulazione lo step non viene eseguito ne\u2019 assegnato: si usano gli output finti di\r\n            <code>outputConfigParams</code>. Non memorizzarci dati personali.\r\n          </p>\r\n        }\r\n\r\n        <div class=\"fb-field\">\r\n          <label class=\"fb-field__label\">Descrizione</label>\r\n          <textarea\r\n            class=\"fb-textarea\"\r\n            [value]=\"step.description || ''\"\r\n            (input)=\"setStepDescription(stepIndex, $any($event.target).value)\"\r\n          ></textarea>\r\n        </div>\r\n      </div>\r\n    } @empty {\r\n      <p class=\"fb-empty\">\r\n        Uno stage senza step non fa nulla ed e\u2019 un errore di validazione (STAGE_WITHOUT_STEPS).\r\n      </p>\r\n    }\r\n  </div>\r\n\r\n  <button type=\"button\" class=\"fb-btn\" (click)=\"addStep()\">Aggiungi step</button>\r\n</fieldset>\r\n\r\n@if (hasApprovalStep() && !hasRejectionBranch()) {\r\n  <p class=\"fb-callout fb-callout--warn\">\r\n    C\u2019e\u2019 uno step di approvazione ma il ramo \u00ABStep rifiutato\u00BB non e\u2019 disegnato: senza, un rifiuto fa\r\n    <strong>fallire</strong> l\u2019interview. Non e\u2019 un ramo di guasto, e\u2019 l\u2019esito previsto del rifiuto.\r\n  </p>\r\n}\r\n\r\n<fb-connector-editor\r\n  [nodeName]=\"name()\"\r\n  [node]=\"node()\"\r\n  [outlets]=\"outlets()\"\r\n  title=\"Rami\"\r\n  (connectorChanged)=\"onConnectorChanged($event)\"\r\n/>\r\n", dependencies: [{ kind: "component", type: ConditionEditorComponent, selector: "fb-condition-editor", inputs: ["holder", "title", "allowFormula", "allowLogic", "issuePath"], outputs: ["changed"] }, { kind: "component", type: ConnectorEditorComponent, selector: "fb-connector-editor", inputs: ["nodeName", "node", "outlets", "title"], outputs: ["connectorChanged"] }, { kind: "component", type: NamePickerComponent, selector: "fb-name-picker", inputs: ["value", "options", "label", "placeholder", "disabled", "unknownMessage", "unknownSeverity", "emptyMessage", "isMono"], outputs: ["valueChange"] }, { kind: "component", type: ParameterEditorComponent, selector: "fb-parameter-editor", inputs: ["holder", "catalogParameters", "inputTitle", "outputTitle", "showInputs", "showOutputs", "outputsDisabledReason"], outputs: ["changed"] }, { kind: "component", type: ValueEditorComponent, selector: "fb-value-editor", inputs: ["value", "label", "dataType", "objectType", "isCollection", "disabled", "allowFormula"], outputs: ["valueChange"] }, { kind: "directive", type: SelectValueDirective, selector: "select[fbValue]", inputs: ["fbValue"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: OrchestratedStageInspectorComponent, decorators: [{
             type: Component,
@@ -6939,7 +7100,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImpo
                         ParameterEditorComponent,
                         ValueEditorComponent,
                         SelectValueDirective,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<fieldset class=\"fb-section\">\n  <legend class=\"fb-section__title\">Step dello stage</legend>\n  <p class=\"fb-section__note\">\n    Gli step <strong>non sono una sequenza</strong>: parte quello le cui condizioni d\u2019ingresso sono vere, e\n    l\u2019ordine qui sotto e\u2019 solo l\u2019ordine in cui vengono esaminati.\n  </p>\n\n  <div class=\"fb-list\">\n    <!-- `stepIndex` esplicito: dentro l'elenco degli assegnatari `$index` e' quello dell'assegnatario. -->\n    @for (step of steps(); track $index; let stepIndex = $index, isFirst = $first, isLast = $last) {\n      <div class=\"fb-list__item\">\n        <div class=\"fb-list__header\">\n          <!-- Titolo, non indice: gli step non sono numerati perche' non sono una sequenza. -->\n          <span class=\"fb-list__title\">{{ step.label || step.name || '\u2014' }}</span>\n          <span class=\"fb-list__spacer\"></span>\n          <button\n            type=\"button\"\n            class=\"fb-btn fb-btn--ghost fb-btn--icon\"\n            aria-label=\"Esamina prima\"\n            title=\"Cambia l\u2019ordine d\u2019esame, non l\u2019ordine di esecuzione\"\n            [disabled]=\"isFirst\"\n            (click)=\"moveStep(stepIndex, -1)\"\n          >\n            \u2191\n          </button>\n          <button\n            type=\"button\"\n            class=\"fb-btn fb-btn--ghost fb-btn--icon\"\n            aria-label=\"Esamina dopo\"\n            title=\"Cambia l\u2019ordine d\u2019esame, non l\u2019ordine di esecuzione\"\n            [disabled]=\"isLast\"\n            (click)=\"moveStep(stepIndex, 1)\"\n          >\n            \u2193\n          </button>\n          <button\n            type=\"button\"\n            class=\"fb-btn fb-btn--ghost fb-btn--icon\"\n            aria-label=\"Rimuovi lo step\"\n            (click)=\"removeStep(stepIndex)\"\n          >\n            \u00D7\n          </button>\n        </div>\n\n        <div class=\"fb-field\">\n          <label class=\"fb-field__label fb-field__label--required\">Etichetta</label>\n          <input\n            class=\"fb-input\"\n            [value]=\"step.label || ''\"\n            placeholder=\"Approva la pratica\"\n            (input)=\"setStepLabel(stepIndex, $any($event.target).value)\"\n          />\n        </div>\n\n        <div class=\"fb-field\">\n          <label class=\"fb-field__label fb-field__label--required\">Nome tecnico</label>\n          <input\n            class=\"fb-input fb-input--mono\"\n            [class.fb-input--invalid]=\"!!stepNameError(step)\"\n            [value]=\"step.name || ''\"\n            (input)=\"setStepName(stepIndex, $any($event.target).value)\"\n          />\n          @if (stepNameError(step)) {\n            <p class=\"fb-field__error\">{{ stepNameError(step) }}</p>\n          } @else {\n            <p class=\"fb-field__hint\">\n              Sta nello stesso spazio dei nomi di elementi e risorse. Gli output dello step sono\n              referenziabili come <code>{{ step.name || 'NomeStep' }}.NomeOutput</code>.\n            </p>\n          }\n        </div>\n\n        <div class=\"fb-field\">\n          <label class=\"fb-field__label fb-field__label--required\">Tipo di step</label>\n          <select\n            class=\"fb-select\"\n            [class.fb-input--invalid]=\"!step.actionType || isUnknownStepType(step)\"\n            [fbValue]=\"step.actionType || ''\"\n            (change)=\"setStepType(stepIndex, $any($event.target).value)\"\n          >\n            <option value=\"\">\u2014 scegli \u2014</option>\n            @for (type of stepTypes(); track type.value) {\n              <option [value]=\"type.value\">{{ type.label }}</option>\n            }\n          </select>\n          @if (!step.actionType) {\n            <p class=\"fb-field__error\">Senza tipo lo step non e\u2019 valido (STAGE_STEP_TYPE_MISSING).</p>\n          } @else if (isUnknownStepType(step)) {\n            <p class=\"fb-field__error\">\n              \u00AB{{ step.actionType }}\u00BB non e\u2019 un tipo di step di questo sistema (STAGE_STEP_TYPE_UNKNOWN).\n            </p>\n          } @else if (stepTypeDescription(step)) {\n            <p class=\"fb-field__hint\">{{ stepTypeDescription(step) }}</p>\n          }\n        </div>\n\n        @if (requiresActionName(step)) {\n          <div class=\"fb-field\">\n            <label class=\"fb-field__label fb-field__label--required\">Flow da eseguire</label>\n            <!--\n              Una lista di candidati vuota significa \"non lo so\", non \"nessuno\": il campo resta\n              scrivibile a mano invece di bloccare l'utente (\u00A77).\n            -->\n            <fb-name-picker\n              [value]=\"step.actionName\"\n              [options]=\"candidateOptions()\"\n              label=\"Flow da eseguire\"\n              placeholder=\"Preparazione_Pratica\"\n              unknownMessage=\"Questo flow non e\u2019 fra quelli invocabili: senza una versione attiva il motore non lo trova.\"\n              emptyMessage=\"Elenco dei flow non disponibile: puoi scrivere il nome a mano.\"\n              (valueChange)=\"setStepActionName(stepIndex, $event ?? '')\"\n            />\n            @if (!step.actionName) {\n              <p class=\"fb-field__error\">\n                Uno step in background esegue un flow: senza, e\u2019 STAGE_STEP_FLOW_MISSING.\n              </p>\n            } @else {\n              <p class=\"fb-field__hint\">Il motore lo esegue subito, senza coinvolgere nessuno.</p>\n            }\n          </div>\n        }\n\n        @if (requiresAssignees(step)) {\n          <fieldset class=\"fb-section\">\n            <legend class=\"fb-section__title\">Assegnatari</legend>\n            <p class=\"fb-section__note\">\n              Su questo step l\u2019interview si <strong>sospende</strong>: resta aperto un work item finche\u2019\n              una persona non lo conclude.\n            </p>\n            <div class=\"fb-list\">\n              @for (assignee of assigneesOf(step); track $index) {\n                <div class=\"fb-list__item\">\n                  <div class=\"fb-list__header\">\n                    <span class=\"fb-list__index\">{{ $index + 1 }}</span>\n                    <span class=\"fb-list__spacer\"></span>\n                    <button\n                      type=\"button\"\n                      class=\"fb-btn fb-btn--ghost fb-btn--icon\"\n                      aria-label=\"Rimuovi l\u2019assegnatario\"\n                      (click)=\"removeAssignee(stepIndex, $index)\"\n                    >\n                      \u00D7\n                    </button>\n                  </div>\n                  <div class=\"fb-field\">\n                    <label class=\"fb-field__label fb-field__label--required\">Tipo</label>\n                    <select\n                      class=\"fb-select\"\n                      [fbValue]=\"assignee.assigneeType || ''\"\n                      (change)=\"setAssigneeType(stepIndex, $index, $any($event.target).value)\"\n                    >\n                      <option value=\"\">\u2014 scegli \u2014</option>\n                      @for (type of assigneeTypes(); track type.value) {\n                        <option [value]=\"type.value\">{{ type.label }}</option>\n                      }\n                    </select>\n                  </div>\n                  <div class=\"fb-field\">\n                    <label class=\"fb-field__label fb-field__label--required\">Chi</label>\n                    <fb-value-editor\n                      [value]=\"assignee.assignee\"\n                      label=\"Assegnatario\"\n                      dataType=\"String\"\n                      (valueChange)=\"setAssigneeValue(stepIndex, $index, $event)\"\n                    />\n                  </div>\n                  @if (isAssigneeIncomplete(assignee)) {\n                    <p class=\"fb-field__error\">Servono tipo e destinatario (STAGE_STEP_ASSIGNEE_INVALID).</p>\n                  }\n                </div>\n              } @empty {\n                <p class=\"fb-empty\">\n                  Senza assegnatari questo step non e\u2019 valido (STAGE_STEP_ASSIGNEES_MISSING).\n                </p>\n              }\n            </div>\n            <button type=\"button\" class=\"fb-btn\" (click)=\"addAssignee(stepIndex)\">\n              Aggiungi assegnatario\n            </button>\n\n            @if (supportsRejection(step)) {\n              <label class=\"fb-check\">\n                <input\n                  type=\"checkbox\"\n                  [checked]=\"isMultiMemberApproval(step)\"\n                  (change)=\"setMultiMemberApproval(stepIndex, $any($event.target).checked)\"\n                />\n                Serve l\u2019approvazione di tutti i membri\n              </label>\n            }\n          </fieldset>\n        }\n\n        <!--\n          Ingresso e uscita non sono simmetriche: se l'ingresso non si avvera lo step viene\n          saltato, se l'uscita resta falsa lo stage va in stallo e l'esecuzione fallisce (\u00A75.13).\n        -->\n        <fb-condition-editor\n          [holder]=\"conditionHolders()[stepIndex].entry\"\n          title=\"Condizioni d\u2019ingresso (se lo step si applica)\"\n          [allowLogic]=\"false\"\n          [allowFormula]=\"false\"\n          (changed)=\"onEntryConditionsChanged(stepIndex, $event)\"\n        />\n        <p class=\"fb-field__hint\">\n          Se non si avverano, lo step viene <strong>saltato</strong> e lo stage prosegue.\n        </p>\n\n        <fb-condition-editor\n          [holder]=\"conditionHolders()[stepIndex].exit\"\n          title=\"Condizioni d\u2019uscita (quando lo step libera lo stage)\"\n          [allowLogic]=\"false\"\n          [allowFormula]=\"false\"\n          (changed)=\"onExitConditionsChanged(stepIndex, $event)\"\n        />\n        <p class=\"fb-field__hint fb-field__hint--warn\">\n          Se restano false quando non c\u2019e\u2019 piu\u2019 niente in esecuzione, lo stage e\u2019 in stallo e\n          l\u2019esecuzione <strong>fallisce</strong>.\n        </p>\n\n        @if (stepOutputInConditions(step)) {\n          <p class=\"fb-callout fb-callout--error\">\n            Una condizione referenzia l\u2019output dello step \u00AB{{ stepOutputInConditions(step) }}\u00BB: finche\u2019\n            quello step non ha girato il riferimento e\u2019 irrisolvibile, e a runtime e\u2019 un errore. Fai\n            scrivere quel risultato in una variabile (parametro di uscita \u2192 destinazione) e condiziona su\n            quella.\n          </p>\n        }\n\n        <div class=\"fb-field\">\n          <label class=\"fb-field__label\">Evaluation flow per l\u2019ingresso</label>\n          <fb-name-picker\n            [value]=\"step.entryActionName\"\n            [options]=\"candidateOptions()\"\n            label=\"Evaluation flow per l\u2019ingresso\"\n            placeholder=\"Valuta_Ingresso\"\n            unknownMessage=\"Questo flow non e\u2019 fra quelli invocabili: senza una versione attiva il motore non lo trova.\"\n            emptyMessage=\"Elenco dei flow non disponibile: puoi scrivere il nome a mano.\"\n            (valueChange)=\"setEntryActionName(stepIndex, $event ?? '')\"\n          />\n          <p class=\"fb-field__hint\">\n            Deve restituire l\u2019output booleano <code>{{ conditionOutputName }}</code>: e\u2019 l\u2019unico che il\n            runtime legge, dichiararne altri e\u2019 STAGE_ACTION_INVALID.\n          </p>\n        </div>\n\n        <div class=\"fb-field\">\n          <label class=\"fb-field__label\">Evaluation flow per l\u2019uscita</label>\n          <fb-name-picker\n            [value]=\"step.exitActionName\"\n            [options]=\"candidateOptions()\"\n            label=\"Evaluation flow per l\u2019uscita\"\n            placeholder=\"Valuta_Uscita\"\n            unknownMessage=\"Questo flow non e\u2019 fra quelli invocabili: senza una versione attiva il motore non lo trova.\"\n            emptyMessage=\"Elenco dei flow non disponibile: puoi scrivere il nome a mano.\"\n            (valueChange)=\"setExitActionName(stepIndex, $event ?? '')\"\n          />\n        </div>\n\n        <fb-parameter-editor\n          [holder]=\"step\"\n          inputTitle=\"Parametri dello step\"\n          [showOutputs]=\"true\"\n          outputTitle=\"Valori prodotti dallo step\"\n          (changed)=\"onParametersChanged(stepIndex, $event)\"\n        />\n        <p class=\"fb-field__hint\">\n          La destinazione e\u2019 <strong>facoltativa</strong>: l\u2019output e\u2019 gi\u00E0 referenziabile come\n          <code>{{ step.name || 'NomeStep' }}.NomeOutput</code>. Serve una variabile solo se un altro step\n          deve condizionare su quel risultato.\n        </p>\n\n        <label class=\"fb-check\">\n          <input\n            type=\"checkbox\"\n            [checked]=\"hasSimulatedOutputs(step)\"\n            (change)=\"setSimulateStep(stepIndex, $any($event.target).checked)\"\n          />\n          Simula lo step nella prova\n        </label>\n        @if (hasSimulatedOutputs(step)) {\n          <p class=\"fb-callout fb-callout--warn\">\n            Con la simulazione lo step non viene eseguito ne\u2019 assegnato: si usano gli output finti di\n            <code>outputConfigParams</code>. Non memorizzarci dati personali.\n          </p>\n        }\n\n        <div class=\"fb-field\">\n          <label class=\"fb-field__label\">Descrizione</label>\n          <textarea\n            class=\"fb-textarea\"\n            [value]=\"step.description || ''\"\n            (input)=\"setStepDescription(stepIndex, $any($event.target).value)\"\n          ></textarea>\n        </div>\n      </div>\n    } @empty {\n      <p class=\"fb-empty\">\n        Uno stage senza step non fa nulla ed e\u2019 un errore di validazione (STAGE_WITHOUT_STEPS).\n      </p>\n    }\n  </div>\n\n  <button type=\"button\" class=\"fb-btn\" (click)=\"addStep()\">Aggiungi step</button>\n</fieldset>\n\n@if (hasApprovalStep() && !hasRejectionBranch()) {\n  <p class=\"fb-callout fb-callout--warn\">\n    C\u2019e\u2019 uno step di approvazione ma il ramo \u00ABStep rifiutato\u00BB non e\u2019 disegnato: senza, un rifiuto fa\n    <strong>fallire</strong> l\u2019interview. Non e\u2019 un ramo di guasto, e\u2019 l\u2019esito previsto del rifiuto.\n  </p>\n}\n\n<fb-connector-editor\n  [nodeName]=\"name()\"\n  [node]=\"node()\"\n  [outlets]=\"outlets()\"\n  title=\"Rami\"\n  (connectorChanged)=\"onConnectorChanged($event)\"\n/>\n" }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<fieldset class=\"fb-section\">\r\n  <legend class=\"fb-section__title\">Step dello stage</legend>\r\n  <p class=\"fb-section__note\">\r\n    Gli step <strong>non sono una sequenza</strong>: parte quello le cui condizioni d\u2019ingresso sono vere, e\r\n    l\u2019ordine qui sotto e\u2019 solo l\u2019ordine in cui vengono esaminati.\r\n  </p>\r\n\r\n  <div class=\"fb-list\">\r\n    <!-- `stepIndex` esplicito: dentro l'elenco degli assegnatari `$index` e' quello dell'assegnatario. -->\r\n    @for (step of steps(); track $index; let stepIndex = $index, isFirst = $first, isLast = $last) {\r\n      <div class=\"fb-list__item\">\r\n        <div class=\"fb-list__header\">\r\n          <!-- Titolo, non indice: gli step non sono numerati perche' non sono una sequenza. -->\r\n          <span class=\"fb-list__title\">{{ step.label || step.name || '\u2014' }}</span>\r\n          <span class=\"fb-list__spacer\"></span>\r\n          <button\r\n            type=\"button\"\r\n            class=\"fb-btn fb-btn--ghost fb-btn--icon\"\r\n            aria-label=\"Esamina prima\"\r\n            title=\"Cambia l\u2019ordine d\u2019esame, non l\u2019ordine di esecuzione\"\r\n            [disabled]=\"isFirst\"\r\n            (click)=\"moveStep(stepIndex, -1)\"\r\n          >\r\n            \u2191\r\n          </button>\r\n          <button\r\n            type=\"button\"\r\n            class=\"fb-btn fb-btn--ghost fb-btn--icon\"\r\n            aria-label=\"Esamina dopo\"\r\n            title=\"Cambia l\u2019ordine d\u2019esame, non l\u2019ordine di esecuzione\"\r\n            [disabled]=\"isLast\"\r\n            (click)=\"moveStep(stepIndex, 1)\"\r\n          >\r\n            \u2193\r\n          </button>\r\n          <button\r\n            type=\"button\"\r\n            class=\"fb-btn fb-btn--ghost fb-btn--icon\"\r\n            aria-label=\"Rimuovi lo step\"\r\n            (click)=\"removeStep(stepIndex)\"\r\n          >\r\n            \u00D7\r\n          </button>\r\n        </div>\r\n\r\n        <div class=\"fb-field\">\r\n          <label class=\"fb-field__label fb-field__label--required\">Etichetta</label>\r\n          <input\r\n            class=\"fb-input\"\r\n            [value]=\"step.label || ''\"\r\n            placeholder=\"Approva la pratica\"\r\n            (input)=\"setStepLabel(stepIndex, $any($event.target).value)\"\r\n          />\r\n        </div>\r\n\r\n        <div class=\"fb-field\">\r\n          <label class=\"fb-field__label fb-field__label--required\">Nome tecnico</label>\r\n          <input\r\n            class=\"fb-input fb-input--mono\"\r\n            [class.fb-input--invalid]=\"!!stepNameError(step)\"\r\n            [value]=\"step.name || ''\"\r\n            (input)=\"setStepName(stepIndex, $any($event.target).value)\"\r\n          />\r\n          @if (stepNameError(step)) {\r\n            <p class=\"fb-field__error\">{{ stepNameError(step) }}</p>\r\n          } @else {\r\n            <p class=\"fb-field__hint\">\r\n              Sta nello stesso spazio dei nomi di elementi e risorse. Gli output dello step sono\r\n              referenziabili come <code>{{ step.name || 'NomeStep' }}.NomeOutput</code>.\r\n            </p>\r\n          }\r\n        </div>\r\n\r\n        <div class=\"fb-field\">\r\n          <label class=\"fb-field__label fb-field__label--required\">Tipo di step</label>\r\n          <select\r\n            class=\"fb-select\"\r\n            [class.fb-input--invalid]=\"!step.actionType || isUnknownStepType(step)\"\r\n            [fbValue]=\"step.actionType || ''\"\r\n            (change)=\"setStepType(stepIndex, $any($event.target).value)\"\r\n          >\r\n            <option value=\"\">\u2014 scegli \u2014</option>\r\n            @for (type of stepTypes(); track type.value) {\r\n              <option [value]=\"type.value\">{{ type.label }}</option>\r\n            }\r\n          </select>\r\n          @if (!step.actionType) {\r\n            <p class=\"fb-field__error\">Senza tipo lo step non e\u2019 valido (STAGE_STEP_TYPE_MISSING).</p>\r\n          } @else if (isUnknownStepType(step)) {\r\n            <p class=\"fb-field__error\">\r\n              \u00AB{{ step.actionType }}\u00BB non e\u2019 un tipo di step di questo sistema (STAGE_STEP_TYPE_UNKNOWN).\r\n            </p>\r\n          } @else if (stepTypeDescription(step)) {\r\n            <p class=\"fb-field__hint\">{{ stepTypeDescription(step) }}</p>\r\n          }\r\n        </div>\r\n\r\n        @if (requiresActionName(step)) {\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label fb-field__label--required\">Flow da eseguire</label>\r\n            <!--\r\n              Una lista di candidati vuota significa \"non lo so\", non \"nessuno\": il campo resta\r\n              scrivibile a mano invece di bloccare l'utente (\u00A77).\r\n            -->\r\n            <fb-name-picker\r\n              [value]=\"step.actionName\"\r\n              [options]=\"candidateOptions()\"\r\n              label=\"Flow da eseguire\"\r\n              placeholder=\"Preparazione_Pratica\"\r\n              unknownMessage=\"Questo flow non e\u2019 fra quelli invocabili: senza una versione attiva il motore non lo trova.\"\r\n              emptyMessage=\"Elenco dei flow non disponibile: puoi scrivere il nome a mano.\"\r\n              (valueChange)=\"setStepActionName(stepIndex, $event ?? '')\"\r\n            />\r\n            @if (!step.actionName) {\r\n              <p class=\"fb-field__error\">\r\n                Uno step in background esegue un flow: senza, e\u2019 STAGE_STEP_FLOW_MISSING.\r\n              </p>\r\n            } @else {\r\n              <p class=\"fb-field__hint\">Il motore lo esegue subito, senza coinvolgere nessuno.</p>\r\n            }\r\n          </div>\r\n        }\r\n\r\n        @if (requiresAssignees(step)) {\r\n          <fieldset class=\"fb-section\">\r\n            <legend class=\"fb-section__title\">Assegnatari</legend>\r\n            <p class=\"fb-section__note\">\r\n              Su questo step l\u2019interview si <strong>sospende</strong>: resta aperto un work item finche\u2019\r\n              una persona non lo conclude.\r\n            </p>\r\n            <div class=\"fb-list\">\r\n              @for (assignee of assigneesOf(step); track $index) {\r\n                <div class=\"fb-list__item\">\r\n                  <div class=\"fb-list__header\">\r\n                    <span class=\"fb-list__index\">{{ $index + 1 }}</span>\r\n                    <span class=\"fb-list__spacer\"></span>\r\n                    <button\r\n                      type=\"button\"\r\n                      class=\"fb-btn fb-btn--ghost fb-btn--icon\"\r\n                      aria-label=\"Rimuovi l\u2019assegnatario\"\r\n                      (click)=\"removeAssignee(stepIndex, $index)\"\r\n                    >\r\n                      \u00D7\r\n                    </button>\r\n                  </div>\r\n                  <div class=\"fb-field\">\r\n                    <label class=\"fb-field__label fb-field__label--required\">Tipo</label>\r\n                    <select\r\n                      class=\"fb-select\"\r\n                      [fbValue]=\"assignee.assigneeType || ''\"\r\n                      (change)=\"setAssigneeType(stepIndex, $index, $any($event.target).value)\"\r\n                    >\r\n                      <option value=\"\">\u2014 scegli \u2014</option>\r\n                      @for (type of assigneeTypes(); track type.value) {\r\n                        <option [value]=\"type.value\">{{ type.label }}</option>\r\n                      }\r\n                    </select>\r\n                  </div>\r\n                  <div class=\"fb-field\">\r\n                    <label class=\"fb-field__label fb-field__label--required\">Chi</label>\r\n                    <fb-value-editor\r\n                      [value]=\"assignee.assignee\"\r\n                      label=\"Assegnatario\"\r\n                      dataType=\"String\"\r\n                      (valueChange)=\"setAssigneeValue(stepIndex, $index, $event)\"\r\n                    />\r\n                  </div>\r\n                  @if (isAssigneeIncomplete(assignee)) {\r\n                    <p class=\"fb-field__error\">Servono tipo e destinatario (STAGE_STEP_ASSIGNEE_INVALID).</p>\r\n                  }\r\n                </div>\r\n              } @empty {\r\n                <p class=\"fb-empty\">\r\n                  Senza assegnatari questo step non e\u2019 valido (STAGE_STEP_ASSIGNEES_MISSING).\r\n                </p>\r\n              }\r\n            </div>\r\n            <button type=\"button\" class=\"fb-btn\" (click)=\"addAssignee(stepIndex)\">\r\n              Aggiungi assegnatario\r\n            </button>\r\n\r\n            @if (supportsRejection(step)) {\r\n              <label class=\"fb-check\">\r\n                <input\r\n                  type=\"checkbox\"\r\n                  [checked]=\"isMultiMemberApproval(step)\"\r\n                  (change)=\"setMultiMemberApproval(stepIndex, $any($event.target).checked)\"\r\n                />\r\n                Serve l\u2019approvazione di tutti i membri\r\n              </label>\r\n            }\r\n          </fieldset>\r\n        }\r\n\r\n        <!--\r\n          Ingresso e uscita non sono simmetriche: se l'ingresso non si avvera lo step viene\r\n          saltato, se l'uscita resta falsa lo stage va in stallo e l'esecuzione fallisce (\u00A75.13).\r\n        -->\r\n        <fb-condition-editor\r\n          [holder]=\"conditionHolders()[stepIndex].entry\"\r\n          title=\"Condizioni d\u2019ingresso (se lo step si applica)\"\r\n          [allowLogic]=\"false\"\r\n          [allowFormula]=\"false\"\r\n          (changed)=\"onEntryConditionsChanged(stepIndex, $event)\"\r\n        />\r\n        <p class=\"fb-field__hint\">\r\n          Se non si avverano, lo step viene <strong>saltato</strong> e lo stage prosegue.\r\n        </p>\r\n\r\n        <fb-condition-editor\r\n          [holder]=\"conditionHolders()[stepIndex].exit\"\r\n          title=\"Condizioni d\u2019uscita (quando lo step libera lo stage)\"\r\n          [allowLogic]=\"false\"\r\n          [allowFormula]=\"false\"\r\n          (changed)=\"onExitConditionsChanged(stepIndex, $event)\"\r\n        />\r\n        <p class=\"fb-field__hint fb-field__hint--warn\">\r\n          Se restano false quando non c\u2019e\u2019 piu\u2019 niente in esecuzione, lo stage e\u2019 in stallo e\r\n          l\u2019esecuzione <strong>fallisce</strong>.\r\n        </p>\r\n\r\n        @if (stepOutputInConditions(step)) {\r\n          <p class=\"fb-callout fb-callout--error\">\r\n            Una condizione referenzia l\u2019output dello step \u00AB{{ stepOutputInConditions(step) }}\u00BB: finche\u2019\r\n            quello step non ha girato il riferimento e\u2019 irrisolvibile, e a runtime e\u2019 un errore. Fai\r\n            scrivere quel risultato in una variabile (parametro di uscita \u2192 destinazione) e condiziona su\r\n            quella.\r\n          </p>\r\n        }\r\n\r\n        <div class=\"fb-field\">\r\n          <label class=\"fb-field__label\">Evaluation flow per l\u2019ingresso</label>\r\n          <fb-name-picker\r\n            [value]=\"step.entryActionName\"\r\n            [options]=\"candidateOptions()\"\r\n            label=\"Evaluation flow per l\u2019ingresso\"\r\n            placeholder=\"Valuta_Ingresso\"\r\n            unknownMessage=\"Questo flow non e\u2019 fra quelli invocabili: senza una versione attiva il motore non lo trova.\"\r\n            emptyMessage=\"Elenco dei flow non disponibile: puoi scrivere il nome a mano.\"\r\n            (valueChange)=\"setEntryActionName(stepIndex, $event ?? '')\"\r\n          />\r\n          <p class=\"fb-field__hint\">\r\n            Deve restituire l\u2019output booleano <code>{{ conditionOutputName }}</code>: e\u2019 l\u2019unico che il\r\n            runtime legge, dichiararne altri e\u2019 STAGE_ACTION_INVALID.\r\n          </p>\r\n        </div>\r\n\r\n        <div class=\"fb-field\">\r\n          <label class=\"fb-field__label\">Evaluation flow per l\u2019uscita</label>\r\n          <fb-name-picker\r\n            [value]=\"step.exitActionName\"\r\n            [options]=\"candidateOptions()\"\r\n            label=\"Evaluation flow per l\u2019uscita\"\r\n            placeholder=\"Valuta_Uscita\"\r\n            unknownMessage=\"Questo flow non e\u2019 fra quelli invocabili: senza una versione attiva il motore non lo trova.\"\r\n            emptyMessage=\"Elenco dei flow non disponibile: puoi scrivere il nome a mano.\"\r\n            (valueChange)=\"setExitActionName(stepIndex, $event ?? '')\"\r\n          />\r\n        </div>\r\n\r\n        <fb-parameter-editor\r\n          [holder]=\"step\"\r\n          inputTitle=\"Parametri dello step\"\r\n          [showOutputs]=\"true\"\r\n          outputTitle=\"Valori prodotti dallo step\"\r\n          (changed)=\"onParametersChanged(stepIndex, $event)\"\r\n        />\r\n        <p class=\"fb-field__hint\">\r\n          La destinazione e\u2019 <strong>facoltativa</strong>: l\u2019output e\u2019 gi\u00E0 referenziabile come\r\n          <code>{{ step.name || 'NomeStep' }}.NomeOutput</code>. Serve una variabile solo se un altro step\r\n          deve condizionare su quel risultato.\r\n        </p>\r\n\r\n        <label class=\"fb-check\">\r\n          <input\r\n            type=\"checkbox\"\r\n            [checked]=\"hasSimulatedOutputs(step)\"\r\n            (change)=\"setSimulateStep(stepIndex, $any($event.target).checked)\"\r\n          />\r\n          Simula lo step nella prova\r\n        </label>\r\n        @if (hasSimulatedOutputs(step)) {\r\n          <p class=\"fb-callout fb-callout--warn\">\r\n            Con la simulazione lo step non viene eseguito ne\u2019 assegnato: si usano gli output finti di\r\n            <code>outputConfigParams</code>. Non memorizzarci dati personali.\r\n          </p>\r\n        }\r\n\r\n        <div class=\"fb-field\">\r\n          <label class=\"fb-field__label\">Descrizione</label>\r\n          <textarea\r\n            class=\"fb-textarea\"\r\n            [value]=\"step.description || ''\"\r\n            (input)=\"setStepDescription(stepIndex, $any($event.target).value)\"\r\n          ></textarea>\r\n        </div>\r\n      </div>\r\n    } @empty {\r\n      <p class=\"fb-empty\">\r\n        Uno stage senza step non fa nulla ed e\u2019 un errore di validazione (STAGE_WITHOUT_STEPS).\r\n      </p>\r\n    }\r\n  </div>\r\n\r\n  <button type=\"button\" class=\"fb-btn\" (click)=\"addStep()\">Aggiungi step</button>\r\n</fieldset>\r\n\r\n@if (hasApprovalStep() && !hasRejectionBranch()) {\r\n  <p class=\"fb-callout fb-callout--warn\">\r\n    C\u2019e\u2019 uno step di approvazione ma il ramo \u00ABStep rifiutato\u00BB non e\u2019 disegnato: senza, un rifiuto fa\r\n    <strong>fallire</strong> l\u2019interview. Non e\u2019 un ramo di guasto, e\u2019 l\u2019esito previsto del rifiuto.\r\n  </p>\r\n}\r\n\r\n<fb-connector-editor\r\n  [nodeName]=\"name()\"\r\n  [node]=\"node()\"\r\n  [outlets]=\"outlets()\"\r\n  title=\"Rami\"\r\n  (connectorChanged)=\"onConnectorChanged($event)\"\r\n/>\r\n" }]
         }], ctorParameters: () => [] });
 
 /**