@esfaenza/flow-builder 20.3.24 → 20.3.26

package/fesm2022/esfaenza-flow-builder.mjs

@@ -1830,7 +1830,12 @@ function containerOf(dataType, objectType, isCollection) {
     // `Enum` porta un tipo di enumerazione in `objectType`: non e' una tappa navigabile.
     return undefined;
 }
-function fieldEntry(field) {
+/**
+ * L'entita' a cui il campo appartiene arriva da fuori perche' i valori ammessi si chiedono con la
+ * coppia (entita', campo): il solo `FlowFieldDescription` non dice su quale entita' chiederli, e
+ * dentro un percorso di relazione l'entita' dell'ultimo segmento non e' quella di partenza.
+ */
+function fieldEntry(field, object) {
     return {
         name: field.name,
         label: field.label ?? null,
@@ -1841,6 +1846,7 @@ function fieldEntry(field) {
         isWritable: field.isCreateable !== false || field.isUpdateable !== false,
         next: containerOf(field.dataType, field.objectType, false),
         description: field.isRequired ? 'obbligatorio' : null,
+        valueSet: field.hasClosedValueSet ? { object, field: field.name } : undefined,
     };
 }
 function memberEntry(member) {
@@ -1877,7 +1883,11 @@ async function loadPathLevel(catalog, container, usage = 'any') {
     try {
         const fields = (await catalog.listFields(container.name, usage)) ?? [];
         // Lista vuota = "non lo so", non "nessun campo": lì non si accusa nessuno (§7).
-        return { container, status: fields.length ? 'declared' : 'undeclared', entries: fields.map(fieldEntry) };
+        return {
+            container,
+            status: fields.length ? 'declared' : 'undeclared',
+            entries: fields.map((field) => fieldEntry(field, container.name)),
+        };
     }
     catch {
         return { container, status: 'unknown-catalog', entries: [] };
@@ -5130,6 +5140,7 @@ function typeOfEntry(entry) {
         objectType: entry.objectType ?? undefined,
         isCollection: entry.isCollection,
         isWritable: entry.isWritable,
+        valueSet: entry.valueSet,
         origin: 'member',
     };
 }
@@ -5183,6 +5194,10 @@ function sameType(a, b) {
         a.objectType === b.objectType &&
         !!a.isCollection === !!b.isCollection &&
         a.isWritable === b.isWritable &&
+        // Senza questo confronto un campo che passa da insieme chiuso a testo libero (o viceversa)
+        // non ridisegnerebbe il controllo: la mappa resterebbe quella di prima.
+        a.valueSet?.object === b.valueSet?.object &&
+        a.valueSet?.field === b.valueSet?.field &&
         a.origin === b.origin);
 }
 /**
@@ -5250,6 +5265,7 @@ function trackTypes(request) {
         typeOf,
         dataTypeOf: (value) => typeOf(value)?.dataType,
         objectTypeOf: (value) => typeOf(value)?.objectType,
+        valueSetOf: (value) => typeOf(value)?.valueSet,
     };
 }
 /**
@@ -6696,6 +6712,112 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImpo
                 }]
         }], ctorParameters: () => [], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], enumType: [{ type: i0.Input, args: [{ isSignal: true, alias: "enumType", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }] } });
 
+/**
+ * Selettore del valore di un campo a **scelta chiusa** — FRONTEND.md §4.4, §6.4.
+ *
+ * È il gemello di {@link EnumValuePickerComponent} sull'altra meta' degli insiemi chiusi: lì
+ * l'insieme e' del **tipo** di enumerazione (`objectType`), qui e' della **colonna** dello schema,
+ * e si chiede con `GET /schema/{object}/fields/{field}/values`. La differenza non e' formale:
+ * `Ordine.Stato` e `Attivita.Stato` possono ammettere valori diversi pur essendo due `String`, ed e'
+ * il motivo per cui il campo non porta un tipo da cui dedurli.
+ *
+ * Cio' che finisce nel documento e' il valore, non l'etichetta: l'etichetta si mostra accanto,
+ * perche' «Da approvare» aiuta a riconoscere `DaApprovare` ma non e' cio' che il motore confronta.
+ *
+ * Elenco vuoto significa **"non lo so"** — primitiva non esposta (`listFieldValues` e' opzionale),
+ * campo senza insieme dichiarato, entita' ancora da scegliere — e allora il valore si scrive a mano
+ * senza nessuna accusa (§7). Con l'elenco popolato un valore fuori elenco e' un **avviso**: la §7
+ * non ha un codice per questo, ed e' l'editor che se ne accorge prima del runtime.
+ */
+class FieldValuePickerComponent {
+    catalog = inject(FlowCatalogStore);
+    value = input(undefined, ...(ngDevMode ? [{ debugName: "value" }] : []));
+    /** Entita' e campo di cui chiedere i valori: la coppia, non il solo nome del campo. */
+    valueSet = input(undefined, ...(ngDevMode ? [{ debugName: "valueSet" }] : []));
+    label = input('Valore', ...(ngDevMode ? [{ debugName: "label" }] : []));
+    placeholder = input('Scrivi o scegli un valore', ...(ngDevMode ? [{ debugName: "placeholder" }] : []));
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+    valueChange = output();
+    values = signal([], ...(ngDevMode ? [{ debugName: "values" }] : []));
+    /** Cresce a ogni caricamento: scarta la risposta di un campo che non e' piu' quello scelto. */
+    sequence = 0;
+    constructor() {
+        effect(() => {
+            const set = this.valueSet();
+            const token = ++this.sequence;
+            if (!set?.object || !set.field) {
+                this.values.set([]);
+                return;
+            }
+            void this.catalog
+                .listFieldValues(set.object, set.field)
+                .then((list) => {
+                if (token === this.sequence) {
+                    this.values.set(list ?? []);
+                }
+            })
+                // Lo store già assorbe la primitiva assente: questo copre il resto, e l'effetto e' lo
+                // stesso — "non lo so", non "nessun valore".
+                .catch(() => {
+                if (token === this.sequence) {
+                    this.values.set([]);
+                }
+            });
+        });
+    }
+    options = computed(() => this.values().map((entry) => ({ name: entry.value, label: entry.label ?? null })), ...(ngDevMode ? [{ debugName: "options" }] : []));
+    fieldLabel = computed(() => {
+        const set = this.valueSet();
+        return set?.object && set.field ? `${set.object}.${set.field}` : '';
+    }, ...(ngDevMode ? [{ debugName: "fieldLabel" }] : []));
+    emptyMessage = computed(() => this.fieldLabel()
+        ? `Valori di «${this.fieldLabel()}» non disponibili: puoi scrivere il valore a mano.`
+        : 'Campo non indicato: senza di quello i valori non si possono proporre.', ...(ngDevMode ? [{ debugName: "emptyMessage" }] : []));
+    unknownMessage = computed(() => {
+        const values = this.values()
+            .map((entry) => entry.value)
+            .join(', ');
+        const head = `Questo valore non e’ fra quelli ammessi da «${this.fieldLabel()}».`;
+        return values ? `${head} Disponibili: ${values}.` : head;
+    }, ...(ngDevMode ? [{ debugName: "unknownMessage" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: FieldValuePickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.28", type: FieldValuePickerComponent, isStandalone: true, selector: "fb-field-value-picker", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, valueSet: { classPropertyName: "valueSet", publicName: "valueSet", 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="warn"
+      [unknownMessage]="unknownMessage()"
+      [emptyMessage]="emptyMessage()"
+      (valueChange)="valueChange.emit($event)"
+    />
+  `, isInline: true, dependencies: [{ kind: "component", type: NamePickerComponent, selector: "fb-name-picker", inputs: ["value", "options", "label", "placeholder", "disabled", "unknownMessage", "unknownSeverity", "unusableOptions", "unusableMessage", "emptyMessage", "isMono"], outputs: ["valueChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: FieldValuePickerComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'fb-field-value-picker',
+                    standalone: true,
+                    imports: [NamePickerComponent],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: `
+    <fb-name-picker
+      [value]="value()"
+      [options]="options()"
+      [label]="label()"
+      [placeholder]="placeholder()"
+      [disabled]="disabled()"
+      unknownSeverity="warn"
+      [unknownMessage]="unknownMessage()"
+      [emptyMessage]="emptyMessage()"
+      (valueChange)="valueChange.emit($event)"
+    />
+  `,
+                }]
+        }], ctorParameters: () => [], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], valueSet: [{ type: i0.Input, args: [{ isSignal: true, alias: "valueSet", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }] } });
+
 /**
  * L'editor di una formula — FRONTEND.md §4.6, §6.3.
  *
@@ -7079,6 +7201,12 @@ class ValueEditorComponent {
     dataType = input(undefined, ...(ngDevMode ? [{ debugName: "dataType" }] : []));
     objectType = input(undefined, ...(ngDevMode ? [{ debugName: "objectType" }] : []));
     isCollection = input(undefined, ...(ngDevMode ? [{ debugName: "isCollection" }] : []));
+    /**
+     * L'insieme chiuso della destinazione, quando e' un campo dello schema che lo dichiara: senza,
+     * un valore fra quattro possibili si digita a memoria (§4.4, §6.4). Lo passa chi conosce entita'
+     * e campo — i filtri, le assegnazioni di campo — perche' qui il tipo non basta a dedurlo.
+     */
+    valueSet = input(undefined, ...(ngDevMode ? [{ debugName: "valueSet" }] : []));
     disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
     /** Nasconde la modalita' formula dove il modello non la prevede. */
     allowFormula = input(true, ...(ngDevMode ? [{ debugName: "allowFormula" }] : []));
@@ -7146,6 +7274,14 @@ class ValueEditorComponent {
         }
         return this.dataType() !== 'Object' && !this.dictionaries.isStructure(this.dataType());
     }, ...(ngDevMode ? [{ debugName: "literalAllowed" }] : []));
+    /**
+     * L'insieme chiuso c'e' e si puo' chiedere. `Enum` resta fuori di proposito: lì i valori sono del
+     * **tipo** e li propone `fb-enum-value-picker` (§4.6), e `Boolean` ha già la sua casella.
+     */
+    hasValueSet = computed(() => {
+        const set = this.valueSet();
+        return !!set?.object && !!set.field && this.dataType() !== 'Boolean' && this.dataType() !== 'Enum';
+    }, ...(ngDevMode ? [{ debugName: "hasValueSet" }] : []));
     /** §4.7 — la destinazione e' un'istanza di classe: si passa per riferimento e basta. */
     isStructureTarget = computed(() => this.dictionaries.isStructure(this.dataType()), ...(ngDevMode ? [{ debugName: "isStructureTarget" }] : []));
     literalInputType = computed(() => {
@@ -7268,6 +7404,14 @@ class ValueEditorComponent {
                 this.emit({ stringValue: raw });
         }
     }
+    /**
+     * Un valore scelto da un insieme chiuso non e' un tipo a parte: finisce nello stesso campo del
+     * letterale, quindi passa dalla stessa conversione (interi in cultura invariante compresi).
+     * Svuotare il picker toglie il valore invece di scrivere una stringa vuota.
+     */
+    onClosedValueChange(raw) {
+        this.onLiteralChange(raw?.trim() ?? '');
+    }
     /**
      * §4.2 — l'`enumValue` e' il **nome** del valore. Svuotare il picker toglie il valore invece di
      * scrivere una stringa vuota: un `enumValue: ''` sarebbe un campo valorizzato con niente.
@@ -7342,12 +7486,18 @@ class ValueEditorComponent {
     }
     dataTypeOptions = computed(() => this.dictionaries.dataTypes(), ...(ngDevMode ? [{ debugName: "dataTypeOptions" }] : []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: ValueEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.28", type: ValueEditorComponent, isStandalone: true, selector: "fb-value-editor", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, dataType: { classPropertyName: "dataType", publicName: "dataType", isSignal: true, isRequired: false, transformFunction: null }, objectType: { classPropertyName: "objectType", publicName: "objectType", isSignal: true, isRequired: false, transformFunction: null }, isCollection: { classPropertyName: "isCollection", publicName: "isCollection", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, allowFormula: { classPropertyName: "allowFormula", publicName: "allowFormula", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<div class=\"fb-value\">\r\n  <div class=\"fb-value__modes\" role=\"group\" [attr.aria-label]=\"label() + ': modalita\u2019'\">\r\n    <button\r\n      type=\"button\"\r\n      class=\"fb-value__mode\"\r\n      [class.fb-value__mode--active]=\"mode() === 'reference'\"\r\n      [disabled]=\"disabled()\"\r\n      title=\"Riferimento a una risorsa o all\u2019output di un elemento\"\r\n      (click)=\"setMode('reference')\"\r\n    >\r\n      Riferimento\r\n    </button>\r\n    @if (literalAllowed()) {\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-value__mode\"\r\n        [class.fb-value__mode--active]=\"mode() === 'literal'\"\r\n        [disabled]=\"disabled()\"\r\n        title=\"Valore letterale del tipo della destinazione\"\r\n        (click)=\"setMode('literal')\"\r\n      >\r\n        Valore\r\n      </button>\r\n    }\r\n    @if (allowFormula()) {\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-value__mode\"\r\n        [class.fb-value__mode--active]=\"mode() === 'formula'\"\r\n        [disabled]=\"disabled()\"\r\n        title=\"Espressione calcolata dal motore di regole\"\r\n        (click)=\"setMode('formula')\"\r\n      >\r\n        Formula\r\n      </button>\r\n    }\r\n    @if (globalConstants().length) {\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-value__mode\"\r\n        [class.fb-value__mode--active]=\"mode() === 'globalConstant'\"\r\n        [disabled]=\"disabled()\"\r\n        title=\"Costante globale\"\r\n        (click)=\"setMode('globalConstant')\"\r\n      >\r\n        Costante globale\r\n      </button>\r\n    }\r\n    @if (mode() !== 'empty') {\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-value__mode fb-value__mode--clear\"\r\n        [disabled]=\"disabled()\"\r\n        title=\"Nessun valore\"\r\n        (click)=\"setMode('empty')\"\r\n      >\r\n        \u00D7\r\n      </button>\r\n    }\r\n  </div>\r\n\r\n  @if (isAmbiguous()) {\r\n    <!-- Piu' campi di valore insieme: il comportamento a runtime dipende dall'ordine di lettura. -->\r\n    <p class=\"fb-callout fb-callout--warn\">\r\n      Questo valore ha {{ filledFieldCount() }} campi valorizzati insieme: a runtime conta l\u2019ordine di lettura.\r\n      <button type=\"button\" class=\"fb-btn fb-btn--ghost fb-btn--icon\" (click)=\"normalize()\">\r\n        Tieni solo \u00AB{{ mode() === 'formula' ? 'formula' : mode() === 'literal' ? 'valore' : 'riferimento' }}\u00BB\r\n      </button>\r\n    </p>\r\n  }\r\n\r\n  @switch (mode()) {\r\n    @case ('reference') {\r\n      <fb-reference-picker\r\n        [value]=\"value()?.elementReference\"\r\n        [label]=\"label()\"\r\n        [dataType]=\"dataType()\"\r\n        [isCollection]=\"isCollection()\"\r\n        [objectType]=\"objectType()\"\r\n        [disabled]=\"disabled()\"\r\n        (valueChange)=\"onReferenceChange($event)\"\r\n      />\r\n      @if (isStructureTarget()) {\r\n        <p class=\"fb-field__hint\">\r\n          Un\u2019istanza di classe si passa per riferimento: non esiste un valore letterale con cui scriverla.\r\n        </p>\r\n      }\r\n    }\r\n\r\n    @case ('globalConstant') {\r\n      <select\r\n        class=\"fb-select\"\r\n        [disabled]=\"disabled()\"\r\n        [fbValue]=\"value()?.elementReference || ''\"\r\n        (change)=\"onGlobalConstantChange($any($event.target).value)\"\r\n      >\r\n        @for (constant of globalConstants(); track constant) {\r\n          <option [value]=\"constant\">{{ constant }}</option>\r\n        }\r\n      </select>\r\n    }\r\n\r\n    @case ('literal') {\r\n      @if (dataType() === 'Boolean') {\r\n        <label class=\"fb-check\">\r\n          <input\r\n            type=\"checkbox\"\r\n            [checked]=\"booleanValue()\"\r\n            [disabled]=\"disabled()\"\r\n            (change)=\"onBooleanChange($any($event.target).checked)\"\r\n          />\r\n          {{ booleanValue() ? 'vero' : 'falso' }}\r\n        </label>\r\n      } @else if (dataType() === 'Enum') {\r\n        <!--\r\n          Un enum si scrive **per nome** su un insieme chiuso: i nomi ammessi sono quelli del tipo\r\n          (\u00A74.2, \u00A74.6), e farli digitare e' il modo piu' facile di scriverne uno che il runtime non\r\n          riconosce. Senza `objectType` \u2014 o senza la primitiva \u2014 il picker resta una casella di\r\n          testo, che e' l'unica cosa onesta quando i valori non si sanno.\r\n        -->\r\n        <fb-enum-value-picker\r\n          [value]=\"value()?.enumValue\"\r\n          [enumType]=\"objectType()\"\r\n          [label]=\"label()\"\r\n          [disabled]=\"disabled()\"\r\n          placeholder=\"Nome del valore di enum\"\r\n          (valueChange)=\"onEnumChange($event)\"\r\n        />\r\n      } @else {\r\n        <input\r\n          class=\"fb-input\"\r\n          [type]=\"literalInputType()\"\r\n          [value]=\"literalText()\"\r\n          [disabled]=\"disabled()\"\r\n          [attr.aria-label]=\"label()\"\r\n          (input)=\"onLiteralChange($any($event.target).value)\"\r\n        />\r\n        @if (numericHint()) {\r\n          <p class=\"fb-field__hint\">{{ numericHint() }}</p>\r\n        }\r\n        @if (dataType() === 'Date') {\r\n          <!--\r\n            Il fuso e' una scelta, non un dettaglio: `09:00Z` e `09:00` sono due istanti\r\n            diversi, e il motore converte in UTC prima di ogni confronto (\u00A74.2).\r\n          -->\r\n          <div class=\"fb-value__modes\" role=\"group\" aria-label=\"Fuso del valore data\">\r\n            <button\r\n              type=\"button\"\r\n              class=\"fb-value__mode\"\r\n              [class.fb-value__mode--active]=\"!dateIsUtc()\"\r\n              [disabled]=\"disabled()\"\r\n              title=\"Interpretato nel fuso dell\u2019applicazione\"\r\n              (click)=\"setDateZone(false)\"\r\n            >\r\n              Ora locale\r\n            </button>\r\n            <button\r\n              type=\"button\"\r\n              class=\"fb-value__mode\"\r\n              [class.fb-value__mode--active]=\"dateIsUtc()\"\r\n              [disabled]=\"disabled()\"\r\n              title=\"Scrive il suffisso Z: l\u2019orario e\u2019 in UTC\"\r\n              (click)=\"setDateZone(true)\"\r\n            >\r\n              UTC (Z)\r\n            </button>\r\n          </div>\r\n          <p class=\"fb-field__hint\">\r\n            Data e ora insieme.\r\n            {{\r\n              dateIsUtc()\r\n                ? 'Con \u00ABUTC\u00BB l\u2019orario e\u2019 assoluto.'\r\n                : 'Senza fuso l\u2019orario e\u2019 interpretato nel fuso dell\u2019applicazione, non in UTC.'\r\n            }}\r\n            Cambiare fuso riscrive l\u2019orario, non lo converte.\r\n          </p>\r\n        }\r\n      }\r\n    }\r\n\r\n    @case ('formula') {\r\n      <!--\r\n        Il tipo atteso e' quello **dichiarato sulla formula** (`formulaDataType`), non quello del\r\n        campo: e' cio' che il documento porta, ed e' su quello che il motore va misurato (\u00A76.3).\r\n      -->\r\n      <fb-formula-editor\r\n        [expression]=\"value()?.formulaExpression || ''\"\r\n        usage=\"Value\"\r\n        [expectedDataType]=\"$any(value()?.formulaDataType) || dataType()\"\r\n        [disabled]=\"disabled()\"\r\n        placeholder=\"Importo * 1.22\"\r\n        [ariaLabel]=\"label() + ': espressione'\"\r\n        (expressionChange)=\"onFormulaChange($event)\"\r\n      />\r\n      <div class=\"fb-field__row\">\r\n        <label class=\"fb-field__hint\">Tipo del risultato</label>\r\n        <select\r\n          class=\"fb-select\"\r\n          [fbValue]=\"value()?.formulaDataType || ''\"\r\n          [disabled]=\"disabled()\"\r\n          (change)=\"onFormulaTypeChange($any($event.target).value)\"\r\n        >\r\n          @for (type of dataTypeOptions(); track type.value) {\r\n            <option [value]=\"type.value\">{{ type.label }}</option>\r\n          }\r\n        </select>\r\n      </div>\r\n      <p class=\"fb-field__hint\">\r\n        L\u2019espressione va al motore di regole: la sintassi delle funzioni e\u2019 del motore.\r\n      </p>\r\n    }\r\n\r\n    @case ('empty') {\r\n      <p class=\"fb-field__hint\">Nessun valore.</p>\r\n    }\r\n  }\r\n</div>\r\n", styles: [":host{display:block}.fb-value{display:flex;flex-direction:column;gap:4px}.fb-value__modes{display:flex;flex-wrap:wrap;gap:2px}.fb-value__mode{padding:2px 7px;border:1px solid var(--fb-border-subtle, #e6e9ee);border-radius:10px;background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:10px;cursor:pointer}.fb-value__mode:hover:not(:disabled){background:var(--fb-surface-alt, #f8f9fb)}.fb-value__mode--active{border-color:var(--fb-accent, #2f6feb);background:color-mix(in srgb,var(--fb-accent, #2f6feb) 10%,transparent);color:var(--fb-accent, #2f6feb);font-weight:600}.fb-value__mode--clear{margin-left:auto}.fb-value__mode:disabled{opacity:.5;cursor:not-allowed}\n"], dependencies: [{ kind: "component", type: EnumValuePickerComponent, selector: "fb-enum-value-picker", inputs: ["value", "enumType", "label", "placeholder", "disabled"], outputs: ["valueChange"] }, { kind: "component", type: FormulaEditorComponent, selector: "fb-formula-editor", inputs: ["expression", "usage", "expectedDataType", "scale", "placeholder", "ariaLabel", "disabled", "rows", "commitOn"], outputs: ["expressionChange"] }, { kind: "component", type: ReferencePickerComponent, selector: "fb-reference-picker", inputs: ["value", "label", "placeholder", "disabled", "dataType", "isCollection", "objectType", "writableOnly", "elementsOnly", "extraReferences"], 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.28", type: ValueEditorComponent, isStandalone: true, selector: "fb-value-editor", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, dataType: { classPropertyName: "dataType", publicName: "dataType", isSignal: true, isRequired: false, transformFunction: null }, objectType: { classPropertyName: "objectType", publicName: "objectType", isSignal: true, isRequired: false, transformFunction: null }, isCollection: { classPropertyName: "isCollection", publicName: "isCollection", isSignal: true, isRequired: false, transformFunction: null }, valueSet: { classPropertyName: "valueSet", publicName: "valueSet", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, allowFormula: { classPropertyName: "allowFormula", publicName: "allowFormula", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<div class=\"fb-value\">\r\n  <div class=\"fb-value__modes\" role=\"group\" [attr.aria-label]=\"label() + ': modalita\u2019'\">\r\n    <button\r\n      type=\"button\"\r\n      class=\"fb-value__mode\"\r\n      [class.fb-value__mode--active]=\"mode() === 'reference'\"\r\n      [disabled]=\"disabled()\"\r\n      title=\"Riferimento a una risorsa o all\u2019output di un elemento\"\r\n      (click)=\"setMode('reference')\"\r\n    >\r\n      Riferimento\r\n    </button>\r\n    @if (literalAllowed()) {\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-value__mode\"\r\n        [class.fb-value__mode--active]=\"mode() === 'literal'\"\r\n        [disabled]=\"disabled()\"\r\n        title=\"Valore letterale del tipo della destinazione\"\r\n        (click)=\"setMode('literal')\"\r\n      >\r\n        Valore\r\n      </button>\r\n    }\r\n    @if (allowFormula()) {\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-value__mode\"\r\n        [class.fb-value__mode--active]=\"mode() === 'formula'\"\r\n        [disabled]=\"disabled()\"\r\n        title=\"Espressione calcolata dal motore di regole\"\r\n        (click)=\"setMode('formula')\"\r\n      >\r\n        Formula\r\n      </button>\r\n    }\r\n    @if (globalConstants().length) {\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-value__mode\"\r\n        [class.fb-value__mode--active]=\"mode() === 'globalConstant'\"\r\n        [disabled]=\"disabled()\"\r\n        title=\"Costante globale\"\r\n        (click)=\"setMode('globalConstant')\"\r\n      >\r\n        Costante globale\r\n      </button>\r\n    }\r\n    @if (mode() !== 'empty') {\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-value__mode fb-value__mode--clear\"\r\n        [disabled]=\"disabled()\"\r\n        title=\"Nessun valore\"\r\n        (click)=\"setMode('empty')\"\r\n      >\r\n        \u00D7\r\n      </button>\r\n    }\r\n  </div>\r\n\r\n  @if (isAmbiguous()) {\r\n    <!-- Piu' campi di valore insieme: il comportamento a runtime dipende dall'ordine di lettura. -->\r\n    <p class=\"fb-callout fb-callout--warn\">\r\n      Questo valore ha {{ filledFieldCount() }} campi valorizzati insieme: a runtime conta l\u2019ordine di lettura.\r\n      <button type=\"button\" class=\"fb-btn fb-btn--ghost fb-btn--icon\" (click)=\"normalize()\">\r\n        Tieni solo \u00AB{{ mode() === 'formula' ? 'formula' : mode() === 'literal' ? 'valore' : 'riferimento' }}\u00BB\r\n      </button>\r\n    </p>\r\n  }\r\n\r\n  @switch (mode()) {\r\n    @case ('reference') {\r\n      <fb-reference-picker\r\n        [value]=\"value()?.elementReference\"\r\n        [label]=\"label()\"\r\n        [dataType]=\"dataType()\"\r\n        [isCollection]=\"isCollection()\"\r\n        [objectType]=\"objectType()\"\r\n        [disabled]=\"disabled()\"\r\n        (valueChange)=\"onReferenceChange($event)\"\r\n      />\r\n      @if (isStructureTarget()) {\r\n        <p class=\"fb-field__hint\">\r\n          Un\u2019istanza di classe si passa per riferimento: non esiste un valore letterale con cui scriverla.\r\n        </p>\r\n      }\r\n    }\r\n\r\n    @case ('globalConstant') {\r\n      <select\r\n        class=\"fb-select\"\r\n        [disabled]=\"disabled()\"\r\n        [fbValue]=\"value()?.elementReference || ''\"\r\n        (change)=\"onGlobalConstantChange($any($event.target).value)\"\r\n      >\r\n        @for (constant of globalConstants(); track constant) {\r\n          <option [value]=\"constant\">{{ constant }}</option>\r\n        }\r\n      </select>\r\n    }\r\n\r\n    @case ('literal') {\r\n      @if (dataType() === 'Boolean') {\r\n        <label class=\"fb-check\">\r\n          <input\r\n            type=\"checkbox\"\r\n            [checked]=\"booleanValue()\"\r\n            [disabled]=\"disabled()\"\r\n            (change)=\"onBooleanChange($any($event.target).checked)\"\r\n          />\r\n          {{ booleanValue() ? 'vero' : 'falso' }}\r\n        </label>\r\n      } @else if (dataType() === 'Enum') {\r\n        <!--\r\n          Un enum si scrive **per nome** su un insieme chiuso: i nomi ammessi sono quelli del tipo\r\n          (\u00A74.2, \u00A74.6), e farli digitare e' il modo piu' facile di scriverne uno che il runtime non\r\n          riconosce. Senza `objectType` \u2014 o senza la primitiva \u2014 il picker resta una casella di\r\n          testo, che e' l'unica cosa onesta quando i valori non si sanno.\r\n        -->\r\n        <fb-enum-value-picker\r\n          [value]=\"value()?.enumValue\"\r\n          [enumType]=\"objectType()\"\r\n          [label]=\"label()\"\r\n          [disabled]=\"disabled()\"\r\n          placeholder=\"Nome del valore di enum\"\r\n          (valueChange)=\"onEnumChange($event)\"\r\n        />\r\n      } @else if (hasValueSet()) {\r\n        <!--\r\n          Campo a scelta chiusa (\u00A74.4): i valori ammessi sono della **colonna** e si chiedono con\r\n          `listFieldValues`, non si deducono dal tipo. Farli digitare su un insieme di quattro e' il\r\n          modo piu' facile di scrivere un valore che nessun record ha \u2014 e il filtro non troverebbe\r\n          niente senza nessun errore da nessuna parte.\r\n        -->\r\n        <fb-field-value-picker\r\n          [value]=\"literalText()\"\r\n          [valueSet]=\"valueSet()\"\r\n          [label]=\"label()\"\r\n          [disabled]=\"disabled()\"\r\n          (valueChange)=\"onClosedValueChange($event)\"\r\n        />\r\n      } @else {\r\n        <input\r\n          class=\"fb-input\"\r\n          [type]=\"literalInputType()\"\r\n          [value]=\"literalText()\"\r\n          [disabled]=\"disabled()\"\r\n          [attr.aria-label]=\"label()\"\r\n          (input)=\"onLiteralChange($any($event.target).value)\"\r\n        />\r\n        @if (numericHint()) {\r\n          <p class=\"fb-field__hint\">{{ numericHint() }}</p>\r\n        }\r\n        @if (dataType() === 'Date') {\r\n          <!--\r\n            Il fuso e' una scelta, non un dettaglio: `09:00Z` e `09:00` sono due istanti\r\n            diversi, e il motore converte in UTC prima di ogni confronto (\u00A74.2).\r\n          -->\r\n          <div class=\"fb-value__modes\" role=\"group\" aria-label=\"Fuso del valore data\">\r\n            <button\r\n              type=\"button\"\r\n              class=\"fb-value__mode\"\r\n              [class.fb-value__mode--active]=\"!dateIsUtc()\"\r\n              [disabled]=\"disabled()\"\r\n              title=\"Interpretato nel fuso dell\u2019applicazione\"\r\n              (click)=\"setDateZone(false)\"\r\n            >\r\n              Ora locale\r\n            </button>\r\n            <button\r\n              type=\"button\"\r\n              class=\"fb-value__mode\"\r\n              [class.fb-value__mode--active]=\"dateIsUtc()\"\r\n              [disabled]=\"disabled()\"\r\n              title=\"Scrive il suffisso Z: l\u2019orario e\u2019 in UTC\"\r\n              (click)=\"setDateZone(true)\"\r\n            >\r\n              UTC (Z)\r\n            </button>\r\n          </div>\r\n          <p class=\"fb-field__hint\">\r\n            Data e ora insieme.\r\n            {{\r\n              dateIsUtc()\r\n                ? 'Con \u00ABUTC\u00BB l\u2019orario e\u2019 assoluto.'\r\n                : 'Senza fuso l\u2019orario e\u2019 interpretato nel fuso dell\u2019applicazione, non in UTC.'\r\n            }}\r\n            Cambiare fuso riscrive l\u2019orario, non lo converte.\r\n          </p>\r\n        }\r\n      }\r\n    }\r\n\r\n    @case ('formula') {\r\n      <!--\r\n        Il tipo atteso e' quello **dichiarato sulla formula** (`formulaDataType`), non quello del\r\n        campo: e' cio' che il documento porta, ed e' su quello che il motore va misurato (\u00A76.3).\r\n      -->\r\n      <fb-formula-editor\r\n        [expression]=\"value()?.formulaExpression || ''\"\r\n        usage=\"Value\"\r\n        [expectedDataType]=\"$any(value()?.formulaDataType) || dataType()\"\r\n        [disabled]=\"disabled()\"\r\n        placeholder=\"Importo * 1.22\"\r\n        [ariaLabel]=\"label() + ': espressione'\"\r\n        (expressionChange)=\"onFormulaChange($event)\"\r\n      />\r\n      <div class=\"fb-field__row\">\r\n        <label class=\"fb-field__hint\">Tipo del risultato</label>\r\n        <select\r\n          class=\"fb-select\"\r\n          [fbValue]=\"value()?.formulaDataType || ''\"\r\n          [disabled]=\"disabled()\"\r\n          (change)=\"onFormulaTypeChange($any($event.target).value)\"\r\n        >\r\n          @for (type of dataTypeOptions(); track type.value) {\r\n            <option [value]=\"type.value\">{{ type.label }}</option>\r\n          }\r\n        </select>\r\n      </div>\r\n      <p class=\"fb-field__hint\">\r\n        L\u2019espressione va al motore di regole: la sintassi delle funzioni e\u2019 del motore.\r\n      </p>\r\n    }\r\n\r\n    @case ('empty') {\r\n      <p class=\"fb-field__hint\">Nessun valore.</p>\r\n    }\r\n  }\r\n</div>\r\n", styles: [":host{display:block}.fb-value{display:flex;flex-direction:column;gap:6px}\n"], dependencies: [{ kind: "component", type: EnumValuePickerComponent, selector: "fb-enum-value-picker", inputs: ["value", "enumType", "label", "placeholder", "disabled"], outputs: ["valueChange"] }, { kind: "component", type: FieldValuePickerComponent, selector: "fb-field-value-picker", inputs: ["value", "valueSet", "label", "placeholder", "disabled"], outputs: ["valueChange"] }, { kind: "component", type: FormulaEditorComponent, selector: "fb-formula-editor", inputs: ["expression", "usage", "expectedDataType", "scale", "placeholder", "ariaLabel", "disabled", "rows", "commitOn"], outputs: ["expressionChange"] }, { kind: "component", type: ReferencePickerComponent, selector: "fb-reference-picker", inputs: ["value", "label", "placeholder", "disabled", "dataType", "isCollection", "objectType", "writableOnly", "elementsOnly", "extraReferences"], outputs: ["valueChange"] }, { kind: "directive", type: SelectValueDirective, selector: "select[fbValue]", inputs: ["fbValue"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: ValueEditorComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'fb-value-editor', standalone: true, imports: [EnumValuePickerComponent, FormulaEditorComponent, ReferencePickerComponent, SelectValueDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"fb-value\">\r\n  <div class=\"fb-value__modes\" role=\"group\" [attr.aria-label]=\"label() + ': modalita\u2019'\">\r\n    <button\r\n      type=\"button\"\r\n      class=\"fb-value__mode\"\r\n      [class.fb-value__mode--active]=\"mode() === 'reference'\"\r\n      [disabled]=\"disabled()\"\r\n      title=\"Riferimento a una risorsa o all\u2019output di un elemento\"\r\n      (click)=\"setMode('reference')\"\r\n    >\r\n      Riferimento\r\n    </button>\r\n    @if (literalAllowed()) {\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-value__mode\"\r\n        [class.fb-value__mode--active]=\"mode() === 'literal'\"\r\n        [disabled]=\"disabled()\"\r\n        title=\"Valore letterale del tipo della destinazione\"\r\n        (click)=\"setMode('literal')\"\r\n      >\r\n        Valore\r\n      </button>\r\n    }\r\n    @if (allowFormula()) {\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-value__mode\"\r\n        [class.fb-value__mode--active]=\"mode() === 'formula'\"\r\n        [disabled]=\"disabled()\"\r\n        title=\"Espressione calcolata dal motore di regole\"\r\n        (click)=\"setMode('formula')\"\r\n      >\r\n        Formula\r\n      </button>\r\n    }\r\n    @if (globalConstants().length) {\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-value__mode\"\r\n        [class.fb-value__mode--active]=\"mode() === 'globalConstant'\"\r\n        [disabled]=\"disabled()\"\r\n        title=\"Costante globale\"\r\n        (click)=\"setMode('globalConstant')\"\r\n      >\r\n        Costante globale\r\n      </button>\r\n    }\r\n    @if (mode() !== 'empty') {\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-value__mode fb-value__mode--clear\"\r\n        [disabled]=\"disabled()\"\r\n        title=\"Nessun valore\"\r\n        (click)=\"setMode('empty')\"\r\n      >\r\n        \u00D7\r\n      </button>\r\n    }\r\n  </div>\r\n\r\n  @if (isAmbiguous()) {\r\n    <!-- Piu' campi di valore insieme: il comportamento a runtime dipende dall'ordine di lettura. -->\r\n    <p class=\"fb-callout fb-callout--warn\">\r\n      Questo valore ha {{ filledFieldCount() }} campi valorizzati insieme: a runtime conta l\u2019ordine di lettura.\r\n      <button type=\"button\" class=\"fb-btn fb-btn--ghost fb-btn--icon\" (click)=\"normalize()\">\r\n        Tieni solo \u00AB{{ mode() === 'formula' ? 'formula' : mode() === 'literal' ? 'valore' : 'riferimento' }}\u00BB\r\n      </button>\r\n    </p>\r\n  }\r\n\r\n  @switch (mode()) {\r\n    @case ('reference') {\r\n      <fb-reference-picker\r\n        [value]=\"value()?.elementReference\"\r\n        [label]=\"label()\"\r\n        [dataType]=\"dataType()\"\r\n        [isCollection]=\"isCollection()\"\r\n        [objectType]=\"objectType()\"\r\n        [disabled]=\"disabled()\"\r\n        (valueChange)=\"onReferenceChange($event)\"\r\n      />\r\n      @if (isStructureTarget()) {\r\n        <p class=\"fb-field__hint\">\r\n          Un\u2019istanza di classe si passa per riferimento: non esiste un valore letterale con cui scriverla.\r\n        </p>\r\n      }\r\n    }\r\n\r\n    @case ('globalConstant') {\r\n      <select\r\n        class=\"fb-select\"\r\n        [disabled]=\"disabled()\"\r\n        [fbValue]=\"value()?.elementReference || ''\"\r\n        (change)=\"onGlobalConstantChange($any($event.target).value)\"\r\n      >\r\n        @for (constant of globalConstants(); track constant) {\r\n          <option [value]=\"constant\">{{ constant }}</option>\r\n        }\r\n      </select>\r\n    }\r\n\r\n    @case ('literal') {\r\n      @if (dataType() === 'Boolean') {\r\n        <label class=\"fb-check\">\r\n          <input\r\n            type=\"checkbox\"\r\n            [checked]=\"booleanValue()\"\r\n            [disabled]=\"disabled()\"\r\n            (change)=\"onBooleanChange($any($event.target).checked)\"\r\n          />\r\n          {{ booleanValue() ? 'vero' : 'falso' }}\r\n        </label>\r\n      } @else if (dataType() === 'Enum') {\r\n        <!--\r\n          Un enum si scrive **per nome** su un insieme chiuso: i nomi ammessi sono quelli del tipo\r\n          (\u00A74.2, \u00A74.6), e farli digitare e' il modo piu' facile di scriverne uno che il runtime non\r\n          riconosce. Senza `objectType` \u2014 o senza la primitiva \u2014 il picker resta una casella di\r\n          testo, che e' l'unica cosa onesta quando i valori non si sanno.\r\n        -->\r\n        <fb-enum-value-picker\r\n          [value]=\"value()?.enumValue\"\r\n          [enumType]=\"objectType()\"\r\n          [label]=\"label()\"\r\n          [disabled]=\"disabled()\"\r\n          placeholder=\"Nome del valore di enum\"\r\n          (valueChange)=\"onEnumChange($event)\"\r\n        />\r\n      } @else {\r\n        <input\r\n          class=\"fb-input\"\r\n          [type]=\"literalInputType()\"\r\n          [value]=\"literalText()\"\r\n          [disabled]=\"disabled()\"\r\n          [attr.aria-label]=\"label()\"\r\n          (input)=\"onLiteralChange($any($event.target).value)\"\r\n        />\r\n        @if (numericHint()) {\r\n          <p class=\"fb-field__hint\">{{ numericHint() }}</p>\r\n        }\r\n        @if (dataType() === 'Date') {\r\n          <!--\r\n            Il fuso e' una scelta, non un dettaglio: `09:00Z` e `09:00` sono due istanti\r\n            diversi, e il motore converte in UTC prima di ogni confronto (\u00A74.2).\r\n          -->\r\n          <div class=\"fb-value__modes\" role=\"group\" aria-label=\"Fuso del valore data\">\r\n            <button\r\n              type=\"button\"\r\n              class=\"fb-value__mode\"\r\n              [class.fb-value__mode--active]=\"!dateIsUtc()\"\r\n              [disabled]=\"disabled()\"\r\n              title=\"Interpretato nel fuso dell\u2019applicazione\"\r\n              (click)=\"setDateZone(false)\"\r\n            >\r\n              Ora locale\r\n            </button>\r\n            <button\r\n              type=\"button\"\r\n              class=\"fb-value__mode\"\r\n              [class.fb-value__mode--active]=\"dateIsUtc()\"\r\n              [disabled]=\"disabled()\"\r\n              title=\"Scrive il suffisso Z: l\u2019orario e\u2019 in UTC\"\r\n              (click)=\"setDateZone(true)\"\r\n            >\r\n              UTC (Z)\r\n            </button>\r\n          </div>\r\n          <p class=\"fb-field__hint\">\r\n            Data e ora insieme.\r\n            {{\r\n              dateIsUtc()\r\n                ? 'Con \u00ABUTC\u00BB l\u2019orario e\u2019 assoluto.'\r\n                : 'Senza fuso l\u2019orario e\u2019 interpretato nel fuso dell\u2019applicazione, non in UTC.'\r\n            }}\r\n            Cambiare fuso riscrive l\u2019orario, non lo converte.\r\n          </p>\r\n        }\r\n      }\r\n    }\r\n\r\n    @case ('formula') {\r\n      <!--\r\n        Il tipo atteso e' quello **dichiarato sulla formula** (`formulaDataType`), non quello del\r\n        campo: e' cio' che il documento porta, ed e' su quello che il motore va misurato (\u00A76.3).\r\n      -->\r\n      <fb-formula-editor\r\n        [expression]=\"value()?.formulaExpression || ''\"\r\n        usage=\"Value\"\r\n        [expectedDataType]=\"$any(value()?.formulaDataType) || dataType()\"\r\n        [disabled]=\"disabled()\"\r\n        placeholder=\"Importo * 1.22\"\r\n        [ariaLabel]=\"label() + ': espressione'\"\r\n        (expressionChange)=\"onFormulaChange($event)\"\r\n      />\r\n      <div class=\"fb-field__row\">\r\n        <label class=\"fb-field__hint\">Tipo del risultato</label>\r\n        <select\r\n          class=\"fb-select\"\r\n          [fbValue]=\"value()?.formulaDataType || ''\"\r\n          [disabled]=\"disabled()\"\r\n          (change)=\"onFormulaTypeChange($any($event.target).value)\"\r\n        >\r\n          @for (type of dataTypeOptions(); track type.value) {\r\n            <option [value]=\"type.value\">{{ type.label }}</option>\r\n          }\r\n        </select>\r\n      </div>\r\n      <p class=\"fb-field__hint\">\r\n        L\u2019espressione va al motore di regole: la sintassi delle funzioni e\u2019 del motore.\r\n      </p>\r\n    }\r\n\r\n    @case ('empty') {\r\n      <p class=\"fb-field__hint\">Nessun valore.</p>\r\n    }\r\n  }\r\n</div>\r\n", styles: [":host{display:block}.fb-value{display:flex;flex-direction:column;gap:4px}.fb-value__modes{display:flex;flex-wrap:wrap;gap:2px}.fb-value__mode{padding:2px 7px;border:1px solid var(--fb-border-subtle, #e6e9ee);border-radius:10px;background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:10px;cursor:pointer}.fb-value__mode:hover:not(:disabled){background:var(--fb-surface-alt, #f8f9fb)}.fb-value__mode--active{border-color:var(--fb-accent, #2f6feb);background:color-mix(in srgb,var(--fb-accent, #2f6feb) 10%,transparent);color:var(--fb-accent, #2f6feb);font-weight:600}.fb-value__mode--clear{margin-left:auto}.fb-value__mode:disabled{opacity:.5;cursor:not-allowed}\n"] }]
-        }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], dataType: [{ type: i0.Input, args: [{ isSignal: true, alias: "dataType", required: false }] }], objectType: [{ type: i0.Input, args: [{ isSignal: true, alias: "objectType", required: false }] }], isCollection: [{ type: i0.Input, args: [{ isSignal: true, alias: "isCollection", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], allowFormula: [{ type: i0.Input, args: [{ isSignal: true, alias: "allowFormula", required: false }] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }] } });
+            args: [{ selector: 'fb-value-editor', standalone: true, imports: [
+                        EnumValuePickerComponent,
+                        FieldValuePickerComponent,
+                        FormulaEditorComponent,
+                        ReferencePickerComponent,
+                        SelectValueDirective,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"fb-value\">\r\n  <div class=\"fb-value__modes\" role=\"group\" [attr.aria-label]=\"label() + ': modalita\u2019'\">\r\n    <button\r\n      type=\"button\"\r\n      class=\"fb-value__mode\"\r\n      [class.fb-value__mode--active]=\"mode() === 'reference'\"\r\n      [disabled]=\"disabled()\"\r\n      title=\"Riferimento a una risorsa o all\u2019output di un elemento\"\r\n      (click)=\"setMode('reference')\"\r\n    >\r\n      Riferimento\r\n    </button>\r\n    @if (literalAllowed()) {\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-value__mode\"\r\n        [class.fb-value__mode--active]=\"mode() === 'literal'\"\r\n        [disabled]=\"disabled()\"\r\n        title=\"Valore letterale del tipo della destinazione\"\r\n        (click)=\"setMode('literal')\"\r\n      >\r\n        Valore\r\n      </button>\r\n    }\r\n    @if (allowFormula()) {\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-value__mode\"\r\n        [class.fb-value__mode--active]=\"mode() === 'formula'\"\r\n        [disabled]=\"disabled()\"\r\n        title=\"Espressione calcolata dal motore di regole\"\r\n        (click)=\"setMode('formula')\"\r\n      >\r\n        Formula\r\n      </button>\r\n    }\r\n    @if (globalConstants().length) {\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-value__mode\"\r\n        [class.fb-value__mode--active]=\"mode() === 'globalConstant'\"\r\n        [disabled]=\"disabled()\"\r\n        title=\"Costante globale\"\r\n        (click)=\"setMode('globalConstant')\"\r\n      >\r\n        Costante globale\r\n      </button>\r\n    }\r\n    @if (mode() !== 'empty') {\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-value__mode fb-value__mode--clear\"\r\n        [disabled]=\"disabled()\"\r\n        title=\"Nessun valore\"\r\n        (click)=\"setMode('empty')\"\r\n      >\r\n        \u00D7\r\n      </button>\r\n    }\r\n  </div>\r\n\r\n  @if (isAmbiguous()) {\r\n    <!-- Piu' campi di valore insieme: il comportamento a runtime dipende dall'ordine di lettura. -->\r\n    <p class=\"fb-callout fb-callout--warn\">\r\n      Questo valore ha {{ filledFieldCount() }} campi valorizzati insieme: a runtime conta l\u2019ordine di lettura.\r\n      <button type=\"button\" class=\"fb-btn fb-btn--ghost fb-btn--icon\" (click)=\"normalize()\">\r\n        Tieni solo \u00AB{{ mode() === 'formula' ? 'formula' : mode() === 'literal' ? 'valore' : 'riferimento' }}\u00BB\r\n      </button>\r\n    </p>\r\n  }\r\n\r\n  @switch (mode()) {\r\n    @case ('reference') {\r\n      <fb-reference-picker\r\n        [value]=\"value()?.elementReference\"\r\n        [label]=\"label()\"\r\n        [dataType]=\"dataType()\"\r\n        [isCollection]=\"isCollection()\"\r\n        [objectType]=\"objectType()\"\r\n        [disabled]=\"disabled()\"\r\n        (valueChange)=\"onReferenceChange($event)\"\r\n      />\r\n      @if (isStructureTarget()) {\r\n        <p class=\"fb-field__hint\">\r\n          Un\u2019istanza di classe si passa per riferimento: non esiste un valore letterale con cui scriverla.\r\n        </p>\r\n      }\r\n    }\r\n\r\n    @case ('globalConstant') {\r\n      <select\r\n        class=\"fb-select\"\r\n        [disabled]=\"disabled()\"\r\n        [fbValue]=\"value()?.elementReference || ''\"\r\n        (change)=\"onGlobalConstantChange($any($event.target).value)\"\r\n      >\r\n        @for (constant of globalConstants(); track constant) {\r\n          <option [value]=\"constant\">{{ constant }}</option>\r\n        }\r\n      </select>\r\n    }\r\n\r\n    @case ('literal') {\r\n      @if (dataType() === 'Boolean') {\r\n        <label class=\"fb-check\">\r\n          <input\r\n            type=\"checkbox\"\r\n            [checked]=\"booleanValue()\"\r\n            [disabled]=\"disabled()\"\r\n            (change)=\"onBooleanChange($any($event.target).checked)\"\r\n          />\r\n          {{ booleanValue() ? 'vero' : 'falso' }}\r\n        </label>\r\n      } @else if (dataType() === 'Enum') {\r\n        <!--\r\n          Un enum si scrive **per nome** su un insieme chiuso: i nomi ammessi sono quelli del tipo\r\n          (\u00A74.2, \u00A74.6), e farli digitare e' il modo piu' facile di scriverne uno che il runtime non\r\n          riconosce. Senza `objectType` \u2014 o senza la primitiva \u2014 il picker resta una casella di\r\n          testo, che e' l'unica cosa onesta quando i valori non si sanno.\r\n        -->\r\n        <fb-enum-value-picker\r\n          [value]=\"value()?.enumValue\"\r\n          [enumType]=\"objectType()\"\r\n          [label]=\"label()\"\r\n          [disabled]=\"disabled()\"\r\n          placeholder=\"Nome del valore di enum\"\r\n          (valueChange)=\"onEnumChange($event)\"\r\n        />\r\n      } @else if (hasValueSet()) {\r\n        <!--\r\n          Campo a scelta chiusa (\u00A74.4): i valori ammessi sono della **colonna** e si chiedono con\r\n          `listFieldValues`, non si deducono dal tipo. Farli digitare su un insieme di quattro e' il\r\n          modo piu' facile di scrivere un valore che nessun record ha \u2014 e il filtro non troverebbe\r\n          niente senza nessun errore da nessuna parte.\r\n        -->\r\n        <fb-field-value-picker\r\n          [value]=\"literalText()\"\r\n          [valueSet]=\"valueSet()\"\r\n          [label]=\"label()\"\r\n          [disabled]=\"disabled()\"\r\n          (valueChange)=\"onClosedValueChange($event)\"\r\n        />\r\n      } @else {\r\n        <input\r\n          class=\"fb-input\"\r\n          [type]=\"literalInputType()\"\r\n          [value]=\"literalText()\"\r\n          [disabled]=\"disabled()\"\r\n          [attr.aria-label]=\"label()\"\r\n          (input)=\"onLiteralChange($any($event.target).value)\"\r\n        />\r\n        @if (numericHint()) {\r\n          <p class=\"fb-field__hint\">{{ numericHint() }}</p>\r\n        }\r\n        @if (dataType() === 'Date') {\r\n          <!--\r\n            Il fuso e' una scelta, non un dettaglio: `09:00Z` e `09:00` sono due istanti\r\n            diversi, e il motore converte in UTC prima di ogni confronto (\u00A74.2).\r\n          -->\r\n          <div class=\"fb-value__modes\" role=\"group\" aria-label=\"Fuso del valore data\">\r\n            <button\r\n              type=\"button\"\r\n              class=\"fb-value__mode\"\r\n              [class.fb-value__mode--active]=\"!dateIsUtc()\"\r\n              [disabled]=\"disabled()\"\r\n              title=\"Interpretato nel fuso dell\u2019applicazione\"\r\n              (click)=\"setDateZone(false)\"\r\n            >\r\n              Ora locale\r\n            </button>\r\n            <button\r\n              type=\"button\"\r\n              class=\"fb-value__mode\"\r\n              [class.fb-value__mode--active]=\"dateIsUtc()\"\r\n              [disabled]=\"disabled()\"\r\n              title=\"Scrive il suffisso Z: l\u2019orario e\u2019 in UTC\"\r\n              (click)=\"setDateZone(true)\"\r\n            >\r\n              UTC (Z)\r\n            </button>\r\n          </div>\r\n          <p class=\"fb-field__hint\">\r\n            Data e ora insieme.\r\n            {{\r\n              dateIsUtc()\r\n                ? 'Con \u00ABUTC\u00BB l\u2019orario e\u2019 assoluto.'\r\n                : 'Senza fuso l\u2019orario e\u2019 interpretato nel fuso dell\u2019applicazione, non in UTC.'\r\n            }}\r\n            Cambiare fuso riscrive l\u2019orario, non lo converte.\r\n          </p>\r\n        }\r\n      }\r\n    }\r\n\r\n    @case ('formula') {\r\n      <!--\r\n        Il tipo atteso e' quello **dichiarato sulla formula** (`formulaDataType`), non quello del\r\n        campo: e' cio' che il documento porta, ed e' su quello che il motore va misurato (\u00A76.3).\r\n      -->\r\n      <fb-formula-editor\r\n        [expression]=\"value()?.formulaExpression || ''\"\r\n        usage=\"Value\"\r\n        [expectedDataType]=\"$any(value()?.formulaDataType) || dataType()\"\r\n        [disabled]=\"disabled()\"\r\n        placeholder=\"Importo * 1.22\"\r\n        [ariaLabel]=\"label() + ': espressione'\"\r\n        (expressionChange)=\"onFormulaChange($event)\"\r\n      />\r\n      <div class=\"fb-field__row\">\r\n        <label class=\"fb-field__hint\">Tipo del risultato</label>\r\n        <select\r\n          class=\"fb-select\"\r\n          [fbValue]=\"value()?.formulaDataType || ''\"\r\n          [disabled]=\"disabled()\"\r\n          (change)=\"onFormulaTypeChange($any($event.target).value)\"\r\n        >\r\n          @for (type of dataTypeOptions(); track type.value) {\r\n            <option [value]=\"type.value\">{{ type.label }}</option>\r\n          }\r\n        </select>\r\n      </div>\r\n      <p class=\"fb-field__hint\">\r\n        L\u2019espressione va al motore di regole: la sintassi delle funzioni e\u2019 del motore.\r\n      </p>\r\n    }\r\n\r\n    @case ('empty') {\r\n      <p class=\"fb-field__hint\">Nessun valore.</p>\r\n    }\r\n  }\r\n</div>\r\n", styles: [":host{display:block}.fb-value{display:flex;flex-direction:column;gap:6px}\n"] }]
+        }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], dataType: [{ type: i0.Input, args: [{ isSignal: true, alias: "dataType", required: false }] }], objectType: [{ type: i0.Input, args: [{ isSignal: true, alias: "objectType", required: false }] }], isCollection: [{ type: i0.Input, args: [{ isSignal: true, alias: "isCollection", required: false }] }], valueSet: [{ type: i0.Input, args: [{ isSignal: true, alias: "valueSet", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], allowFormula: [{ type: i0.Input, args: [{ isSignal: true, alias: "allowFormula", required: false }] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }] } });
 
 /**
  * Editor delle condizioni — FRONTEND.md §4.3 e trappole §13.1, §13.4, §13.13, §13.14.
@@ -7671,11 +7821,11 @@ class ConditionEditorComponent {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: ConditionEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.28", type: ConditionEditorComponent, isStandalone: true, selector: "fb-condition-editor", inputs: { holder: { classPropertyName: "holder", publicName: "holder", isSignal: true, isRequired: true, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, allowFormula: { classPropertyName: "allowFormula", publicName: "allowFormula", isSignal: true, isRequired: false, transformFunction: null }, allowLogic: { classPropertyName: "allowLogic", publicName: "allowLogic", isSignal: true, isRequired: false, transformFunction: null }, issuePath: { classPropertyName: "issuePath", publicName: "issuePath", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { changed: "changed" }, ngImport: i0, template: "<fieldset class=\"fb-section\">\r\n  <legend class=\"fb-section__title\">{{ title() }}</legend>\r\n\r\n  @if (allowLogic()) {\r\n  <div class=\"fb-cond__logic\">\r\n    <label class=\"fb-field__label\">Come si combinano</label>\r\n    <div class=\"fb-cond__modes\" role=\"group\" aria-label=\"Logica delle condizioni\">\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-cond__mode\"\r\n        [class.fb-cond__mode--active]=\"logicMode() === 'and'\"\r\n        title=\"Tutte le condizioni devono essere vere\"\r\n        (click)=\"setLogicMode('and')\"\r\n      >\r\n        Tutte (AND)\r\n      </button>\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-cond__mode\"\r\n        [class.fb-cond__mode--active]=\"logicMode() === 'or'\"\r\n        title=\"Almeno una condizione deve essere vera\"\r\n        (click)=\"setLogicMode('or')\"\r\n      >\r\n        Almeno una (OR)\r\n      </button>\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-cond__mode\"\r\n        [class.fb-cond__mode--active]=\"logicMode() === 'custom'\"\r\n        title=\"Espressione sugli indici delle condizioni, es. 1 AND (2 OR 3)\"\r\n        (click)=\"setLogicMode('custom')\"\r\n      >\r\n        Espressione\r\n      </button>\r\n      @if (allowFormula()) {\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-cond__mode\"\r\n          [class.fb-cond__mode--active]=\"logicMode() === 'formula'\"\r\n          title=\"L\u2019esito lo determina una formula: le condizioni vengono ignorate\"\r\n          (click)=\"setLogicMode('formula')\"\r\n        >\r\n          Formula\r\n        </button>\r\n      }\r\n    </div>\r\n  </div>\r\n  } @else {\r\n    <p class=\"fb-field__hint\">\r\n      Devono essere vere <strong>tutte</strong>: qui il modello non prevede una logica separata.\r\n    </p>\r\n  }\r\n\r\n  @if (logicMode() === 'custom') {\r\n    <div class=\"fb-field\">\r\n      <input\r\n        class=\"fb-input fb-input--mono\"\r\n        [class.fb-input--invalid]=\"!!customLogicError()\"\r\n        [value]=\"customLogic()\"\r\n        placeholder=\"1 AND (2 OR 3)\"\r\n        aria-label=\"Espressione sugli indici delle condizioni\"\r\n        (input)=\"setCustomLogic($any($event.target).value)\"\r\n      />\r\n      @if (customLogicError()) {\r\n        <p class=\"fb-field__error\">{{ customLogicError() }}</p>\r\n      } @else {\r\n        <p class=\"fb-field__hint\">\r\n          Gli indici sono 1-based e si riferiscono all\u2019ordine sotto. Cancellare una condizione riscrive\r\n          l\u2019espressione automaticamente.\r\n        </p>\r\n      }\r\n    </div>\r\n  }\r\n\r\n  @if (logicMode() === 'formula') {\r\n    <div class=\"fb-field\">\r\n      <label class=\"fb-field__label fb-field__label--required\">Formula</label>\r\n      <!-- Una condizione deve produrre un booleano: mandarlo e' cio' che fa dire al motore\r\n           \u00ABqui serve un booleano\u00BB invece di accettare un'espressione che fallira' (\u00A76.3). -->\r\n      <fb-formula-editor\r\n        [expression]=\"holder().formula || ''\"\r\n        usage=\"Condition\"\r\n        expectedDataType=\"Boolean\"\r\n        placeholder=\"AND(Esito = 'KO', Importo > 1000)\"\r\n        ariaLabel=\"Formula della condizione\"\r\n        (expressionChange)=\"setFormula($event)\"\r\n      >\r\n        <p class=\"fb-field__hint\">\r\n          Con la modalita\u2019 Formula le condizioni sotto vengono ignorate dal motore.\r\n        </p>\r\n      </fb-formula-editor>\r\n    </div>\r\n  }\r\n\r\n  @if (conditionsIgnored() && conditions().length) {\r\n    <p class=\"fb-callout fb-callout--warn\">\r\n      Ci sono {{ conditions().length }} condizioni ma la logica e\u2019 \u00ABFormula\u00BB: il motore le ignora.\r\n    </p>\r\n  }\r\n\r\n  @if (incompleteCount()) {\r\n    <!-- `None` blocca l'attivazione: la bozza si salva, la versione attiva no (\u00A713.14). -->\r\n    <p class=\"fb-callout fb-callout--error\">\r\n      {{ incompleteCount() === 1 ? 'Una condizione e\u2019' : incompleteCount() + ' condizioni sono' }} da\r\n      completare: la bozza si salva, l\u2019attivazione no (CONDITION_INCOMPLETE).\r\n    </p>\r\n  }\r\n\r\n  <div class=\"fb-list\">\r\n    @for (condition of conditions(); track $index) {\r\n      <div class=\"fb-list__item\">\r\n        <div class=\"fb-list__header\">\r\n          <!-- L'indice e' 1-based perche' e' quello che l'espressione referenzia. -->\r\n          <span class=\"fb-list__index\" [title]=\"'Indice ' + ($index + 1) + ' nell\u2019espressione'\">\r\n            {{ $index + 1 }}\r\n          </span>\r\n          @if (isPlaceholderOperator(condition)) {\r\n            <span\r\n              class=\"fb-cond__placeholder\"\r\n              title=\"A runtime vale sempre falso, e l\u2019attivazione la rifiuta: va completata\"\r\n            >\r\n              da completare\r\n            </span>\r\n          }\r\n          <span class=\"fb-list__spacer\"></span>\r\n          <button\r\n            type=\"button\"\r\n            class=\"fb-btn fb-btn--ghost fb-btn--icon\"\r\n            aria-label=\"Sposta su\"\r\n            [disabled]=\"$first\"\r\n            (click)=\"moveCondition($index, -1)\"\r\n          >\r\n            \u2191\r\n          </button>\r\n          <button\r\n            type=\"button\"\r\n            class=\"fb-btn fb-btn--ghost fb-btn--icon\"\r\n            aria-label=\"Sposta giu\u2019\"\r\n            [disabled]=\"$last\"\r\n            (click)=\"moveCondition($index, 1)\"\r\n          >\r\n            \u2193\r\n          </button>\r\n          <button\r\n            type=\"button\"\r\n            class=\"fb-btn fb-btn--ghost fb-btn--icon\"\r\n            aria-label=\"Rimuovi la condizione\"\r\n            (click)=\"removeCondition($index)\"\r\n          >\r\n            \u00D7\r\n          </button>\r\n        </div>\r\n\r\n        <!-- I tre termini del confronto sono una frase sola: si leggono in riga. -->\r\n        <div class=\"fb-fields-row\">\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label\">\r\n              {{ appliesToElements(condition) ? 'Elemento' : 'Risorsa' }}\r\n            </label>\r\n            <fb-reference-picker\r\n              [value]=\"condition.leftValueReference\"\r\n              [elementsOnly]=\"appliesToElements(condition)\"\r\n              [placeholder]=\"appliesToElements(condition) ? 'Scegli un elemento del flow' : 'Scegli una risorsa'\"\r\n              (valueChange)=\"setLeft($index, $event)\"\r\n            />\r\n            @if (appliesToElements(condition)) {\r\n              <p class=\"fb-field__hint\">\r\n                Questo operatore si applica a un elemento del flow, non a una risorsa.\r\n              </p>\r\n            }\r\n          </div>\r\n\r\n          <div class=\"fb-field fb-field--compact\">\r\n            <label class=\"fb-field__label\">Operatore</label>\r\n            <select\r\n              class=\"fb-select\"\r\n              [class.fb-input--invalid]=\"isPlaceholderOperator(condition)\"\r\n              [fbValue]=\"condition.operator || ''\"\r\n              (change)=\"setOperator($index, $any($event.target).value)\"\r\n            >\r\n              <!-- Filtrati per il tipo del lato sinistro: `appliesTo` del dizionario (\u00A74.3). -->\r\n              @for (operator of operatorsFor(condition); track operator.value) {\r\n                <option [value]=\"operator.value\">{{ operator.label }}</option>\r\n              }\r\n            </select>\r\n            @if (isPlaceholderOperator(condition)) {\r\n              <p class=\"fb-field__error\">\r\n                Segnaposto: a runtime vale sempre falso e l\u2019attivazione lo rifiuta\r\n                (CONDITION_INCOMPLETE). Scegli un operatore.\r\n              </p>\r\n            } @else if (operatorDescription(condition.operator)) {\r\n              <p class=\"fb-field__hint\">{{ operatorDescription(condition.operator) }}</p>\r\n            }\r\n          </div>\r\n\r\n          @if (isUnary(condition)) {\r\n            <!--\r\n              Trappola numero uno: per gli operatori unari `rightValue` non e' il termine di\r\n              confronto ma l'esito atteso. Qui non c'e' un campo \"valore da confrontare\":\r\n              c'e' un selettore che dice quale delle due cose si sta chiedendo.\r\n            -->\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label\">Esito atteso</label>\r\n              <div class=\"fb-cond__unary\" role=\"group\" aria-label=\"Esito atteso\">\r\n                <button\r\n                  type=\"button\"\r\n                  class=\"fb-cond__mode\"\r\n                  [class.fb-cond__mode--active]=\"unaryExpectation(condition)\"\r\n                  (click)=\"setUnaryExpectation($index, true)\"\r\n                >\r\n                  {{ operatorLabel(condition.operator) }}\r\n                </button>\r\n                <button\r\n                  type=\"button\"\r\n                  class=\"fb-cond__mode\"\r\n                  [class.fb-cond__mode--active]=\"!unaryExpectation(condition)\"\r\n                  (click)=\"setUnaryExpectation($index, false)\"\r\n                >\r\n                  NON {{ operatorLabel(condition.operator) }}\r\n                </button>\r\n              </div>\r\n              <p class=\"fb-field__hint\">\r\n                Questa condizione e\u2019 vera quando: <strong>{{ unarySummary(condition) }}</strong>.\r\n              </p>\r\n            </div>\r\n          } @else {\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label\">Confronta con</label>\r\n              <!--\r\n                Il tipo del lato sinistro guida il secondo operando: il letterale finisce nel\r\n                campo giusto e le risorse proposte sono quelle compatibili. Testo con numero e'\r\n                CONDITION_TYPE_MISMATCH e blocca l'attivazione (\u00A74.3).\r\n              -->\r\n              <fb-value-editor\r\n                [value]=\"condition.rightValue\"\r\n                label=\"Valore di confronto\"\r\n                [dataType]=\"leftDataType(condition)\"\r\n                [objectType]=\"leftObjectType(condition)\"\r\n                (valueChange)=\"setRightValue($index, $event)\"\r\n              />\r\n              @if (hasTypeMismatch(condition)) {\r\n                <p class=\"fb-field__error\">{{ typeMismatchMessage(condition) }}</p>\r\n              }\r\n            </div>\r\n          }\r\n        </div>\r\n      </div>\r\n    } @empty {\r\n      <p class=\"fb-empty\">Nessuna condizione.</p>\r\n    }\r\n  </div>\r\n\r\n  <button type=\"button\" class=\"fb-btn\" (click)=\"addCondition()\">Aggiungi condizione</button>\r\n</fieldset>\r\n", styles: [":host{display:block}.fb-cond__logic{margin-bottom:8px}.fb-cond__modes,.fb-cond__unary{display:flex;flex-wrap:wrap;gap:3px;margin-top:3px}.fb-cond__mode{padding:3px 8px;border:1px solid var(--fb-border-subtle, #e6e9ee);border-radius:12px;background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:11px;cursor:pointer}.fb-cond__mode:hover{background:var(--fb-surface-alt, #f8f9fb)}.fb-cond__mode--active{border-color:var(--fb-accent, #2f6feb);background:color-mix(in srgb,var(--fb-accent, #2f6feb) 10%,transparent);color:var(--fb-accent, #2f6feb);font-weight:600}.fb-cond__placeholder{padding:1px 6px;border-radius:8px;background:color-mix(in srgb,var(--fb-warning, #b7791f) 14%,transparent);font-size:10px;font-weight:600;color:var(--fb-warning, #b7791f)}\n"], dependencies: [{ kind: "component", type: FormulaEditorComponent, selector: "fb-formula-editor", inputs: ["expression", "usage", "expectedDataType", "scale", "placeholder", "ariaLabel", "disabled", "rows", "commitOn"], outputs: ["expressionChange"] }, { kind: "component", type: ReferencePickerComponent, selector: "fb-reference-picker", inputs: ["value", "label", "placeholder", "disabled", "dataType", "isCollection", "objectType", "writableOnly", "elementsOnly", "extraReferences"], outputs: ["valueChange"] }, { kind: "component", type: ValueEditorComponent, selector: "fb-value-editor", inputs: ["value", "label", "dataType", "objectType", "isCollection", "disabled", "allowFormula"], outputs: ["valueChange"] }, { kind: "directive", type: SelectValueDirective, selector: "select[fbValue]", inputs: ["fbValue"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.28", type: ConditionEditorComponent, isStandalone: true, selector: "fb-condition-editor", inputs: { holder: { classPropertyName: "holder", publicName: "holder", isSignal: true, isRequired: true, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, allowFormula: { classPropertyName: "allowFormula", publicName: "allowFormula", isSignal: true, isRequired: false, transformFunction: null }, allowLogic: { classPropertyName: "allowLogic", publicName: "allowLogic", isSignal: true, isRequired: false, transformFunction: null }, issuePath: { classPropertyName: "issuePath", publicName: "issuePath", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { changed: "changed" }, ngImport: i0, template: "<fieldset class=\"fb-section\">\r\n  <legend class=\"fb-section__title\">{{ title() }}</legend>\r\n\r\n  @if (allowLogic()) {\r\n  <div class=\"fb-cond__logic\">\r\n    <label class=\"fb-field__label\">Come si combinano</label>\r\n    <div class=\"fb-cond__modes\" role=\"group\" aria-label=\"Logica delle condizioni\">\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-cond__mode\"\r\n        [class.fb-cond__mode--active]=\"logicMode() === 'and'\"\r\n        title=\"Tutte le condizioni devono essere vere\"\r\n        (click)=\"setLogicMode('and')\"\r\n      >\r\n        Tutte (AND)\r\n      </button>\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-cond__mode\"\r\n        [class.fb-cond__mode--active]=\"logicMode() === 'or'\"\r\n        title=\"Almeno una condizione deve essere vera\"\r\n        (click)=\"setLogicMode('or')\"\r\n      >\r\n        Almeno una (OR)\r\n      </button>\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-cond__mode\"\r\n        [class.fb-cond__mode--active]=\"logicMode() === 'custom'\"\r\n        title=\"Espressione sugli indici delle condizioni, es. 1 AND (2 OR 3)\"\r\n        (click)=\"setLogicMode('custom')\"\r\n      >\r\n        Espressione\r\n      </button>\r\n      @if (allowFormula()) {\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-cond__mode\"\r\n          [class.fb-cond__mode--active]=\"logicMode() === 'formula'\"\r\n          title=\"L\u2019esito lo determina una formula: le condizioni vengono ignorate\"\r\n          (click)=\"setLogicMode('formula')\"\r\n        >\r\n          Formula\r\n        </button>\r\n      }\r\n    </div>\r\n  </div>\r\n  } @else {\r\n    <p class=\"fb-field__hint\">\r\n      Devono essere vere <strong>tutte</strong>: qui il modello non prevede una logica separata.\r\n    </p>\r\n  }\r\n\r\n  @if (logicMode() === 'custom') {\r\n    <div class=\"fb-field\">\r\n      <input\r\n        class=\"fb-input fb-input--mono\"\r\n        [class.fb-input--invalid]=\"!!customLogicError()\"\r\n        [value]=\"customLogic()\"\r\n        placeholder=\"1 AND (2 OR 3)\"\r\n        aria-label=\"Espressione sugli indici delle condizioni\"\r\n        (input)=\"setCustomLogic($any($event.target).value)\"\r\n      />\r\n      @if (customLogicError()) {\r\n        <p class=\"fb-field__error\">{{ customLogicError() }}</p>\r\n      } @else {\r\n        <p class=\"fb-field__hint\">\r\n          Gli indici sono 1-based e si riferiscono all\u2019ordine sotto. Cancellare una condizione riscrive\r\n          l\u2019espressione automaticamente.\r\n        </p>\r\n      }\r\n    </div>\r\n  }\r\n\r\n  @if (logicMode() === 'formula') {\r\n    <div class=\"fb-field\">\r\n      <label class=\"fb-field__label fb-field__label--required\">Formula</label>\r\n      <!-- Una condizione deve produrre un booleano: mandarlo e' cio' che fa dire al motore\r\n           \u00ABqui serve un booleano\u00BB invece di accettare un'espressione che fallira' (\u00A76.3). -->\r\n      <fb-formula-editor\r\n        [expression]=\"holder().formula || ''\"\r\n        usage=\"Condition\"\r\n        expectedDataType=\"Boolean\"\r\n        placeholder=\"AND(Esito = 'KO', Importo > 1000)\"\r\n        ariaLabel=\"Formula della condizione\"\r\n        (expressionChange)=\"setFormula($event)\"\r\n      >\r\n        <p class=\"fb-field__hint\">\r\n          Con la modalita\u2019 Formula le condizioni sotto vengono ignorate dal motore.\r\n        </p>\r\n      </fb-formula-editor>\r\n    </div>\r\n  }\r\n\r\n  @if (conditionsIgnored() && conditions().length) {\r\n    <p class=\"fb-callout fb-callout--warn\">\r\n      Ci sono {{ conditions().length }} condizioni ma la logica e\u2019 \u00ABFormula\u00BB: il motore le ignora.\r\n    </p>\r\n  }\r\n\r\n  @if (incompleteCount()) {\r\n    <!-- `None` blocca l'attivazione: la bozza si salva, la versione attiva no (\u00A713.14). -->\r\n    <p class=\"fb-callout fb-callout--error\">\r\n      {{ incompleteCount() === 1 ? 'Una condizione e\u2019' : incompleteCount() + ' condizioni sono' }} da\r\n      completare: la bozza si salva, l\u2019attivazione no (CONDITION_INCOMPLETE).\r\n    </p>\r\n  }\r\n\r\n  <div class=\"fb-list\">\r\n    @for (condition of conditions(); track $index) {\r\n      <div class=\"fb-list__item\">\r\n        <div class=\"fb-list__header\">\r\n          <!-- L'indice e' 1-based perche' e' quello che l'espressione referenzia. -->\r\n          <span class=\"fb-list__index\" [title]=\"'Indice ' + ($index + 1) + ' nell\u2019espressione'\">\r\n            {{ $index + 1 }}\r\n          </span>\r\n          @if (isPlaceholderOperator(condition)) {\r\n            <span\r\n              class=\"fb-cond__placeholder\"\r\n              title=\"A runtime vale sempre falso, e l\u2019attivazione la rifiuta: va completata\"\r\n            >\r\n              da completare\r\n            </span>\r\n          }\r\n          <span class=\"fb-list__spacer\"></span>\r\n          <button\r\n            type=\"button\"\r\n            class=\"fb-btn fb-btn--ghost fb-btn--icon\"\r\n            aria-label=\"Sposta su\"\r\n            [disabled]=\"$first\"\r\n            (click)=\"moveCondition($index, -1)\"\r\n          >\r\n            \u2191\r\n          </button>\r\n          <button\r\n            type=\"button\"\r\n            class=\"fb-btn fb-btn--ghost fb-btn--icon\"\r\n            aria-label=\"Sposta giu\u2019\"\r\n            [disabled]=\"$last\"\r\n            (click)=\"moveCondition($index, 1)\"\r\n          >\r\n            \u2193\r\n          </button>\r\n          <button\r\n            type=\"button\"\r\n            class=\"fb-btn fb-btn--ghost fb-btn--icon\"\r\n            aria-label=\"Rimuovi la condizione\"\r\n            (click)=\"removeCondition($index)\"\r\n          >\r\n            \u00D7\r\n          </button>\r\n        </div>\r\n\r\n        <!-- I tre termini del confronto sono una frase sola: si leggono in riga. -->\r\n        <div class=\"fb-fields-row\">\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label\">\r\n              {{ appliesToElements(condition) ? 'Elemento' : 'Risorsa' }}\r\n            </label>\r\n            <fb-reference-picker\r\n              [value]=\"condition.leftValueReference\"\r\n              [elementsOnly]=\"appliesToElements(condition)\"\r\n              [placeholder]=\"appliesToElements(condition) ? 'Scegli un elemento del flow' : 'Scegli una risorsa'\"\r\n              (valueChange)=\"setLeft($index, $event)\"\r\n            />\r\n            @if (appliesToElements(condition)) {\r\n              <p class=\"fb-field__hint\">\r\n                Questo operatore si applica a un elemento del flow, non a una risorsa.\r\n              </p>\r\n            }\r\n          </div>\r\n\r\n          <div class=\"fb-field fb-field--compact\">\r\n            <label class=\"fb-field__label\">Operatore</label>\r\n            <select\r\n              class=\"fb-select\"\r\n              [class.fb-input--invalid]=\"isPlaceholderOperator(condition)\"\r\n              [fbValue]=\"condition.operator || ''\"\r\n              (change)=\"setOperator($index, $any($event.target).value)\"\r\n            >\r\n              <!-- Filtrati per il tipo del lato sinistro: `appliesTo` del dizionario (\u00A74.3). -->\r\n              @for (operator of operatorsFor(condition); track operator.value) {\r\n                <option [value]=\"operator.value\">{{ operator.label }}</option>\r\n              }\r\n            </select>\r\n            @if (isPlaceholderOperator(condition)) {\r\n              <p class=\"fb-field__error\">\r\n                Segnaposto: a runtime vale sempre falso e l\u2019attivazione lo rifiuta\r\n                (CONDITION_INCOMPLETE). Scegli un operatore.\r\n              </p>\r\n            } @else if (operatorDescription(condition.operator)) {\r\n              <p class=\"fb-field__hint\">{{ operatorDescription(condition.operator) }}</p>\r\n            }\r\n          </div>\r\n\r\n          @if (isUnary(condition)) {\r\n            <!--\r\n              Trappola numero uno: per gli operatori unari `rightValue` non e' il termine di\r\n              confronto ma l'esito atteso. Qui non c'e' un campo \"valore da confrontare\":\r\n              c'e' un selettore che dice quale delle due cose si sta chiedendo.\r\n            -->\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label\">Esito atteso</label>\r\n              <div class=\"fb-cond__unary\" role=\"group\" aria-label=\"Esito atteso\">\r\n                <button\r\n                  type=\"button\"\r\n                  class=\"fb-cond__mode\"\r\n                  [class.fb-cond__mode--active]=\"unaryExpectation(condition)\"\r\n                  (click)=\"setUnaryExpectation($index, true)\"\r\n                >\r\n                  {{ operatorLabel(condition.operator) }}\r\n                </button>\r\n                <button\r\n                  type=\"button\"\r\n                  class=\"fb-cond__mode\"\r\n                  [class.fb-cond__mode--active]=\"!unaryExpectation(condition)\"\r\n                  (click)=\"setUnaryExpectation($index, false)\"\r\n                >\r\n                  NON {{ operatorLabel(condition.operator) }}\r\n                </button>\r\n              </div>\r\n              <p class=\"fb-field__hint\">\r\n                Questa condizione e\u2019 vera quando: <strong>{{ unarySummary(condition) }}</strong>.\r\n              </p>\r\n            </div>\r\n          } @else {\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label\">Confronta con</label>\r\n              <!--\r\n                Il tipo del lato sinistro guida il secondo operando: il letterale finisce nel\r\n                campo giusto e le risorse proposte sono quelle compatibili. Testo con numero e'\r\n                CONDITION_TYPE_MISMATCH e blocca l'attivazione (\u00A74.3).\r\n              -->\r\n              <fb-value-editor\r\n                [value]=\"condition.rightValue\"\r\n                label=\"Valore di confronto\"\r\n                [dataType]=\"leftDataType(condition)\"\r\n                [objectType]=\"leftObjectType(condition)\"\r\n                (valueChange)=\"setRightValue($index, $event)\"\r\n              />\r\n              @if (hasTypeMismatch(condition)) {\r\n                <p class=\"fb-field__error\">{{ typeMismatchMessage(condition) }}</p>\r\n              }\r\n            </div>\r\n          }\r\n        </div>\r\n      </div>\r\n    } @empty {\r\n      <p class=\"fb-empty\">Nessuna condizione.</p>\r\n    }\r\n  </div>\r\n\r\n  <button type=\"button\" class=\"fb-btn\" (click)=\"addCondition()\">Aggiungi condizione</button>\r\n</fieldset>\r\n", styles: [":host{display:block}.fb-cond__logic{margin-bottom:8px}.fb-cond__modes,.fb-cond__unary{margin-top:3px}.fb-cond__placeholder{padding:1px 6px;border-radius:8px;background:color-mix(in srgb,var(--fb-warning, #b7791f) 14%,transparent);font-size:10px;font-weight:600;color:var(--fb-warning, #b7791f)}\n"], dependencies: [{ kind: "component", type: FormulaEditorComponent, selector: "fb-formula-editor", inputs: ["expression", "usage", "expectedDataType", "scale", "placeholder", "ariaLabel", "disabled", "rows", "commitOn"], outputs: ["expressionChange"] }, { kind: "component", type: ReferencePickerComponent, selector: "fb-reference-picker", inputs: ["value", "label", "placeholder", "disabled", "dataType", "isCollection", "objectType", "writableOnly", "elementsOnly", "extraReferences"], outputs: ["valueChange"] }, { kind: "component", type: ValueEditorComponent, selector: "fb-value-editor", inputs: ["value", "label", "dataType", "objectType", "isCollection", "valueSet", "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.28", ngImport: i0, type: ConditionEditorComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'fb-condition-editor', standalone: true, imports: [FormulaEditorComponent, ReferencePickerComponent, ValueEditorComponent, SelectValueDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<fieldset class=\"fb-section\">\r\n  <legend class=\"fb-section__title\">{{ title() }}</legend>\r\n\r\n  @if (allowLogic()) {\r\n  <div class=\"fb-cond__logic\">\r\n    <label class=\"fb-field__label\">Come si combinano</label>\r\n    <div class=\"fb-cond__modes\" role=\"group\" aria-label=\"Logica delle condizioni\">\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-cond__mode\"\r\n        [class.fb-cond__mode--active]=\"logicMode() === 'and'\"\r\n        title=\"Tutte le condizioni devono essere vere\"\r\n        (click)=\"setLogicMode('and')\"\r\n      >\r\n        Tutte (AND)\r\n      </button>\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-cond__mode\"\r\n        [class.fb-cond__mode--active]=\"logicMode() === 'or'\"\r\n        title=\"Almeno una condizione deve essere vera\"\r\n        (click)=\"setLogicMode('or')\"\r\n      >\r\n        Almeno una (OR)\r\n      </button>\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-cond__mode\"\r\n        [class.fb-cond__mode--active]=\"logicMode() === 'custom'\"\r\n        title=\"Espressione sugli indici delle condizioni, es. 1 AND (2 OR 3)\"\r\n        (click)=\"setLogicMode('custom')\"\r\n      >\r\n        Espressione\r\n      </button>\r\n      @if (allowFormula()) {\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-cond__mode\"\r\n          [class.fb-cond__mode--active]=\"logicMode() === 'formula'\"\r\n          title=\"L\u2019esito lo determina una formula: le condizioni vengono ignorate\"\r\n          (click)=\"setLogicMode('formula')\"\r\n        >\r\n          Formula\r\n        </button>\r\n      }\r\n    </div>\r\n  </div>\r\n  } @else {\r\n    <p class=\"fb-field__hint\">\r\n      Devono essere vere <strong>tutte</strong>: qui il modello non prevede una logica separata.\r\n    </p>\r\n  }\r\n\r\n  @if (logicMode() === 'custom') {\r\n    <div class=\"fb-field\">\r\n      <input\r\n        class=\"fb-input fb-input--mono\"\r\n        [class.fb-input--invalid]=\"!!customLogicError()\"\r\n        [value]=\"customLogic()\"\r\n        placeholder=\"1 AND (2 OR 3)\"\r\n        aria-label=\"Espressione sugli indici delle condizioni\"\r\n        (input)=\"setCustomLogic($any($event.target).value)\"\r\n      />\r\n      @if (customLogicError()) {\r\n        <p class=\"fb-field__error\">{{ customLogicError() }}</p>\r\n      } @else {\r\n        <p class=\"fb-field__hint\">\r\n          Gli indici sono 1-based e si riferiscono all\u2019ordine sotto. Cancellare una condizione riscrive\r\n          l\u2019espressione automaticamente.\r\n        </p>\r\n      }\r\n    </div>\r\n  }\r\n\r\n  @if (logicMode() === 'formula') {\r\n    <div class=\"fb-field\">\r\n      <label class=\"fb-field__label fb-field__label--required\">Formula</label>\r\n      <!-- Una condizione deve produrre un booleano: mandarlo e' cio' che fa dire al motore\r\n           \u00ABqui serve un booleano\u00BB invece di accettare un'espressione che fallira' (\u00A76.3). -->\r\n      <fb-formula-editor\r\n        [expression]=\"holder().formula || ''\"\r\n        usage=\"Condition\"\r\n        expectedDataType=\"Boolean\"\r\n        placeholder=\"AND(Esito = 'KO', Importo > 1000)\"\r\n        ariaLabel=\"Formula della condizione\"\r\n        (expressionChange)=\"setFormula($event)\"\r\n      >\r\n        <p class=\"fb-field__hint\">\r\n          Con la modalita\u2019 Formula le condizioni sotto vengono ignorate dal motore.\r\n        </p>\r\n      </fb-formula-editor>\r\n    </div>\r\n  }\r\n\r\n  @if (conditionsIgnored() && conditions().length) {\r\n    <p class=\"fb-callout fb-callout--warn\">\r\n      Ci sono {{ conditions().length }} condizioni ma la logica e\u2019 \u00ABFormula\u00BB: il motore le ignora.\r\n    </p>\r\n  }\r\n\r\n  @if (incompleteCount()) {\r\n    <!-- `None` blocca l'attivazione: la bozza si salva, la versione attiva no (\u00A713.14). -->\r\n    <p class=\"fb-callout fb-callout--error\">\r\n      {{ incompleteCount() === 1 ? 'Una condizione e\u2019' : incompleteCount() + ' condizioni sono' }} da\r\n      completare: la bozza si salva, l\u2019attivazione no (CONDITION_INCOMPLETE).\r\n    </p>\r\n  }\r\n\r\n  <div class=\"fb-list\">\r\n    @for (condition of conditions(); track $index) {\r\n      <div class=\"fb-list__item\">\r\n        <div class=\"fb-list__header\">\r\n          <!-- L'indice e' 1-based perche' e' quello che l'espressione referenzia. -->\r\n          <span class=\"fb-list__index\" [title]=\"'Indice ' + ($index + 1) + ' nell\u2019espressione'\">\r\n            {{ $index + 1 }}\r\n          </span>\r\n          @if (isPlaceholderOperator(condition)) {\r\n            <span\r\n              class=\"fb-cond__placeholder\"\r\n              title=\"A runtime vale sempre falso, e l\u2019attivazione la rifiuta: va completata\"\r\n            >\r\n              da completare\r\n            </span>\r\n          }\r\n          <span class=\"fb-list__spacer\"></span>\r\n          <button\r\n            type=\"button\"\r\n            class=\"fb-btn fb-btn--ghost fb-btn--icon\"\r\n            aria-label=\"Sposta su\"\r\n            [disabled]=\"$first\"\r\n            (click)=\"moveCondition($index, -1)\"\r\n          >\r\n            \u2191\r\n          </button>\r\n          <button\r\n            type=\"button\"\r\n            class=\"fb-btn fb-btn--ghost fb-btn--icon\"\r\n            aria-label=\"Sposta giu\u2019\"\r\n            [disabled]=\"$last\"\r\n            (click)=\"moveCondition($index, 1)\"\r\n          >\r\n            \u2193\r\n          </button>\r\n          <button\r\n            type=\"button\"\r\n            class=\"fb-btn fb-btn--ghost fb-btn--icon\"\r\n            aria-label=\"Rimuovi la condizione\"\r\n            (click)=\"removeCondition($index)\"\r\n          >\r\n            \u00D7\r\n          </button>\r\n        </div>\r\n\r\n        <!-- I tre termini del confronto sono una frase sola: si leggono in riga. -->\r\n        <div class=\"fb-fields-row\">\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label\">\r\n              {{ appliesToElements(condition) ? 'Elemento' : 'Risorsa' }}\r\n            </label>\r\n            <fb-reference-picker\r\n              [value]=\"condition.leftValueReference\"\r\n              [elementsOnly]=\"appliesToElements(condition)\"\r\n              [placeholder]=\"appliesToElements(condition) ? 'Scegli un elemento del flow' : 'Scegli una risorsa'\"\r\n              (valueChange)=\"setLeft($index, $event)\"\r\n            />\r\n            @if (appliesToElements(condition)) {\r\n              <p class=\"fb-field__hint\">\r\n                Questo operatore si applica a un elemento del flow, non a una risorsa.\r\n              </p>\r\n            }\r\n          </div>\r\n\r\n          <div class=\"fb-field fb-field--compact\">\r\n            <label class=\"fb-field__label\">Operatore</label>\r\n            <select\r\n              class=\"fb-select\"\r\n              [class.fb-input--invalid]=\"isPlaceholderOperator(condition)\"\r\n              [fbValue]=\"condition.operator || ''\"\r\n              (change)=\"setOperator($index, $any($event.target).value)\"\r\n            >\r\n              <!-- Filtrati per il tipo del lato sinistro: `appliesTo` del dizionario (\u00A74.3). -->\r\n              @for (operator of operatorsFor(condition); track operator.value) {\r\n                <option [value]=\"operator.value\">{{ operator.label }}</option>\r\n              }\r\n            </select>\r\n            @if (isPlaceholderOperator(condition)) {\r\n              <p class=\"fb-field__error\">\r\n                Segnaposto: a runtime vale sempre falso e l\u2019attivazione lo rifiuta\r\n                (CONDITION_INCOMPLETE). Scegli un operatore.\r\n              </p>\r\n            } @else if (operatorDescription(condition.operator)) {\r\n              <p class=\"fb-field__hint\">{{ operatorDescription(condition.operator) }}</p>\r\n            }\r\n          </div>\r\n\r\n          @if (isUnary(condition)) {\r\n            <!--\r\n              Trappola numero uno: per gli operatori unari `rightValue` non e' il termine di\r\n              confronto ma l'esito atteso. Qui non c'e' un campo \"valore da confrontare\":\r\n              c'e' un selettore che dice quale delle due cose si sta chiedendo.\r\n            -->\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label\">Esito atteso</label>\r\n              <div class=\"fb-cond__unary\" role=\"group\" aria-label=\"Esito atteso\">\r\n                <button\r\n                  type=\"button\"\r\n                  class=\"fb-cond__mode\"\r\n                  [class.fb-cond__mode--active]=\"unaryExpectation(condition)\"\r\n                  (click)=\"setUnaryExpectation($index, true)\"\r\n                >\r\n                  {{ operatorLabel(condition.operator) }}\r\n                </button>\r\n                <button\r\n                  type=\"button\"\r\n                  class=\"fb-cond__mode\"\r\n                  [class.fb-cond__mode--active]=\"!unaryExpectation(condition)\"\r\n                  (click)=\"setUnaryExpectation($index, false)\"\r\n                >\r\n                  NON {{ operatorLabel(condition.operator) }}\r\n                </button>\r\n              </div>\r\n              <p class=\"fb-field__hint\">\r\n                Questa condizione e\u2019 vera quando: <strong>{{ unarySummary(condition) }}</strong>.\r\n              </p>\r\n            </div>\r\n          } @else {\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label\">Confronta con</label>\r\n              <!--\r\n                Il tipo del lato sinistro guida il secondo operando: il letterale finisce nel\r\n                campo giusto e le risorse proposte sono quelle compatibili. Testo con numero e'\r\n                CONDITION_TYPE_MISMATCH e blocca l'attivazione (\u00A74.3).\r\n              -->\r\n              <fb-value-editor\r\n                [value]=\"condition.rightValue\"\r\n                label=\"Valore di confronto\"\r\n                [dataType]=\"leftDataType(condition)\"\r\n                [objectType]=\"leftObjectType(condition)\"\r\n                (valueChange)=\"setRightValue($index, $event)\"\r\n              />\r\n              @if (hasTypeMismatch(condition)) {\r\n                <p class=\"fb-field__error\">{{ typeMismatchMessage(condition) }}</p>\r\n              }\r\n            </div>\r\n          }\r\n        </div>\r\n      </div>\r\n    } @empty {\r\n      <p class=\"fb-empty\">Nessuna condizione.</p>\r\n    }\r\n  </div>\r\n\r\n  <button type=\"button\" class=\"fb-btn\" (click)=\"addCondition()\">Aggiungi condizione</button>\r\n</fieldset>\r\n", styles: [":host{display:block}.fb-cond__logic{margin-bottom:8px}.fb-cond__modes,.fb-cond__unary{display:flex;flex-wrap:wrap;gap:3px;margin-top:3px}.fb-cond__mode{padding:3px 8px;border:1px solid var(--fb-border-subtle, #e6e9ee);border-radius:12px;background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:11px;cursor:pointer}.fb-cond__mode:hover{background:var(--fb-surface-alt, #f8f9fb)}.fb-cond__mode--active{border-color:var(--fb-accent, #2f6feb);background:color-mix(in srgb,var(--fb-accent, #2f6feb) 10%,transparent);color:var(--fb-accent, #2f6feb);font-weight:600}.fb-cond__placeholder{padding:1px 6px;border-radius:8px;background:color-mix(in srgb,var(--fb-warning, #b7791f) 14%,transparent);font-size:10px;font-weight:600;color:var(--fb-warning, #b7791f)}\n"] }]
+            args: [{ selector: 'fb-condition-editor', standalone: true, imports: [FormulaEditorComponent, ReferencePickerComponent, ValueEditorComponent, SelectValueDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<fieldset class=\"fb-section\">\r\n  <legend class=\"fb-section__title\">{{ title() }}</legend>\r\n\r\n  @if (allowLogic()) {\r\n  <div class=\"fb-cond__logic\">\r\n    <label class=\"fb-field__label\">Come si combinano</label>\r\n    <div class=\"fb-cond__modes\" role=\"group\" aria-label=\"Logica delle condizioni\">\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-cond__mode\"\r\n        [class.fb-cond__mode--active]=\"logicMode() === 'and'\"\r\n        title=\"Tutte le condizioni devono essere vere\"\r\n        (click)=\"setLogicMode('and')\"\r\n      >\r\n        Tutte (AND)\r\n      </button>\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-cond__mode\"\r\n        [class.fb-cond__mode--active]=\"logicMode() === 'or'\"\r\n        title=\"Almeno una condizione deve essere vera\"\r\n        (click)=\"setLogicMode('or')\"\r\n      >\r\n        Almeno una (OR)\r\n      </button>\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-cond__mode\"\r\n        [class.fb-cond__mode--active]=\"logicMode() === 'custom'\"\r\n        title=\"Espressione sugli indici delle condizioni, es. 1 AND (2 OR 3)\"\r\n        (click)=\"setLogicMode('custom')\"\r\n      >\r\n        Espressione\r\n      </button>\r\n      @if (allowFormula()) {\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-cond__mode\"\r\n          [class.fb-cond__mode--active]=\"logicMode() === 'formula'\"\r\n          title=\"L\u2019esito lo determina una formula: le condizioni vengono ignorate\"\r\n          (click)=\"setLogicMode('formula')\"\r\n        >\r\n          Formula\r\n        </button>\r\n      }\r\n    </div>\r\n  </div>\r\n  } @else {\r\n    <p class=\"fb-field__hint\">\r\n      Devono essere vere <strong>tutte</strong>: qui il modello non prevede una logica separata.\r\n    </p>\r\n  }\r\n\r\n  @if (logicMode() === 'custom') {\r\n    <div class=\"fb-field\">\r\n      <input\r\n        class=\"fb-input fb-input--mono\"\r\n        [class.fb-input--invalid]=\"!!customLogicError()\"\r\n        [value]=\"customLogic()\"\r\n        placeholder=\"1 AND (2 OR 3)\"\r\n        aria-label=\"Espressione sugli indici delle condizioni\"\r\n        (input)=\"setCustomLogic($any($event.target).value)\"\r\n      />\r\n      @if (customLogicError()) {\r\n        <p class=\"fb-field__error\">{{ customLogicError() }}</p>\r\n      } @else {\r\n        <p class=\"fb-field__hint\">\r\n          Gli indici sono 1-based e si riferiscono all\u2019ordine sotto. Cancellare una condizione riscrive\r\n          l\u2019espressione automaticamente.\r\n        </p>\r\n      }\r\n    </div>\r\n  }\r\n\r\n  @if (logicMode() === 'formula') {\r\n    <div class=\"fb-field\">\r\n      <label class=\"fb-field__label fb-field__label--required\">Formula</label>\r\n      <!-- Una condizione deve produrre un booleano: mandarlo e' cio' che fa dire al motore\r\n           \u00ABqui serve un booleano\u00BB invece di accettare un'espressione che fallira' (\u00A76.3). -->\r\n      <fb-formula-editor\r\n        [expression]=\"holder().formula || ''\"\r\n        usage=\"Condition\"\r\n        expectedDataType=\"Boolean\"\r\n        placeholder=\"AND(Esito = 'KO', Importo > 1000)\"\r\n        ariaLabel=\"Formula della condizione\"\r\n        (expressionChange)=\"setFormula($event)\"\r\n      >\r\n        <p class=\"fb-field__hint\">\r\n          Con la modalita\u2019 Formula le condizioni sotto vengono ignorate dal motore.\r\n        </p>\r\n      </fb-formula-editor>\r\n    </div>\r\n  }\r\n\r\n  @if (conditionsIgnored() && conditions().length) {\r\n    <p class=\"fb-callout fb-callout--warn\">\r\n      Ci sono {{ conditions().length }} condizioni ma la logica e\u2019 \u00ABFormula\u00BB: il motore le ignora.\r\n    </p>\r\n  }\r\n\r\n  @if (incompleteCount()) {\r\n    <!-- `None` blocca l'attivazione: la bozza si salva, la versione attiva no (\u00A713.14). -->\r\n    <p class=\"fb-callout fb-callout--error\">\r\n      {{ incompleteCount() === 1 ? 'Una condizione e\u2019' : incompleteCount() + ' condizioni sono' }} da\r\n      completare: la bozza si salva, l\u2019attivazione no (CONDITION_INCOMPLETE).\r\n    </p>\r\n  }\r\n\r\n  <div class=\"fb-list\">\r\n    @for (condition of conditions(); track $index) {\r\n      <div class=\"fb-list__item\">\r\n        <div class=\"fb-list__header\">\r\n          <!-- L'indice e' 1-based perche' e' quello che l'espressione referenzia. -->\r\n          <span class=\"fb-list__index\" [title]=\"'Indice ' + ($index + 1) + ' nell\u2019espressione'\">\r\n            {{ $index + 1 }}\r\n          </span>\r\n          @if (isPlaceholderOperator(condition)) {\r\n            <span\r\n              class=\"fb-cond__placeholder\"\r\n              title=\"A runtime vale sempre falso, e l\u2019attivazione la rifiuta: va completata\"\r\n            >\r\n              da completare\r\n            </span>\r\n          }\r\n          <span class=\"fb-list__spacer\"></span>\r\n          <button\r\n            type=\"button\"\r\n            class=\"fb-btn fb-btn--ghost fb-btn--icon\"\r\n            aria-label=\"Sposta su\"\r\n            [disabled]=\"$first\"\r\n            (click)=\"moveCondition($index, -1)\"\r\n          >\r\n            \u2191\r\n          </button>\r\n          <button\r\n            type=\"button\"\r\n            class=\"fb-btn fb-btn--ghost fb-btn--icon\"\r\n            aria-label=\"Sposta giu\u2019\"\r\n            [disabled]=\"$last\"\r\n            (click)=\"moveCondition($index, 1)\"\r\n          >\r\n            \u2193\r\n          </button>\r\n          <button\r\n            type=\"button\"\r\n            class=\"fb-btn fb-btn--ghost fb-btn--icon\"\r\n            aria-label=\"Rimuovi la condizione\"\r\n            (click)=\"removeCondition($index)\"\r\n          >\r\n            \u00D7\r\n          </button>\r\n        </div>\r\n\r\n        <!-- I tre termini del confronto sono una frase sola: si leggono in riga. -->\r\n        <div class=\"fb-fields-row\">\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label\">\r\n              {{ appliesToElements(condition) ? 'Elemento' : 'Risorsa' }}\r\n            </label>\r\n            <fb-reference-picker\r\n              [value]=\"condition.leftValueReference\"\r\n              [elementsOnly]=\"appliesToElements(condition)\"\r\n              [placeholder]=\"appliesToElements(condition) ? 'Scegli un elemento del flow' : 'Scegli una risorsa'\"\r\n              (valueChange)=\"setLeft($index, $event)\"\r\n            />\r\n            @if (appliesToElements(condition)) {\r\n              <p class=\"fb-field__hint\">\r\n                Questo operatore si applica a un elemento del flow, non a una risorsa.\r\n              </p>\r\n            }\r\n          </div>\r\n\r\n          <div class=\"fb-field fb-field--compact\">\r\n            <label class=\"fb-field__label\">Operatore</label>\r\n            <select\r\n              class=\"fb-select\"\r\n              [class.fb-input--invalid]=\"isPlaceholderOperator(condition)\"\r\n              [fbValue]=\"condition.operator || ''\"\r\n              (change)=\"setOperator($index, $any($event.target).value)\"\r\n            >\r\n              <!-- Filtrati per il tipo del lato sinistro: `appliesTo` del dizionario (\u00A74.3). -->\r\n              @for (operator of operatorsFor(condition); track operator.value) {\r\n                <option [value]=\"operator.value\">{{ operator.label }}</option>\r\n              }\r\n            </select>\r\n            @if (isPlaceholderOperator(condition)) {\r\n              <p class=\"fb-field__error\">\r\n                Segnaposto: a runtime vale sempre falso e l\u2019attivazione lo rifiuta\r\n                (CONDITION_INCOMPLETE). Scegli un operatore.\r\n              </p>\r\n            } @else if (operatorDescription(condition.operator)) {\r\n              <p class=\"fb-field__hint\">{{ operatorDescription(condition.operator) }}</p>\r\n            }\r\n          </div>\r\n\r\n          @if (isUnary(condition)) {\r\n            <!--\r\n              Trappola numero uno: per gli operatori unari `rightValue` non e' il termine di\r\n              confronto ma l'esito atteso. Qui non c'e' un campo \"valore da confrontare\":\r\n              c'e' un selettore che dice quale delle due cose si sta chiedendo.\r\n            -->\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label\">Esito atteso</label>\r\n              <div class=\"fb-cond__unary\" role=\"group\" aria-label=\"Esito atteso\">\r\n                <button\r\n                  type=\"button\"\r\n                  class=\"fb-cond__mode\"\r\n                  [class.fb-cond__mode--active]=\"unaryExpectation(condition)\"\r\n                  (click)=\"setUnaryExpectation($index, true)\"\r\n                >\r\n                  {{ operatorLabel(condition.operator) }}\r\n                </button>\r\n                <button\r\n                  type=\"button\"\r\n                  class=\"fb-cond__mode\"\r\n                  [class.fb-cond__mode--active]=\"!unaryExpectation(condition)\"\r\n                  (click)=\"setUnaryExpectation($index, false)\"\r\n                >\r\n                  NON {{ operatorLabel(condition.operator) }}\r\n                </button>\r\n              </div>\r\n              <p class=\"fb-field__hint\">\r\n                Questa condizione e\u2019 vera quando: <strong>{{ unarySummary(condition) }}</strong>.\r\n              </p>\r\n            </div>\r\n          } @else {\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label\">Confronta con</label>\r\n              <!--\r\n                Il tipo del lato sinistro guida il secondo operando: il letterale finisce nel\r\n                campo giusto e le risorse proposte sono quelle compatibili. Testo con numero e'\r\n                CONDITION_TYPE_MISMATCH e blocca l'attivazione (\u00A74.3).\r\n              -->\r\n              <fb-value-editor\r\n                [value]=\"condition.rightValue\"\r\n                label=\"Valore di confronto\"\r\n                [dataType]=\"leftDataType(condition)\"\r\n                [objectType]=\"leftObjectType(condition)\"\r\n                (valueChange)=\"setRightValue($index, $event)\"\r\n              />\r\n              @if (hasTypeMismatch(condition)) {\r\n                <p class=\"fb-field__error\">{{ typeMismatchMessage(condition) }}</p>\r\n              }\r\n            </div>\r\n          }\r\n        </div>\r\n      </div>\r\n    } @empty {\r\n      <p class=\"fb-empty\">Nessuna condizione.</p>\r\n    }\r\n  </div>\r\n\r\n  <button type=\"button\" class=\"fb-btn\" (click)=\"addCondition()\">Aggiungi condizione</button>\r\n</fieldset>\r\n", styles: [":host{display:block}.fb-cond__logic{margin-bottom:8px}.fb-cond__modes,.fb-cond__unary{margin-top:3px}.fb-cond__placeholder{padding:1px 6px;border-radius:8px;background:color-mix(in srgb,var(--fb-warning, #b7791f) 14%,transparent);font-size:10px;font-weight:600;color:var(--fb-warning, #b7791f)}\n"] }]
         }], ctorParameters: () => [], propDecorators: { holder: [{ type: i0.Input, args: [{ isSignal: true, alias: "holder", required: true }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], allowFormula: [{ type: i0.Input, args: [{ isSignal: true, alias: "allowFormula", required: false }] }], allowLogic: [{ type: i0.Input, args: [{ isSignal: true, alias: "allowLogic", required: false }] }], issuePath: [{ type: i0.Input, args: [{ isSignal: true, alias: "issuePath", required: false }] }], changed: [{ type: i0.Output, args: ["changed"] }] } });
 
 /**
@@ -7910,12 +8060,20 @@ class RecordFilterEditorComponent {
     fieldObjectType(filter) {
         return this.types.objectTypeOf(filter.field);
     }
+    /**
+     * L'insieme chiuso del campo, dove lo schema lo dichiara (`hasClosedValueSet`, §6.4): e' cio' che
+     * fa comparire i valori ammessi al posto della casella di testo. Vale anche in fondo a un percorso
+     * di relazione, e lì l'entita' non e' quella di partenza — la porta con se' il segmento risolto.
+     */
+    fieldValueSet(filter) {
+        return this.types.valueSetOf(filter.field);
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: RecordFilterEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.28", type: RecordFilterEditorComponent, isStandalone: true, selector: "fb-record-filter-editor", inputs: { holder: { classPropertyName: "holder", publicName: "holder", isSignal: true, isRequired: true, transformFunction: null }, object: { classPropertyName: "object", publicName: "object", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, usage: { classPropertyName: "usage", publicName: "usage", isSignal: true, isRequired: false, transformFunction: null }, fieldOptions: { classPropertyName: "fieldOptions", publicName: "fieldOptions", isSignal: true, isRequired: false, transformFunction: null }, supportsLogic: { classPropertyName: "supportsLogic", publicName: "supportsLogic", isSignal: true, isRequired: false, transformFunction: null }, supportsFormula: { classPropertyName: "supportsFormula", publicName: "supportsFormula", isSignal: true, isRequired: false, transformFunction: null }, emptyWarning: { classPropertyName: "emptyWarning", publicName: "emptyWarning", isSignal: true, isRequired: false, transformFunction: null }, emptyWarningSeverity: { classPropertyName: "emptyWarningSeverity", publicName: "emptyWarningSeverity", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { changed: "changed" }, ngImport: i0, template: "<fieldset class=\"fb-section\">\r\n  <legend class=\"fb-section__title\">{{ title() }}</legend>\r\n\r\n  @if (!object() && !fieldOptions().length) {\r\n    <p class=\"fb-field__hint\">Scegli prima un oggetto per poter filtrare sui suoi campi.</p>\r\n  }\r\n\r\n  @if (supportsLogic()) {\r\n    <div class=\"fb-filter__modes\" role=\"group\" aria-label=\"Logica dei filtri\">\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-filter__mode\"\r\n        [class.fb-filter__mode--active]=\"logicMode() === 'and'\"\r\n        (click)=\"setLogicMode('and')\"\r\n      >\r\n        Tutti (AND)\r\n      </button>\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-filter__mode\"\r\n        [class.fb-filter__mode--active]=\"logicMode() === 'or'\"\r\n        (click)=\"setLogicMode('or')\"\r\n      >\r\n        Almeno uno (OR)\r\n      </button>\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-filter__mode\"\r\n        [class.fb-filter__mode--active]=\"logicMode() === 'custom'\"\r\n        (click)=\"setLogicMode('custom')\"\r\n      >\r\n        Espressione\r\n      </button>\r\n      @if (supportsFormula()) {\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-filter__mode\"\r\n          [class.fb-filter__mode--active]=\"logicMode() === 'formula'\"\r\n          (click)=\"setLogicMode('formula')\"\r\n        >\r\n          Formula\r\n        </button>\r\n      }\r\n    </div>\r\n  } @else {\r\n    <!-- Qui il modello non ha `filterLogic`: mostrarlo lo farebbe perdere al salvataggio. -->\r\n    <p class=\"fb-field__hint\">Su questo elemento i filtri sono sempre combinati in AND.</p>\r\n  }\r\n\r\n  @if (supportsLogic() && logicMode() === 'custom') {\r\n    <div class=\"fb-field\">\r\n      <input\r\n        class=\"fb-input fb-input--mono\"\r\n        [value]=\"customLogic()\"\r\n        placeholder=\"1 AND (2 OR 3)\"\r\n        aria-label=\"Espressione sugli indici dei filtri\"\r\n        (input)=\"setCustomLogic($any($event.target).value)\"\r\n      />\r\n    </div>\r\n  }\r\n\r\n  @if (supportsFormula() && logicMode() === 'formula') {\r\n    <div class=\"fb-field\">\r\n      <label class=\"fb-field__label\">Formula di filtro</label>\r\n      <fb-formula-editor\r\n        [expression]=\"holder().filterFormula || ''\"\r\n        usage=\"Condition\"\r\n        expectedDataType=\"Boolean\"\r\n        ariaLabel=\"Formula di filtro\"\r\n        (expressionChange)=\"setFormula($event)\"\r\n      >\r\n        <p class=\"fb-field__hint\">Valutata dal motore di regole, in alternativa ai filtri.</p>\r\n      </fb-formula-editor>\r\n    </div>\r\n  }\r\n\r\n  @if (identifierNotFilterable()) {\r\n    <p class=\"fb-field__hint\">\r\n      Su questo oggetto l\u2019identificativo non e\u2019 filtrabile: la chiave e\u2019 composta e porta la propria\r\n      forma canonica. Filtra per le colonne della chiave, una per colonna.\r\n    </p>\r\n  }\r\n\r\n  @if (showEmptyWarning()) {\r\n    <p\r\n      class=\"fb-callout\"\r\n      [class.fb-callout--warn]=\"emptyWarningSeverity() === 'warn'\"\r\n      [class.fb-callout--error]=\"emptyWarningSeverity() === 'error'\"\r\n    >\r\n      {{ emptyWarning() }}\r\n    </p>\r\n  }\r\n\r\n  <div class=\"fb-list\">\r\n    @for (filter of filters(); track $index) {\r\n      <div class=\"fb-list__item\">\r\n        <div class=\"fb-list__header\">\r\n          <span class=\"fb-list__index\">{{ $index + 1 }}</span>\r\n          <span class=\"fb-list__spacer\"></span>\r\n          <button\r\n            type=\"button\"\r\n            class=\"fb-btn fb-btn--ghost fb-btn--icon\"\r\n            aria-label=\"Rimuovi il filtro\"\r\n            (click)=\"removeFilter($index)\"\r\n          >\r\n            \u00D7\r\n          </button>\r\n        </div>\r\n\r\n        <!-- Campo, operatore e valore sono una frase sola: si leggono in riga. -->\r\n        <div class=\"fb-fields-row\">\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label\">Campo</label>\r\n            @if (fieldOptions().length) {\r\n              <!-- Insieme chiuso: qui non c'e' un catalogo incompleto da compensare. -->\r\n              <select\r\n                class=\"fb-select\"\r\n                [fbValue]=\"filter.field || ''\"\r\n                aria-label=\"Campo del filtro\"\r\n                (change)=\"setField($index, $any($event.target).value)\"\r\n              >\r\n                <option value=\"\">\u2014 scegli \u2014</option>\r\n                @for (option of fieldOptions(); track option.value) {\r\n                  <option [value]=\"option.value\">{{ option.label }}</option>\r\n                }\r\n              </select>\r\n              @if (unknownFixedField(filter)) {\r\n                <p class=\"fb-field__error\">\r\n                  \u00AB{{ filter.field }}\u00BB non e\u2019 fra i campi citabili qui (FIELD_UNKNOWN).\r\n                </p>\r\n              }\r\n            } @else {\r\n              <fb-field-picker\r\n                [value]=\"filter.field\"\r\n                [object]=\"object()\"\r\n                [usage]=\"usage()\"\r\n                placeholder=\"Scrivi o scegli un campo\"\r\n                (valueChange)=\"setField($index, $event ?? '')\"\r\n              />\r\n            }\r\n          </div>\r\n\r\n          <div class=\"fb-field fb-field--compact\">\r\n            <label class=\"fb-field__label\">Operatore</label>\r\n            <select\r\n              class=\"fb-select\"\r\n              [fbValue]=\"filter.operator || ''\"\r\n              (change)=\"setOperator($index, $any($event.target).value)\"\r\n            >\r\n              @for (operator of operators(); track operator.value) {\r\n                <option [value]=\"operator.value\">{{ operator.label }}</option>\r\n              }\r\n            </select>\r\n          </div>\r\n\r\n          @if (isNullOperator(filter)) {\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label\">Esito atteso</label>\r\n              <div class=\"fb-filter__modes\">\r\n                <button\r\n                  type=\"button\"\r\n                  class=\"fb-filter__mode\"\r\n                  [class.fb-filter__mode--active]=\"nullExpectation(filter)\"\r\n                  (click)=\"setNullExpectation($index, true)\"\r\n                >\r\n                  \u00E8 vuoto\r\n                </button>\r\n                <button\r\n                  type=\"button\"\r\n                  class=\"fb-filter__mode\"\r\n                  [class.fb-filter__mode--active]=\"!nullExpectation(filter)\"\r\n                  (click)=\"setNullExpectation($index, false)\"\r\n                >\r\n                  non \u00E8 vuoto\r\n                </button>\r\n              </div>\r\n            </div>\r\n          } @else {\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label\">Valore</label>\r\n              <fb-value-editor\r\n                [value]=\"filter.value\"\r\n                [dataType]=\"fieldDataType(filter)\"\r\n                [objectType]=\"fieldObjectType(filter)\"\r\n                label=\"Valore del filtro\"\r\n                [allowFormula]=\"false\"\r\n                (valueChange)=\"setValue($index, $event)\"\r\n              />\r\n            </div>\r\n          }\r\n        </div>\r\n      </div>\r\n    } @empty {\r\n      <p class=\"fb-empty\">Nessun filtro.</p>\r\n    }\r\n  </div>\r\n\r\n  <button type=\"button\" class=\"fb-btn\" (click)=\"addFilter()\">Aggiungi filtro</button>\r\n</fieldset>\r\n", styles: [":host{display:block}.fb-filter__modes{display:flex;flex-wrap:wrap;gap:3px;margin-bottom:8px}.fb-filter__mode{padding:3px 8px;border:1px solid var(--fb-border-subtle, #e6e9ee);border-radius:12px;background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:11px;cursor:pointer}.fb-filter__mode:hover{background:var(--fb-surface-alt, #f8f9fb)}.fb-filter__mode--active{border-color:var(--fb-accent, #2f6feb);background:color-mix(in srgb,var(--fb-accent, #2f6feb) 10%,transparent);color:var(--fb-accent, #2f6feb);font-weight:600}\n"], dependencies: [{ kind: "component", type: FieldPickerComponent, selector: "fb-field-picker", inputs: ["value", "object", "usage", "label", "placeholder", "disabled"], outputs: ["valueChange"] }, { kind: "component", type: FormulaEditorComponent, selector: "fb-formula-editor", inputs: ["expression", "usage", "expectedDataType", "scale", "placeholder", "ariaLabel", "disabled", "rows", "commitOn"], outputs: ["expressionChange"] }, { kind: "component", type: ValueEditorComponent, selector: "fb-value-editor", inputs: ["value", "label", "dataType", "objectType", "isCollection", "disabled", "allowFormula"], outputs: ["valueChange"] }, { kind: "directive", type: SelectValueDirective, selector: "select[fbValue]", inputs: ["fbValue"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.28", type: RecordFilterEditorComponent, isStandalone: true, selector: "fb-record-filter-editor", inputs: { holder: { classPropertyName: "holder", publicName: "holder", isSignal: true, isRequired: true, transformFunction: null }, object: { classPropertyName: "object", publicName: "object", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, usage: { classPropertyName: "usage", publicName: "usage", isSignal: true, isRequired: false, transformFunction: null }, fieldOptions: { classPropertyName: "fieldOptions", publicName: "fieldOptions", isSignal: true, isRequired: false, transformFunction: null }, supportsLogic: { classPropertyName: "supportsLogic", publicName: "supportsLogic", isSignal: true, isRequired: false, transformFunction: null }, supportsFormula: { classPropertyName: "supportsFormula", publicName: "supportsFormula", isSignal: true, isRequired: false, transformFunction: null }, emptyWarning: { classPropertyName: "emptyWarning", publicName: "emptyWarning", isSignal: true, isRequired: false, transformFunction: null }, emptyWarningSeverity: { classPropertyName: "emptyWarningSeverity", publicName: "emptyWarningSeverity", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { changed: "changed" }, ngImport: i0, template: "<fieldset class=\"fb-section\">\r\n  <legend class=\"fb-section__title\">{{ title() }}</legend>\r\n\r\n  @if (!object() && !fieldOptions().length) {\r\n    <p class=\"fb-field__hint\">Scegli prima un oggetto per poter filtrare sui suoi campi.</p>\r\n  }\r\n\r\n  @if (supportsLogic()) {\r\n    <div class=\"fb-filter__modes\" role=\"group\" aria-label=\"Logica dei filtri\">\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-filter__mode\"\r\n        [class.fb-filter__mode--active]=\"logicMode() === 'and'\"\r\n        (click)=\"setLogicMode('and')\"\r\n      >\r\n        Tutti (AND)\r\n      </button>\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-filter__mode\"\r\n        [class.fb-filter__mode--active]=\"logicMode() === 'or'\"\r\n        (click)=\"setLogicMode('or')\"\r\n      >\r\n        Almeno uno (OR)\r\n      </button>\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-filter__mode\"\r\n        [class.fb-filter__mode--active]=\"logicMode() === 'custom'\"\r\n        (click)=\"setLogicMode('custom')\"\r\n      >\r\n        Espressione\r\n      </button>\r\n      @if (supportsFormula()) {\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-filter__mode\"\r\n          [class.fb-filter__mode--active]=\"logicMode() === 'formula'\"\r\n          (click)=\"setLogicMode('formula')\"\r\n        >\r\n          Formula\r\n        </button>\r\n      }\r\n    </div>\r\n  } @else {\r\n    <!-- Qui il modello non ha `filterLogic`: mostrarlo lo farebbe perdere al salvataggio. -->\r\n    <p class=\"fb-field__hint\">Su questo elemento i filtri sono sempre combinati in AND.</p>\r\n  }\r\n\r\n  @if (supportsLogic() && logicMode() === 'custom') {\r\n    <div class=\"fb-field\">\r\n      <input\r\n        class=\"fb-input fb-input--mono\"\r\n        [value]=\"customLogic()\"\r\n        placeholder=\"1 AND (2 OR 3)\"\r\n        aria-label=\"Espressione sugli indici dei filtri\"\r\n        (input)=\"setCustomLogic($any($event.target).value)\"\r\n      />\r\n    </div>\r\n  }\r\n\r\n  @if (supportsFormula() && logicMode() === 'formula') {\r\n    <div class=\"fb-field\">\r\n      <label class=\"fb-field__label\">Formula di filtro</label>\r\n      <fb-formula-editor\r\n        [expression]=\"holder().filterFormula || ''\"\r\n        usage=\"Condition\"\r\n        expectedDataType=\"Boolean\"\r\n        ariaLabel=\"Formula di filtro\"\r\n        (expressionChange)=\"setFormula($event)\"\r\n      >\r\n        <p class=\"fb-field__hint\">Valutata dal motore di regole, in alternativa ai filtri.</p>\r\n      </fb-formula-editor>\r\n    </div>\r\n  }\r\n\r\n  @if (identifierNotFilterable()) {\r\n    <p class=\"fb-field__hint\">\r\n      Su questo oggetto l\u2019identificativo non e\u2019 filtrabile: la chiave e\u2019 composta e porta la propria\r\n      forma canonica. Filtra per le colonne della chiave, una per colonna.\r\n    </p>\r\n  }\r\n\r\n  @if (showEmptyWarning()) {\r\n    <p\r\n      class=\"fb-callout\"\r\n      [class.fb-callout--warn]=\"emptyWarningSeverity() === 'warn'\"\r\n      [class.fb-callout--error]=\"emptyWarningSeverity() === 'error'\"\r\n    >\r\n      {{ emptyWarning() }}\r\n    </p>\r\n  }\r\n\r\n  <div class=\"fb-list\">\r\n    @for (filter of filters(); track $index) {\r\n      <div class=\"fb-list__item\">\r\n        <div class=\"fb-list__header\">\r\n          <span class=\"fb-list__index\">{{ $index + 1 }}</span>\r\n          <span class=\"fb-list__spacer\"></span>\r\n          <button\r\n            type=\"button\"\r\n            class=\"fb-btn fb-btn--ghost fb-btn--icon\"\r\n            aria-label=\"Rimuovi il filtro\"\r\n            (click)=\"removeFilter($index)\"\r\n          >\r\n            \u00D7\r\n          </button>\r\n        </div>\r\n\r\n        <!-- Campo, operatore e valore sono una frase sola: si leggono in riga. -->\r\n        <div class=\"fb-fields-row\">\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label\">Campo</label>\r\n            @if (fieldOptions().length) {\r\n              <!-- Insieme chiuso: qui non c'e' un catalogo incompleto da compensare. -->\r\n              <select\r\n                class=\"fb-select\"\r\n                [fbValue]=\"filter.field || ''\"\r\n                aria-label=\"Campo del filtro\"\r\n                (change)=\"setField($index, $any($event.target).value)\"\r\n              >\r\n                <option value=\"\">\u2014 scegli \u2014</option>\r\n                @for (option of fieldOptions(); track option.value) {\r\n                  <option [value]=\"option.value\">{{ option.label }}</option>\r\n                }\r\n              </select>\r\n              @if (unknownFixedField(filter)) {\r\n                <p class=\"fb-field__error\">\r\n                  \u00AB{{ filter.field }}\u00BB non e\u2019 fra i campi citabili qui (FIELD_UNKNOWN).\r\n                </p>\r\n              }\r\n            } @else {\r\n              <fb-field-picker\r\n                [value]=\"filter.field\"\r\n                [object]=\"object()\"\r\n                [usage]=\"usage()\"\r\n                placeholder=\"Scrivi o scegli un campo\"\r\n                (valueChange)=\"setField($index, $event ?? '')\"\r\n              />\r\n            }\r\n          </div>\r\n\r\n          <div class=\"fb-field fb-field--compact\">\r\n            <label class=\"fb-field__label\">Operatore</label>\r\n            <select\r\n              class=\"fb-select\"\r\n              [fbValue]=\"filter.operator || ''\"\r\n              (change)=\"setOperator($index, $any($event.target).value)\"\r\n            >\r\n              @for (operator of operators(); track operator.value) {\r\n                <option [value]=\"operator.value\">{{ operator.label }}</option>\r\n              }\r\n            </select>\r\n          </div>\r\n\r\n          @if (isNullOperator(filter)) {\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label\">Esito atteso</label>\r\n              <div class=\"fb-filter__modes\">\r\n                <button\r\n                  type=\"button\"\r\n                  class=\"fb-filter__mode\"\r\n                  [class.fb-filter__mode--active]=\"nullExpectation(filter)\"\r\n                  (click)=\"setNullExpectation($index, true)\"\r\n                >\r\n                  \u00E8 vuoto\r\n                </button>\r\n                <button\r\n                  type=\"button\"\r\n                  class=\"fb-filter__mode\"\r\n                  [class.fb-filter__mode--active]=\"!nullExpectation(filter)\"\r\n                  (click)=\"setNullExpectation($index, false)\"\r\n                >\r\n                  non \u00E8 vuoto\r\n                </button>\r\n              </div>\r\n            </div>\r\n          } @else {\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label\">Valore</label>\r\n              <fb-value-editor\r\n                [value]=\"filter.value\"\r\n                [dataType]=\"fieldDataType(filter)\"\r\n                [objectType]=\"fieldObjectType(filter)\"\r\n                [valueSet]=\"fieldValueSet(filter)\"\r\n                label=\"Valore del filtro\"\r\n                [allowFormula]=\"false\"\r\n                (valueChange)=\"setValue($index, $event)\"\r\n              />\r\n            </div>\r\n          }\r\n        </div>\r\n      </div>\r\n    } @empty {\r\n      <p class=\"fb-empty\">Nessun filtro.</p>\r\n    }\r\n  </div>\r\n\r\n  <button type=\"button\" class=\"fb-btn\" (click)=\"addFilter()\">Aggiungi filtro</button>\r\n</fieldset>\r\n", styles: [":host{display:block}.fb-filter__modes{margin-bottom:8px}.fb-field .fb-filter__modes{margin-bottom:0}\n"], dependencies: [{ kind: "component", type: FieldPickerComponent, selector: "fb-field-picker", inputs: ["value", "object", "usage", "label", "placeholder", "disabled"], outputs: ["valueChange"] }, { kind: "component", type: FormulaEditorComponent, selector: "fb-formula-editor", inputs: ["expression", "usage", "expectedDataType", "scale", "placeholder", "ariaLabel", "disabled", "rows", "commitOn"], outputs: ["expressionChange"] }, { kind: "component", type: ValueEditorComponent, selector: "fb-value-editor", inputs: ["value", "label", "dataType", "objectType", "isCollection", "valueSet", "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.28", ngImport: i0, type: RecordFilterEditorComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'fb-record-filter-editor', standalone: true, imports: [FieldPickerComponent, FormulaEditorComponent, ValueEditorComponent, SelectValueDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<fieldset class=\"fb-section\">\r\n  <legend class=\"fb-section__title\">{{ title() }}</legend>\r\n\r\n  @if (!object() && !fieldOptions().length) {\r\n    <p class=\"fb-field__hint\">Scegli prima un oggetto per poter filtrare sui suoi campi.</p>\r\n  }\r\n\r\n  @if (supportsLogic()) {\r\n    <div class=\"fb-filter__modes\" role=\"group\" aria-label=\"Logica dei filtri\">\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-filter__mode\"\r\n        [class.fb-filter__mode--active]=\"logicMode() === 'and'\"\r\n        (click)=\"setLogicMode('and')\"\r\n      >\r\n        Tutti (AND)\r\n      </button>\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-filter__mode\"\r\n        [class.fb-filter__mode--active]=\"logicMode() === 'or'\"\r\n        (click)=\"setLogicMode('or')\"\r\n      >\r\n        Almeno uno (OR)\r\n      </button>\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-filter__mode\"\r\n        [class.fb-filter__mode--active]=\"logicMode() === 'custom'\"\r\n        (click)=\"setLogicMode('custom')\"\r\n      >\r\n        Espressione\r\n      </button>\r\n      @if (supportsFormula()) {\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-filter__mode\"\r\n          [class.fb-filter__mode--active]=\"logicMode() === 'formula'\"\r\n          (click)=\"setLogicMode('formula')\"\r\n        >\r\n          Formula\r\n        </button>\r\n      }\r\n    </div>\r\n  } @else {\r\n    <!-- Qui il modello non ha `filterLogic`: mostrarlo lo farebbe perdere al salvataggio. -->\r\n    <p class=\"fb-field__hint\">Su questo elemento i filtri sono sempre combinati in AND.</p>\r\n  }\r\n\r\n  @if (supportsLogic() && logicMode() === 'custom') {\r\n    <div class=\"fb-field\">\r\n      <input\r\n        class=\"fb-input fb-input--mono\"\r\n        [value]=\"customLogic()\"\r\n        placeholder=\"1 AND (2 OR 3)\"\r\n        aria-label=\"Espressione sugli indici dei filtri\"\r\n        (input)=\"setCustomLogic($any($event.target).value)\"\r\n      />\r\n    </div>\r\n  }\r\n\r\n  @if (supportsFormula() && logicMode() === 'formula') {\r\n    <div class=\"fb-field\">\r\n      <label class=\"fb-field__label\">Formula di filtro</label>\r\n      <fb-formula-editor\r\n        [expression]=\"holder().filterFormula || ''\"\r\n        usage=\"Condition\"\r\n        expectedDataType=\"Boolean\"\r\n        ariaLabel=\"Formula di filtro\"\r\n        (expressionChange)=\"setFormula($event)\"\r\n      >\r\n        <p class=\"fb-field__hint\">Valutata dal motore di regole, in alternativa ai filtri.</p>\r\n      </fb-formula-editor>\r\n    </div>\r\n  }\r\n\r\n  @if (identifierNotFilterable()) {\r\n    <p class=\"fb-field__hint\">\r\n      Su questo oggetto l\u2019identificativo non e\u2019 filtrabile: la chiave e\u2019 composta e porta la propria\r\n      forma canonica. Filtra per le colonne della chiave, una per colonna.\r\n    </p>\r\n  }\r\n\r\n  @if (showEmptyWarning()) {\r\n    <p\r\n      class=\"fb-callout\"\r\n      [class.fb-callout--warn]=\"emptyWarningSeverity() === 'warn'\"\r\n      [class.fb-callout--error]=\"emptyWarningSeverity() === 'error'\"\r\n    >\r\n      {{ emptyWarning() }}\r\n    </p>\r\n  }\r\n\r\n  <div class=\"fb-list\">\r\n    @for (filter of filters(); track $index) {\r\n      <div class=\"fb-list__item\">\r\n        <div class=\"fb-list__header\">\r\n          <span class=\"fb-list__index\">{{ $index + 1 }}</span>\r\n          <span class=\"fb-list__spacer\"></span>\r\n          <button\r\n            type=\"button\"\r\n            class=\"fb-btn fb-btn--ghost fb-btn--icon\"\r\n            aria-label=\"Rimuovi il filtro\"\r\n            (click)=\"removeFilter($index)\"\r\n          >\r\n            \u00D7\r\n          </button>\r\n        </div>\r\n\r\n        <!-- Campo, operatore e valore sono una frase sola: si leggono in riga. -->\r\n        <div class=\"fb-fields-row\">\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label\">Campo</label>\r\n            @if (fieldOptions().length) {\r\n              <!-- Insieme chiuso: qui non c'e' un catalogo incompleto da compensare. -->\r\n              <select\r\n                class=\"fb-select\"\r\n                [fbValue]=\"filter.field || ''\"\r\n                aria-label=\"Campo del filtro\"\r\n                (change)=\"setField($index, $any($event.target).value)\"\r\n              >\r\n                <option value=\"\">\u2014 scegli \u2014</option>\r\n                @for (option of fieldOptions(); track option.value) {\r\n                  <option [value]=\"option.value\">{{ option.label }}</option>\r\n                }\r\n              </select>\r\n              @if (unknownFixedField(filter)) {\r\n                <p class=\"fb-field__error\">\r\n                  \u00AB{{ filter.field }}\u00BB non e\u2019 fra i campi citabili qui (FIELD_UNKNOWN).\r\n                </p>\r\n              }\r\n            } @else {\r\n              <fb-field-picker\r\n                [value]=\"filter.field\"\r\n                [object]=\"object()\"\r\n                [usage]=\"usage()\"\r\n                placeholder=\"Scrivi o scegli un campo\"\r\n                (valueChange)=\"setField($index, $event ?? '')\"\r\n              />\r\n            }\r\n          </div>\r\n\r\n          <div class=\"fb-field fb-field--compact\">\r\n            <label class=\"fb-field__label\">Operatore</label>\r\n            <select\r\n              class=\"fb-select\"\r\n              [fbValue]=\"filter.operator || ''\"\r\n              (change)=\"setOperator($index, $any($event.target).value)\"\r\n            >\r\n              @for (operator of operators(); track operator.value) {\r\n                <option [value]=\"operator.value\">{{ operator.label }}</option>\r\n              }\r\n            </select>\r\n          </div>\r\n\r\n          @if (isNullOperator(filter)) {\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label\">Esito atteso</label>\r\n              <div class=\"fb-filter__modes\">\r\n                <button\r\n                  type=\"button\"\r\n                  class=\"fb-filter__mode\"\r\n                  [class.fb-filter__mode--active]=\"nullExpectation(filter)\"\r\n                  (click)=\"setNullExpectation($index, true)\"\r\n                >\r\n                  \u00E8 vuoto\r\n                </button>\r\n                <button\r\n                  type=\"button\"\r\n                  class=\"fb-filter__mode\"\r\n                  [class.fb-filter__mode--active]=\"!nullExpectation(filter)\"\r\n                  (click)=\"setNullExpectation($index, false)\"\r\n                >\r\n                  non \u00E8 vuoto\r\n                </button>\r\n              </div>\r\n            </div>\r\n          } @else {\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label\">Valore</label>\r\n              <fb-value-editor\r\n                [value]=\"filter.value\"\r\n                [dataType]=\"fieldDataType(filter)\"\r\n                [objectType]=\"fieldObjectType(filter)\"\r\n                label=\"Valore del filtro\"\r\n                [allowFormula]=\"false\"\r\n                (valueChange)=\"setValue($index, $event)\"\r\n              />\r\n            </div>\r\n          }\r\n        </div>\r\n      </div>\r\n    } @empty {\r\n      <p class=\"fb-empty\">Nessun filtro.</p>\r\n    }\r\n  </div>\r\n\r\n  <button type=\"button\" class=\"fb-btn\" (click)=\"addFilter()\">Aggiungi filtro</button>\r\n</fieldset>\r\n", styles: [":host{display:block}.fb-filter__modes{display:flex;flex-wrap:wrap;gap:3px;margin-bottom:8px}.fb-filter__mode{padding:3px 8px;border:1px solid var(--fb-border-subtle, #e6e9ee);border-radius:12px;background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:11px;cursor:pointer}.fb-filter__mode:hover{background:var(--fb-surface-alt, #f8f9fb)}.fb-filter__mode--active{border-color:var(--fb-accent, #2f6feb);background:color-mix(in srgb,var(--fb-accent, #2f6feb) 10%,transparent);color:var(--fb-accent, #2f6feb);font-weight:600}\n"] }]
+            args: [{ selector: 'fb-record-filter-editor', standalone: true, imports: [FieldPickerComponent, FormulaEditorComponent, ValueEditorComponent, SelectValueDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<fieldset class=\"fb-section\">\r\n  <legend class=\"fb-section__title\">{{ title() }}</legend>\r\n\r\n  @if (!object() && !fieldOptions().length) {\r\n    <p class=\"fb-field__hint\">Scegli prima un oggetto per poter filtrare sui suoi campi.</p>\r\n  }\r\n\r\n  @if (supportsLogic()) {\r\n    <div class=\"fb-filter__modes\" role=\"group\" aria-label=\"Logica dei filtri\">\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-filter__mode\"\r\n        [class.fb-filter__mode--active]=\"logicMode() === 'and'\"\r\n        (click)=\"setLogicMode('and')\"\r\n      >\r\n        Tutti (AND)\r\n      </button>\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-filter__mode\"\r\n        [class.fb-filter__mode--active]=\"logicMode() === 'or'\"\r\n        (click)=\"setLogicMode('or')\"\r\n      >\r\n        Almeno uno (OR)\r\n      </button>\r\n      <button\r\n        type=\"button\"\r\n        class=\"fb-filter__mode\"\r\n        [class.fb-filter__mode--active]=\"logicMode() === 'custom'\"\r\n        (click)=\"setLogicMode('custom')\"\r\n      >\r\n        Espressione\r\n      </button>\r\n      @if (supportsFormula()) {\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-filter__mode\"\r\n          [class.fb-filter__mode--active]=\"logicMode() === 'formula'\"\r\n          (click)=\"setLogicMode('formula')\"\r\n        >\r\n          Formula\r\n        </button>\r\n      }\r\n    </div>\r\n  } @else {\r\n    <!-- Qui il modello non ha `filterLogic`: mostrarlo lo farebbe perdere al salvataggio. -->\r\n    <p class=\"fb-field__hint\">Su questo elemento i filtri sono sempre combinati in AND.</p>\r\n  }\r\n\r\n  @if (supportsLogic() && logicMode() === 'custom') {\r\n    <div class=\"fb-field\">\r\n      <input\r\n        class=\"fb-input fb-input--mono\"\r\n        [value]=\"customLogic()\"\r\n        placeholder=\"1 AND (2 OR 3)\"\r\n        aria-label=\"Espressione sugli indici dei filtri\"\r\n        (input)=\"setCustomLogic($any($event.target).value)\"\r\n      />\r\n    </div>\r\n  }\r\n\r\n  @if (supportsFormula() && logicMode() === 'formula') {\r\n    <div class=\"fb-field\">\r\n      <label class=\"fb-field__label\">Formula di filtro</label>\r\n      <fb-formula-editor\r\n        [expression]=\"holder().filterFormula || ''\"\r\n        usage=\"Condition\"\r\n        expectedDataType=\"Boolean\"\r\n        ariaLabel=\"Formula di filtro\"\r\n        (expressionChange)=\"setFormula($event)\"\r\n      >\r\n        <p class=\"fb-field__hint\">Valutata dal motore di regole, in alternativa ai filtri.</p>\r\n      </fb-formula-editor>\r\n    </div>\r\n  }\r\n\r\n  @if (identifierNotFilterable()) {\r\n    <p class=\"fb-field__hint\">\r\n      Su questo oggetto l\u2019identificativo non e\u2019 filtrabile: la chiave e\u2019 composta e porta la propria\r\n      forma canonica. Filtra per le colonne della chiave, una per colonna.\r\n    </p>\r\n  }\r\n\r\n  @if (showEmptyWarning()) {\r\n    <p\r\n      class=\"fb-callout\"\r\n      [class.fb-callout--warn]=\"emptyWarningSeverity() === 'warn'\"\r\n      [class.fb-callout--error]=\"emptyWarningSeverity() === 'error'\"\r\n    >\r\n      {{ emptyWarning() }}\r\n    </p>\r\n  }\r\n\r\n  <div class=\"fb-list\">\r\n    @for (filter of filters(); track $index) {\r\n      <div class=\"fb-list__item\">\r\n        <div class=\"fb-list__header\">\r\n          <span class=\"fb-list__index\">{{ $index + 1 }}</span>\r\n          <span class=\"fb-list__spacer\"></span>\r\n          <button\r\n            type=\"button\"\r\n            class=\"fb-btn fb-btn--ghost fb-btn--icon\"\r\n            aria-label=\"Rimuovi il filtro\"\r\n            (click)=\"removeFilter($index)\"\r\n          >\r\n            \u00D7\r\n          </button>\r\n        </div>\r\n\r\n        <!-- Campo, operatore e valore sono una frase sola: si leggono in riga. -->\r\n        <div class=\"fb-fields-row\">\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label\">Campo</label>\r\n            @if (fieldOptions().length) {\r\n              <!-- Insieme chiuso: qui non c'e' un catalogo incompleto da compensare. -->\r\n              <select\r\n                class=\"fb-select\"\r\n                [fbValue]=\"filter.field || ''\"\r\n                aria-label=\"Campo del filtro\"\r\n                (change)=\"setField($index, $any($event.target).value)\"\r\n              >\r\n                <option value=\"\">\u2014 scegli \u2014</option>\r\n                @for (option of fieldOptions(); track option.value) {\r\n                  <option [value]=\"option.value\">{{ option.label }}</option>\r\n                }\r\n              </select>\r\n              @if (unknownFixedField(filter)) {\r\n                <p class=\"fb-field__error\">\r\n                  \u00AB{{ filter.field }}\u00BB non e\u2019 fra i campi citabili qui (FIELD_UNKNOWN).\r\n                </p>\r\n              }\r\n            } @else {\r\n              <fb-field-picker\r\n                [value]=\"filter.field\"\r\n                [object]=\"object()\"\r\n                [usage]=\"usage()\"\r\n                placeholder=\"Scrivi o scegli un campo\"\r\n                (valueChange)=\"setField($index, $event ?? '')\"\r\n              />\r\n            }\r\n          </div>\r\n\r\n          <div class=\"fb-field fb-field--compact\">\r\n            <label class=\"fb-field__label\">Operatore</label>\r\n            <select\r\n              class=\"fb-select\"\r\n              [fbValue]=\"filter.operator || ''\"\r\n              (change)=\"setOperator($index, $any($event.target).value)\"\r\n            >\r\n              @for (operator of operators(); track operator.value) {\r\n                <option [value]=\"operator.value\">{{ operator.label }}</option>\r\n              }\r\n            </select>\r\n          </div>\r\n\r\n          @if (isNullOperator(filter)) {\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label\">Esito atteso</label>\r\n              <div class=\"fb-filter__modes\">\r\n                <button\r\n                  type=\"button\"\r\n                  class=\"fb-filter__mode\"\r\n                  [class.fb-filter__mode--active]=\"nullExpectation(filter)\"\r\n                  (click)=\"setNullExpectation($index, true)\"\r\n                >\r\n                  \u00E8 vuoto\r\n                </button>\r\n                <button\r\n                  type=\"button\"\r\n                  class=\"fb-filter__mode\"\r\n                  [class.fb-filter__mode--active]=\"!nullExpectation(filter)\"\r\n                  (click)=\"setNullExpectation($index, false)\"\r\n                >\r\n                  non \u00E8 vuoto\r\n                </button>\r\n              </div>\r\n            </div>\r\n          } @else {\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label\">Valore</label>\r\n              <fb-value-editor\r\n                [value]=\"filter.value\"\r\n                [dataType]=\"fieldDataType(filter)\"\r\n                [objectType]=\"fieldObjectType(filter)\"\r\n                [valueSet]=\"fieldValueSet(filter)\"\r\n                label=\"Valore del filtro\"\r\n                [allowFormula]=\"false\"\r\n                (valueChange)=\"setValue($index, $event)\"\r\n              />\r\n            </div>\r\n          }\r\n        </div>\r\n      </div>\r\n    } @empty {\r\n      <p class=\"fb-empty\">Nessun filtro.</p>\r\n    }\r\n  </div>\r\n\r\n  <button type=\"button\" class=\"fb-btn\" (click)=\"addFilter()\">Aggiungi filtro</button>\r\n</fieldset>\r\n", styles: [":host{display:block}.fb-filter__modes{margin-bottom:8px}.fb-field .fb-filter__modes{margin-bottom:0}\n"] }]
         }], ctorParameters: () => [], propDecorators: { holder: [{ type: i0.Input, args: [{ isSignal: true, alias: "holder", required: true }] }], object: [{ type: i0.Input, args: [{ isSignal: true, alias: "object", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], usage: [{ type: i0.Input, args: [{ isSignal: true, alias: "usage", required: false }] }], fieldOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "fieldOptions", required: false }] }], supportsLogic: [{ type: i0.Input, args: [{ isSignal: true, alias: "supportsLogic", required: false }] }], supportsFormula: [{ type: i0.Input, args: [{ isSignal: true, alias: "supportsFormula", required: false }] }], emptyWarning: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyWarning", required: false }] }], emptyWarningSeverity: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyWarningSeverity", required: false }] }], changed: [{ type: i0.Output, args: ["changed"] }] } });
 
 /**
@@ -8053,7 +8211,7 @@ class ParameterEditorComponent {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: ParameterEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.28", type: ParameterEditorComponent, isStandalone: true, selector: "fb-parameter-editor", inputs: { holder: { classPropertyName: "holder", publicName: "holder", isSignal: true, isRequired: true, transformFunction: null }, catalogParameters: { classPropertyName: "catalogParameters", publicName: "catalogParameters", isSignal: true, isRequired: false, transformFunction: null }, inputTitle: { classPropertyName: "inputTitle", publicName: "inputTitle", isSignal: true, isRequired: false, transformFunction: null }, outputTitle: { classPropertyName: "outputTitle", publicName: "outputTitle", isSignal: true, isRequired: false, transformFunction: null }, showInputs: { classPropertyName: "showInputs", publicName: "showInputs", isSignal: true, isRequired: false, transformFunction: null }, showOutputs: { classPropertyName: "showOutputs", publicName: "showOutputs", isSignal: true, isRequired: false, transformFunction: null }, outputsDisabledReason: { classPropertyName: "outputsDisabledReason", publicName: "outputsDisabledReason", isSignal: true, isRequired: false, transformFunction: null }, extraTargets: { classPropertyName: "extraTargets", publicName: "extraTargets", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { changed: "changed" }, ngImport: i0, template: "@if (showInputs()) {\r\n  <fieldset class=\"fb-section\">\r\n    <legend class=\"fb-section__title\">{{ inputTitle() }}</legend>\r\n\r\n    @if (missingRequired().length) {\r\n      <p class=\"fb-callout fb-callout--warn\">\r\n        Parametri obbligatori non ancora impostati:\r\n        @for (parameter of missingRequired(); track parameter.name) {\r\n          <button type=\"button\" class=\"fb-btn fb-btn--ghost fb-btn--icon\" (click)=\"addInput(parameter.name)\">\r\n            + {{ parameter.name }}\r\n          </button>\r\n        }\r\n      </p>\r\n    }\r\n\r\n    <div class=\"fb-list\">\r\n      @for (parameter of inputs(); track $index) {\r\n        <div class=\"fb-list__item\">\r\n          <!-- Nome e valore sono una coppia: in colonna raddoppiavano l\u2019altezza dell\u2019elenco. -->\r\n          <div class=\"fb-fields-row\">\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label\">Parametro</label>\r\n              <fb-name-picker\r\n                [value]=\"parameter.name\"\r\n                [options]=\"inputOptions()\"\r\n                label=\"Nome del parametro\"\r\n                placeholder=\"Scrivi o scegli un parametro\"\r\n                [isMono]=\"false\"\r\n                unknownMessage=\"Il catalogo non dichiara questo parametro: la validazione lo segnalerebbe come errore.\"\r\n                unknownSeverity=\"error\"\r\n                emptyMessage=\"Parametri dichiarati non disponibili: scrivi il nome a mano.\"\r\n                (valueChange)=\"setInputName($index, $event ?? '')\"\r\n              />\r\n            </div>\r\n\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label\">Valore</label>\r\n              <fb-value-editor\r\n                [value]=\"parameter.value\"\r\n                [dataType]=\"describe(parameter.name)?.dataType\"\r\n                [objectType]=\"describe(parameter.name)?.objectType || undefined\"\r\n                [isCollection]=\"describe(parameter.name)?.isCollection\"\r\n                label=\"Valore del parametro\"\r\n                (valueChange)=\"setInputValue($index, $event)\"\r\n              />\r\n            </div>\r\n\r\n            <button\r\n              type=\"button\"\r\n              class=\"fb-btn fb-btn--ghost fb-btn--icon fb-fields-row__action\"\r\n              aria-label=\"Rimuovi il parametro\"\r\n              (click)=\"removeInput($index)\"\r\n            >\r\n              \u00D7\r\n            </button>\r\n          </div>\r\n        </div>\r\n      } @empty {\r\n        <p class=\"fb-empty\">Nessun parametro di ingresso.</p>\r\n      }\r\n    </div>\r\n\r\n    <button type=\"button\" class=\"fb-btn\" (click)=\"addInput()\">Aggiungi parametro</button>\r\n  </fieldset>\r\n}\r\n\r\n@if (showOutputs()) {\r\n  <fieldset class=\"fb-section\">\r\n    <legend class=\"fb-section__title\">{{ outputTitle() }}</legend>\r\n\r\n    @if (outputsDisabledReason()) {\r\n      <p class=\"fb-callout\">{{ outputsDisabledReason() }}</p>\r\n    }\r\n\r\n    <div class=\"fb-list\">\r\n      @for (parameter of outputs(); track $index) {\r\n        <div class=\"fb-list__item\">\r\n          <div class=\"fb-fields-row\">\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label\">Parametro</label>\r\n              <fb-name-picker\r\n                [value]=\"parameter.name\"\r\n                [options]=\"outputOptions()\"\r\n                label=\"Nome del parametro di uscita\"\r\n                placeholder=\"Scrivi o scegli un parametro\"\r\n                [isMono]=\"false\"\r\n                unknownMessage=\"Il catalogo non dichiara questo parametro di uscita.\"\r\n                unknownSeverity=\"error\"\r\n                emptyMessage=\"Parametri di uscita dichiarati non disponibili: scrivi il nome a mano.\"\r\n                (valueChange)=\"setOutputName($index, $event ?? '')\"\r\n              />\r\n            </div>\r\n\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label\">Assegna a</label>\r\n              <!-- Solo variabili: assegnare a una costante o a una formula e' un errore. -->\r\n              <fb-reference-picker\r\n                [value]=\"parameter.assignToReference\"\r\n                [writableOnly]=\"true\"\r\n                [extraReferences]=\"extraTargets()\"\r\n                [dataType]=\"describe(parameter.name)?.dataType\"\r\n                [isCollection]=\"describe(parameter.name)?.isCollection\"\r\n                placeholder=\"Scegli una variabile\"\r\n                (valueChange)=\"setOutputTarget($index, $event)\"\r\n              />\r\n            </div>\r\n\r\n            <button\r\n              type=\"button\"\r\n              class=\"fb-btn fb-btn--ghost fb-btn--icon fb-fields-row__action\"\r\n              aria-label=\"Rimuovi il parametro\"\r\n              (click)=\"removeOutput($index)\"\r\n            >\r\n              \u00D7\r\n            </button>\r\n          </div>\r\n        </div>\r\n      } @empty {\r\n        <p class=\"fb-empty\">Nessun parametro di uscita.</p>\r\n      }\r\n    </div>\r\n\r\n    <button type=\"button\" class=\"fb-btn\" (click)=\"addOutput()\">Aggiungi parametro</button>\r\n  </fieldset>\r\n}\r\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "component", type: NamePickerComponent, selector: "fb-name-picker", inputs: ["value", "options", "label", "placeholder", "disabled", "unknownMessage", "unknownSeverity", "unusableOptions", "unusableMessage", "emptyMessage", "isMono"], outputs: ["valueChange"] }, { kind: "component", type: ReferencePickerComponent, selector: "fb-reference-picker", inputs: ["value", "label", "placeholder", "disabled", "dataType", "isCollection", "objectType", "writableOnly", "elementsOnly", "extraReferences"], outputs: ["valueChange"] }, { kind: "component", type: ValueEditorComponent, selector: "fb-value-editor", inputs: ["value", "label", "dataType", "objectType", "isCollection", "disabled", "allowFormula"], outputs: ["valueChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.28", type: ParameterEditorComponent, isStandalone: true, selector: "fb-parameter-editor", inputs: { holder: { classPropertyName: "holder", publicName: "holder", isSignal: true, isRequired: true, transformFunction: null }, catalogParameters: { classPropertyName: "catalogParameters", publicName: "catalogParameters", isSignal: true, isRequired: false, transformFunction: null }, inputTitle: { classPropertyName: "inputTitle", publicName: "inputTitle", isSignal: true, isRequired: false, transformFunction: null }, outputTitle: { classPropertyName: "outputTitle", publicName: "outputTitle", isSignal: true, isRequired: false, transformFunction: null }, showInputs: { classPropertyName: "showInputs", publicName: "showInputs", isSignal: true, isRequired: false, transformFunction: null }, showOutputs: { classPropertyName: "showOutputs", publicName: "showOutputs", isSignal: true, isRequired: false, transformFunction: null }, outputsDisabledReason: { classPropertyName: "outputsDisabledReason", publicName: "outputsDisabledReason", isSignal: true, isRequired: false, transformFunction: null }, extraTargets: { classPropertyName: "extraTargets", publicName: "extraTargets", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { changed: "changed" }, ngImport: i0, template: "@if (showInputs()) {\r\n  <fieldset class=\"fb-section\">\r\n    <legend class=\"fb-section__title\">{{ inputTitle() }}</legend>\r\n\r\n    @if (missingRequired().length) {\r\n      <p class=\"fb-callout fb-callout--warn\">\r\n        Parametri obbligatori non ancora impostati:\r\n        @for (parameter of missingRequired(); track parameter.name) {\r\n          <button type=\"button\" class=\"fb-btn fb-btn--ghost fb-btn--icon\" (click)=\"addInput(parameter.name)\">\r\n            + {{ parameter.name }}\r\n          </button>\r\n        }\r\n      </p>\r\n    }\r\n\r\n    <div class=\"fb-list\">\r\n      @for (parameter of inputs(); track $index) {\r\n        <div class=\"fb-list__item\">\r\n          <!-- Nome e valore sono una coppia: in colonna raddoppiavano l\u2019altezza dell\u2019elenco. -->\r\n          <div class=\"fb-fields-row\">\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label\">Parametro</label>\r\n              <fb-name-picker\r\n                [value]=\"parameter.name\"\r\n                [options]=\"inputOptions()\"\r\n                label=\"Nome del parametro\"\r\n                placeholder=\"Scrivi o scegli un parametro\"\r\n                [isMono]=\"false\"\r\n                unknownMessage=\"Il catalogo non dichiara questo parametro: la validazione lo segnalerebbe come errore.\"\r\n                unknownSeverity=\"error\"\r\n                emptyMessage=\"Parametri dichiarati non disponibili: scrivi il nome a mano.\"\r\n                (valueChange)=\"setInputName($index, $event ?? '')\"\r\n              />\r\n            </div>\r\n\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label\">Valore</label>\r\n              <fb-value-editor\r\n                [value]=\"parameter.value\"\r\n                [dataType]=\"describe(parameter.name)?.dataType\"\r\n                [objectType]=\"describe(parameter.name)?.objectType || undefined\"\r\n                [isCollection]=\"describe(parameter.name)?.isCollection\"\r\n                label=\"Valore del parametro\"\r\n                (valueChange)=\"setInputValue($index, $event)\"\r\n              />\r\n            </div>\r\n\r\n            <button\r\n              type=\"button\"\r\n              class=\"fb-btn fb-btn--ghost fb-btn--icon fb-fields-row__action\"\r\n              aria-label=\"Rimuovi il parametro\"\r\n              (click)=\"removeInput($index)\"\r\n            >\r\n              \u00D7\r\n            </button>\r\n          </div>\r\n        </div>\r\n      } @empty {\r\n        <p class=\"fb-empty\">Nessun parametro di ingresso.</p>\r\n      }\r\n    </div>\r\n\r\n    <button type=\"button\" class=\"fb-btn\" (click)=\"addInput()\">Aggiungi parametro</button>\r\n  </fieldset>\r\n}\r\n\r\n@if (showOutputs()) {\r\n  <fieldset class=\"fb-section\">\r\n    <legend class=\"fb-section__title\">{{ outputTitle() }}</legend>\r\n\r\n    @if (outputsDisabledReason()) {\r\n      <p class=\"fb-callout\">{{ outputsDisabledReason() }}</p>\r\n    }\r\n\r\n    <div class=\"fb-list\">\r\n      @for (parameter of outputs(); track $index) {\r\n        <div class=\"fb-list__item\">\r\n          <div class=\"fb-fields-row\">\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label\">Parametro</label>\r\n              <fb-name-picker\r\n                [value]=\"parameter.name\"\r\n                [options]=\"outputOptions()\"\r\n                label=\"Nome del parametro di uscita\"\r\n                placeholder=\"Scrivi o scegli un parametro\"\r\n                [isMono]=\"false\"\r\n                unknownMessage=\"Il catalogo non dichiara questo parametro di uscita.\"\r\n                unknownSeverity=\"error\"\r\n                emptyMessage=\"Parametri di uscita dichiarati non disponibili: scrivi il nome a mano.\"\r\n                (valueChange)=\"setOutputName($index, $event ?? '')\"\r\n              />\r\n            </div>\r\n\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label\">Assegna a</label>\r\n              <!-- Solo variabili: assegnare a una costante o a una formula e' un errore. -->\r\n              <fb-reference-picker\r\n                [value]=\"parameter.assignToReference\"\r\n                [writableOnly]=\"true\"\r\n                [extraReferences]=\"extraTargets()\"\r\n                [dataType]=\"describe(parameter.name)?.dataType\"\r\n                [isCollection]=\"describe(parameter.name)?.isCollection\"\r\n                placeholder=\"Scegli una variabile\"\r\n                (valueChange)=\"setOutputTarget($index, $event)\"\r\n              />\r\n            </div>\r\n\r\n            <button\r\n              type=\"button\"\r\n              class=\"fb-btn fb-btn--ghost fb-btn--icon fb-fields-row__action\"\r\n              aria-label=\"Rimuovi il parametro\"\r\n              (click)=\"removeOutput($index)\"\r\n            >\r\n              \u00D7\r\n            </button>\r\n          </div>\r\n        </div>\r\n      } @empty {\r\n        <p class=\"fb-empty\">Nessun parametro di uscita.</p>\r\n      }\r\n    </div>\r\n\r\n    <button type=\"button\" class=\"fb-btn\" (click)=\"addOutput()\">Aggiungi parametro</button>\r\n  </fieldset>\r\n}\r\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "component", type: NamePickerComponent, selector: "fb-name-picker", inputs: ["value", "options", "label", "placeholder", "disabled", "unknownMessage", "unknownSeverity", "unusableOptions", "unusableMessage", "emptyMessage", "isMono"], outputs: ["valueChange"] }, { kind: "component", type: ReferencePickerComponent, selector: "fb-reference-picker", inputs: ["value", "label", "placeholder", "disabled", "dataType", "isCollection", "objectType", "writableOnly", "elementsOnly", "extraReferences"], outputs: ["valueChange"] }, { kind: "component", type: ValueEditorComponent, selector: "fb-value-editor", inputs: ["value", "label", "dataType", "objectType", "isCollection", "valueSet", "disabled", "allowFormula"], outputs: ["valueChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: ParameterEditorComponent, decorators: [{
             type: Component,
@@ -8142,7 +8300,7 @@ class FieldAssignmentEditorComponent {
         return this.fields().find((field) => field.name === name);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: FieldAssignmentEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.28", type: FieldAssignmentEditorComponent, isStandalone: true, selector: "fb-field-assignment-editor", inputs: { holder: { classPropertyName: "holder", publicName: "holder", isSignal: true, isRequired: true, transformFunction: null }, object: { classPropertyName: "object", publicName: "object", isSignal: true, isRequired: false, transformFunction: null }, usage: { classPropertyName: "usage", publicName: "usage", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, disabledReason: { classPropertyName: "disabledReason", publicName: "disabledReason", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { changed: "changed" }, ngImport: i0, template: "<fieldset class=\"fb-section\">\r\n  <legend class=\"fb-section__title\">{{ title() }}</legend>\r\n\r\n  @if (disabledReason()) {\r\n    <p class=\"fb-callout\">{{ disabledReason() }}</p>\r\n  }\r\n  @if (!object()) {\r\n    <p class=\"fb-field__hint\">Scegli prima un oggetto per poterne valorizzare i campi.</p>\r\n  }\r\n  @if (missingRequired().length) {\r\n    <p class=\"fb-callout fb-callout--warn\">\r\n      Campi obbligatori non valorizzati:\r\n      @for (field of missingRequired(); track field.name) {\r\n        <button type=\"button\" class=\"fb-btn fb-btn--ghost fb-btn--icon\" (click)=\"add(field.name)\">\r\n          + {{ field.label || field.name }}\r\n        </button>\r\n      }\r\n    </p>\r\n  }\r\n\r\n  <div class=\"fb-list\">\r\n    @for (assignment of assignments(); track $index) {\r\n      <div class=\"fb-list__item\">\r\n        <!-- Campo e valore sono una coppia: in colonna raddoppiavano l\u2019altezza dell\u2019elenco. -->\r\n        <div class=\"fb-fields-row\">\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label\">Campo</label>\r\n            <fb-field-picker\r\n              [value]=\"assignment.field\"\r\n              [object]=\"object()\"\r\n              [usage]=\"usage()\"\r\n              placeholder=\"Scrivi o scegli un campo\"\r\n              (valueChange)=\"setField($index, $event ?? '')\"\r\n            />\r\n          </div>\r\n\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label\">Valore</label>\r\n            <fb-value-editor\r\n              [value]=\"assignment.value\"\r\n              [dataType]=\"describe(assignment.field)?.dataType\"\r\n              [objectType]=\"describe(assignment.field)?.objectType || undefined\"\r\n              label=\"Valore del campo\"\r\n              (valueChange)=\"setValue($index, $event)\"\r\n            />\r\n          </div>\r\n\r\n          <button\r\n            type=\"button\"\r\n            class=\"fb-btn fb-btn--ghost fb-btn--icon fb-fields-row__action\"\r\n            aria-label=\"Rimuovi\"\r\n            (click)=\"remove($index)\"\r\n          >\r\n            \u00D7\r\n          </button>\r\n        </div>\r\n      </div>\r\n    } @empty {\r\n      <p class=\"fb-empty\">Nessun campo valorizzato.</p>\r\n    }\r\n  </div>\r\n\r\n  <button type=\"button\" class=\"fb-btn\" (click)=\"add()\">Aggiungi campo</button>\r\n</fieldset>\r\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "component", type: FieldPickerComponent, selector: "fb-field-picker", inputs: ["value", "object", "usage", "label", "placeholder", "disabled"], outputs: ["valueChange"] }, { kind: "component", type: ValueEditorComponent, selector: "fb-value-editor", inputs: ["value", "label", "dataType", "objectType", "isCollection", "disabled", "allowFormula"], outputs: ["valueChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.28", type: FieldAssignmentEditorComponent, isStandalone: true, selector: "fb-field-assignment-editor", inputs: { holder: { classPropertyName: "holder", publicName: "holder", isSignal: true, isRequired: true, transformFunction: null }, object: { classPropertyName: "object", publicName: "object", isSignal: true, isRequired: false, transformFunction: null }, usage: { classPropertyName: "usage", publicName: "usage", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, disabledReason: { classPropertyName: "disabledReason", publicName: "disabledReason", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { changed: "changed" }, ngImport: i0, template: "<fieldset class=\"fb-section\">\r\n  <legend class=\"fb-section__title\">{{ title() }}</legend>\r\n\r\n  @if (disabledReason()) {\r\n    <p class=\"fb-callout\">{{ disabledReason() }}</p>\r\n  }\r\n  @if (!object()) {\r\n    <p class=\"fb-field__hint\">Scegli prima un oggetto per poterne valorizzare i campi.</p>\r\n  }\r\n  @if (missingRequired().length) {\r\n    <p class=\"fb-callout fb-callout--warn\">\r\n      Campi obbligatori non valorizzati:\r\n      @for (field of missingRequired(); track field.name) {\r\n        <button type=\"button\" class=\"fb-btn fb-btn--ghost fb-btn--icon\" (click)=\"add(field.name)\">\r\n          + {{ field.label || field.name }}\r\n        </button>\r\n      }\r\n    </p>\r\n  }\r\n\r\n  <div class=\"fb-list\">\r\n    @for (assignment of assignments(); track $index) {\r\n      <div class=\"fb-list__item\">\r\n        <!-- Campo e valore sono una coppia: in colonna raddoppiavano l\u2019altezza dell\u2019elenco. -->\r\n        <div class=\"fb-fields-row\">\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label\">Campo</label>\r\n            <fb-field-picker\r\n              [value]=\"assignment.field\"\r\n              [object]=\"object()\"\r\n              [usage]=\"usage()\"\r\n              placeholder=\"Scrivi o scegli un campo\"\r\n              (valueChange)=\"setField($index, $event ?? '')\"\r\n            />\r\n          </div>\r\n\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label\">Valore</label>\r\n            <fb-value-editor\r\n              [value]=\"assignment.value\"\r\n              [dataType]=\"describe(assignment.field)?.dataType\"\r\n              [objectType]=\"describe(assignment.field)?.objectType || undefined\"\r\n              label=\"Valore del campo\"\r\n              (valueChange)=\"setValue($index, $event)\"\r\n            />\r\n          </div>\r\n\r\n          <button\r\n            type=\"button\"\r\n            class=\"fb-btn fb-btn--ghost fb-btn--icon fb-fields-row__action\"\r\n            aria-label=\"Rimuovi\"\r\n            (click)=\"remove($index)\"\r\n          >\r\n            \u00D7\r\n          </button>\r\n        </div>\r\n      </div>\r\n    } @empty {\r\n      <p class=\"fb-empty\">Nessun campo valorizzato.</p>\r\n    }\r\n  </div>\r\n\r\n  <button type=\"button\" class=\"fb-btn\" (click)=\"add()\">Aggiungi campo</button>\r\n</fieldset>\r\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "component", type: FieldPickerComponent, selector: "fb-field-picker", inputs: ["value", "object", "usage", "label", "placeholder", "disabled"], outputs: ["valueChange"] }, { kind: "component", type: ValueEditorComponent, selector: "fb-value-editor", inputs: ["value", "label", "dataType", "objectType", "isCollection", "valueSet", "disabled", "allowFormula"], outputs: ["valueChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: FieldAssignmentEditorComponent, decorators: [{
             type: Component,
@@ -8610,7 +8768,7 @@ class AssignmentInspectorComponent extends NodeInspectorBase {
         return !operator.startsWith('Remove') || operator === 'RemovePosition' || operator === 'RemoveUncommon';
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: AssignmentInspectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.28", type: AssignmentInspectorComponent, isStandalone: true, selector: "fb-assignment-inspector", usesInheritance: true, ngImport: i0, template: "<fieldset class=\"fb-section\">\r\n  <legend class=\"fb-section__title\">Operazioni</legend>\r\n  <p class=\"fb-section__note\">\r\n    Le operazioni sono eseguite <strong>nell\u2019ordine in cui compaiono</strong>: spostarne una cambia il\r\n    risultato.\r\n  </p>\r\n\r\n  <div class=\"fb-list\">\r\n    @for (item of items(); track $index) {\r\n      <div class=\"fb-list__item\">\r\n        <div class=\"fb-list__header\">\r\n          <span class=\"fb-list__index\">{{ $index + 1 }}</span>\r\n          <span class=\"fb-list__spacer\"></span>\r\n          <button\r\n            type=\"button\"\r\n            class=\"fb-btn fb-btn--ghost fb-btn--icon\"\r\n            aria-label=\"Sposta su\"\r\n            [disabled]=\"$first\"\r\n            (click)=\"moveItem($index, -1)\"\r\n          >\r\n            \u2191\r\n          </button>\r\n          <button\r\n            type=\"button\"\r\n            class=\"fb-btn fb-btn--ghost fb-btn--icon\"\r\n            aria-label=\"Sposta giu\u2019\"\r\n            [disabled]=\"$last\"\r\n            (click)=\"moveItem($index, 1)\"\r\n          >\r\n            \u2193\r\n          </button>\r\n          <button\r\n            type=\"button\"\r\n            class=\"fb-btn fb-btn--ghost fb-btn--icon\"\r\n            aria-label=\"Rimuovi l\u2019operazione\"\r\n            (click)=\"removeItem($index)\"\r\n          >\r\n            \u00D7\r\n          </button>\r\n        </div>\r\n\r\n        <!-- Destinazione, operazione e valore sono una frase sola: si leggono in riga. -->\r\n        <div class=\"fb-fields-row\">\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label fb-field__label--required\">Destinazione</label>\r\n            <!--\r\n              Solo destinazioni scrivibili: una costante o una formula produrrebbero\r\n              TARGET_NOT_WRITABLE. Le globali assegnabili \u2014 `$Flow.CurrentStage`,\r\n              `$Flow.ActiveStages` e quelle dichiarate scrivibili dall'host \u2014 arrivano gi\u00E0\r\n              dalla primitiva, non si aggiungono qui.\r\n            -->\r\n            <fb-reference-picker\r\n              [value]=\"item.assignToReference\"\r\n              [writableOnly]=\"true\"\r\n              placeholder=\"Scegli una variabile\"\r\n              (valueChange)=\"setTarget($index, $event)\"\r\n            />\r\n            <p class=\"fb-field__hint\">\r\n              Puoi scrivere anche un campo di un record: <code>Cliente.Email</code>, <code>$Record.Stato</code>.\r\n            </p>\r\n          </div>\r\n\r\n          <div class=\"fb-field fb-field--compact\">\r\n            <label class=\"fb-field__label\">Operazione</label>\r\n            <select\r\n              class=\"fb-select\"\r\n              [fbValue]=\"item.operator || ''\"\r\n              (change)=\"setOperator($index, $any($event.target).value)\"\r\n            >\r\n              @for (operator of operators(); track operator.value) {\r\n                <option [value]=\"operator.value\">{{ operator.label }}</option>\r\n              }\r\n            </select>\r\n            @if (operatorDescription(item.operator)) {\r\n              <p class=\"fb-field__hint\">{{ operatorDescription(item.operator) }}</p>\r\n            }\r\n            @if (addSemanticsHint(item)) {\r\n              <p class=\"fb-field__hint\">{{ addSemanticsHint(item) }}</p>\r\n            }\r\n            @if (expectsCollection(item)) {\r\n              <p class=\"fb-field__hint fb-field__hint--warn\">\r\n                Questa operazione ha senso solo su una destinazione collection: su una variabile singola non\r\n                fallisce, semplicemente non fa nulla.\r\n              </p>\r\n            }\r\n          </div>\r\n\r\n          @if (needsValue(item)) {\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label\">Valore</label>\r\n              <!--\r\n                Il tipo della destinazione guida il controllo: su un Enum i valori proponibili sono\r\n                quelli del suo tipo, e farli digitare e' il modo piu' facile di scriverne uno che il\r\n                runtime non riconosce (\u00A74.6). Vale anche dentro una classe \u2014 \u00ABRichiesta.Stato\u00BB \u2014 perche'\r\n                il tipo si ricava navigando i membri (\u00A74.7.1). Ignoto il tipo, il campo resta generico.\r\n              -->\r\n              <fb-value-editor\r\n                [value]=\"item.value\"\r\n                label=\"Valore\"\r\n                [dataType]=\"targetDataType(item)\"\r\n                [objectType]=\"targetObjectType(item)\"\r\n                (valueChange)=\"setValue($index, $event)\"\r\n              />\r\n            </div>\r\n          }\r\n        </div>\r\n      </div>\r\n    } @empty {\r\n      <p class=\"fb-empty\">\r\n        Nessuna operazione: un Assignment senza operazioni non fa nulla (ASSIGNMENT_WITHOUT_ITEMS).\r\n      </p>\r\n    }\r\n  </div>\r\n\r\n  <button type=\"button\" class=\"fb-btn\" (click)=\"addItem()\">Aggiungi operazione</button>\r\n</fieldset>\r\n\r\n<fb-connector-editor\r\n  [nodeName]=\"name()\"\r\n  [node]=\"node()\"\r\n  [outlets]=\"outlets()\"\r\n  (connectorChanged)=\"onConnectorChanged($event)\"\r\n/>\r\n", dependencies: [{ kind: "component", type: ConnectorEditorComponent, selector: "fb-connector-editor", inputs: ["nodeName", "node", "outlets", "title"], outputs: ["connectorChanged"] }, { kind: "component", type: ReferencePickerComponent, selector: "fb-reference-picker", inputs: ["value", "label", "placeholder", "disabled", "dataType", "isCollection", "objectType", "writableOnly", "elementsOnly", "extraReferences"], outputs: ["valueChange"] }, { kind: "component", type: ValueEditorComponent, selector: "fb-value-editor", inputs: ["value", "label", "dataType", "objectType", "isCollection", "disabled", "allowFormula"], outputs: ["valueChange"] }, { kind: "directive", type: SelectValueDirective, selector: "select[fbValue]", inputs: ["fbValue"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.28", type: AssignmentInspectorComponent, isStandalone: true, selector: "fb-assignment-inspector", usesInheritance: true, ngImport: i0, template: "<fieldset class=\"fb-section\">\r\n  <legend class=\"fb-section__title\">Operazioni</legend>\r\n  <p class=\"fb-section__note\">\r\n    Le operazioni sono eseguite <strong>nell\u2019ordine in cui compaiono</strong>: spostarne una cambia il\r\n    risultato.\r\n  </p>\r\n\r\n  <div class=\"fb-list\">\r\n    @for (item of items(); track $index) {\r\n      <div class=\"fb-list__item\">\r\n        <div class=\"fb-list__header\">\r\n          <span class=\"fb-list__index\">{{ $index + 1 }}</span>\r\n          <span class=\"fb-list__spacer\"></span>\r\n          <button\r\n            type=\"button\"\r\n            class=\"fb-btn fb-btn--ghost fb-btn--icon\"\r\n            aria-label=\"Sposta su\"\r\n            [disabled]=\"$first\"\r\n            (click)=\"moveItem($index, -1)\"\r\n          >\r\n            \u2191\r\n          </button>\r\n          <button\r\n            type=\"button\"\r\n            class=\"fb-btn fb-btn--ghost fb-btn--icon\"\r\n            aria-label=\"Sposta giu\u2019\"\r\n            [disabled]=\"$last\"\r\n            (click)=\"moveItem($index, 1)\"\r\n          >\r\n            \u2193\r\n          </button>\r\n          <button\r\n            type=\"button\"\r\n            class=\"fb-btn fb-btn--ghost fb-btn--icon\"\r\n            aria-label=\"Rimuovi l\u2019operazione\"\r\n            (click)=\"removeItem($index)\"\r\n          >\r\n            \u00D7\r\n          </button>\r\n        </div>\r\n\r\n        <!-- Destinazione, operazione e valore sono una frase sola: si leggono in riga. -->\r\n        <div class=\"fb-fields-row\">\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label fb-field__label--required\">Destinazione</label>\r\n            <!--\r\n              Solo destinazioni scrivibili: una costante o una formula produrrebbero\r\n              TARGET_NOT_WRITABLE. Le globali assegnabili \u2014 `$Flow.CurrentStage`,\r\n              `$Flow.ActiveStages` e quelle dichiarate scrivibili dall'host \u2014 arrivano gi\u00E0\r\n              dalla primitiva, non si aggiungono qui.\r\n            -->\r\n            <fb-reference-picker\r\n              [value]=\"item.assignToReference\"\r\n              [writableOnly]=\"true\"\r\n              placeholder=\"Scegli una variabile\"\r\n              (valueChange)=\"setTarget($index, $event)\"\r\n            />\r\n            <p class=\"fb-field__hint\">\r\n              Puoi scrivere anche un campo di un record: <code>Cliente.Email</code>, <code>$Record.Stato</code>.\r\n            </p>\r\n          </div>\r\n\r\n          <div class=\"fb-field fb-field--compact\">\r\n            <label class=\"fb-field__label\">Operazione</label>\r\n            <select\r\n              class=\"fb-select\"\r\n              [fbValue]=\"item.operator || ''\"\r\n              (change)=\"setOperator($index, $any($event.target).value)\"\r\n            >\r\n              @for (operator of operators(); track operator.value) {\r\n                <option [value]=\"operator.value\">{{ operator.label }}</option>\r\n              }\r\n            </select>\r\n            @if (operatorDescription(item.operator)) {\r\n              <p class=\"fb-field__hint\">{{ operatorDescription(item.operator) }}</p>\r\n            }\r\n            @if (addSemanticsHint(item)) {\r\n              <p class=\"fb-field__hint\">{{ addSemanticsHint(item) }}</p>\r\n            }\r\n            @if (expectsCollection(item)) {\r\n              <p class=\"fb-field__hint fb-field__hint--warn\">\r\n                Questa operazione ha senso solo su una destinazione collection: su una variabile singola non\r\n                fallisce, semplicemente non fa nulla.\r\n              </p>\r\n            }\r\n          </div>\r\n\r\n          @if (needsValue(item)) {\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label\">Valore</label>\r\n              <!--\r\n                Il tipo della destinazione guida il controllo: su un Enum i valori proponibili sono\r\n                quelli del suo tipo, e farli digitare e' il modo piu' facile di scriverne uno che il\r\n                runtime non riconosce (\u00A74.6). Vale anche dentro una classe \u2014 \u00ABRichiesta.Stato\u00BB \u2014 perche'\r\n                il tipo si ricava navigando i membri (\u00A74.7.1). Ignoto il tipo, il campo resta generico.\r\n              -->\r\n              <fb-value-editor\r\n                [value]=\"item.value\"\r\n                label=\"Valore\"\r\n                [dataType]=\"targetDataType(item)\"\r\n                [objectType]=\"targetObjectType(item)\"\r\n                (valueChange)=\"setValue($index, $event)\"\r\n              />\r\n            </div>\r\n          }\r\n        </div>\r\n      </div>\r\n    } @empty {\r\n      <p class=\"fb-empty\">\r\n        Nessuna operazione: un Assignment senza operazioni non fa nulla (ASSIGNMENT_WITHOUT_ITEMS).\r\n      </p>\r\n    }\r\n  </div>\r\n\r\n  <button type=\"button\" class=\"fb-btn\" (click)=\"addItem()\">Aggiungi operazione</button>\r\n</fieldset>\r\n\r\n<fb-connector-editor\r\n  [nodeName]=\"name()\"\r\n  [node]=\"node()\"\r\n  [outlets]=\"outlets()\"\r\n  (connectorChanged)=\"onConnectorChanged($event)\"\r\n/>\r\n", dependencies: [{ kind: "component", type: ConnectorEditorComponent, selector: "fb-connector-editor", inputs: ["nodeName", "node", "outlets", "title"], outputs: ["connectorChanged"] }, { kind: "component", type: ReferencePickerComponent, selector: "fb-reference-picker", inputs: ["value", "label", "placeholder", "disabled", "dataType", "isCollection", "objectType", "writableOnly", "elementsOnly", "extraReferences"], outputs: ["valueChange"] }, { kind: "component", type: ValueEditorComponent, selector: "fb-value-editor", inputs: ["value", "label", "dataType", "objectType", "isCollection", "valueSet", "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.28", ngImport: i0, type: AssignmentInspectorComponent, decorators: [{
             type: Component,
@@ -10160,7 +10318,7 @@ class DynamicScreenInspectorComponent extends NodeInspectorBase {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: DynamicScreenInspectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.28", type: DynamicScreenInspectorComponent, isStandalone: true, selector: "fb-dynamic-screen-inspector", usesInheritance: true, ngImport: i0, template: "<div class=\"fb-scr\">\r\n  <!-- ============================================================ sinistra -->\r\n  <aside class=\"fb-scr__side\" aria-label=\"Componenti e campi\">\r\n    <div class=\"fb-scr__tabs\" role=\"tablist\">\r\n      <button\r\n        type=\"button\"\r\n        role=\"tab\"\r\n        class=\"fb-scr__tab\"\r\n        [class.fb-scr__tab--active]=\"paletteTab() === 'components'\"\r\n        [attr.aria-selected]=\"paletteTab() === 'components'\"\r\n        (click)=\"setPaletteTab('components')\"\r\n      >\r\n        Componenti\r\n      </button>\r\n      <button\r\n        type=\"button\"\r\n        role=\"tab\"\r\n        class=\"fb-scr__tab\"\r\n        [class.fb-scr__tab--active]=\"paletteTab() === 'fields'\"\r\n        [attr.aria-selected]=\"paletteTab() === 'fields'\"\r\n        (click)=\"setPaletteTab('fields')\"\r\n      >\r\n        Campi\r\n      </button>\r\n    </div>\r\n\r\n    @if (paletteTab() === 'components') {\r\n      @if (!dictionary.screenFieldTypes().length) {\r\n        <p class=\"fb-callout fb-callout--warn\">\r\n          Il dizionario <code>screenFieldTypes</code> non e\u2019 disponibile: senza i suoi flag l\u2019editor non\r\n          sa quali campi ammette ciascun tipo, e non li inventa.\r\n        </p>\r\n      }\r\n      <p class=\"fb-scr__side-hint\">Trascina sulla schermata, oppure clicca per aggiungere.</p>\r\n      <ul class=\"fb-scr__palette\">\r\n        @for (entry of dictionary.screenFieldTypes(); track entry.value) {\r\n          <li>\r\n            <button\r\n              type=\"button\"\r\n              class=\"fb-scr__chip\"\r\n              cdkDrag\r\n              [title]=\"entry.description || entry.label\"\r\n              (cdkDragMoved)=\"onPaletteDragMoved($event)\"\r\n              (cdkDragEnded)=\"onComponentDragEnded($event, entry.value)\"\r\n              (click)=\"addComponentAtSelection(entry.value)\"\r\n            >\r\n              <span class=\"fb-scr__chip-icon\" aria-hidden=\"true\">{{ iconOf(entry.value) }}</span>\r\n              <span class=\"fb-scr__chip-label\">{{ entry.label }}</span>\r\n            </button>\r\n          </li>\r\n        }\r\n      </ul>\r\n    } @else {\r\n      <p class=\"fb-scr__side-hint\">\r\n        Un campo dell\u2019entita\u2019 porta con se\u2019 tipo, etichetta, obbligatorieta\u2019 e opzioni: arrivano dallo\r\n        schema dati, qui non si ridichiarano.\r\n      </p>\r\n      <!-- Il catalogo non e' un dizionario chiuso: si sceglie o si scrive, come ovunque si\r\n           indichi un'entita' (vedi `object-picker`). -->\r\n      <fb-object-picker\r\n        [value]=\"fieldsObject()\"\r\n        label=\"Entita\u2019\"\r\n        placeholder=\"Scrivi o scegli un\u2019entita\u2019\"\r\n        (valueChange)=\"setFieldsObject($event)\"\r\n      />\r\n      @if (fieldsObject() && !fieldsOfObject().length) {\r\n        <p class=\"fb-scr__side-empty\">\r\n          Nessun campo dichiarato per questa entita\u2019: il catalogo non li espone, non significa che non\r\n          ci siano.\r\n        </p>\r\n      }\r\n      <ul class=\"fb-scr__palette\">\r\n        @for (field of fieldsOfObject(); track $index) {\r\n          <li>\r\n            <button\r\n              type=\"button\"\r\n              class=\"fb-scr__chip\"\r\n              cdkDrag\r\n              [title]=\"field.name + (field.dataType ? ' \u00B7 ' + field.dataType : '')\"\r\n              (cdkDragMoved)=\"onPaletteDragMoved($event)\"\r\n              (cdkDragEnded)=\"onObjectFieldDragEnded($event, field)\"\r\n              (click)=\"addObjectFieldAtSelection(field)\"\r\n            >\r\n              <span class=\"fb-scr__chip-icon\" aria-hidden=\"true\">\u2317</span>\r\n              <span class=\"fb-scr__chip-label\">\r\n                {{ field.label || field.name }}\r\n                @if (field.isRequired) {\r\n                  <span class=\"fb-scr__req\">*</span>\r\n                }\r\n                <small>{{ field.dataType }}</small>\r\n              </span>\r\n            </button>\r\n          </li>\r\n        }\r\n      </ul>\r\n    }\r\n  </aside>\r\n\r\n  <!-- ============================================================== centro -->\r\n  <!-- Cliccare fuori da un campo riporta a destra le proprieta' della schermata. -->\r\n  <section class=\"fb-scr__canvas\" aria-label=\"Anteprima della schermata\" (click)=\"selectScreen()\">\r\n    <div class=\"fb-scr__frame\">\r\n      @if (showHeader()) {\r\n        <header class=\"fb-scr__frame-head\">\r\n          {{ $any(node()).label || name() }}\r\n          @if (screen().helpText) {\r\n            <span class=\"fb-scr__help\" [title]=\"screen().helpText || ''\">?</span>\r\n          }\r\n        </header>\r\n      }\r\n\r\n      <div\r\n        class=\"fb-scr__body\"\r\n        [attr.data-drop]=\"''\"\r\n        data-axis=\"column\"\r\n        [class.fb-scr__body--empty]=\"isEmpty()\"\r\n      >\r\n        <ng-container\r\n          [ngTemplateOutlet]=\"listTpl\"\r\n          [ngTemplateOutletContext]=\"{ $implicit: screen().fields || [], parent: [], axis: 'column' }\"\r\n        />\r\n      </div>\r\n\r\n      <!--\r\n        La barra di inserimento e' un **velo** sopra l'anteprima, non un figlio del contenitore di\r\n        rilascio: dentro la griglia occupava una riga intera e spostava in basso proprio la sezione\r\n        che si stava puntando, che allora usciva da sotto il puntatore e il bersaglio oscillava.\r\n      -->\r\n      @if (dropMarker(); as bar) {\r\n        <div\r\n          class=\"fb-scr__marker\"\r\n          [style.left.px]=\"bar.left\"\r\n          [style.top.px]=\"bar.top\"\r\n          [style.width.px]=\"bar.width\"\r\n          [style.height.px]=\"bar.height\"\r\n        ></div>\r\n      }\r\n\r\n      @if (showFooter()) {\r\n        <footer class=\"fb-scr__frame-foot\">\r\n          @if (allowPause()) {\r\n            <span class=\"fb-scr__btn fb-scr__btn--ghost\">{{ screen().pauseButtonLabel || 'Pausa' }}</span>\r\n          }\r\n          <span class=\"fb-scr__spacer\"></span>\r\n          @if (allowBack()) {\r\n            <span class=\"fb-scr__btn fb-scr__btn--ghost\">{{ screen().backButtonLabel || 'Indietro' }}</span>\r\n          }\r\n          <span class=\"fb-scr__btn fb-scr__btn--primary\">\r\n            {{ screen().nextOrFinishButtonLabel || (allowFinish() ? 'Fine' : 'Avanti') }}\r\n          </span>\r\n        </footer>\r\n      }\r\n    </div>\r\n\r\n    @if (isEmpty()) {\r\n      <p class=\"fb-callout fb-callout--warn fb-scr__canvas-note\">\r\n        La schermata non ha campi: non c\u2019e\u2019 niente da mostrare all\u2019utente (SCREEN_WITHOUT_FIELDS).\r\n      </p>\r\n    }\r\n  </section>\r\n\r\n  <!-- ============================================================== destra -->\r\n  <aside class=\"fb-scr__props\" aria-label=\"Proprieta\u2019\">\r\n    @if (!selectedField()) {\r\n      <!-- ------------------------------------------------ proprieta' della schermata -->\r\n      <header class=\"fb-scr__props-head\">\r\n        <h3 class=\"fb-scr__props-title\">Schermata</h3>\r\n      </header>\r\n      <p class=\"fb-scr__side-hint\">Seleziona un campo nell\u2019anteprima per configurarlo.</p>\r\n\r\n      <div class=\"fb-field\">\r\n        <label class=\"fb-field__label\">Testo di aiuto</label>\r\n        <textarea\r\n          class=\"fb-textarea\"\r\n          [value]=\"screen().helpText || ''\"\r\n          (input)=\"setScreenText('helpText', $any($event.target).value)\"\r\n        ></textarea>\r\n      </div>\r\n\r\n      <fieldset class=\"fb-section\">\r\n        <legend class=\"fb-section__title\">Navigazione</legend>\r\n        <p class=\"fb-section__note\">\r\n          Questi flag sono un\u2019intenzione, non la verita\u2019 finale: a runtime il motore comunica\r\n          <code>canGoBack</code>, <code>canFinish</code> e <code>canPause</code> nella richiesta della\r\n          schermata.\r\n        </p>\r\n        <label class=\"fb-check\">\r\n          <input type=\"checkbox\" [checked]=\"allowBack()\" (change)=\"setScreenFlag('allowBack', $any($event.target).checked)\" />\r\n          Consenti \u00ABindietro\u00BB\r\n        </label>\r\n        <label class=\"fb-check\">\r\n          <input type=\"checkbox\" [checked]=\"allowFinish()\" (change)=\"setScreenFlag('allowFinish', $any($event.target).checked)\" />\r\n          Consenti \u00ABfine\u00BB\r\n        </label>\r\n        <label class=\"fb-check\">\r\n          <input type=\"checkbox\" [checked]=\"allowPause()\" (change)=\"setScreenFlag('allowPause', $any($event.target).checked)\" />\r\n          Consenti \u00ABpausa\u00BB\r\n        </label>\r\n        <label class=\"fb-check\">\r\n          <input type=\"checkbox\" [checked]=\"showHeader()\" (change)=\"setScreenFlag('showHeader', $any($event.target).checked)\" />\r\n          Mostra l\u2019intestazione\r\n        </label>\r\n        <label class=\"fb-check\">\r\n          <input type=\"checkbox\" [checked]=\"showFooter()\" (change)=\"setScreenFlag('showFooter', $any($event.target).checked)\" />\r\n          Mostra il piede\r\n        </label>\r\n\r\n        @if (allowPause()) {\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label\">Testo mostrato alla pausa</label>\r\n            <input\r\n              class=\"fb-input\"\r\n              [value]=\"screen().pausedText || ''\"\r\n              (input)=\"setScreenText('pausedText', $any($event.target).value)\"\r\n            />\r\n          </div>\r\n        }\r\n\r\n        @if (isDeadEnd()) {\r\n          <p class=\"fb-callout fb-callout--error\">\r\n            Questa schermata non ha una destinazione e non consente \u00ABfine\u00BB: e\u2019 un vicolo cieco, e\r\n            l\u2019utente resterebbe bloccato (SCREEN_DEAD_END).\r\n          </p>\r\n        }\r\n      </fieldset>\r\n\r\n      <fieldset class=\"fb-section\">\r\n        <legend class=\"fb-section__title\">Pulsanti</legend>\r\n        <div class=\"fb-field\">\r\n          <label class=\"fb-field__label\">Etichetta \u00ABindietro\u00BB</label>\r\n          <input\r\n            class=\"fb-input\"\r\n            [value]=\"screen().backButtonLabel || ''\"\r\n            (input)=\"setScreenText('backButtonLabel', $any($event.target).value)\"\r\n          />\r\n        </div>\r\n        <div class=\"fb-field\">\r\n          <label class=\"fb-field__label\">Etichetta \u00ABavanti / fine\u00BB</label>\r\n          <input\r\n            class=\"fb-input\"\r\n            [value]=\"screen().nextOrFinishButtonLabel || ''\"\r\n            (input)=\"setScreenText('nextOrFinishButtonLabel', $any($event.target).value)\"\r\n          />\r\n        </div>\r\n        <div class=\"fb-field\">\r\n          <label class=\"fb-field__label\">Etichetta \u00ABpausa\u00BB</label>\r\n          <input\r\n            class=\"fb-input\"\r\n            [value]=\"screen().pauseButtonLabel || ''\"\r\n            (input)=\"setScreenText('pauseButtonLabel', $any($event.target).value)\"\r\n          />\r\n        </div>\r\n      </fieldset>\r\n\r\n      <div class=\"fb-field\">\r\n        <label class=\"fb-field__label\">Stage mostrato nell\u2019avanzamento</label>\r\n        <fb-name-picker\r\n          [value]=\"screen().stageReference\"\r\n          [options]=\"stageOptions()\"\r\n          label=\"Stage\"\r\n          placeholder=\"Scegli uno stage\"\r\n          unknownMessage=\"Questo stage non e\u2019 dichiarato dal flow.\"\r\n          emptyMessage=\"Il flow non dichiara stage: creali nel pannello delle risorse.\"\r\n          (valueChange)=\"setScreenText('stageReference', $event ?? '')\"\r\n        />\r\n      </div>\r\n\r\n      <!--\r\n        Screen action (\u00A75.2). Due elenchi e non uno perche' il contratto li separa: piu' trigger\r\n        possono invocare la stessa action, quindi \u00ABchi la chiama\u00BB non e' una sua proprieta'. Le\r\n        action si aprono una alla volta: i cataloghi dipendono da tipo e nome, e tenerne N in volo\r\n        sarebbe N volte la corsa fra risposte.\r\n      -->\r\n      <fieldset class=\"fb-section\">\r\n        <legend class=\"fb-section__title\">Azioni della schermata</legend>\r\n        <p class=\"fb-section__note\">\r\n          Un campo che l\u2019utente compila puo\u2019 innescare un\u2019action i cui risultati finiscono negli\r\n          <strong>altri campi di questa schermata</strong>: e\u2019 il caso \u00ABscrivi il codice fiscale e nome\r\n          e cognome compaiono da soli\u00BB. L\u2019alternativa sarebbe spezzare la schermata in due con un\r\n          elemento Action in mezzo.\r\n        </p>\r\n\r\n        <div class=\"fb-list\">\r\n          @for (action of screenActions(); track $index) {\r\n            <div class=\"fb-list__item\">\r\n              <div class=\"fb-list__header\">\r\n                <button\r\n                  type=\"button\"\r\n                  class=\"fb-btn fb-btn--ghost\"\r\n                  [attr.aria-expanded]=\"selectedActionIndex() === $index\"\r\n                  (click)=\"selectAction(selectedActionIndex() === $index ? null : $index)\"\r\n                >\r\n                  {{ selectedActionIndex() === $index ? '\u25BE' : '\u25B8' }}\r\n                  {{ action.name || '(senza nome)' }}\r\n                </button>\r\n                <span class=\"fb-list__spacer\"></span>\r\n                <span class=\"fb-scr__side-hint\">{{ action.actionName || 'action non scelta' }}</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\u2019action\"\r\n                  (click)=\"removeScreenAction($index)\"\r\n                >\r\n                  \u00D7\r\n                </button>\r\n              </div>\r\n\r\n              @if (actionLosesResult(action)) {\r\n                <p class=\"fb-callout fb-callout--warn\">\r\n                  Questa action viene invocata ma il suo risultato si perde: aggiungi un parametro di\r\n                  uscita, oppure accendi l\u2019output automatico (SCREEN_ACTION_WITHOUT_OUTPUTS).\r\n                </p>\r\n              }\r\n              @if (actionHasNoTrigger(action)) {\r\n                <p class=\"fb-callout fb-callout--warn\">\r\n                  Nessun trigger la invoca: senza, non girera\u2019 mai.\r\n                </p>\r\n              }\r\n\r\n              @if (selectedActionIndex() === $index) {\r\n                <div class=\"fb-field\">\r\n                  <label class=\"fb-field__label fb-field__label--required\">Nome</label>\r\n                  <input\r\n                    class=\"fb-input fb-input--mono\"\r\n                    [value]=\"action.name || ''\"\r\n                    (change)=\"setActionName($index, $any($event.target).value)\"\r\n                  />\r\n                  @if (actionNameError(action); as error) {\r\n                    <p class=\"fb-field__error\">{{ error }}</p>\r\n                  }\r\n                  <p class=\"fb-field__hint\">\r\n                    E\u2019 il nome con cui la citano i trigger, e vive nello spazio dei nomi del flow. Con\r\n                    l\u2019output automatico e\u2019 anche la radice del riferimento:\r\n                    <code>{{ action.name || 'Cerca' }}.NomeOutput</code>.\r\n                  </p>\r\n                </div>\r\n\r\n                <div class=\"fb-field\">\r\n                  <label class=\"fb-field__label\">Tipo di action</label>\r\n                  <fb-name-picker\r\n                    [value]=\"action.actionType\"\r\n                    [options]=\"actionTypeOptions()\"\r\n                    label=\"Tipo di action\"\r\n                    placeholder=\"Scrivi o scegli un tipo\"\r\n                    [isMono]=\"false\"\r\n                    unknownMessage=\"Questo tipo di action non e\u2019 fra quelli dichiarati dal sistema ospite.\"\r\n                    emptyMessage=\"Catalogo dei tipi di action non disponibile: puoi scrivere il nome a mano.\"\r\n                    (valueChange)=\"setActionType($index, $event ?? '')\"\r\n                  />\r\n                </div>\r\n\r\n                <div class=\"fb-field\">\r\n                  <label class=\"fb-field__label fb-field__label--required\">Action</label>\r\n                  <fb-name-picker\r\n                    [value]=\"action.actionName\"\r\n                    [options]=\"actionOptions()\"\r\n                    label=\"Action\"\r\n                    placeholder=\"Scrivi o scegli un\u2019action\"\r\n                    [isMono]=\"false\"\r\n                    unknownMessage=\"Questa action non esiste nel catalogo del tipo scelto: e\u2019 ACTION_UNKNOWN.\"\r\n                    unknownSeverity=\"error\"\r\n                    emptyMessage=\"Scegli prima il tipo di action, oppure scrivi il nome a mano.\"\r\n                    (valueChange)=\"setActionTarget($index, $event ?? '')\"\r\n                  />\r\n                  @if (!action.actionName) {\r\n                    <p class=\"fb-field__error\">Obbligatoria: senza, ACTION_NAME_MISSING.</p>\r\n                  }\r\n                </div>\r\n\r\n                <label class=\"fb-check\">\r\n                  <input\r\n                    type=\"checkbox\"\r\n                    [checked]=\"action.storeOutputAutomatically === true\"\r\n                    (change)=\"setActionStoreOutput($index, $any($event.target).checked)\"\r\n                  />\r\n                  Output automatico\r\n                </label>\r\n                <p class=\"fb-field__hint\">\r\n                  L\u2019output automatico rende il risultato leggibile come\r\n                  <code>{{ action.name || 'Cerca' }}.NomeOutput</code>, ma\r\n                  <strong>non scrive in nessun campo</strong>: e\u2019 la forma da usare quando il risultato\r\n                  serve a una condizione, non a precompilare.\r\n                </p>\r\n\r\n                <!--\r\n                  L'unico posto in cui un campo di schermata e' una destinazione (\u00A75.2):\r\n                  `POST /flows/references/writable` continua a escluderlo, e un Assignment che ci\r\n                  scrive resta TARGET_NOT_WRITABLE.\r\n                -->\r\n                <fb-parameter-editor\r\n                  [holder]=\"action\"\r\n                  [catalogParameters]=\"actionParameterCatalog()\"\r\n                  [showOutputs]=\"action.storeOutputAutomatically !== true\"\r\n                  outputTitle=\"Campi da riempire\"\r\n                  [extraTargets]=\"screenFieldTargets()\"\r\n                  [outputsDisabledReason]=\"\r\n                    action.storeOutputAutomatically === true\r\n                      ? 'Con l\u2019output automatico il risultato non viene scritto nei campi.'\r\n                      : null\r\n                  \"\r\n                  (changed)=\"onActionParametersChanged($index, $event)\"\r\n                />\r\n              }\r\n            </div>\r\n          } @empty {\r\n            <p class=\"fb-empty\">Nessuna action: i campi di questa schermata li compila solo l\u2019utente.</p>\r\n          }\r\n        </div>\r\n\r\n        <button type=\"button\" class=\"fb-btn\" (click)=\"addScreenAction()\">Aggiungi action</button>\r\n      </fieldset>\r\n\r\n      <fieldset class=\"fb-section\">\r\n        <legend class=\"fb-section__title\">Trigger</legend>\r\n        <p class=\"fb-section__note\">\r\n          Quale campo invoca quale action. Senza condizioni l\u2019action gira a ogni cambio del campo.\r\n        </p>\r\n\r\n        <div class=\"fb-list\">\r\n          @for (trigger of screenTriggers(); track $index) {\r\n            <div class=\"fb-list__item\">\r\n              <div class=\"fb-list__header\">\r\n                <span class=\"fb-list__index\">{{ $index + 1 }}</span>\r\n                <span class=\"fb-list__spacer\"></span>\r\n                <button\r\n                  type=\"button\"\r\n                  class=\"fb-btn fb-btn--ghost fb-btn--icon\"\r\n                  aria-label=\"Rimuovi il trigger\"\r\n                  (click)=\"removeScreenTrigger($index)\"\r\n                >\r\n                  \u00D7\r\n                </button>\r\n              </div>\r\n\r\n              <div class=\"fb-field\">\r\n                <label class=\"fb-field__label fb-field__label--required\">Action da invocare</label>\r\n                <fb-name-picker\r\n                  [value]=\"trigger.screenActionName\"\r\n                  [options]=\"screenActionOptions()\"\r\n                  label=\"Action della schermata\"\r\n                  placeholder=\"Scegli un\u2019action\"\r\n                  unknownMessage=\"Questa schermata non dichiara un\u2019action con questo nome: e\u2019 SCREEN_ACTION_UNKNOWN.\"\r\n                  unknownSeverity=\"error\"\r\n                  emptyMessage=\"Aggiungi prima un\u2019action qui sopra.\"\r\n                  (valueChange)=\"setTriggerProperty($index, 'screenActionName', $event ?? '')\"\r\n                />\r\n              </div>\r\n\r\n              <div class=\"fb-field\">\r\n                <label class=\"fb-field__label\">Campo che la innesca</label>\r\n                <!-- I campi di **questa** schermata, non i riferimenti in generale (\u00A75.2). -->\r\n                <fb-name-picker\r\n                  [value]=\"trigger.triggerFieldName\"\r\n                  [options]=\"triggerFieldOptions()\"\r\n                  label=\"Campo della schermata\"\r\n                  placeholder=\"Scegli un campo\"\r\n                  unknownMessage=\"Questo non e\u2019 un campo di questa schermata: e\u2019 SCREEN_TRIGGER_FIELD_UNKNOWN.\"\r\n                  unknownSeverity=\"error\"\r\n                  emptyMessage=\"La schermata non ha ancora campi che raccolgono un valore.\"\r\n                  (valueChange)=\"setTriggerProperty($index, 'triggerFieldName', $event ?? '')\"\r\n                />\r\n              </div>\r\n\r\n              <div class=\"fb-field\">\r\n                <label class=\"fb-field__label\">All\u2019arrivo sulla schermata</label>\r\n                <select\r\n                  class=\"fb-select\"\r\n                  [fbValue]=\"trigger.initBehavior || ''\"\r\n                  (change)=\"setTriggerProperty($index, 'initBehavior', $any($event.target).value)\"\r\n                >\r\n                  <option value=\"\">\u2014 non invocare \u2014</option>\r\n                  <option value=\"runOnLoad\">Invoca al caricamento (runOnLoad)</option>\r\n                </select>\r\n                @if (triggerInitIsUnknown(trigger)) {\r\n                  <p class=\"fb-field__error\">\r\n                    \u00AB{{ trigger.initBehavior }}\u00BB non e\u2019 ammesso: l\u2019unico valore e\u2019 <code>runOnLoad</code>\r\n                    (SCREEN_TRIGGER_INIT_BEHAVIOR_UNKNOWN).\r\n                  </p>\r\n                }\r\n              </div>\r\n\r\n              @if (triggerHasNoCause(trigger)) {\r\n                <p class=\"fb-callout fb-callout--warn\">\r\n                  Senza un campo che la innesca e senza l\u2019invocazione al caricamento, questo trigger non\r\n                  scattera\u2019 mai (SCREEN_TRIGGER_WITHOUT_CAUSE).\r\n                </p>\r\n              }\r\n\r\n              <fb-condition-editor\r\n                [holder]=\"triggerConditions(trigger)\"\r\n                title=\"Invoca l\u2019action quando\"\r\n                [allowFormula]=\"false\"\r\n                [issuePath]=\"'triggers[' + $index + ']'\"\r\n                (changed)=\"onTriggerConditionsChanged($index, $event)\"\r\n              />\r\n            </div>\r\n          } @empty {\r\n            <p class=\"fb-empty\">Nessun trigger: le action dichiarate non verranno invocate.</p>\r\n          }\r\n        </div>\r\n\r\n        <button type=\"button\" class=\"fb-btn\" (click)=\"addScreenTrigger()\">Aggiungi trigger</button>\r\n      </fieldset>\r\n    } @else {\r\n      <!-- ---------------------------------------------------- proprieta' del campo -->\r\n      <header class=\"fb-scr__props-head\">\r\n        <h3 class=\"fb-scr__props-title\">{{ captionOf(selectedField()!) }}</h3>\r\n        <div class=\"fb-scr__props-actions\">\r\n          <button type=\"button\" class=\"fb-btn fb-btn--sm\" title=\"Sposta su\" (click)=\"moveSelected(-1)\">\u2191</button>\r\n          <button type=\"button\" class=\"fb-btn fb-btn--sm\" title=\"Sposta giu\u2019\" (click)=\"moveSelected(1)\">\u2193</button>\r\n          <button\r\n            type=\"button\"\r\n            class=\"fb-btn fb-btn--sm\"\r\n            title=\"Porta fuori dal contenitore\"\r\n            [disabled]=\"!canOutdent()\"\r\n            (click)=\"outdentSelected()\"\r\n          >\r\n            \u21E4\r\n          </button>\r\n          <button type=\"button\" class=\"fb-btn fb-btn--sm\" title=\"Duplica\" (click)=\"duplicateSelected()\">\u29C9</button>\r\n          <button type=\"button\" class=\"fb-btn fb-btn--danger fb-btn--sm\" title=\"Elimina\" (click)=\"removeSelected()\">\r\n            \u00D7\r\n          </button>\r\n        </div>\r\n      </header>\r\n\r\n      <div class=\"fb-field\">\r\n        <label class=\"fb-field__label fb-field__label--required\">Tipo</label>\r\n        <select\r\n          class=\"fb-select\"\r\n          [fbValue]=\"selectedField()!.fieldType || ''\"\r\n          (change)=\"setFieldType($any($event.target).value)\"\r\n        >\r\n          <option value=\"\">\u2014 scegli \u2014</option>\r\n          @for (entry of dictionary.screenFieldTypes(); track entry.value) {\r\n            <option [value]=\"entry.value\">{{ entry.label }}</option>\r\n          }\r\n        </select>\r\n        @if (!selectedField()!.fieldType) {\r\n          <p class=\"fb-field__error\">Il tipo e\u2019 obbligatorio: senza, SCREEN_FIELD_TYPE_MISSING.</p>\r\n        } @else if (isUnknownType(selectedField())) {\r\n          <p class=\"fb-field__hint fb-field__hint--warn\">\r\n            Questo tipo non e\u2019 nel dizionario: l\u2019editor non sa quali campi ammetta e mostra solo i comuni.\r\n          </p>\r\n        } @else if (selectedType()?.description) {\r\n          <p class=\"fb-field__hint\">{{ selectedType()?.description }}</p>\r\n        }\r\n      </div>\r\n\r\n      <div class=\"fb-field\">\r\n        <label class=\"fb-field__label\">Nome</label>\r\n        <!-- Sul `change` e non sull\u2019`input`: la rinomina riscrive i riferimenti nel documento,\r\n             e farlo a ogni tasto significherebbe riscriverlo per ogni lettera. -->\r\n        <input\r\n          class=\"fb-input fb-input--mono\"\r\n          [value]=\"selectedField()!.name || ''\"\r\n          (change)=\"setFieldName($any($event.target).value)\"\r\n        />\r\n        @if (selectedIsResource()) {\r\n          <p class=\"fb-field__hint\">\r\n            Questo campo e\u2019 una <strong>risorsa</strong>: lo referenzi come\r\n            <code>{{ selectedField()!.name || 'Nome' }}</code> in condizioni, formule e parametri. \u00C8 di\r\n            sola lettura per il flow \u2014 un Assignment che ci scrive e\u2019 TARGET_NOT_WRITABLE.\r\n          </p>\r\n        }\r\n      </div>\r\n\r\n      @if (!selectedType()?.isContainer) {\r\n        <div class=\"fb-field\">\r\n          <label class=\"fb-field__label\">\r\n            {{ selectedField()!.fieldType === 'DisplayText' ? 'Testo' : 'Etichetta' }}\r\n          </label>\r\n          <textarea\r\n            class=\"fb-textarea\"\r\n            [value]=\"selectedField()!.fieldText || ''\"\r\n            (input)=\"setFieldProperty('fieldText', $any($event.target).value)\"\r\n          ></textarea>\r\n          <p class=\"fb-field__hint\">\r\n            Supporta i merge field <code>&#123;!Riferimento&#125;</code>.\r\n            @if (selectedField()!.fieldType === 'ComponentInstance') {\r\n              <!--\r\n                \u00A75.2 \u2014 su un componente l\u2019etichetta e\u2019 **ammessa** e viene consegnata al frontend\r\n                in `label`, ma la sua assenza non e\u2019 un rilievo: un componente di solito disegna\r\n                la propria intestazione. Nasconderla, come faceva prima l\u2019editor, toglieva un\r\n                campo che il contratto prevede.\r\n              -->\r\n              Facoltativa: un componente di solito disegna la propria intestazione.\r\n            }\r\n          </p>\r\n        </div>\r\n      } @else {\r\n        <div class=\"fb-field\">\r\n          <label class=\"fb-field__label\">Intestazione</label>\r\n          <input\r\n            class=\"fb-input\"\r\n            [value]=\"selectedField()!.fieldText || ''\"\r\n            (input)=\"setFieldProperty('fieldText', $any($event.target).value)\"\r\n          />\r\n        </div>\r\n      }\r\n\r\n      <div class=\"fb-field\">\r\n        <label class=\"fb-field__label\">Testo di aiuto</label>\r\n        <input\r\n          class=\"fb-input\"\r\n          [value]=\"selectedField()!.helpText || ''\"\r\n          (input)=\"setFieldProperty('helpText', $any($event.target).value)\"\r\n        />\r\n      </div>\r\n\r\n      <div class=\"fb-field\">\r\n        <label class=\"fb-field__label\">Larghezza</label>\r\n        <div class=\"fb-scr__width\">\r\n          <input\r\n            type=\"range\"\r\n            min=\"1\"\r\n            max=\"12\"\r\n            step=\"1\"\r\n            [value]=\"widthOf(selectedField()!)\"\r\n            (input)=\"setNumberProperty('width', $any($event.target).value)\"\r\n          />\r\n          <span class=\"fb-scr__width-value\">{{ widthOf(selectedField()!) }}/12</span>\r\n        </div>\r\n        <p class=\"fb-field__hint\">\r\n          Colonne della griglia della schermata. \u00C8 un\u2019indicazione: il frontend puo\u2019 ignorarla.\r\n        </p>\r\n      </div>\r\n\r\n      @if (selectedField()!.fieldType === 'ComponentInstance') {\r\n        <!--\r\n          \u00A75.2 \u2014 perche\u2019 qui non c\u2019e\u2019 \u00ABobbligatorio\u00BB. La domanda arriva sempre, e la risposta non\r\n          si indovina guardando l\u2019interfaccia: un componente non ha un valore proprio, ce l\u2019hanno\r\n          i suoi output, che vanno in **variabili** scelte dall\u2019autore. \u00ABObbligatorio\u00BB dovrebbe\r\n          dire *quale output* deve essere valorizzato, e il metadata non ha modo di dirlo \u2014\r\n          dichiararlo qui sarebbe `SCREEN_FIELD_CONFIGURATION_INVALID` e il runtime lo\r\n          ignorerebbe. Le due strade vere stanno nel contratto e sono queste.\r\n        -->\r\n        <p class=\"fb-field__hint\">\r\n          Un componente non raccoglie un valore \u2014 lo fanno i suoi output \u2014 quindi obbligatorieta\u2019, valore\r\n          predefinito e regola di validazione non si applicano: dichiararli e\u2019\r\n          <code>SCREEN_FIELD_CONFIGURATION_INVALID</code> e il runtime li ignora. Per pretendere una\r\n          compilazione: la validazione la fa il componente stesso, oppure si controlla la variabile di\r\n          destinazione con una Decision dopo la schermata.\r\n        </p>\r\n      }\r\n\r\n      <!-- ------------------------------------------------ campi che raccolgono un valore -->\r\n      @if (selectedType()?.storesValue) {\r\n        <fieldset class=\"fb-section\">\r\n          <legend class=\"fb-section__title\">Valore</legend>\r\n\r\n          @if (selectedField()!.fieldType !== 'ObjectProvided') {\r\n            <div class=\"fb-field\">\r\n              <label\r\n                class=\"fb-field__label\"\r\n                [class.fb-field__label--required]=\"!!selectedType()?.requiresDataType\"\r\n              >\r\n                Tipo di dato\r\n              </label>\r\n              <select\r\n                class=\"fb-select\"\r\n                [fbValue]=\"selectedField()!.dataType || ''\"\r\n                (change)=\"setFieldProperty('dataType', $any($event.target).value)\"\r\n              >\r\n                <option value=\"\">\u2014 scegli \u2014</option>\r\n                @for (entry of dictionary.dataTypes(); track entry.value) {\r\n                  <option [value]=\"entry.value\">{{ entry.label }}</option>\r\n                }\r\n              </select>\r\n              @if (selectedType()?.requiresDataType && !selectedField()!.dataType) {\r\n                <p class=\"fb-field__error\">Obbligatorio per questo tipo di campo (DATA_TYPE_MISSING).</p>\r\n              }\r\n              @if (selectedType()?.isCollection) {\r\n                <p class=\"fb-field__hint\">\r\n                  Il valore raccolto e\u2019 una <strong>collection</strong>, non una stringa con i valori\r\n                  separati: nelle condizioni si usano gli operatori di collection.\r\n                </p>\r\n              }\r\n            </div>\r\n\r\n            @if (requiresObjectType()) {\r\n              <div class=\"fb-field\">\r\n                <label class=\"fb-field__label\" [class.fb-field__label--required]=\"objectTypeIsStructure()\">\r\n                  {{\r\n                    objectTypeIsStructure()\r\n                      ? 'Classe'\r\n                      : selectedField()!.dataType === 'Enum'\r\n                        ? 'Tipo di enumerazione'\r\n                        : 'Oggetto'\r\n                  }}\r\n                </label>\r\n                @if (selectedField()!.dataType === 'Enum') {\r\n                  <!-- Dizionario chiuso: si sceglie, non si scrive. -->\r\n                  <select\r\n                    class=\"fb-select\"\r\n                    [fbValue]=\"selectedField()!.objectType || ''\"\r\n                    (change)=\"setFieldProperty('objectType', $any($event.target).value)\"\r\n                  >\r\n                    <option value=\"\">\u2014 scegli \u2014</option>\r\n                    @for (entry of enumOptions(); track entry.name) {\r\n                      <option [value]=\"entry.name\">{{ entry.label || entry.name }}</option>\r\n                    }\r\n                  </select>\r\n                  @if (!selectedField()!.objectType) {\r\n                    <p class=\"fb-field__hint fb-field__hint--warn\">\r\n                      Senza il tipo concreto l\u2019editor non puo\u2019 proporre i valori dell\u2019enumerazione.\r\n                    </p>\r\n                  }\r\n                } @else if (objectTypeIsStructure()) {\r\n                  <fb-structure-picker\r\n                    [value]=\"selectedField()!.objectType\"\r\n                    label=\"Classe\"\r\n                    (valueChange)=\"setFieldProperty('objectType', $event ?? '')\"\r\n                  />\r\n                  @if (!selectedField()!.objectType) {\r\n                    <p class=\"fb-field__error\">\r\n                      La classe e\u2019 obbligatoria: senza, il runtime non ha nulla da istanziare\r\n                      (OBJECT_TYPE_MISSING).\r\n                    </p>\r\n                  }\r\n                } @else {\r\n                  <fb-object-picker\r\n                    [value]=\"selectedField()!.objectType\"\r\n                    label=\"Oggetto\"\r\n                    (valueChange)=\"setFieldProperty('objectType', $event ?? '')\"\r\n                  />\r\n                }\r\n              </div>\r\n            }\r\n          } @else {\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label fb-field__label--required\">Campo dell\u2019entita\u2019</label>\r\n              <p class=\"fb-field__hint\">\r\n                Tipo, label, obbligatorieta\u2019, scala e \u2014 se il campo e\u2019 una picklist \u2014 le opzioni arrivano\r\n                dallo schema dati: qui non si ridichiarano.\r\n              </p>\r\n              <fb-object-picker\r\n                [value]=\"providedObject() || undefined\"\r\n                label=\"Oggetto\"\r\n                (valueChange)=\"setProvidedObject($event)\"\r\n              />\r\n              <fb-field-picker\r\n                [value]=\"providedField() || undefined\"\r\n                [object]=\"providedObject() || undefined\"\r\n                label=\"Campo\"\r\n                (valueChange)=\"setProvidedField($event)\"\r\n              />\r\n            </div>\r\n          }\r\n\r\n          <label class=\"fb-check\">\r\n            <input\r\n              type=\"checkbox\"\r\n              [checked]=\"selectedIsRequired()\"\r\n              (change)=\"setRequired($any($event.target).checked)\"\r\n            />\r\n            Obbligatorio\r\n          </label>\r\n          <label class=\"fb-check\">\r\n            <input\r\n              type=\"checkbox\"\r\n              [checked]=\"selectedIsEditable()\"\r\n              (change)=\"setEditable($any($event.target).checked)\"\r\n            />\r\n            Modificabile\r\n          </label>\r\n          @if (!selectedIsEditable()) {\r\n            <p class=\"fb-field__hint\">\r\n              A <code>false</code> il runtime <strong>ignora</strong> cio\u2019 che il client rimanda indietro:\r\n              e\u2019 l\u2019unico modo di rendere un campo davvero di sola lettura.\r\n            </p>\r\n          }\r\n\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label\">Valore di default</label>\r\n            <fb-value-editor\r\n              [value]=\"selectedField()!.defaultValue\"\r\n              [dataType]=\"selectedField()!.dataType\"\r\n              [objectType]=\"selectedField()!.objectType\"\r\n              [isCollection]=\"selectedType()?.isCollection\"\r\n              label=\"Valore di default\"\r\n              (valueChange)=\"setDefaultValue($event)\"\r\n            />\r\n          </div>\r\n\r\n          @if (scaleApplies()) {\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label\">Decimali</label>\r\n              <input\r\n                class=\"fb-input\"\r\n                type=\"number\"\r\n                min=\"0\"\r\n                [value]=\"selectedField()!.scale ?? ''\"\r\n                (change)=\"setNumberProperty('scale', $any($event.target).value)\"\r\n              />\r\n            </div>\r\n          } @else if (selectedField()!.scale !== undefined) {\r\n            <p class=\"fb-field__hint fb-field__hint--warn\">\r\n              <code>scale</code> su un campo non numerico e\u2019 SCALE_NOT_APPLICABLE.\r\n            </p>\r\n          }\r\n\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label\">Lunghezza massima</label>\r\n            <input\r\n              class=\"fb-input\"\r\n              type=\"number\"\r\n              min=\"1\"\r\n              [value]=\"selectedField()!.maxLength ?? ''\"\r\n              (change)=\"setNumberProperty('maxLength', $any($event.target).value)\"\r\n            />\r\n            <p class=\"fb-field__hint\">Verificata anche dal runtime (TOO_LONG).</p>\r\n          </div>\r\n\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label\">Tornando sulla schermata</label>\r\n            <select\r\n              class=\"fb-select\"\r\n              [fbValue]=\"selectedField()!.inputsOnNextNavToAssocScrn || ''\"\r\n              (change)=\"setFieldProperty('inputsOnNextNavToAssocScrn', $any($event.target).value)\"\r\n            >\r\n              <option value=\"\">Predefinito (mantieni i valori)</option>\r\n              @for (entry of dictionary.screenFieldInputsRevisited(); track entry.value) {\r\n                <option [value]=\"entry.value\">{{ entry.label }}</option>\r\n              }\r\n            </select>\r\n          </div>\r\n\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label\">Regola di validazione</label>\r\n            <!--\r\n              `commitOn=\"change\"`: qui mutare il documento ridisegna l'anteprima, e riscriverla a\r\n              ogni tasto costa. La verifica parte lo stesso mentre si digita (\u00A76.3).\r\n            -->\r\n            <fb-formula-editor\r\n              [expression]=\"selectedField()!.validationRule?.formulaExpression || ''\"\r\n              usage=\"ValidationRule\"\r\n              expectedDataType=\"Boolean\"\r\n              commitOn=\"change\"\r\n              [rows]=\"2\"\r\n              placeholder=\"Espressione, es. LEN(Nome) > 3\"\r\n              ariaLabel=\"Regola di validazione\"\r\n              (expressionChange)=\"setValidationRule('formulaExpression', $event)\"\r\n            />\r\n            <input\r\n              class=\"fb-input\"\r\n              placeholder=\"Messaggio mostrato quando l\u2019espressione e\u2019 falsa\"\r\n              [value]=\"selectedField()!.validationRule?.errorMessage || ''\"\r\n              (change)=\"setValidationRule('errorMessage', $any($event.target).value)\"\r\n            />\r\n            <p class=\"fb-field__hint\">\r\n              L\u2019espressione la valuta il motore di regole: il backend non la interpreta, la fa\r\n              verificare al motore.\r\n            </p>\r\n          </div>\r\n        </fieldset>\r\n      }\r\n\r\n      <!-- --------------------------------------------------------------- choice -->\r\n      @if (selectedType()?.acceptsChoices) {\r\n        <fieldset class=\"fb-section\">\r\n          <legend class=\"fb-section__title\">Opzioni</legend>\r\n          <p class=\"fb-section__note\">\r\n            Accetta <strong>Choice</strong> e <strong>Dynamic choice set</strong>, nell\u2019ordine in cui le\r\n            opzioni compaiono. Puntare a una variabile e\u2019 SCREEN_FIELD_CHOICE_UNKNOWN.\r\n          </p>\r\n\r\n          @if (!selectedField()!.choiceReferences?.length) {\r\n            @if (selectedField()!.fieldType === 'ObjectProvided') {\r\n              <!-- Le opzioni di una picklist arrivano dallo schema: qui si aggiungono solo se\r\n                   si vuole sostituirle, e non dichiararne nessuna e' il caso normale. -->\r\n              <p class=\"fb-field__hint\">\r\n                Se il campo dello schema e\u2019 una picklist, le opzioni arrivano da l\u00EC: dichiararle qui\r\n                serve solo a sostituirle.\r\n              </p>\r\n            } @else {\r\n              <p class=\"fb-callout fb-callout--warn\">\r\n                Nessuna opzione: il campo non ha niente da mostrare (SCREEN_FIELD_CHOICES_MISSING).\r\n              </p>\r\n            }\r\n          }\r\n\r\n          <div class=\"fb-list\">\r\n            @for (choice of selectedField()!.choiceReferences || []; track $index) {\r\n              <div class=\"fb-list__item\">\r\n                <div class=\"fb-list__header\">\r\n                  <span class=\"fb-list__index\">{{ $index + 1 }}</span>\r\n                  <span class=\"fb-list__title\">{{ choice }}</span>\r\n                  <span class=\"fb-list__spacer\"></span>\r\n                  <button type=\"button\" class=\"fb-btn fb-btn--sm\" (click)=\"moveChoice($index, -1)\">\u2191</button>\r\n                  <button type=\"button\" class=\"fb-btn fb-btn--sm\" (click)=\"moveChoice($index, 1)\">\u2193</button>\r\n                  <button\r\n                    type=\"button\"\r\n                    class=\"fb-btn fb-btn--ghost fb-btn--sm\"\r\n                    aria-label=\"Rimuovi\"\r\n                    (click)=\"removeChoice($index)\"\r\n                  >\r\n                    \u00D7\r\n                  </button>\r\n                </div>\r\n              </div>\r\n            }\r\n          </div>\r\n\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label\">Aggiungi un\u2019opzione</label>\r\n            <fb-name-picker\r\n              [options]=\"choiceOptions()\"\r\n              label=\"Choice\"\r\n              placeholder=\"Scegli una choice o un choice set\"\r\n              unknownMessage=\"Questo nome non e\u2019 una choice ne\u2019 un choice set: e\u2019 SCREEN_FIELD_CHOICE_UNKNOWN.\"\r\n              unknownSeverity=\"error\"\r\n              emptyMessage=\"Il flow non dichiara nessuna choice: creale nel pannello delle risorse.\"\r\n              (valueChange)=\"addChoice($event)\"\r\n            />\r\n          </div>\r\n\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label\">Opzione selezionata all\u2019apertura</label>\r\n            <select\r\n              class=\"fb-select\"\r\n              [fbValue]=\"selectedField()!.defaultSelectedChoiceReference || ''\"\r\n              (change)=\"setFieldProperty('defaultSelectedChoiceReference', $any($event.target).value)\"\r\n            >\r\n              <option value=\"\">\u2014 nessuna \u2014</option>\r\n              @for (choice of selectedField()!.choiceReferences || []; track $index) {\r\n                <option [value]=\"choice\">{{ choice }}</option>\r\n              }\r\n            </select>\r\n            @if (defaultChoiceIsForeign()) {\r\n              <p class=\"fb-field__hint fb-field__hint--warn\">\r\n                \u00AB{{ selectedField()!.defaultSelectedChoiceReference }}\u00BB non e\u2019 fra le opzioni elencate qui\r\n                sopra.\r\n              </p>\r\n            }\r\n          </div>\r\n        </fieldset>\r\n      }\r\n\r\n      <!-- ------------------------------------------------------- contenitori -->\r\n      @if (selectedType()?.isContainer) {\r\n        <fieldset class=\"fb-section\">\r\n          <legend class=\"fb-section__title\">Contenitore</legend>\r\n          @if (selectedField()!.fieldType === 'RegionContainer') {\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label\">Tipo di sezione</label>\r\n              <select\r\n                class=\"fb-select\"\r\n                [fbValue]=\"selectedField()!.regionContainerType || ''\"\r\n                (change)=\"setFieldProperty('regionContainerType', $any($event.target).value)\"\r\n              >\r\n                <option value=\"\">\u2014 predefinito \u2014</option>\r\n                @for (entry of dictionary.regionContainerTypes(); track entry.value) {\r\n                  <option [value]=\"entry.value\">{{ entry.label }}</option>\r\n                }\r\n              </select>\r\n            </div>\r\n          }\r\n          @if (!selectedField()!.fields?.length) {\r\n            <p class=\"fb-callout fb-callout--warn\">\r\n              Il contenitore e\u2019 vuoto: non produce niente sulla schermata (SCREEN_CONTAINER_EMPTY).\r\n            </p>\r\n          }\r\n        </fieldset>\r\n      }\r\n\r\n      <!-- --------------------------------------------------- ComponentInstance -->\r\n      @if (selectedField()!.fieldType === 'ComponentInstance') {\r\n        <fieldset class=\"fb-section\">\r\n          <legend class=\"fb-section__title\">Componente</legend>\r\n          <p class=\"fb-section__note\">\r\n            Componenti e form sono la stessa domanda al frontend \u2014 cosa sa rendere, e con quali parametri\r\n            \u2014 e passano dallo stesso catalogo. Un <code>ComponentInstance</code> non ha un valore proprio:\r\n            lo hanno i suoi output.\r\n          </p>\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label fb-field__label--required\">Componente</label>\r\n            <fb-name-picker\r\n              [value]=\"selectedField()!.extensionName\"\r\n              [options]=\"componentOptions()\"\r\n              [unusableOptions]=\"unusableComponents()\"\r\n              label=\"Componente\"\r\n              placeholder=\"Scrivi o scegli un componente\"\r\n              [isMono]=\"false\"\r\n              unknownMessage=\"Questo componente non esiste nel catalogo: e\u2019 SCREEN_COMPONENT_UNKNOWN.\"\r\n              unknownSeverity=\"error\"\r\n              unusableMessage=\"Questo nome e\u2019 una schermata intera, non un componente montabile qui (FORM_KIND_MISMATCH).\"\r\n              emptyMessage=\"Il catalogo dei componenti non e\u2019 popolato: il nome non viene verificato.\"\r\n              (valueChange)=\"setFieldProperty('extensionName', $event ?? '')\"\r\n            />\r\n            @if (!selectedField()!.extensionName) {\r\n              <p class=\"fb-field__error\">Obbligatorio: senza, SCREEN_COMPONENT_MISSING.</p>\r\n            }\r\n          </div>\r\n\r\n          <label class=\"fb-check\">\r\n            <input\r\n              type=\"checkbox\"\r\n              [checked]=\"selectedField()!.storeOutputAutomatically === true\"\r\n              (change)=\"setStoreOutputAutomatically($any($event.target).checked)\"\r\n            />\r\n            Rendi gli output referenziabili automaticamente\r\n          </label>\r\n          @if (selectedField()!.storeOutputAutomatically) {\r\n            <p class=\"fb-field__hint\">\r\n              Gli output si referenziano come\r\n              <code>{{ selectedField()!.name || 'Campo' }}.nomeOutput</code>, senza dichiarare variabili.\r\n            </p>\r\n          }\r\n          @if (hasOutputConflict()) {\r\n            <p class=\"fb-callout fb-callout--error\">\r\n              Output automatici <strong>e</strong> parametri di uscita insieme:\r\n              OUTPUT_CONFIGURATION_CONFLICT.\r\n            </p>\r\n          }\r\n\r\n          <fb-parameter-editor\r\n            [holder]=\"$any(selectedField())\"\r\n            [catalogParameters]=\"componentParameterList()\"\r\n            inputTitle=\"Valori passati al componente\"\r\n            outputTitle=\"Valori raccolti dal componente\"\r\n            [showOutputs]=\"!selectedField()!.storeOutputAutomatically\"\r\n            outputsDisabledReason=\"Gli output sono automatici: disattivalo per assegnarli a variabili.\"\r\n            (changed)=\"onComponentParametersChanged($event)\"\r\n          />\r\n        </fieldset>\r\n      }\r\n\r\n      <!-- ------------------------------------------------------- visibilita' -->\r\n      <fieldset class=\"fb-section\">\r\n        <legend class=\"fb-section__title\">Visibilita\u2019</legend>\r\n        <p class=\"fb-section__note\">\r\n          Le regole si rivalutano <strong>sui valori appena inviati</strong>: e\u2019 cos\u00EC che un campo compare\r\n          in funzione di un altro campo della stessa schermata. Un campo risultato nascosto viene\r\n          <strong>azzerato</strong> e non viene validato.\r\n        </p>\r\n        <fb-condition-editor\r\n          [holder]=\"visibilityRule()\"\r\n          title=\"Mostra il campo quando\"\r\n          [allowFormula]=\"false\"\r\n          [issuePath]=\"'fields[' + (selectedField()!.name || '') + '].visibilityRule'\"\r\n          (changed)=\"onVisibilityChanged($event)\"\r\n        />\r\n      </fieldset>\r\n    }\r\n  </aside>\r\n</div>\r\n\r\n<fb-connector-editor\r\n  [nodeName]=\"name()\"\r\n  [node]=\"node()\"\r\n  [outlets]=\"outlets()\"\r\n  (connectorChanged)=\"onConnectorChanged($event)\"\r\n/>\r\n\r\n<!--\r\n  ============================================================== l'anteprima\r\n  Due template ricorsivi. `listTpl` disegna i figli di un contenitore, e nient'altro: `data-item`\r\n  marca cio' che conta come fratello nel calcolo del punto di rilascio, e il segnaposto del\r\n  contenitore vuoto ne resta fuori. La barra di inserimento non e' qui \u2014 sta sopra l'anteprima,\r\n  vedi il velo nel frame.\r\n-->\r\n<ng-template #listTpl let-fields let-parent=\"parent\" let-axis=\"axis\">\r\n  @for (child of fields; track $index) {\r\n    <ng-container\r\n      [ngTemplateOutlet]=\"fieldTpl\"\r\n      [ngTemplateOutletContext]=\"{ $implicit: child, path: childPath(parent, $index), axis: axis }\"\r\n    />\r\n  }\r\n  @if (!fields.length) {\r\n    <p class=\"fb-scr__drop-hint\">Trascina qui un componente</p>\r\n  }\r\n</ng-template>\r\n\r\n<ng-template #fieldTpl let-field let-path=\"path\" let-axis=\"axis\">\r\n  <div\r\n    class=\"fb-scr__item\"\r\n    data-item=\"\"\r\n    cdkDrag\r\n    [style.grid-column]=\"'span ' + widthOf(field)\"\r\n    [class.fb-scr__item--selected]=\"isSelected(path)\"\r\n    [class.fb-scr__item--dragging]=\"isDragging(path)\"\r\n    [class.fb-scr__item--container]=\"isContainer(field)\"\r\n    (cdkDragStarted)=\"onFieldDragStarted(path)\"\r\n    (cdkDragMoved)=\"onFieldDragMoved($event)\"\r\n    (cdkDragEnded)=\"onFieldDragEnded($event, path)\"\r\n    (click)=\"select(path); $event.stopPropagation()\"\r\n  >\r\n    <span class=\"fb-scr__grip\" cdkDragHandle title=\"Trascina per spostare\" aria-hidden=\"true\">\u283F</span>\r\n    @if (field.visibilityRule?.conditions?.length) {\r\n      <span class=\"fb-scr__flag\" title=\"Ha una regola di visibilita\u2019\">\u25D0</span>\r\n    }\r\n\r\n    @switch (field.fieldType) {\r\n      @case ('RegionContainer') {\r\n        <div class=\"fb-scr__section\">\r\n          @if (field.regionContainerType !== 'SectionWithoutHeader') {\r\n            <header class=\"fb-scr__section-head\">{{ field.fieldText || field.name }}</header>\r\n          }\r\n          <div class=\"fb-scr__cols\" [attr.data-drop]=\"dropId(path)\" data-axis=\"row\">\r\n            <ng-container\r\n              [ngTemplateOutlet]=\"listTpl\"\r\n              [ngTemplateOutletContext]=\"{ $implicit: field.fields || [], parent: path, axis: 'row' }\"\r\n            />\r\n          </div>\r\n        </div>\r\n      }\r\n      @case ('Region') {\r\n        <div class=\"fb-scr__region\">\r\n          <span class=\"fb-scr__region-tag\">{{ field.name }} \u00B7 {{ widthOf(field) }}/12</span>\r\n          <div class=\"fb-scr__region-body\" [attr.data-drop]=\"dropId(path)\" data-axis=\"column\">\r\n            <ng-container\r\n              [ngTemplateOutlet]=\"listTpl\"\r\n              [ngTemplateOutletContext]=\"{ $implicit: field.fields || [], parent: path, axis: 'column' }\"\r\n            />\r\n          </div>\r\n        </div>\r\n      }\r\n      @case ('DisplayText') {\r\n        <p class=\"fb-scr__display\">{{ field.fieldText || '(testo vuoto)' }}</p>\r\n      }\r\n      @case ('LargeTextArea') {\r\n        <label class=\"fb-scr__label\">\r\n          {{ captionOf(field) }}\r\n          @if (field.isRequired) {\r\n            <span class=\"fb-scr__req\">*</span>\r\n          }\r\n        </label>\r\n        <div class=\"fb-scr__control fb-scr__control--area\">{{ placeholderOf(field) }}</div>\r\n      }\r\n      @case ('PasswordField') {\r\n        <label class=\"fb-scr__label\">\r\n          {{ captionOf(field) }}\r\n          @if (field.isRequired) {\r\n            <span class=\"fb-scr__req\">*</span>\r\n          }\r\n        </label>\r\n        <div class=\"fb-scr__control\">\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022</div>\r\n      }\r\n      @case ('DropdownBox') {\r\n        <label class=\"fb-scr__label\">\r\n          {{ captionOf(field) }}\r\n          @if (field.isRequired) {\r\n            <span class=\"fb-scr__req\">*</span>\r\n          }\r\n        </label>\r\n        <div class=\"fb-scr__control fb-scr__control--select\">\r\n          <span>{{ field.defaultSelectedChoiceReference || choiceLabelsOf(field)[0] || '\u2014 scegli \u2014' }}</span>\r\n          <span aria-hidden=\"true\">\u25BE</span>\r\n        </div>\r\n      }\r\n      @case ('MultiSelectPicklist') {\r\n        <label class=\"fb-scr__label\">\r\n          {{ captionOf(field) }}\r\n          @if (field.isRequired) {\r\n            <span class=\"fb-scr__req\">*</span>\r\n          }\r\n        </label>\r\n        <div class=\"fb-scr__control fb-scr__control--select\">\r\n          <span>{{ choiceLabelsOf(field).join(', ') || '\u2014 scegli \u2014' }}</span>\r\n          <span aria-hidden=\"true\">\u2261</span>\r\n        </div>\r\n      }\r\n      @case ('RadioButtons') {\r\n        <label class=\"fb-scr__label\">\r\n          {{ captionOf(field) }}\r\n          @if (field.isRequired) {\r\n            <span class=\"fb-scr__req\">*</span>\r\n          }\r\n        </label>\r\n        <div class=\"fb-scr__options\">\r\n          @for (option of choiceLabelsOf(field); track $index) {\r\n            <span class=\"fb-scr__option\">\u25EF {{ option }}</span>\r\n          }\r\n          @if (!choiceLabelsOf(field).length) {\r\n            <span class=\"fb-scr__option fb-scr__option--missing\">Nessuna opzione</span>\r\n          }\r\n        </div>\r\n      }\r\n      @case ('MultiSelectCheckboxes') {\r\n        <label class=\"fb-scr__label\">\r\n          {{ captionOf(field) }}\r\n          @if (field.isRequired) {\r\n            <span class=\"fb-scr__req\">*</span>\r\n          }\r\n        </label>\r\n        <div class=\"fb-scr__options\">\r\n          @for (option of choiceLabelsOf(field); track $index) {\r\n            <span class=\"fb-scr__option\">\u2610 {{ option }}</span>\r\n          }\r\n          @if (!choiceLabelsOf(field).length) {\r\n            <span class=\"fb-scr__option fb-scr__option--missing\">Nessuna opzione</span>\r\n          }\r\n        </div>\r\n      }\r\n      @case ('ComponentInstance') {\r\n        <!--\r\n          L\u2019etichetta si disegna se c\u2019e\u2019: il runtime la consegna in `label` come per gli altri\r\n          campi (\u00A75.2). Nessun asterisco: un componente non raccoglie un valore, quindi\r\n          \u00ABobbligatorio\u00BB non ha niente su cui applicarsi.\r\n        -->\r\n        @if (field.fieldText) {\r\n          <label class=\"fb-scr__label\">{{ field.fieldText }}</label>\r\n        }\r\n        <div class=\"fb-scr__component\">\r\n          <span aria-hidden=\"true\">\u2B21</span>\r\n          {{ field.extensionName || 'Componente non indicato' }}\r\n        </div>\r\n      }\r\n      @case ('ObjectProvided') {\r\n        <label class=\"fb-scr__label\">\r\n          {{ field.fieldText || field.objectFieldReference || field.name }}\r\n          @if (field.isRequired) {\r\n            <span class=\"fb-scr__req\">*</span>\r\n          }\r\n        </label>\r\n        <div class=\"fb-scr__control\">{{ placeholderOf(field) }}</div>\r\n        <span class=\"fb-scr__tag\">{{ field.objectFieldReference || 'campo non indicato' }}</span>\r\n      }\r\n      @default {\r\n        <label class=\"fb-scr__label\">\r\n          {{ captionOf(field) }}\r\n          @if (field.isRequired) {\r\n            <span class=\"fb-scr__req\">*</span>\r\n          }\r\n        </label>\r\n        <div class=\"fb-scr__control\">{{ placeholderOf(field) }}</div>\r\n        @if (isUnknownType(field)) {\r\n          <span class=\"fb-scr__tag fb-scr__tag--warn\">{{ field.fieldType }}: tipo non nel dizionario</span>\r\n        }\r\n      }\r\n    }\r\n  </div>\r\n</ng-template>\r\n", styles: [".fb-scr{display:grid;grid-template-columns:220px minmax(0,1fr) 340px;gap:12px;align-items:start;margin-bottom:14px}@media(max-width:1100px){.fb-scr{grid-template-columns:minmax(0,1fr)}}.fb-scr__side,.fb-scr__props{min-width:0;padding:10px;border:1px solid var(--fb-border, #e2e5eb);border-radius:var(--fb-radius, 10px);background:var(--fb-surface-alt, #f7f8fa)}.fb-scr__tabs{display:flex;gap:4px;margin-bottom:8px}.fb-scr__tab{flex:1;padding:5px 8px;border:1px solid var(--fb-border, #e2e5eb);border-radius:var(--fb-radius-xs, 6px);background:var(--fb-surface, #fff);color:var(--fb-text-muted, #6b7086);font:inherit;font-size:11px;font-weight:600;cursor:pointer}.fb-scr__tab--active{border-color:var(--fb-accent, #4f6ef7);background:color-mix(in srgb,var(--fb-accent, #4f6ef7) 10%,transparent);color:var(--fb-accent-strong, #3d59e0)}.fb-scr__side-hint,.fb-scr__side-empty{margin:6px 0;font-size:11px;color:var(--fb-text-muted, #6b7086)}.fb-scr__palette{display:flex;flex-direction:column;gap:4px;margin:8px 0 0;padding:0;max-height:320px;overflow-y:auto;overscroll-behavior:contain;list-style:none}.fb-scr__chip{display:flex;align-items:center;gap:8px;width:100%;padding:6px 8px;border:1px solid var(--fb-border, #e2e5eb);border-radius:var(--fb-radius-xs, 6px);background:var(--fb-surface, #fff);color:var(--fb-text, #1a1c23);font:inherit;font-size:12px;text-align:left;cursor:grab}.fb-scr__chip:hover{border-color:var(--fb-accent, #4f6ef7)}.fb-scr__chip-icon{flex:none;width:20px;text-align:center;color:var(--fb-text-muted, #6b7086)}.fb-scr__chip-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fb-scr__chip-label small{margin-left:4px;color:var(--fb-text-subtle, #98a2b3);font-size:10px}.fb-scr__canvas{min-width:0;padding:14px;border:1px solid var(--fb-border, #e2e5eb);border-radius:var(--fb-radius, 10px);background:var(--fb-canvas-bg, #f4f5f7)}.fb-scr__frame{position:relative;display:flex;flex-direction:column;border:1px solid var(--fb-border, #e2e5eb);border-radius:var(--fb-radius-sm, 8px);background:var(--fb-surface, #fff);box-shadow:var(--fb-shadow-sm, 0 1px 2px rgb(16 24 40 / 6%));overflow:hidden}.fb-scr__frame-head{display:flex;align-items:center;gap:6px;padding:8px 12px;border-bottom:1px solid var(--fb-border-subtle, #eef0f4);font-size:13px;font-weight:600}.fb-scr__help{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;border-radius:50%;background:var(--fb-surface-sunken, #eef0f4);color:var(--fb-text-muted, #6b7086);font-size:10px}.fb-scr__body,.fb-scr__region-body{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-content:start;gap:8px 0;padding:12px;min-height:90px}.fb-scr__region-body{padding:8px;min-height:60px}.fb-scr__cols{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:stretch;gap:0;padding:8px;min-height:60px}.fb-scr__cols>.fb-scr__item{display:flex;align-self:stretch}.fb-scr__cols>.fb-scr__item>.fb-scr__region{flex:1;min-width:0}.fb-scr__drop-hint{grid-column:1 / -1;margin:0;padding:10px;border:1px dashed var(--fb-border-strong, #cfd4de);border-radius:var(--fb-radius-xs, 6px);color:var(--fb-text-subtle, #98a2b3);font-size:11px;text-align:center}.fb-scr__marker{position:absolute;z-index:2;border-radius:2px;background:var(--fb-accent, #4f6ef7);pointer-events:none}.fb-scr__item{position:relative;box-sizing:border-box;padding:6px 8px;border:1px solid transparent;border-radius:var(--fb-radius-xs, 6px);cursor:pointer}.fb-scr__item:hover{border-color:var(--fb-border-strong, #cfd4de);background:color-mix(in srgb,var(--fb-accent, #4f6ef7) 4%,transparent)}.fb-scr__item--selected{border-color:var(--fb-accent, #4f6ef7);box-shadow:inset 0 0 0 1px var(--fb-accent, #4f6ef7)}.fb-scr__item--dragging{opacity:.45;pointer-events:none}.fb-scr__grip{position:absolute;top:2px;left:-2px;padding:0 3px;color:var(--fb-text-subtle, #98a2b3);font-size:11px;line-height:1;opacity:0;cursor:grab}.fb-scr__item:hover>.fb-scr__grip,.fb-scr__item--selected>.fb-scr__grip{opacity:1}.fb-scr__flag{position:absolute;top:2px;right:4px;color:var(--fb-text-muted, #6b7086);font-size:11px}.fb-scr__label{display:block;margin-bottom:3px;font-size:11px;font-weight:600;color:var(--fb-text, #1a1c23)}.fb-scr__req{color:var(--fb-error, #dc2626)}.fb-scr__control{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:26px;padding:4px 8px;border:1px solid var(--fb-border-strong, #cfd4de);border-radius:var(--fb-radius-xs, 6px);background:var(--fb-surface, #fff);color:var(--fb-text-subtle, #98a2b3);font-size:12px;pointer-events:none}.fb-scr__control--area{min-height:54px;align-items:flex-start}.fb-scr__display{margin:0;font-size:12px;color:var(--fb-text, #1a1c23)}.fb-scr__options{display:flex;flex-direction:column;gap:2px;pointer-events:none}.fb-scr__option{font-size:12px;color:var(--fb-text-muted, #6b7086)}.fb-scr__option--missing{color:var(--fb-warning, #b7791f)}.fb-scr__component{display:flex;align-items:center;gap:6px;padding:10px;border:1px dashed var(--fb-accent, #4f6ef7);border-radius:var(--fb-radius-xs, 6px);background:color-mix(in srgb,var(--fb-accent, #4f6ef7) 5%,transparent);font-size:12px;color:var(--fb-text-muted, #6b7086)}.fb-scr__tag{display:inline-block;margin-top:3px;font-size:10px;color:var(--fb-text-subtle, #98a2b3)}.fb-scr__tag--warn{color:var(--fb-warning, #b7791f)}.fb-scr__section{border:1px solid var(--fb-border, #e2e5eb);border-radius:var(--fb-radius-xs, 6px);background:var(--fb-surface-alt, #f7f8fa)}.fb-scr__section-head{padding:5px 10px;border-bottom:1px solid var(--fb-border-subtle, #eef0f4);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--fb-text-muted, #6b7086)}.fb-scr__region{border:1px dashed var(--fb-border-strong, #cfd4de);border-radius:var(--fb-radius-xs, 6px);background:var(--fb-surface, #fff)}.fb-scr__region-tag{display:block;padding:3px 6px 0;font-size:10px;color:var(--fb-text-subtle, #98a2b3)}.fb-scr__frame-foot{display:flex;align-items:center;gap:6px;padding:8px 12px;border-top:1px solid var(--fb-border-subtle, #eef0f4);background:var(--fb-surface-alt, #f7f8fa)}.fb-scr__spacer{flex:1}.fb-scr__btn{padding:3px 10px;border:1px solid var(--fb-border-strong, #cfd4de);border-radius:var(--fb-radius-xs, 6px);font-size:11px;color:var(--fb-text-muted, #6b7086)}.fb-scr__btn--primary{border-color:var(--fb-accent, #4f6ef7);background:var(--fb-accent, #4f6ef7);color:var(--fb-accent-contrast, #fff)}.fb-scr__canvas-note{margin-top:10px}.fb-scr__props{background:var(--fb-surface, #fff)}.fb-scr__props-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}.fb-scr__props-title{flex:1;min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--fb-text-muted, #6b7086)}.fb-scr__props-actions{display:flex;flex-wrap:wrap;gap:3px}.fb-btn--sm{padding:3px 7px;font-size:11px}.fb-scr__width{display:flex;align-items:center;gap:8px}.fb-scr__width input[type=range]{flex:1;min-width:0}.fb-scr__width-value{font-size:11px;color:var(--fb-text-muted, #6b7086)}\n"], dependencies: [{ kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "component", type: ConditionEditorComponent, selector: "fb-condition-editor", inputs: ["holder", "title", "allowFormula", "allowLogic", "issuePath"], outputs: ["changed"] }, { kind: "component", type: ConnectorEditorComponent, selector: "fb-connector-editor", inputs: ["nodeName", "node", "outlets", "title"], outputs: ["connectorChanged"] }, { kind: "component", type: FieldPickerComponent, selector: "fb-field-picker", inputs: ["value", "object", "usage", "label", "placeholder", "disabled"], outputs: ["valueChange"] }, { kind: "component", type: FormulaEditorComponent, selector: "fb-formula-editor", inputs: ["expression", "usage", "expectedDataType", "scale", "placeholder", "ariaLabel", "disabled", "rows", "commitOn"], outputs: ["expressionChange"] }, { kind: "component", type: NamePickerComponent, selector: "fb-name-picker", inputs: ["value", "options", "label", "placeholder", "disabled", "unknownMessage", "unknownSeverity", "unusableOptions", "unusableMessage", "emptyMessage", "isMono"], outputs: ["valueChange"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ObjectPickerComponent, selector: "fb-object-picker", inputs: ["value", "label", "placeholder", "disabled"], outputs: ["valueChange"] }, { kind: "component", type: ParameterEditorComponent, selector: "fb-parameter-editor", inputs: ["holder", "catalogParameters", "inputTitle", "outputTitle", "showInputs", "showOutputs", "outputsDisabledReason", "extraTargets"], outputs: ["changed"] }, { kind: "directive", type: SelectValueDirective, selector: "select[fbValue]", inputs: ["fbValue"] }, { kind: "component", type: StructurePickerComponent, selector: "fb-structure-picker", inputs: ["value", "label", "placeholder", "disabled"], outputs: ["valueChange"] }, { kind: "component", type: ValueEditorComponent, selector: "fb-value-editor", inputs: ["value", "label", "dataType", "objectType", "isCollection", "disabled", "allowFormula"], outputs: ["valueChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.28", type: DynamicScreenInspectorComponent, isStandalone: true, selector: "fb-dynamic-screen-inspector", usesInheritance: true, ngImport: i0, template: "<div class=\"fb-scr\">\r\n  <!-- ============================================================ sinistra -->\r\n  <aside class=\"fb-scr__side\" aria-label=\"Componenti e campi\">\r\n    <div class=\"fb-scr__tabs\" role=\"tablist\">\r\n      <button\r\n        type=\"button\"\r\n        role=\"tab\"\r\n        class=\"fb-scr__tab\"\r\n        [class.fb-scr__tab--active]=\"paletteTab() === 'components'\"\r\n        [attr.aria-selected]=\"paletteTab() === 'components'\"\r\n        (click)=\"setPaletteTab('components')\"\r\n      >\r\n        Componenti\r\n      </button>\r\n      <button\r\n        type=\"button\"\r\n        role=\"tab\"\r\n        class=\"fb-scr__tab\"\r\n        [class.fb-scr__tab--active]=\"paletteTab() === 'fields'\"\r\n        [attr.aria-selected]=\"paletteTab() === 'fields'\"\r\n        (click)=\"setPaletteTab('fields')\"\r\n      >\r\n        Campi\r\n      </button>\r\n    </div>\r\n\r\n    @if (paletteTab() === 'components') {\r\n      @if (!dictionary.screenFieldTypes().length) {\r\n        <p class=\"fb-callout fb-callout--warn\">\r\n          Il dizionario <code>screenFieldTypes</code> non e\u2019 disponibile: senza i suoi flag l\u2019editor non\r\n          sa quali campi ammette ciascun tipo, e non li inventa.\r\n        </p>\r\n      }\r\n      <p class=\"fb-scr__side-hint\">Trascina sulla schermata, oppure clicca per aggiungere.</p>\r\n      <ul class=\"fb-scr__palette\">\r\n        @for (entry of dictionary.screenFieldTypes(); track entry.value) {\r\n          <li>\r\n            <button\r\n              type=\"button\"\r\n              class=\"fb-scr__chip\"\r\n              cdkDrag\r\n              [title]=\"entry.description || entry.label\"\r\n              (cdkDragMoved)=\"onPaletteDragMoved($event)\"\r\n              (cdkDragEnded)=\"onComponentDragEnded($event, entry.value)\"\r\n              (click)=\"addComponentAtSelection(entry.value)\"\r\n            >\r\n              <span class=\"fb-scr__chip-icon\" aria-hidden=\"true\">{{ iconOf(entry.value) }}</span>\r\n              <span class=\"fb-scr__chip-label\">{{ entry.label }}</span>\r\n            </button>\r\n          </li>\r\n        }\r\n      </ul>\r\n    } @else {\r\n      <p class=\"fb-scr__side-hint\">\r\n        Un campo dell\u2019entita\u2019 porta con se\u2019 tipo, etichetta, obbligatorieta\u2019 e opzioni: arrivano dallo\r\n        schema dati, qui non si ridichiarano.\r\n      </p>\r\n      <!-- Il catalogo non e' un dizionario chiuso: si sceglie o si scrive, come ovunque si\r\n           indichi un'entita' (vedi `object-picker`). -->\r\n      <fb-object-picker\r\n        [value]=\"fieldsObject()\"\r\n        label=\"Entita\u2019\"\r\n        placeholder=\"Scrivi o scegli un\u2019entita\u2019\"\r\n        (valueChange)=\"setFieldsObject($event)\"\r\n      />\r\n      @if (fieldsObject() && !fieldsOfObject().length) {\r\n        <p class=\"fb-scr__side-empty\">\r\n          Nessun campo dichiarato per questa entita\u2019: il catalogo non li espone, non significa che non\r\n          ci siano.\r\n        </p>\r\n      }\r\n      <ul class=\"fb-scr__palette\">\r\n        @for (field of fieldsOfObject(); track $index) {\r\n          <li>\r\n            <button\r\n              type=\"button\"\r\n              class=\"fb-scr__chip\"\r\n              cdkDrag\r\n              [title]=\"field.name + (field.dataType ? ' \u00B7 ' + field.dataType : '')\"\r\n              (cdkDragMoved)=\"onPaletteDragMoved($event)\"\r\n              (cdkDragEnded)=\"onObjectFieldDragEnded($event, field)\"\r\n              (click)=\"addObjectFieldAtSelection(field)\"\r\n            >\r\n              <span class=\"fb-scr__chip-icon\" aria-hidden=\"true\">\u2317</span>\r\n              <span class=\"fb-scr__chip-label\">\r\n                {{ field.label || field.name }}\r\n                @if (field.isRequired) {\r\n                  <span class=\"fb-scr__req\">*</span>\r\n                }\r\n                <small>{{ field.dataType }}</small>\r\n              </span>\r\n            </button>\r\n          </li>\r\n        }\r\n      </ul>\r\n    }\r\n  </aside>\r\n\r\n  <!-- ============================================================== centro -->\r\n  <!-- Cliccare fuori da un campo riporta a destra le proprieta' della schermata. -->\r\n  <section class=\"fb-scr__canvas\" aria-label=\"Anteprima della schermata\" (click)=\"selectScreen()\">\r\n    <div class=\"fb-scr__frame\">\r\n      @if (showHeader()) {\r\n        <header class=\"fb-scr__frame-head\">\r\n          {{ $any(node()).label || name() }}\r\n          @if (screen().helpText) {\r\n            <span class=\"fb-scr__help\" [title]=\"screen().helpText || ''\">?</span>\r\n          }\r\n        </header>\r\n      }\r\n\r\n      <div\r\n        class=\"fb-scr__body\"\r\n        [attr.data-drop]=\"''\"\r\n        data-axis=\"column\"\r\n        [class.fb-scr__body--empty]=\"isEmpty()\"\r\n      >\r\n        <ng-container\r\n          [ngTemplateOutlet]=\"listTpl\"\r\n          [ngTemplateOutletContext]=\"{ $implicit: screen().fields || [], parent: [], axis: 'column' }\"\r\n        />\r\n      </div>\r\n\r\n      <!--\r\n        La barra di inserimento e' un **velo** sopra l'anteprima, non un figlio del contenitore di\r\n        rilascio: dentro la griglia occupava una riga intera e spostava in basso proprio la sezione\r\n        che si stava puntando, che allora usciva da sotto il puntatore e il bersaglio oscillava.\r\n      -->\r\n      @if (dropMarker(); as bar) {\r\n        <div\r\n          class=\"fb-scr__marker\"\r\n          [style.left.px]=\"bar.left\"\r\n          [style.top.px]=\"bar.top\"\r\n          [style.width.px]=\"bar.width\"\r\n          [style.height.px]=\"bar.height\"\r\n        ></div>\r\n      }\r\n\r\n      @if (showFooter()) {\r\n        <footer class=\"fb-scr__frame-foot\">\r\n          @if (allowPause()) {\r\n            <span class=\"fb-scr__btn fb-scr__btn--ghost\">{{ screen().pauseButtonLabel || 'Pausa' }}</span>\r\n          }\r\n          <span class=\"fb-scr__spacer\"></span>\r\n          @if (allowBack()) {\r\n            <span class=\"fb-scr__btn fb-scr__btn--ghost\">{{ screen().backButtonLabel || 'Indietro' }}</span>\r\n          }\r\n          <span class=\"fb-scr__btn fb-scr__btn--primary\">\r\n            {{ screen().nextOrFinishButtonLabel || (allowFinish() ? 'Fine' : 'Avanti') }}\r\n          </span>\r\n        </footer>\r\n      }\r\n    </div>\r\n\r\n    @if (isEmpty()) {\r\n      <p class=\"fb-callout fb-callout--warn fb-scr__canvas-note\">\r\n        La schermata non ha campi: non c\u2019e\u2019 niente da mostrare all\u2019utente (SCREEN_WITHOUT_FIELDS).\r\n      </p>\r\n    }\r\n  </section>\r\n\r\n  <!-- ============================================================== destra -->\r\n  <aside class=\"fb-scr__props\" aria-label=\"Proprieta\u2019\">\r\n    @if (!selectedField()) {\r\n      <!-- ------------------------------------------------ proprieta' della schermata -->\r\n      <header class=\"fb-scr__props-head\">\r\n        <h3 class=\"fb-scr__props-title\">Schermata</h3>\r\n      </header>\r\n      <p class=\"fb-scr__side-hint\">Seleziona un campo nell\u2019anteprima per configurarlo.</p>\r\n\r\n      <div class=\"fb-field\">\r\n        <label class=\"fb-field__label\">Testo di aiuto</label>\r\n        <textarea\r\n          class=\"fb-textarea\"\r\n          [value]=\"screen().helpText || ''\"\r\n          (input)=\"setScreenText('helpText', $any($event.target).value)\"\r\n        ></textarea>\r\n      </div>\r\n\r\n      <fieldset class=\"fb-section\">\r\n        <legend class=\"fb-section__title\">Navigazione</legend>\r\n        <p class=\"fb-section__note\">\r\n          Questi flag sono un\u2019intenzione, non la verita\u2019 finale: a runtime il motore comunica\r\n          <code>canGoBack</code>, <code>canFinish</code> e <code>canPause</code> nella richiesta della\r\n          schermata.\r\n        </p>\r\n        <label class=\"fb-check\">\r\n          <input type=\"checkbox\" [checked]=\"allowBack()\" (change)=\"setScreenFlag('allowBack', $any($event.target).checked)\" />\r\n          Consenti \u00ABindietro\u00BB\r\n        </label>\r\n        <label class=\"fb-check\">\r\n          <input type=\"checkbox\" [checked]=\"allowFinish()\" (change)=\"setScreenFlag('allowFinish', $any($event.target).checked)\" />\r\n          Consenti \u00ABfine\u00BB\r\n        </label>\r\n        <label class=\"fb-check\">\r\n          <input type=\"checkbox\" [checked]=\"allowPause()\" (change)=\"setScreenFlag('allowPause', $any($event.target).checked)\" />\r\n          Consenti \u00ABpausa\u00BB\r\n        </label>\r\n        <label class=\"fb-check\">\r\n          <input type=\"checkbox\" [checked]=\"showHeader()\" (change)=\"setScreenFlag('showHeader', $any($event.target).checked)\" />\r\n          Mostra l\u2019intestazione\r\n        </label>\r\n        <label class=\"fb-check\">\r\n          <input type=\"checkbox\" [checked]=\"showFooter()\" (change)=\"setScreenFlag('showFooter', $any($event.target).checked)\" />\r\n          Mostra il piede\r\n        </label>\r\n\r\n        @if (allowPause()) {\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label\">Testo mostrato alla pausa</label>\r\n            <input\r\n              class=\"fb-input\"\r\n              [value]=\"screen().pausedText || ''\"\r\n              (input)=\"setScreenText('pausedText', $any($event.target).value)\"\r\n            />\r\n          </div>\r\n        }\r\n\r\n        @if (isDeadEnd()) {\r\n          <p class=\"fb-callout fb-callout--error\">\r\n            Questa schermata non ha una destinazione e non consente \u00ABfine\u00BB: e\u2019 un vicolo cieco, e\r\n            l\u2019utente resterebbe bloccato (SCREEN_DEAD_END).\r\n          </p>\r\n        }\r\n      </fieldset>\r\n\r\n      <fieldset class=\"fb-section\">\r\n        <legend class=\"fb-section__title\">Pulsanti</legend>\r\n        <div class=\"fb-field\">\r\n          <label class=\"fb-field__label\">Etichetta \u00ABindietro\u00BB</label>\r\n          <input\r\n            class=\"fb-input\"\r\n            [value]=\"screen().backButtonLabel || ''\"\r\n            (input)=\"setScreenText('backButtonLabel', $any($event.target).value)\"\r\n          />\r\n        </div>\r\n        <div class=\"fb-field\">\r\n          <label class=\"fb-field__label\">Etichetta \u00ABavanti / fine\u00BB</label>\r\n          <input\r\n            class=\"fb-input\"\r\n            [value]=\"screen().nextOrFinishButtonLabel || ''\"\r\n            (input)=\"setScreenText('nextOrFinishButtonLabel', $any($event.target).value)\"\r\n          />\r\n        </div>\r\n        <div class=\"fb-field\">\r\n          <label class=\"fb-field__label\">Etichetta \u00ABpausa\u00BB</label>\r\n          <input\r\n            class=\"fb-input\"\r\n            [value]=\"screen().pauseButtonLabel || ''\"\r\n            (input)=\"setScreenText('pauseButtonLabel', $any($event.target).value)\"\r\n          />\r\n        </div>\r\n      </fieldset>\r\n\r\n      <div class=\"fb-field\">\r\n        <label class=\"fb-field__label\">Stage mostrato nell\u2019avanzamento</label>\r\n        <fb-name-picker\r\n          [value]=\"screen().stageReference\"\r\n          [options]=\"stageOptions()\"\r\n          label=\"Stage\"\r\n          placeholder=\"Scegli uno stage\"\r\n          unknownMessage=\"Questo stage non e\u2019 dichiarato dal flow.\"\r\n          emptyMessage=\"Il flow non dichiara stage: creali nel pannello delle risorse.\"\r\n          (valueChange)=\"setScreenText('stageReference', $event ?? '')\"\r\n        />\r\n      </div>\r\n\r\n      <!--\r\n        Screen action (\u00A75.2). Due elenchi e non uno perche' il contratto li separa: piu' trigger\r\n        possono invocare la stessa action, quindi \u00ABchi la chiama\u00BB non e' una sua proprieta'. Le\r\n        action si aprono una alla volta: i cataloghi dipendono da tipo e nome, e tenerne N in volo\r\n        sarebbe N volte la corsa fra risposte.\r\n      -->\r\n      <fieldset class=\"fb-section\">\r\n        <legend class=\"fb-section__title\">Azioni della schermata</legend>\r\n        <p class=\"fb-section__note\">\r\n          Un campo che l\u2019utente compila puo\u2019 innescare un\u2019action i cui risultati finiscono negli\r\n          <strong>altri campi di questa schermata</strong>: e\u2019 il caso \u00ABscrivi il codice fiscale e nome\r\n          e cognome compaiono da soli\u00BB. L\u2019alternativa sarebbe spezzare la schermata in due con un\r\n          elemento Action in mezzo.\r\n        </p>\r\n\r\n        <div class=\"fb-list\">\r\n          @for (action of screenActions(); track $index) {\r\n            <div class=\"fb-list__item\">\r\n              <div class=\"fb-list__header\">\r\n                <button\r\n                  type=\"button\"\r\n                  class=\"fb-btn fb-btn--ghost\"\r\n                  [attr.aria-expanded]=\"selectedActionIndex() === $index\"\r\n                  (click)=\"selectAction(selectedActionIndex() === $index ? null : $index)\"\r\n                >\r\n                  {{ selectedActionIndex() === $index ? '\u25BE' : '\u25B8' }}\r\n                  {{ action.name || '(senza nome)' }}\r\n                </button>\r\n                <span class=\"fb-list__spacer\"></span>\r\n                <span class=\"fb-scr__side-hint\">{{ action.actionName || 'action non scelta' }}</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\u2019action\"\r\n                  (click)=\"removeScreenAction($index)\"\r\n                >\r\n                  \u00D7\r\n                </button>\r\n              </div>\r\n\r\n              @if (actionLosesResult(action)) {\r\n                <p class=\"fb-callout fb-callout--warn\">\r\n                  Questa action viene invocata ma il suo risultato si perde: aggiungi un parametro di\r\n                  uscita, oppure accendi l\u2019output automatico (SCREEN_ACTION_WITHOUT_OUTPUTS).\r\n                </p>\r\n              }\r\n              @if (actionHasNoTrigger(action)) {\r\n                <p class=\"fb-callout fb-callout--warn\">\r\n                  Nessun trigger la invoca: senza, non girera\u2019 mai.\r\n                </p>\r\n              }\r\n\r\n              @if (selectedActionIndex() === $index) {\r\n                <div class=\"fb-field\">\r\n                  <label class=\"fb-field__label fb-field__label--required\">Nome</label>\r\n                  <input\r\n                    class=\"fb-input fb-input--mono\"\r\n                    [value]=\"action.name || ''\"\r\n                    (change)=\"setActionName($index, $any($event.target).value)\"\r\n                  />\r\n                  @if (actionNameError(action); as error) {\r\n                    <p class=\"fb-field__error\">{{ error }}</p>\r\n                  }\r\n                  <p class=\"fb-field__hint\">\r\n                    E\u2019 il nome con cui la citano i trigger, e vive nello spazio dei nomi del flow. Con\r\n                    l\u2019output automatico e\u2019 anche la radice del riferimento:\r\n                    <code>{{ action.name || 'Cerca' }}.NomeOutput</code>.\r\n                  </p>\r\n                </div>\r\n\r\n                <div class=\"fb-field\">\r\n                  <label class=\"fb-field__label\">Tipo di action</label>\r\n                  <fb-name-picker\r\n                    [value]=\"action.actionType\"\r\n                    [options]=\"actionTypeOptions()\"\r\n                    label=\"Tipo di action\"\r\n                    placeholder=\"Scrivi o scegli un tipo\"\r\n                    [isMono]=\"false\"\r\n                    unknownMessage=\"Questo tipo di action non e\u2019 fra quelli dichiarati dal sistema ospite.\"\r\n                    emptyMessage=\"Catalogo dei tipi di action non disponibile: puoi scrivere il nome a mano.\"\r\n                    (valueChange)=\"setActionType($index, $event ?? '')\"\r\n                  />\r\n                </div>\r\n\r\n                <div class=\"fb-field\">\r\n                  <label class=\"fb-field__label fb-field__label--required\">Action</label>\r\n                  <fb-name-picker\r\n                    [value]=\"action.actionName\"\r\n                    [options]=\"actionOptions()\"\r\n                    label=\"Action\"\r\n                    placeholder=\"Scrivi o scegli un\u2019action\"\r\n                    [isMono]=\"false\"\r\n                    unknownMessage=\"Questa action non esiste nel catalogo del tipo scelto: e\u2019 ACTION_UNKNOWN.\"\r\n                    unknownSeverity=\"error\"\r\n                    emptyMessage=\"Scegli prima il tipo di action, oppure scrivi il nome a mano.\"\r\n                    (valueChange)=\"setActionTarget($index, $event ?? '')\"\r\n                  />\r\n                  @if (!action.actionName) {\r\n                    <p class=\"fb-field__error\">Obbligatoria: senza, ACTION_NAME_MISSING.</p>\r\n                  }\r\n                </div>\r\n\r\n                <label class=\"fb-check\">\r\n                  <input\r\n                    type=\"checkbox\"\r\n                    [checked]=\"action.storeOutputAutomatically === true\"\r\n                    (change)=\"setActionStoreOutput($index, $any($event.target).checked)\"\r\n                  />\r\n                  Output automatico\r\n                </label>\r\n                <p class=\"fb-field__hint\">\r\n                  L\u2019output automatico rende il risultato leggibile come\r\n                  <code>{{ action.name || 'Cerca' }}.NomeOutput</code>, ma\r\n                  <strong>non scrive in nessun campo</strong>: e\u2019 la forma da usare quando il risultato\r\n                  serve a una condizione, non a precompilare.\r\n                </p>\r\n\r\n                <!--\r\n                  L'unico posto in cui un campo di schermata e' una destinazione (\u00A75.2):\r\n                  `POST /flows/references/writable` continua a escluderlo, e un Assignment che ci\r\n                  scrive resta TARGET_NOT_WRITABLE.\r\n                -->\r\n                <fb-parameter-editor\r\n                  [holder]=\"action\"\r\n                  [catalogParameters]=\"actionParameterCatalog()\"\r\n                  [showOutputs]=\"action.storeOutputAutomatically !== true\"\r\n                  outputTitle=\"Campi da riempire\"\r\n                  [extraTargets]=\"screenFieldTargets()\"\r\n                  [outputsDisabledReason]=\"\r\n                    action.storeOutputAutomatically === true\r\n                      ? 'Con l\u2019output automatico il risultato non viene scritto nei campi.'\r\n                      : null\r\n                  \"\r\n                  (changed)=\"onActionParametersChanged($index, $event)\"\r\n                />\r\n              }\r\n            </div>\r\n          } @empty {\r\n            <p class=\"fb-empty\">Nessuna action: i campi di questa schermata li compila solo l\u2019utente.</p>\r\n          }\r\n        </div>\r\n\r\n        <button type=\"button\" class=\"fb-btn\" (click)=\"addScreenAction()\">Aggiungi action</button>\r\n      </fieldset>\r\n\r\n      <fieldset class=\"fb-section\">\r\n        <legend class=\"fb-section__title\">Trigger</legend>\r\n        <p class=\"fb-section__note\">\r\n          Quale campo invoca quale action. Senza condizioni l\u2019action gira a ogni cambio del campo.\r\n        </p>\r\n\r\n        <div class=\"fb-list\">\r\n          @for (trigger of screenTriggers(); track $index) {\r\n            <div class=\"fb-list__item\">\r\n              <div class=\"fb-list__header\">\r\n                <span class=\"fb-list__index\">{{ $index + 1 }}</span>\r\n                <span class=\"fb-list__spacer\"></span>\r\n                <button\r\n                  type=\"button\"\r\n                  class=\"fb-btn fb-btn--ghost fb-btn--icon\"\r\n                  aria-label=\"Rimuovi il trigger\"\r\n                  (click)=\"removeScreenTrigger($index)\"\r\n                >\r\n                  \u00D7\r\n                </button>\r\n              </div>\r\n\r\n              <div class=\"fb-field\">\r\n                <label class=\"fb-field__label fb-field__label--required\">Action da invocare</label>\r\n                <fb-name-picker\r\n                  [value]=\"trigger.screenActionName\"\r\n                  [options]=\"screenActionOptions()\"\r\n                  label=\"Action della schermata\"\r\n                  placeholder=\"Scegli un\u2019action\"\r\n                  unknownMessage=\"Questa schermata non dichiara un\u2019action con questo nome: e\u2019 SCREEN_ACTION_UNKNOWN.\"\r\n                  unknownSeverity=\"error\"\r\n                  emptyMessage=\"Aggiungi prima un\u2019action qui sopra.\"\r\n                  (valueChange)=\"setTriggerProperty($index, 'screenActionName', $event ?? '')\"\r\n                />\r\n              </div>\r\n\r\n              <div class=\"fb-field\">\r\n                <label class=\"fb-field__label\">Campo che la innesca</label>\r\n                <!-- I campi di **questa** schermata, non i riferimenti in generale (\u00A75.2). -->\r\n                <fb-name-picker\r\n                  [value]=\"trigger.triggerFieldName\"\r\n                  [options]=\"triggerFieldOptions()\"\r\n                  label=\"Campo della schermata\"\r\n                  placeholder=\"Scegli un campo\"\r\n                  unknownMessage=\"Questo non e\u2019 un campo di questa schermata: e\u2019 SCREEN_TRIGGER_FIELD_UNKNOWN.\"\r\n                  unknownSeverity=\"error\"\r\n                  emptyMessage=\"La schermata non ha ancora campi che raccolgono un valore.\"\r\n                  (valueChange)=\"setTriggerProperty($index, 'triggerFieldName', $event ?? '')\"\r\n                />\r\n              </div>\r\n\r\n              <div class=\"fb-field\">\r\n                <label class=\"fb-field__label\">All\u2019arrivo sulla schermata</label>\r\n                <select\r\n                  class=\"fb-select\"\r\n                  [fbValue]=\"trigger.initBehavior || ''\"\r\n                  (change)=\"setTriggerProperty($index, 'initBehavior', $any($event.target).value)\"\r\n                >\r\n                  <option value=\"\">\u2014 non invocare \u2014</option>\r\n                  <option value=\"runOnLoad\">Invoca al caricamento (runOnLoad)</option>\r\n                </select>\r\n                @if (triggerInitIsUnknown(trigger)) {\r\n                  <p class=\"fb-field__error\">\r\n                    \u00AB{{ trigger.initBehavior }}\u00BB non e\u2019 ammesso: l\u2019unico valore e\u2019 <code>runOnLoad</code>\r\n                    (SCREEN_TRIGGER_INIT_BEHAVIOR_UNKNOWN).\r\n                  </p>\r\n                }\r\n              </div>\r\n\r\n              @if (triggerHasNoCause(trigger)) {\r\n                <p class=\"fb-callout fb-callout--warn\">\r\n                  Senza un campo che la innesca e senza l\u2019invocazione al caricamento, questo trigger non\r\n                  scattera\u2019 mai (SCREEN_TRIGGER_WITHOUT_CAUSE).\r\n                </p>\r\n              }\r\n\r\n              <fb-condition-editor\r\n                [holder]=\"triggerConditions(trigger)\"\r\n                title=\"Invoca l\u2019action quando\"\r\n                [allowFormula]=\"false\"\r\n                [issuePath]=\"'triggers[' + $index + ']'\"\r\n                (changed)=\"onTriggerConditionsChanged($index, $event)\"\r\n              />\r\n            </div>\r\n          } @empty {\r\n            <p class=\"fb-empty\">Nessun trigger: le action dichiarate non verranno invocate.</p>\r\n          }\r\n        </div>\r\n\r\n        <button type=\"button\" class=\"fb-btn\" (click)=\"addScreenTrigger()\">Aggiungi trigger</button>\r\n      </fieldset>\r\n    } @else {\r\n      <!-- ---------------------------------------------------- proprieta' del campo -->\r\n      <header class=\"fb-scr__props-head\">\r\n        <h3 class=\"fb-scr__props-title\">{{ captionOf(selectedField()!) }}</h3>\r\n        <div class=\"fb-scr__props-actions\">\r\n          <button type=\"button\" class=\"fb-btn fb-btn--sm\" title=\"Sposta su\" (click)=\"moveSelected(-1)\">\u2191</button>\r\n          <button type=\"button\" class=\"fb-btn fb-btn--sm\" title=\"Sposta giu\u2019\" (click)=\"moveSelected(1)\">\u2193</button>\r\n          <button\r\n            type=\"button\"\r\n            class=\"fb-btn fb-btn--sm\"\r\n            title=\"Porta fuori dal contenitore\"\r\n            [disabled]=\"!canOutdent()\"\r\n            (click)=\"outdentSelected()\"\r\n          >\r\n            \u21E4\r\n          </button>\r\n          <button type=\"button\" class=\"fb-btn fb-btn--sm\" title=\"Duplica\" (click)=\"duplicateSelected()\">\u29C9</button>\r\n          <button type=\"button\" class=\"fb-btn fb-btn--danger fb-btn--sm\" title=\"Elimina\" (click)=\"removeSelected()\">\r\n            \u00D7\r\n          </button>\r\n        </div>\r\n      </header>\r\n\r\n      <div class=\"fb-field\">\r\n        <label class=\"fb-field__label fb-field__label--required\">Tipo</label>\r\n        <select\r\n          class=\"fb-select\"\r\n          [fbValue]=\"selectedField()!.fieldType || ''\"\r\n          (change)=\"setFieldType($any($event.target).value)\"\r\n        >\r\n          <option value=\"\">\u2014 scegli \u2014</option>\r\n          @for (entry of dictionary.screenFieldTypes(); track entry.value) {\r\n            <option [value]=\"entry.value\">{{ entry.label }}</option>\r\n          }\r\n        </select>\r\n        @if (!selectedField()!.fieldType) {\r\n          <p class=\"fb-field__error\">Il tipo e\u2019 obbligatorio: senza, SCREEN_FIELD_TYPE_MISSING.</p>\r\n        } @else if (isUnknownType(selectedField())) {\r\n          <p class=\"fb-field__hint fb-field__hint--warn\">\r\n            Questo tipo non e\u2019 nel dizionario: l\u2019editor non sa quali campi ammetta e mostra solo i comuni.\r\n          </p>\r\n        } @else if (selectedType()?.description) {\r\n          <p class=\"fb-field__hint\">{{ selectedType()?.description }}</p>\r\n        }\r\n      </div>\r\n\r\n      <div class=\"fb-field\">\r\n        <label class=\"fb-field__label\">Nome</label>\r\n        <!-- Sul `change` e non sull\u2019`input`: la rinomina riscrive i riferimenti nel documento,\r\n             e farlo a ogni tasto significherebbe riscriverlo per ogni lettera. -->\r\n        <input\r\n          class=\"fb-input fb-input--mono\"\r\n          [value]=\"selectedField()!.name || ''\"\r\n          (change)=\"setFieldName($any($event.target).value)\"\r\n        />\r\n        @if (selectedIsResource()) {\r\n          <p class=\"fb-field__hint\">\r\n            Questo campo e\u2019 una <strong>risorsa</strong>: lo referenzi come\r\n            <code>{{ selectedField()!.name || 'Nome' }}</code> in condizioni, formule e parametri. \u00C8 di\r\n            sola lettura per il flow \u2014 un Assignment che ci scrive e\u2019 TARGET_NOT_WRITABLE.\r\n          </p>\r\n        }\r\n      </div>\r\n\r\n      @if (!selectedType()?.isContainer) {\r\n        <div class=\"fb-field\">\r\n          <label class=\"fb-field__label\">\r\n            {{ selectedField()!.fieldType === 'DisplayText' ? 'Testo' : 'Etichetta' }}\r\n          </label>\r\n          <textarea\r\n            class=\"fb-textarea\"\r\n            [value]=\"selectedField()!.fieldText || ''\"\r\n            (input)=\"setFieldProperty('fieldText', $any($event.target).value)\"\r\n          ></textarea>\r\n          <p class=\"fb-field__hint\">\r\n            Supporta i merge field <code>&#123;!Riferimento&#125;</code>.\r\n            @if (selectedField()!.fieldType === 'ComponentInstance') {\r\n              <!--\r\n                \u00A75.2 \u2014 su un componente l\u2019etichetta e\u2019 **ammessa** e viene consegnata al frontend\r\n                in `label`, ma la sua assenza non e\u2019 un rilievo: un componente di solito disegna\r\n                la propria intestazione. Nasconderla, come faceva prima l\u2019editor, toglieva un\r\n                campo che il contratto prevede.\r\n              -->\r\n              Facoltativa: un componente di solito disegna la propria intestazione.\r\n            }\r\n          </p>\r\n        </div>\r\n      } @else {\r\n        <div class=\"fb-field\">\r\n          <label class=\"fb-field__label\">Intestazione</label>\r\n          <input\r\n            class=\"fb-input\"\r\n            [value]=\"selectedField()!.fieldText || ''\"\r\n            (input)=\"setFieldProperty('fieldText', $any($event.target).value)\"\r\n          />\r\n        </div>\r\n      }\r\n\r\n      <div class=\"fb-field\">\r\n        <label class=\"fb-field__label\">Testo di aiuto</label>\r\n        <input\r\n          class=\"fb-input\"\r\n          [value]=\"selectedField()!.helpText || ''\"\r\n          (input)=\"setFieldProperty('helpText', $any($event.target).value)\"\r\n        />\r\n      </div>\r\n\r\n      <div class=\"fb-field\">\r\n        <label class=\"fb-field__label\">Larghezza</label>\r\n        <div class=\"fb-scr__width\">\r\n          <input\r\n            type=\"range\"\r\n            min=\"1\"\r\n            max=\"12\"\r\n            step=\"1\"\r\n            [value]=\"widthOf(selectedField()!)\"\r\n            (input)=\"setNumberProperty('width', $any($event.target).value)\"\r\n          />\r\n          <span class=\"fb-scr__width-value\">{{ widthOf(selectedField()!) }}/12</span>\r\n        </div>\r\n        <p class=\"fb-field__hint\">\r\n          Colonne della griglia della schermata. \u00C8 un\u2019indicazione: il frontend puo\u2019 ignorarla.\r\n        </p>\r\n      </div>\r\n\r\n      @if (selectedField()!.fieldType === 'ComponentInstance') {\r\n        <!--\r\n          \u00A75.2 \u2014 perche\u2019 qui non c\u2019e\u2019 \u00ABobbligatorio\u00BB. La domanda arriva sempre, e la risposta non\r\n          si indovina guardando l\u2019interfaccia: un componente non ha un valore proprio, ce l\u2019hanno\r\n          i suoi output, che vanno in **variabili** scelte dall\u2019autore. \u00ABObbligatorio\u00BB dovrebbe\r\n          dire *quale output* deve essere valorizzato, e il metadata non ha modo di dirlo \u2014\r\n          dichiararlo qui sarebbe `SCREEN_FIELD_CONFIGURATION_INVALID` e il runtime lo\r\n          ignorerebbe. Le due strade vere stanno nel contratto e sono queste.\r\n        -->\r\n        <p class=\"fb-field__hint\">\r\n          Un componente non raccoglie un valore \u2014 lo fanno i suoi output \u2014 quindi obbligatorieta\u2019, valore\r\n          predefinito e regola di validazione non si applicano: dichiararli e\u2019\r\n          <code>SCREEN_FIELD_CONFIGURATION_INVALID</code> e il runtime li ignora. Per pretendere una\r\n          compilazione: la validazione la fa il componente stesso, oppure si controlla la variabile di\r\n          destinazione con una Decision dopo la schermata.\r\n        </p>\r\n      }\r\n\r\n      <!-- ------------------------------------------------ campi che raccolgono un valore -->\r\n      @if (selectedType()?.storesValue) {\r\n        <fieldset class=\"fb-section\">\r\n          <legend class=\"fb-section__title\">Valore</legend>\r\n\r\n          @if (selectedField()!.fieldType !== 'ObjectProvided') {\r\n            <div class=\"fb-field\">\r\n              <label\r\n                class=\"fb-field__label\"\r\n                [class.fb-field__label--required]=\"!!selectedType()?.requiresDataType\"\r\n              >\r\n                Tipo di dato\r\n              </label>\r\n              <select\r\n                class=\"fb-select\"\r\n                [fbValue]=\"selectedField()!.dataType || ''\"\r\n                (change)=\"setFieldProperty('dataType', $any($event.target).value)\"\r\n              >\r\n                <option value=\"\">\u2014 scegli \u2014</option>\r\n                @for (entry of dictionary.dataTypes(); track entry.value) {\r\n                  <option [value]=\"entry.value\">{{ entry.label }}</option>\r\n                }\r\n              </select>\r\n              @if (selectedType()?.requiresDataType && !selectedField()!.dataType) {\r\n                <p class=\"fb-field__error\">Obbligatorio per questo tipo di campo (DATA_TYPE_MISSING).</p>\r\n              }\r\n              @if (selectedType()?.isCollection) {\r\n                <p class=\"fb-field__hint\">\r\n                  Il valore raccolto e\u2019 una <strong>collection</strong>, non una stringa con i valori\r\n                  separati: nelle condizioni si usano gli operatori di collection.\r\n                </p>\r\n              }\r\n            </div>\r\n\r\n            @if (requiresObjectType()) {\r\n              <div class=\"fb-field\">\r\n                <label class=\"fb-field__label\" [class.fb-field__label--required]=\"objectTypeIsStructure()\">\r\n                  {{\r\n                    objectTypeIsStructure()\r\n                      ? 'Classe'\r\n                      : selectedField()!.dataType === 'Enum'\r\n                        ? 'Tipo di enumerazione'\r\n                        : 'Oggetto'\r\n                  }}\r\n                </label>\r\n                @if (selectedField()!.dataType === 'Enum') {\r\n                  <!-- Dizionario chiuso: si sceglie, non si scrive. -->\r\n                  <select\r\n                    class=\"fb-select\"\r\n                    [fbValue]=\"selectedField()!.objectType || ''\"\r\n                    (change)=\"setFieldProperty('objectType', $any($event.target).value)\"\r\n                  >\r\n                    <option value=\"\">\u2014 scegli \u2014</option>\r\n                    @for (entry of enumOptions(); track entry.name) {\r\n                      <option [value]=\"entry.name\">{{ entry.label || entry.name }}</option>\r\n                    }\r\n                  </select>\r\n                  @if (!selectedField()!.objectType) {\r\n                    <p class=\"fb-field__hint fb-field__hint--warn\">\r\n                      Senza il tipo concreto l\u2019editor non puo\u2019 proporre i valori dell\u2019enumerazione.\r\n                    </p>\r\n                  }\r\n                } @else if (objectTypeIsStructure()) {\r\n                  <fb-structure-picker\r\n                    [value]=\"selectedField()!.objectType\"\r\n                    label=\"Classe\"\r\n                    (valueChange)=\"setFieldProperty('objectType', $event ?? '')\"\r\n                  />\r\n                  @if (!selectedField()!.objectType) {\r\n                    <p class=\"fb-field__error\">\r\n                      La classe e\u2019 obbligatoria: senza, il runtime non ha nulla da istanziare\r\n                      (OBJECT_TYPE_MISSING).\r\n                    </p>\r\n                  }\r\n                } @else {\r\n                  <fb-object-picker\r\n                    [value]=\"selectedField()!.objectType\"\r\n                    label=\"Oggetto\"\r\n                    (valueChange)=\"setFieldProperty('objectType', $event ?? '')\"\r\n                  />\r\n                }\r\n              </div>\r\n            }\r\n          } @else {\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label fb-field__label--required\">Campo dell\u2019entita\u2019</label>\r\n              <p class=\"fb-field__hint\">\r\n                Tipo, label, obbligatorieta\u2019, scala e \u2014 se il campo e\u2019 una picklist \u2014 le opzioni arrivano\r\n                dallo schema dati: qui non si ridichiarano.\r\n              </p>\r\n              <fb-object-picker\r\n                [value]=\"providedObject() || undefined\"\r\n                label=\"Oggetto\"\r\n                (valueChange)=\"setProvidedObject($event)\"\r\n              />\r\n              <fb-field-picker\r\n                [value]=\"providedField() || undefined\"\r\n                [object]=\"providedObject() || undefined\"\r\n                label=\"Campo\"\r\n                (valueChange)=\"setProvidedField($event)\"\r\n              />\r\n            </div>\r\n          }\r\n\r\n          <label class=\"fb-check\">\r\n            <input\r\n              type=\"checkbox\"\r\n              [checked]=\"selectedIsRequired()\"\r\n              (change)=\"setRequired($any($event.target).checked)\"\r\n            />\r\n            Obbligatorio\r\n          </label>\r\n          <label class=\"fb-check\">\r\n            <input\r\n              type=\"checkbox\"\r\n              [checked]=\"selectedIsEditable()\"\r\n              (change)=\"setEditable($any($event.target).checked)\"\r\n            />\r\n            Modificabile\r\n          </label>\r\n          @if (!selectedIsEditable()) {\r\n            <p class=\"fb-field__hint\">\r\n              A <code>false</code> il runtime <strong>ignora</strong> cio\u2019 che il client rimanda indietro:\r\n              e\u2019 l\u2019unico modo di rendere un campo davvero di sola lettura.\r\n            </p>\r\n          }\r\n\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label\">Valore di default</label>\r\n            <fb-value-editor\r\n              [value]=\"selectedField()!.defaultValue\"\r\n              [dataType]=\"selectedField()!.dataType\"\r\n              [objectType]=\"selectedField()!.objectType\"\r\n              [isCollection]=\"selectedType()?.isCollection\"\r\n              label=\"Valore di default\"\r\n              (valueChange)=\"setDefaultValue($event)\"\r\n            />\r\n          </div>\r\n\r\n          @if (scaleApplies()) {\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label\">Decimali</label>\r\n              <input\r\n                class=\"fb-input\"\r\n                type=\"number\"\r\n                min=\"0\"\r\n                [value]=\"selectedField()!.scale ?? ''\"\r\n                (change)=\"setNumberProperty('scale', $any($event.target).value)\"\r\n              />\r\n            </div>\r\n          } @else if (selectedField()!.scale !== undefined) {\r\n            <p class=\"fb-field__hint fb-field__hint--warn\">\r\n              <code>scale</code> su un campo non numerico e\u2019 SCALE_NOT_APPLICABLE.\r\n            </p>\r\n          }\r\n\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label\">Lunghezza massima</label>\r\n            <input\r\n              class=\"fb-input\"\r\n              type=\"number\"\r\n              min=\"1\"\r\n              [value]=\"selectedField()!.maxLength ?? ''\"\r\n              (change)=\"setNumberProperty('maxLength', $any($event.target).value)\"\r\n            />\r\n            <p class=\"fb-field__hint\">Verificata anche dal runtime (TOO_LONG).</p>\r\n          </div>\r\n\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label\">Tornando sulla schermata</label>\r\n            <select\r\n              class=\"fb-select\"\r\n              [fbValue]=\"selectedField()!.inputsOnNextNavToAssocScrn || ''\"\r\n              (change)=\"setFieldProperty('inputsOnNextNavToAssocScrn', $any($event.target).value)\"\r\n            >\r\n              <option value=\"\">Predefinito (mantieni i valori)</option>\r\n              @for (entry of dictionary.screenFieldInputsRevisited(); track entry.value) {\r\n                <option [value]=\"entry.value\">{{ entry.label }}</option>\r\n              }\r\n            </select>\r\n          </div>\r\n\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label\">Regola di validazione</label>\r\n            <!--\r\n              `commitOn=\"change\"`: qui mutare il documento ridisegna l'anteprima, e riscriverla a\r\n              ogni tasto costa. La verifica parte lo stesso mentre si digita (\u00A76.3).\r\n            -->\r\n            <fb-formula-editor\r\n              [expression]=\"selectedField()!.validationRule?.formulaExpression || ''\"\r\n              usage=\"ValidationRule\"\r\n              expectedDataType=\"Boolean\"\r\n              commitOn=\"change\"\r\n              [rows]=\"2\"\r\n              placeholder=\"Espressione, es. LEN(Nome) > 3\"\r\n              ariaLabel=\"Regola di validazione\"\r\n              (expressionChange)=\"setValidationRule('formulaExpression', $event)\"\r\n            />\r\n            <input\r\n              class=\"fb-input\"\r\n              placeholder=\"Messaggio mostrato quando l\u2019espressione e\u2019 falsa\"\r\n              [value]=\"selectedField()!.validationRule?.errorMessage || ''\"\r\n              (change)=\"setValidationRule('errorMessage', $any($event.target).value)\"\r\n            />\r\n            <p class=\"fb-field__hint\">\r\n              L\u2019espressione la valuta il motore di regole: il backend non la interpreta, la fa\r\n              verificare al motore.\r\n            </p>\r\n          </div>\r\n        </fieldset>\r\n      }\r\n\r\n      <!-- --------------------------------------------------------------- choice -->\r\n      @if (selectedType()?.acceptsChoices) {\r\n        <fieldset class=\"fb-section\">\r\n          <legend class=\"fb-section__title\">Opzioni</legend>\r\n          <p class=\"fb-section__note\">\r\n            Accetta <strong>Choice</strong> e <strong>Dynamic choice set</strong>, nell\u2019ordine in cui le\r\n            opzioni compaiono. Puntare a una variabile e\u2019 SCREEN_FIELD_CHOICE_UNKNOWN.\r\n          </p>\r\n\r\n          @if (!selectedField()!.choiceReferences?.length) {\r\n            @if (selectedField()!.fieldType === 'ObjectProvided') {\r\n              <!-- Le opzioni di una picklist arrivano dallo schema: qui si aggiungono solo se\r\n                   si vuole sostituirle, e non dichiararne nessuna e' il caso normale. -->\r\n              <p class=\"fb-field__hint\">\r\n                Se il campo dello schema e\u2019 una picklist, le opzioni arrivano da l\u00EC: dichiararle qui\r\n                serve solo a sostituirle.\r\n              </p>\r\n            } @else {\r\n              <p class=\"fb-callout fb-callout--warn\">\r\n                Nessuna opzione: il campo non ha niente da mostrare (SCREEN_FIELD_CHOICES_MISSING).\r\n              </p>\r\n            }\r\n          }\r\n\r\n          <div class=\"fb-list\">\r\n            @for (choice of selectedField()!.choiceReferences || []; track $index) {\r\n              <div class=\"fb-list__item\">\r\n                <div class=\"fb-list__header\">\r\n                  <span class=\"fb-list__index\">{{ $index + 1 }}</span>\r\n                  <span class=\"fb-list__title\">{{ choice }}</span>\r\n                  <span class=\"fb-list__spacer\"></span>\r\n                  <button type=\"button\" class=\"fb-btn fb-btn--sm\" (click)=\"moveChoice($index, -1)\">\u2191</button>\r\n                  <button type=\"button\" class=\"fb-btn fb-btn--sm\" (click)=\"moveChoice($index, 1)\">\u2193</button>\r\n                  <button\r\n                    type=\"button\"\r\n                    class=\"fb-btn fb-btn--ghost fb-btn--sm\"\r\n                    aria-label=\"Rimuovi\"\r\n                    (click)=\"removeChoice($index)\"\r\n                  >\r\n                    \u00D7\r\n                  </button>\r\n                </div>\r\n              </div>\r\n            }\r\n          </div>\r\n\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label\">Aggiungi un\u2019opzione</label>\r\n            <fb-name-picker\r\n              [options]=\"choiceOptions()\"\r\n              label=\"Choice\"\r\n              placeholder=\"Scegli una choice o un choice set\"\r\n              unknownMessage=\"Questo nome non e\u2019 una choice ne\u2019 un choice set: e\u2019 SCREEN_FIELD_CHOICE_UNKNOWN.\"\r\n              unknownSeverity=\"error\"\r\n              emptyMessage=\"Il flow non dichiara nessuna choice: creale nel pannello delle risorse.\"\r\n              (valueChange)=\"addChoice($event)\"\r\n            />\r\n          </div>\r\n\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label\">Opzione selezionata all\u2019apertura</label>\r\n            <select\r\n              class=\"fb-select\"\r\n              [fbValue]=\"selectedField()!.defaultSelectedChoiceReference || ''\"\r\n              (change)=\"setFieldProperty('defaultSelectedChoiceReference', $any($event.target).value)\"\r\n            >\r\n              <option value=\"\">\u2014 nessuna \u2014</option>\r\n              @for (choice of selectedField()!.choiceReferences || []; track $index) {\r\n                <option [value]=\"choice\">{{ choice }}</option>\r\n              }\r\n            </select>\r\n            @if (defaultChoiceIsForeign()) {\r\n              <p class=\"fb-field__hint fb-field__hint--warn\">\r\n                \u00AB{{ selectedField()!.defaultSelectedChoiceReference }}\u00BB non e\u2019 fra le opzioni elencate qui\r\n                sopra.\r\n              </p>\r\n            }\r\n          </div>\r\n        </fieldset>\r\n      }\r\n\r\n      <!-- ------------------------------------------------------- contenitori -->\r\n      @if (selectedType()?.isContainer) {\r\n        <fieldset class=\"fb-section\">\r\n          <legend class=\"fb-section__title\">Contenitore</legend>\r\n          @if (selectedField()!.fieldType === 'RegionContainer') {\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label\">Tipo di sezione</label>\r\n              <select\r\n                class=\"fb-select\"\r\n                [fbValue]=\"selectedField()!.regionContainerType || ''\"\r\n                (change)=\"setFieldProperty('regionContainerType', $any($event.target).value)\"\r\n              >\r\n                <option value=\"\">\u2014 predefinito \u2014</option>\r\n                @for (entry of dictionary.regionContainerTypes(); track entry.value) {\r\n                  <option [value]=\"entry.value\">{{ entry.label }}</option>\r\n                }\r\n              </select>\r\n            </div>\r\n          }\r\n          @if (!selectedField()!.fields?.length) {\r\n            <p class=\"fb-callout fb-callout--warn\">\r\n              Il contenitore e\u2019 vuoto: non produce niente sulla schermata (SCREEN_CONTAINER_EMPTY).\r\n            </p>\r\n          }\r\n        </fieldset>\r\n      }\r\n\r\n      <!-- --------------------------------------------------- ComponentInstance -->\r\n      @if (selectedField()!.fieldType === 'ComponentInstance') {\r\n        <fieldset class=\"fb-section\">\r\n          <legend class=\"fb-section__title\">Componente</legend>\r\n          <p class=\"fb-section__note\">\r\n            Componenti e form sono la stessa domanda al frontend \u2014 cosa sa rendere, e con quali parametri\r\n            \u2014 e passano dallo stesso catalogo. Un <code>ComponentInstance</code> non ha un valore proprio:\r\n            lo hanno i suoi output.\r\n          </p>\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label fb-field__label--required\">Componente</label>\r\n            <fb-name-picker\r\n              [value]=\"selectedField()!.extensionName\"\r\n              [options]=\"componentOptions()\"\r\n              [unusableOptions]=\"unusableComponents()\"\r\n              label=\"Componente\"\r\n              placeholder=\"Scrivi o scegli un componente\"\r\n              [isMono]=\"false\"\r\n              unknownMessage=\"Questo componente non esiste nel catalogo: e\u2019 SCREEN_COMPONENT_UNKNOWN.\"\r\n              unknownSeverity=\"error\"\r\n              unusableMessage=\"Questo nome e\u2019 una schermata intera, non un componente montabile qui (FORM_KIND_MISMATCH).\"\r\n              emptyMessage=\"Il catalogo dei componenti non e\u2019 popolato: il nome non viene verificato.\"\r\n              (valueChange)=\"setFieldProperty('extensionName', $event ?? '')\"\r\n            />\r\n            @if (!selectedField()!.extensionName) {\r\n              <p class=\"fb-field__error\">Obbligatorio: senza, SCREEN_COMPONENT_MISSING.</p>\r\n            }\r\n          </div>\r\n\r\n          <label class=\"fb-check\">\r\n            <input\r\n              type=\"checkbox\"\r\n              [checked]=\"selectedField()!.storeOutputAutomatically === true\"\r\n              (change)=\"setStoreOutputAutomatically($any($event.target).checked)\"\r\n            />\r\n            Rendi gli output referenziabili automaticamente\r\n          </label>\r\n          @if (selectedField()!.storeOutputAutomatically) {\r\n            <p class=\"fb-field__hint\">\r\n              Gli output si referenziano come\r\n              <code>{{ selectedField()!.name || 'Campo' }}.nomeOutput</code>, senza dichiarare variabili.\r\n            </p>\r\n          }\r\n          @if (hasOutputConflict()) {\r\n            <p class=\"fb-callout fb-callout--error\">\r\n              Output automatici <strong>e</strong> parametri di uscita insieme:\r\n              OUTPUT_CONFIGURATION_CONFLICT.\r\n            </p>\r\n          }\r\n\r\n          <fb-parameter-editor\r\n            [holder]=\"$any(selectedField())\"\r\n            [catalogParameters]=\"componentParameterList()\"\r\n            inputTitle=\"Valori passati al componente\"\r\n            outputTitle=\"Valori raccolti dal componente\"\r\n            [showOutputs]=\"!selectedField()!.storeOutputAutomatically\"\r\n            outputsDisabledReason=\"Gli output sono automatici: disattivalo per assegnarli a variabili.\"\r\n            (changed)=\"onComponentParametersChanged($event)\"\r\n          />\r\n        </fieldset>\r\n      }\r\n\r\n      <!-- ------------------------------------------------------- visibilita' -->\r\n      <fieldset class=\"fb-section\">\r\n        <legend class=\"fb-section__title\">Visibilita\u2019</legend>\r\n        <p class=\"fb-section__note\">\r\n          Le regole si rivalutano <strong>sui valori appena inviati</strong>: e\u2019 cos\u00EC che un campo compare\r\n          in funzione di un altro campo della stessa schermata. Un campo risultato nascosto viene\r\n          <strong>azzerato</strong> e non viene validato.\r\n        </p>\r\n        <fb-condition-editor\r\n          [holder]=\"visibilityRule()\"\r\n          title=\"Mostra il campo quando\"\r\n          [allowFormula]=\"false\"\r\n          [issuePath]=\"'fields[' + (selectedField()!.name || '') + '].visibilityRule'\"\r\n          (changed)=\"onVisibilityChanged($event)\"\r\n        />\r\n      </fieldset>\r\n    }\r\n  </aside>\r\n</div>\r\n\r\n<fb-connector-editor\r\n  [nodeName]=\"name()\"\r\n  [node]=\"node()\"\r\n  [outlets]=\"outlets()\"\r\n  (connectorChanged)=\"onConnectorChanged($event)\"\r\n/>\r\n\r\n<!--\r\n  ============================================================== l'anteprima\r\n  Due template ricorsivi. `listTpl` disegna i figli di un contenitore, e nient'altro: `data-item`\r\n  marca cio' che conta come fratello nel calcolo del punto di rilascio, e il segnaposto del\r\n  contenitore vuoto ne resta fuori. La barra di inserimento non e' qui \u2014 sta sopra l'anteprima,\r\n  vedi il velo nel frame.\r\n-->\r\n<ng-template #listTpl let-fields let-parent=\"parent\" let-axis=\"axis\">\r\n  @for (child of fields; track $index) {\r\n    <ng-container\r\n      [ngTemplateOutlet]=\"fieldTpl\"\r\n      [ngTemplateOutletContext]=\"{ $implicit: child, path: childPath(parent, $index), axis: axis }\"\r\n    />\r\n  }\r\n  @if (!fields.length) {\r\n    <p class=\"fb-scr__drop-hint\">Trascina qui un componente</p>\r\n  }\r\n</ng-template>\r\n\r\n<ng-template #fieldTpl let-field let-path=\"path\" let-axis=\"axis\">\r\n  <div\r\n    class=\"fb-scr__item\"\r\n    data-item=\"\"\r\n    cdkDrag\r\n    [style.grid-column]=\"'span ' + widthOf(field)\"\r\n    [class.fb-scr__item--selected]=\"isSelected(path)\"\r\n    [class.fb-scr__item--dragging]=\"isDragging(path)\"\r\n    [class.fb-scr__item--container]=\"isContainer(field)\"\r\n    (cdkDragStarted)=\"onFieldDragStarted(path)\"\r\n    (cdkDragMoved)=\"onFieldDragMoved($event)\"\r\n    (cdkDragEnded)=\"onFieldDragEnded($event, path)\"\r\n    (click)=\"select(path); $event.stopPropagation()\"\r\n  >\r\n    <span class=\"fb-scr__grip\" cdkDragHandle title=\"Trascina per spostare\" aria-hidden=\"true\">\u283F</span>\r\n    @if (field.visibilityRule?.conditions?.length) {\r\n      <span class=\"fb-scr__flag\" title=\"Ha una regola di visibilita\u2019\">\u25D0</span>\r\n    }\r\n\r\n    @switch (field.fieldType) {\r\n      @case ('RegionContainer') {\r\n        <div class=\"fb-scr__section\">\r\n          @if (field.regionContainerType !== 'SectionWithoutHeader') {\r\n            <header class=\"fb-scr__section-head\">{{ field.fieldText || field.name }}</header>\r\n          }\r\n          <div class=\"fb-scr__cols\" [attr.data-drop]=\"dropId(path)\" data-axis=\"row\">\r\n            <ng-container\r\n              [ngTemplateOutlet]=\"listTpl\"\r\n              [ngTemplateOutletContext]=\"{ $implicit: field.fields || [], parent: path, axis: 'row' }\"\r\n            />\r\n          </div>\r\n        </div>\r\n      }\r\n      @case ('Region') {\r\n        <div class=\"fb-scr__region\">\r\n          <span class=\"fb-scr__region-tag\">{{ field.name }} \u00B7 {{ widthOf(field) }}/12</span>\r\n          <div class=\"fb-scr__region-body\" [attr.data-drop]=\"dropId(path)\" data-axis=\"column\">\r\n            <ng-container\r\n              [ngTemplateOutlet]=\"listTpl\"\r\n              [ngTemplateOutletContext]=\"{ $implicit: field.fields || [], parent: path, axis: 'column' }\"\r\n            />\r\n          </div>\r\n        </div>\r\n      }\r\n      @case ('DisplayText') {\r\n        <p class=\"fb-scr__display\">{{ field.fieldText || '(testo vuoto)' }}</p>\r\n      }\r\n      @case ('LargeTextArea') {\r\n        <label class=\"fb-scr__label\">\r\n          {{ captionOf(field) }}\r\n          @if (field.isRequired) {\r\n            <span class=\"fb-scr__req\">*</span>\r\n          }\r\n        </label>\r\n        <div class=\"fb-scr__control fb-scr__control--area\">{{ placeholderOf(field) }}</div>\r\n      }\r\n      @case ('PasswordField') {\r\n        <label class=\"fb-scr__label\">\r\n          {{ captionOf(field) }}\r\n          @if (field.isRequired) {\r\n            <span class=\"fb-scr__req\">*</span>\r\n          }\r\n        </label>\r\n        <div class=\"fb-scr__control\">\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022</div>\r\n      }\r\n      @case ('DropdownBox') {\r\n        <label class=\"fb-scr__label\">\r\n          {{ captionOf(field) }}\r\n          @if (field.isRequired) {\r\n            <span class=\"fb-scr__req\">*</span>\r\n          }\r\n        </label>\r\n        <div class=\"fb-scr__control fb-scr__control--select\">\r\n          <span>{{ field.defaultSelectedChoiceReference || choiceLabelsOf(field)[0] || '\u2014 scegli \u2014' }}</span>\r\n          <span aria-hidden=\"true\">\u25BE</span>\r\n        </div>\r\n      }\r\n      @case ('MultiSelectPicklist') {\r\n        <label class=\"fb-scr__label\">\r\n          {{ captionOf(field) }}\r\n          @if (field.isRequired) {\r\n            <span class=\"fb-scr__req\">*</span>\r\n          }\r\n        </label>\r\n        <div class=\"fb-scr__control fb-scr__control--select\">\r\n          <span>{{ choiceLabelsOf(field).join(', ') || '\u2014 scegli \u2014' }}</span>\r\n          <span aria-hidden=\"true\">\u2261</span>\r\n        </div>\r\n      }\r\n      @case ('RadioButtons') {\r\n        <label class=\"fb-scr__label\">\r\n          {{ captionOf(field) }}\r\n          @if (field.isRequired) {\r\n            <span class=\"fb-scr__req\">*</span>\r\n          }\r\n        </label>\r\n        <div class=\"fb-scr__options\">\r\n          @for (option of choiceLabelsOf(field); track $index) {\r\n            <span class=\"fb-scr__option\">\u25EF {{ option }}</span>\r\n          }\r\n          @if (!choiceLabelsOf(field).length) {\r\n            <span class=\"fb-scr__option fb-scr__option--missing\">Nessuna opzione</span>\r\n          }\r\n        </div>\r\n      }\r\n      @case ('MultiSelectCheckboxes') {\r\n        <label class=\"fb-scr__label\">\r\n          {{ captionOf(field) }}\r\n          @if (field.isRequired) {\r\n            <span class=\"fb-scr__req\">*</span>\r\n          }\r\n        </label>\r\n        <div class=\"fb-scr__options\">\r\n          @for (option of choiceLabelsOf(field); track $index) {\r\n            <span class=\"fb-scr__option\">\u2610 {{ option }}</span>\r\n          }\r\n          @if (!choiceLabelsOf(field).length) {\r\n            <span class=\"fb-scr__option fb-scr__option--missing\">Nessuna opzione</span>\r\n          }\r\n        </div>\r\n      }\r\n      @case ('ComponentInstance') {\r\n        <!--\r\n          L\u2019etichetta si disegna se c\u2019e\u2019: il runtime la consegna in `label` come per gli altri\r\n          campi (\u00A75.2). Nessun asterisco: un componente non raccoglie un valore, quindi\r\n          \u00ABobbligatorio\u00BB non ha niente su cui applicarsi.\r\n        -->\r\n        @if (field.fieldText) {\r\n          <label class=\"fb-scr__label\">{{ field.fieldText }}</label>\r\n        }\r\n        <div class=\"fb-scr__component\">\r\n          <span aria-hidden=\"true\">\u2B21</span>\r\n          {{ field.extensionName || 'Componente non indicato' }}\r\n        </div>\r\n      }\r\n      @case ('ObjectProvided') {\r\n        <label class=\"fb-scr__label\">\r\n          {{ field.fieldText || field.objectFieldReference || field.name }}\r\n          @if (field.isRequired) {\r\n            <span class=\"fb-scr__req\">*</span>\r\n          }\r\n        </label>\r\n        <div class=\"fb-scr__control\">{{ placeholderOf(field) }}</div>\r\n        <span class=\"fb-scr__tag\">{{ field.objectFieldReference || 'campo non indicato' }}</span>\r\n      }\r\n      @default {\r\n        <label class=\"fb-scr__label\">\r\n          {{ captionOf(field) }}\r\n          @if (field.isRequired) {\r\n            <span class=\"fb-scr__req\">*</span>\r\n          }\r\n        </label>\r\n        <div class=\"fb-scr__control\">{{ placeholderOf(field) }}</div>\r\n        @if (isUnknownType(field)) {\r\n          <span class=\"fb-scr__tag fb-scr__tag--warn\">{{ field.fieldType }}: tipo non nel dizionario</span>\r\n        }\r\n      }\r\n    }\r\n  </div>\r\n</ng-template>\r\n", styles: [".fb-scr{display:grid;grid-template-columns:220px minmax(0,1fr) 340px;gap:12px;align-items:start;margin-bottom:14px}@media(max-width:1100px){.fb-scr{grid-template-columns:minmax(0,1fr)}}.fb-scr__side,.fb-scr__props{min-width:0;padding:10px;border:1px solid var(--fb-border, #e2e5eb);border-radius:var(--fb-radius, 10px);background:var(--fb-surface-alt, #f7f8fa)}.fb-scr__tabs{display:flex;gap:4px;margin-bottom:8px}.fb-scr__tab{flex:1;padding:5px 8px;border:1px solid var(--fb-border, #e2e5eb);border-radius:var(--fb-radius-xs, 6px);background:var(--fb-surface, #fff);color:var(--fb-text-muted, #6b7086);font:inherit;font-size:11px;font-weight:600;cursor:pointer}.fb-scr__tab--active{border-color:var(--fb-accent, #4f6ef7);background:color-mix(in srgb,var(--fb-accent, #4f6ef7) 10%,transparent);color:var(--fb-accent-strong, #3d59e0)}.fb-scr__side-hint,.fb-scr__side-empty{margin:6px 0;font-size:11px;color:var(--fb-text-muted, #6b7086)}.fb-scr__palette{display:flex;flex-direction:column;gap:4px;margin:8px 0 0;padding:0;max-height:320px;overflow-y:auto;overscroll-behavior:contain;list-style:none}.fb-scr__chip{display:flex;align-items:center;gap:8px;width:100%;padding:6px 8px;border:1px solid var(--fb-border, #e2e5eb);border-radius:var(--fb-radius-xs, 6px);background:var(--fb-surface, #fff);color:var(--fb-text, #1a1c23);font:inherit;font-size:12px;text-align:left;cursor:grab}.fb-scr__chip:hover{border-color:var(--fb-accent, #4f6ef7)}.fb-scr__chip-icon{flex:none;width:20px;text-align:center;color:var(--fb-text-muted, #6b7086)}.fb-scr__chip-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fb-scr__chip-label small{margin-left:4px;color:var(--fb-text-subtle, #98a2b3);font-size:10px}.fb-scr__canvas{min-width:0;padding:14px;border:1px solid var(--fb-border, #e2e5eb);border-radius:var(--fb-radius, 10px);background:var(--fb-canvas-bg, #f4f5f7)}.fb-scr__frame{position:relative;display:flex;flex-direction:column;border:1px solid var(--fb-border, #e2e5eb);border-radius:var(--fb-radius-sm, 8px);background:var(--fb-surface, #fff);box-shadow:var(--fb-shadow-sm, 0 1px 2px rgb(16 24 40 / 6%));overflow:hidden}.fb-scr__frame-head{display:flex;align-items:center;gap:6px;padding:8px 12px;border-bottom:1px solid var(--fb-border-subtle, #eef0f4);font-size:13px;font-weight:600}.fb-scr__help{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;border-radius:50%;background:var(--fb-surface-sunken, #eef0f4);color:var(--fb-text-muted, #6b7086);font-size:10px}.fb-scr__body,.fb-scr__region-body{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-content:start;gap:8px 0;padding:12px;min-height:90px}.fb-scr__region-body{padding:8px;min-height:60px}.fb-scr__cols{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:stretch;gap:0;padding:8px;min-height:60px}.fb-scr__cols>.fb-scr__item{display:flex;align-self:stretch}.fb-scr__cols>.fb-scr__item>.fb-scr__region{flex:1;min-width:0}.fb-scr__drop-hint{grid-column:1 / -1;margin:0;padding:10px;border:1px dashed var(--fb-border-strong, #cfd4de);border-radius:var(--fb-radius-xs, 6px);color:var(--fb-text-subtle, #98a2b3);font-size:11px;text-align:center}.fb-scr__marker{position:absolute;z-index:2;border-radius:2px;background:var(--fb-accent, #4f6ef7);pointer-events:none}.fb-scr__item{position:relative;box-sizing:border-box;padding:6px 8px;border:1px solid transparent;border-radius:var(--fb-radius-xs, 6px);cursor:pointer}.fb-scr__item:hover{border-color:var(--fb-border-strong, #cfd4de);background:color-mix(in srgb,var(--fb-accent, #4f6ef7) 4%,transparent)}.fb-scr__item--selected{border-color:var(--fb-accent, #4f6ef7);box-shadow:inset 0 0 0 1px var(--fb-accent, #4f6ef7)}.fb-scr__item--dragging{opacity:.45;pointer-events:none}.fb-scr__grip{position:absolute;top:2px;left:-2px;padding:0 3px;color:var(--fb-text-subtle, #98a2b3);font-size:11px;line-height:1;opacity:0;cursor:grab}.fb-scr__item:hover>.fb-scr__grip,.fb-scr__item--selected>.fb-scr__grip{opacity:1}.fb-scr__flag{position:absolute;top:2px;right:4px;color:var(--fb-text-muted, #6b7086);font-size:11px}.fb-scr__label{display:block;margin-bottom:3px;font-size:11px;font-weight:600;color:var(--fb-text, #1a1c23)}.fb-scr__req{color:var(--fb-error, #dc2626)}.fb-scr__control{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:26px;padding:4px 8px;border:1px solid var(--fb-border-strong, #cfd4de);border-radius:var(--fb-radius-xs, 6px);background:var(--fb-surface, #fff);color:var(--fb-text-subtle, #98a2b3);font-size:12px;pointer-events:none}.fb-scr__control--area{min-height:54px;align-items:flex-start}.fb-scr__display{margin:0;font-size:12px;color:var(--fb-text, #1a1c23)}.fb-scr__options{display:flex;flex-direction:column;gap:2px;pointer-events:none}.fb-scr__option{font-size:12px;color:var(--fb-text-muted, #6b7086)}.fb-scr__option--missing{color:var(--fb-warning, #b7791f)}.fb-scr__component{display:flex;align-items:center;gap:6px;padding:10px;border:1px dashed var(--fb-accent, #4f6ef7);border-radius:var(--fb-radius-xs, 6px);background:color-mix(in srgb,var(--fb-accent, #4f6ef7) 5%,transparent);font-size:12px;color:var(--fb-text-muted, #6b7086)}.fb-scr__tag{display:inline-block;margin-top:3px;font-size:10px;color:var(--fb-text-subtle, #98a2b3)}.fb-scr__tag--warn{color:var(--fb-warning, #b7791f)}.fb-scr__section{border:1px solid var(--fb-border, #e2e5eb);border-radius:var(--fb-radius-xs, 6px);background:var(--fb-surface-alt, #f7f8fa)}.fb-scr__section-head{padding:5px 10px;border-bottom:1px solid var(--fb-border-subtle, #eef0f4);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--fb-text-muted, #6b7086)}.fb-scr__region{border:1px dashed var(--fb-border-strong, #cfd4de);border-radius:var(--fb-radius-xs, 6px);background:var(--fb-surface, #fff)}.fb-scr__region-tag{display:block;padding:3px 6px 0;font-size:10px;color:var(--fb-text-subtle, #98a2b3)}.fb-scr__frame-foot{display:flex;align-items:center;gap:6px;padding:8px 12px;border-top:1px solid var(--fb-border-subtle, #eef0f4);background:var(--fb-surface-alt, #f7f8fa)}.fb-scr__spacer{flex:1}.fb-scr__btn{padding:3px 10px;border:1px solid var(--fb-border-strong, #cfd4de);border-radius:var(--fb-radius-xs, 6px);font-size:11px;color:var(--fb-text-muted, #6b7086)}.fb-scr__btn--primary{border-color:var(--fb-accent, #4f6ef7);background:var(--fb-accent, #4f6ef7);color:var(--fb-accent-contrast, #fff)}.fb-scr__canvas-note{margin-top:10px}.fb-scr__props{background:var(--fb-surface, #fff)}.fb-scr__props-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}.fb-scr__props-title{flex:1;min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--fb-text-muted, #6b7086)}.fb-scr__props-actions{display:flex;flex-wrap:wrap;gap:3px}.fb-btn--sm{padding:3px 7px;font-size:11px}.fb-scr__width{display:flex;align-items:center;gap:8px}.fb-scr__width input[type=range]{flex:1;min-width:0}.fb-scr__width-value{font-size:11px;color:var(--fb-text-muted, #6b7086)}\n"], dependencies: [{ kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "component", type: ConditionEditorComponent, selector: "fb-condition-editor", inputs: ["holder", "title", "allowFormula", "allowLogic", "issuePath"], outputs: ["changed"] }, { kind: "component", type: ConnectorEditorComponent, selector: "fb-connector-editor", inputs: ["nodeName", "node", "outlets", "title"], outputs: ["connectorChanged"] }, { kind: "component", type: FieldPickerComponent, selector: "fb-field-picker", inputs: ["value", "object", "usage", "label", "placeholder", "disabled"], outputs: ["valueChange"] }, { kind: "component", type: FormulaEditorComponent, selector: "fb-formula-editor", inputs: ["expression", "usage", "expectedDataType", "scale", "placeholder", "ariaLabel", "disabled", "rows", "commitOn"], outputs: ["expressionChange"] }, { kind: "component", type: NamePickerComponent, selector: "fb-name-picker", inputs: ["value", "options", "label", "placeholder", "disabled", "unknownMessage", "unknownSeverity", "unusableOptions", "unusableMessage", "emptyMessage", "isMono"], outputs: ["valueChange"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ObjectPickerComponent, selector: "fb-object-picker", inputs: ["value", "label", "placeholder", "disabled"], outputs: ["valueChange"] }, { kind: "component", type: ParameterEditorComponent, selector: "fb-parameter-editor", inputs: ["holder", "catalogParameters", "inputTitle", "outputTitle", "showInputs", "showOutputs", "outputsDisabledReason", "extraTargets"], outputs: ["changed"] }, { kind: "directive", type: SelectValueDirective, selector: "select[fbValue]", inputs: ["fbValue"] }, { kind: "component", type: StructurePickerComponent, selector: "fb-structure-picker", inputs: ["value", "label", "placeholder", "disabled"], outputs: ["valueChange"] }, { kind: "component", type: ValueEditorComponent, selector: "fb-value-editor", inputs: ["value", "label", "dataType", "objectType", "isCollection", "valueSet", "disabled", "allowFormula"], outputs: ["valueChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: DynamicScreenInspectorComponent, decorators: [{
             type: Component,
@@ -10593,7 +10751,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.28", ngImport: i0, type: OrchestratedStageInspectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.28", 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.14).\r\n        -->\r\n        <fb-condition-editor\r\n          [holder]=\"conditionHolders()[stepIndex].entry\"\r\n          title=\"Condizioni d\u2019ingresso (se lo step si applica)\"\r\n          [allowLogic]=\"false\"\r\n          [allowFormula]=\"false\"\r\n          (changed)=\"onEntryConditionsChanged(stepIndex, $event)\"\r\n        />\r\n        <p class=\"fb-field__hint\">\r\n          Se non si avverano, lo step viene <strong>saltato</strong> e lo stage prosegue.\r\n        </p>\r\n\r\n        <fb-condition-editor\r\n          [holder]=\"conditionHolders()[stepIndex].exit\"\r\n          title=\"Condizioni d\u2019uscita (quando lo step libera lo stage)\"\r\n          [allowLogic]=\"false\"\r\n          [allowFormula]=\"false\"\r\n          (changed)=\"onExitConditionsChanged(stepIndex, $event)\"\r\n        />\r\n        <p class=\"fb-field__hint fb-field__hint--warn\">\r\n          Se restano false quando non c\u2019e\u2019 piu\u2019 niente in esecuzione, lo stage e\u2019 in stallo e\r\n          l\u2019esecuzione <strong>fallisce</strong>.\r\n        </p>\r\n\r\n        @if (stepOutputInConditions(step)) {\r\n          <p class=\"fb-callout fb-callout--error\">\r\n            Una condizione referenzia l\u2019output dello step \u00AB{{ stepOutputInConditions(step) }}\u00BB: finche\u2019\r\n            quello step non ha girato il riferimento e\u2019 irrisolvibile, e a runtime e\u2019 un errore. Fai\r\n            scrivere quel risultato in una variabile (parametro di uscita \u2192 destinazione) e condiziona su\r\n            quella.\r\n          </p>\r\n        }\r\n\r\n        <div class=\"fb-field\">\r\n          <label class=\"fb-field__label\">Evaluation flow per l\u2019ingresso</label>\r\n          <fb-name-picker\r\n            [value]=\"step.entryActionName\"\r\n            [options]=\"candidateOptions()\"\r\n            label=\"Evaluation flow per l\u2019ingresso\"\r\n            placeholder=\"Valuta_Ingresso\"\r\n            unknownMessage=\"Questo flow non e\u2019 fra quelli invocabili: senza una versione attiva il motore non lo trova.\"\r\n            emptyMessage=\"Elenco dei flow non disponibile: puoi scrivere il nome a mano.\"\r\n            (valueChange)=\"setEntryActionName(stepIndex, $event ?? '')\"\r\n          />\r\n          <p class=\"fb-field__hint\">\r\n            Deve restituire l\u2019output booleano <code>{{ conditionOutputName }}</code>: e\u2019 l\u2019unico che il\r\n            runtime legge, dichiararne altri e\u2019 STAGE_ACTION_INVALID.\r\n          </p>\r\n        </div>\r\n\r\n        <div class=\"fb-field\">\r\n          <label class=\"fb-field__label\">Evaluation flow per l\u2019uscita</label>\r\n          <fb-name-picker\r\n            [value]=\"step.exitActionName\"\r\n            [options]=\"candidateOptions()\"\r\n            label=\"Evaluation flow per l\u2019uscita\"\r\n            placeholder=\"Valuta_Uscita\"\r\n            unknownMessage=\"Questo flow non e\u2019 fra quelli invocabili: senza una versione attiva il motore non lo trova.\"\r\n            emptyMessage=\"Elenco dei flow non disponibile: puoi scrivere il nome a mano.\"\r\n            (valueChange)=\"setExitActionName(stepIndex, $event ?? '')\"\r\n          />\r\n        </div>\r\n\r\n        <fb-parameter-editor\r\n          [holder]=\"step\"\r\n          inputTitle=\"Parametri dello step\"\r\n          [showOutputs]=\"true\"\r\n          outputTitle=\"Valori prodotti dallo step\"\r\n          (changed)=\"onParametersChanged(stepIndex, $event)\"\r\n        />\r\n        <p class=\"fb-field__hint\">\r\n          La destinazione e\u2019 <strong>facoltativa</strong>: l\u2019output e\u2019 gi\u00E0 referenziabile come\r\n          <code>{{ step.name || 'NomeStep' }}.NomeOutput</code>. Serve una variabile solo se un altro step\r\n          deve condizionare su quel risultato.\r\n        </p>\r\n\r\n        <label class=\"fb-check\">\r\n          <input\r\n            type=\"checkbox\"\r\n            [checked]=\"hasSimulatedOutputs(step)\"\r\n            (change)=\"setSimulateStep(stepIndex, $any($event.target).checked)\"\r\n          />\r\n          Simula lo step nella prova\r\n        </label>\r\n        @if (hasSimulatedOutputs(step)) {\r\n          <p class=\"fb-callout fb-callout--warn\">\r\n            Con la simulazione lo step non viene eseguito ne\u2019 assegnato: si usano gli output finti di\r\n            <code>outputConfigParams</code>. Non memorizzarci dati personali.\r\n          </p>\r\n        }\r\n\r\n        <div class=\"fb-field\">\r\n          <label class=\"fb-field__label\">Descrizione</label>\r\n          <textarea\r\n            class=\"fb-textarea\"\r\n            [value]=\"step.description || ''\"\r\n            (input)=\"setStepDescription(stepIndex, $any($event.target).value)\"\r\n          ></textarea>\r\n        </div>\r\n      </div>\r\n    } @empty {\r\n      <p class=\"fb-empty\">\r\n        Uno stage senza step non fa nulla ed e\u2019 un errore di validazione (STAGE_WITHOUT_STEPS).\r\n      </p>\r\n    }\r\n  </div>\r\n\r\n  <button type=\"button\" class=\"fb-btn\" (click)=\"addStep()\">Aggiungi step</button>\r\n</fieldset>\r\n\r\n@if (hasApprovalStep() && !hasRejectionBranch()) {\r\n  <p class=\"fb-callout fb-callout--warn\">\r\n    C\u2019e\u2019 uno step di approvazione ma il ramo \u00ABStep rifiutato\u00BB non e\u2019 disegnato: senza, un rifiuto fa\r\n    <strong>fallire</strong> l\u2019interview. Non e\u2019 un ramo di guasto, e\u2019 l\u2019esito previsto del rifiuto.\r\n  </p>\r\n}\r\n\r\n<fb-connector-editor\r\n  [nodeName]=\"name()\"\r\n  [node]=\"node()\"\r\n  [outlets]=\"outlets()\"\r\n  title=\"Rami\"\r\n  (connectorChanged)=\"onConnectorChanged($event)\"\r\n/>\r\n", dependencies: [{ kind: "component", type: ConditionEditorComponent, selector: "fb-condition-editor", inputs: ["holder", "title", "allowFormula", "allowLogic", "issuePath"], outputs: ["changed"] }, { kind: "component", type: ConnectorEditorComponent, selector: "fb-connector-editor", inputs: ["nodeName", "node", "outlets", "title"], outputs: ["connectorChanged"] }, { kind: "component", type: NamePickerComponent, selector: "fb-name-picker", inputs: ["value", "options", "label", "placeholder", "disabled", "unknownMessage", "unknownSeverity", "unusableOptions", "unusableMessage", "emptyMessage", "isMono"], outputs: ["valueChange"] }, { kind: "component", type: ParameterEditorComponent, selector: "fb-parameter-editor", inputs: ["holder", "catalogParameters", "inputTitle", "outputTitle", "showInputs", "showOutputs", "outputsDisabledReason", "extraTargets"], 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.28", 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.14).\r\n        -->\r\n        <fb-condition-editor\r\n          [holder]=\"conditionHolders()[stepIndex].entry\"\r\n          title=\"Condizioni d\u2019ingresso (se lo step si applica)\"\r\n          [allowLogic]=\"false\"\r\n          [allowFormula]=\"false\"\r\n          (changed)=\"onEntryConditionsChanged(stepIndex, $event)\"\r\n        />\r\n        <p class=\"fb-field__hint\">\r\n          Se non si avverano, lo step viene <strong>saltato</strong> e lo stage prosegue.\r\n        </p>\r\n\r\n        <fb-condition-editor\r\n          [holder]=\"conditionHolders()[stepIndex].exit\"\r\n          title=\"Condizioni d\u2019uscita (quando lo step libera lo stage)\"\r\n          [allowLogic]=\"false\"\r\n          [allowFormula]=\"false\"\r\n          (changed)=\"onExitConditionsChanged(stepIndex, $event)\"\r\n        />\r\n        <p class=\"fb-field__hint fb-field__hint--warn\">\r\n          Se restano false quando non c\u2019e\u2019 piu\u2019 niente in esecuzione, lo stage e\u2019 in stallo e\r\n          l\u2019esecuzione <strong>fallisce</strong>.\r\n        </p>\r\n\r\n        @if (stepOutputInConditions(step)) {\r\n          <p class=\"fb-callout fb-callout--error\">\r\n            Una condizione referenzia l\u2019output dello step \u00AB{{ stepOutputInConditions(step) }}\u00BB: finche\u2019\r\n            quello step non ha girato il riferimento e\u2019 irrisolvibile, e a runtime e\u2019 un errore. Fai\r\n            scrivere quel risultato in una variabile (parametro di uscita \u2192 destinazione) e condiziona su\r\n            quella.\r\n          </p>\r\n        }\r\n\r\n        <div class=\"fb-field\">\r\n          <label class=\"fb-field__label\">Evaluation flow per l\u2019ingresso</label>\r\n          <fb-name-picker\r\n            [value]=\"step.entryActionName\"\r\n            [options]=\"candidateOptions()\"\r\n            label=\"Evaluation flow per l\u2019ingresso\"\r\n            placeholder=\"Valuta_Ingresso\"\r\n            unknownMessage=\"Questo flow non e\u2019 fra quelli invocabili: senza una versione attiva il motore non lo trova.\"\r\n            emptyMessage=\"Elenco dei flow non disponibile: puoi scrivere il nome a mano.\"\r\n            (valueChange)=\"setEntryActionName(stepIndex, $event ?? '')\"\r\n          />\r\n          <p class=\"fb-field__hint\">\r\n            Deve restituire l\u2019output booleano <code>{{ conditionOutputName }}</code>: e\u2019 l\u2019unico che il\r\n            runtime legge, dichiararne altri e\u2019 STAGE_ACTION_INVALID.\r\n          </p>\r\n        </div>\r\n\r\n        <div class=\"fb-field\">\r\n          <label class=\"fb-field__label\">Evaluation flow per l\u2019uscita</label>\r\n          <fb-name-picker\r\n            [value]=\"step.exitActionName\"\r\n            [options]=\"candidateOptions()\"\r\n            label=\"Evaluation flow per l\u2019uscita\"\r\n            placeholder=\"Valuta_Uscita\"\r\n            unknownMessage=\"Questo flow non e\u2019 fra quelli invocabili: senza una versione attiva il motore non lo trova.\"\r\n            emptyMessage=\"Elenco dei flow non disponibile: puoi scrivere il nome a mano.\"\r\n            (valueChange)=\"setExitActionName(stepIndex, $event ?? '')\"\r\n          />\r\n        </div>\r\n\r\n        <fb-parameter-editor\r\n          [holder]=\"step\"\r\n          inputTitle=\"Parametri dello step\"\r\n          [showOutputs]=\"true\"\r\n          outputTitle=\"Valori prodotti dallo step\"\r\n          (changed)=\"onParametersChanged(stepIndex, $event)\"\r\n        />\r\n        <p class=\"fb-field__hint\">\r\n          La destinazione e\u2019 <strong>facoltativa</strong>: l\u2019output e\u2019 gi\u00E0 referenziabile come\r\n          <code>{{ step.name || 'NomeStep' }}.NomeOutput</code>. Serve una variabile solo se un altro step\r\n          deve condizionare su quel risultato.\r\n        </p>\r\n\r\n        <label class=\"fb-check\">\r\n          <input\r\n            type=\"checkbox\"\r\n            [checked]=\"hasSimulatedOutputs(step)\"\r\n            (change)=\"setSimulateStep(stepIndex, $any($event.target).checked)\"\r\n          />\r\n          Simula lo step nella prova\r\n        </label>\r\n        @if (hasSimulatedOutputs(step)) {\r\n          <p class=\"fb-callout fb-callout--warn\">\r\n            Con la simulazione lo step non viene eseguito ne\u2019 assegnato: si usano gli output finti di\r\n            <code>outputConfigParams</code>. Non memorizzarci dati personali.\r\n          </p>\r\n        }\r\n\r\n        <div class=\"fb-field\">\r\n          <label class=\"fb-field__label\">Descrizione</label>\r\n          <textarea\r\n            class=\"fb-textarea\"\r\n            [value]=\"step.description || ''\"\r\n            (input)=\"setStepDescription(stepIndex, $any($event.target).value)\"\r\n          ></textarea>\r\n        </div>\r\n      </div>\r\n    } @empty {\r\n      <p class=\"fb-empty\">\r\n        Uno stage senza step non fa nulla ed e\u2019 un errore di validazione (STAGE_WITHOUT_STEPS).\r\n      </p>\r\n    }\r\n  </div>\r\n\r\n  <button type=\"button\" class=\"fb-btn\" (click)=\"addStep()\">Aggiungi step</button>\r\n</fieldset>\r\n\r\n@if (hasApprovalStep() && !hasRejectionBranch()) {\r\n  <p class=\"fb-callout fb-callout--warn\">\r\n    C\u2019e\u2019 uno step di approvazione ma il ramo \u00ABStep rifiutato\u00BB non e\u2019 disegnato: senza, un rifiuto fa\r\n    <strong>fallire</strong> l\u2019interview. Non e\u2019 un ramo di guasto, e\u2019 l\u2019esito previsto del rifiuto.\r\n  </p>\r\n}\r\n\r\n<fb-connector-editor\r\n  [nodeName]=\"name()\"\r\n  [node]=\"node()\"\r\n  [outlets]=\"outlets()\"\r\n  title=\"Rami\"\r\n  (connectorChanged)=\"onConnectorChanged($event)\"\r\n/>\r\n", dependencies: [{ kind: "component", type: ConditionEditorComponent, selector: "fb-condition-editor", inputs: ["holder", "title", "allowFormula", "allowLogic", "issuePath"], outputs: ["changed"] }, { kind: "component", type: ConnectorEditorComponent, selector: "fb-connector-editor", inputs: ["nodeName", "node", "outlets", "title"], outputs: ["connectorChanged"] }, { kind: "component", type: NamePickerComponent, selector: "fb-name-picker", inputs: ["value", "options", "label", "placeholder", "disabled", "unknownMessage", "unknownSeverity", "unusableOptions", "unusableMessage", "emptyMessage", "isMono"], outputs: ["valueChange"] }, { kind: "component", type: ParameterEditorComponent, selector: "fb-parameter-editor", inputs: ["holder", "catalogParameters", "inputTitle", "outputTitle", "showInputs", "showOutputs", "outputsDisabledReason", "extraTargets"], outputs: ["changed"] }, { kind: "component", type: ValueEditorComponent, selector: "fb-value-editor", inputs: ["value", "label", "dataType", "objectType", "isCollection", "valueSet", "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.28", ngImport: i0, type: OrchestratedStageInspectorComponent, decorators: [{
             type: Component,
@@ -11529,7 +11687,7 @@ class SubflowInspectorComponent extends NodeInspectorBase {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: SubflowInspectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.28", type: SubflowInspectorComponent, isStandalone: true, selector: "fb-subflow-inspector", usesInheritance: true, ngImport: i0, template: "<div class=\"fb-field\">\r\n  <label class=\"fb-field__label fb-field__label--required\">Flow da invocare</label>\r\n  <fb-name-picker\r\n    [value]=\"subflow().flowName\"\r\n    [options]=\"candidates()\"\r\n    label=\"Flow da invocare\"\r\n    placeholder=\"API name del flow\"\r\n    unknownMessage=\"Questo flow non e\u2019 fra quelli invocabili: solo i flow con una versione attiva lo sono.\"\r\n    emptyMessage=\"Nessun flow attivo disponibile come subflow: attivane uno, oppure scrivi il nome a mano.\"\r\n    (valueChange)=\"setFlowName($event ?? '')\"\r\n  />\r\n  @if (hasCandidates()) {\r\n    <p class=\"fb-field__hint\">Solo i flow con una versione attiva possono essere invocati.</p>\r\n  }\r\n  @if (isRecursive()) {\r\n    <p class=\"fb-field__error\">Un flow non puo\u2019 invocare se stesso (SUBFLOW_RECURSIVE).</p>\r\n  }\r\n</div>\r\n\r\n@if (couldNotLoadTarget()) {\r\n  <p class=\"fb-callout fb-callout--warn\">\r\n    Non e\u2019 stato possibile leggere la definizione del flow invocato: i nomi di input e output non vengono\r\n    proposti, ma puoi scriverli a mano.\r\n  </p>\r\n}\r\n\r\n<p class=\"fb-callout\">\r\n  Un subflow che si sospende \u2014 cioe\u2019 che contiene screen o Wait \u2014 non e\u2019 supportato dal motore.\r\n</p>\r\n\r\n<fieldset class=\"fb-section\">\r\n  <legend class=\"fb-section__title\">Valori passati al subflow</legend>\r\n  @if (inputVariables().length) {\r\n    <p class=\"fb-section__note\">\r\n      Sono le variabili di input del flow invocato: {{ inputVariables().length }} disponibili.\r\n    </p>\r\n  }\r\n\r\n  <div class=\"fb-list\">\r\n    @for (assignment of inputAssignments(); track $index) {\r\n      <div class=\"fb-list__item\">\r\n        <div class=\"fb-list__header\">\r\n          <fb-name-picker\r\n            [value]=\"assignment.name\"\r\n            [options]=\"inputOptions()\"\r\n            label=\"Variabile del subflow\"\r\n            placeholder=\"Nome della variabile di input\"\r\n            unknownMessage=\"Questa variabile non e\u2019 fra gli input del flow invocato.\"\r\n            emptyMessage=\"Input del flow invocato non disponibili: scrivi il nome a mano.\"\r\n            (valueChange)=\"setInputName($index, $event ?? '')\"\r\n          />\r\n          <button\r\n            type=\"button\"\r\n            class=\"fb-btn fb-btn--ghost fb-btn--icon\"\r\n            aria-label=\"Rimuovi\"\r\n            (click)=\"removeInput($index)\"\r\n          >\r\n            \u00D7\r\n          </button>\r\n        </div>\r\n        <fb-value-editor\r\n          [value]=\"assignment.value\"\r\n          [dataType]=\"variableOf(assignment.name)?.dataType\"\r\n          [objectType]=\"variableOf(assignment.name)?.objectType\"\r\n          [isCollection]=\"variableOf(assignment.name)?.isCollection\"\r\n          label=\"Valore\"\r\n          (valueChange)=\"setInputValue($index, $event)\"\r\n        />\r\n      </div>\r\n    } @empty {\r\n      <p class=\"fb-empty\">Nessun valore passato.</p>\r\n    }\r\n  </div>\r\n  <button type=\"button\" class=\"fb-btn\" (click)=\"addInput()\">Aggiungi valore</button>\r\n</fieldset>\r\n\r\n<fieldset class=\"fb-section\">\r\n  <legend class=\"fb-section__title\">Valori restituiti</legend>\r\n  <label class=\"fb-check\">\r\n    <input\r\n      type=\"checkbox\"\r\n      [checked]=\"storeOutputAutomatically()\"\r\n      (change)=\"setStoreOutputAutomatically($any($event.target).checked)\"\r\n    />\r\n    Output automatico\r\n  </label>\r\n  @if (storeOutputAutomatically()) {\r\n    <p class=\"fb-field__hint\">\r\n      Le variabili di output del subflow si referenziano col nome dell\u2019elemento:\r\n      <code>{{ name() }}.NomeVariabile</code>.\r\n    </p>\r\n  } @else {\r\n    <div class=\"fb-list\">\r\n      @for (assignment of outputAssignments(); track $index) {\r\n        <div class=\"fb-list__item\">\r\n          <div class=\"fb-list__header\">\r\n            <fb-name-picker\r\n              [value]=\"assignment.name\"\r\n              [options]=\"outputOptions()\"\r\n              label=\"Variabile di output del subflow\"\r\n              placeholder=\"Nome della variabile di output\"\r\n              unknownMessage=\"Questa variabile non e\u2019 fra gli output del flow invocato.\"\r\n              emptyMessage=\"Output del flow invocato non disponibili: scrivi il nome a mano.\"\r\n              (valueChange)=\"setOutputName($index, $event ?? '')\"\r\n            />\r\n            <button\r\n              type=\"button\"\r\n              class=\"fb-btn fb-btn--ghost fb-btn--icon\"\r\n              aria-label=\"Rimuovi\"\r\n              (click)=\"removeOutput($index)\"\r\n            >\r\n              \u00D7\r\n            </button>\r\n          </div>\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label\">Assegna a</label>\r\n            <fb-reference-picker\r\n              [value]=\"assignment.assignToReference\"\r\n              [writableOnly]=\"true\"\r\n              [dataType]=\"variableOf(assignment.name)?.dataType\"\r\n              [isCollection]=\"variableOf(assignment.name)?.isCollection\"\r\n              placeholder=\"Scegli una variabile\"\r\n              (valueChange)=\"setOutputTarget($index, $event)\"\r\n            />\r\n          </div>\r\n        </div>\r\n      } @empty {\r\n        <p class=\"fb-empty\">Nessun valore raccolto.</p>\r\n      }\r\n    </div>\r\n    <button type=\"button\" class=\"fb-btn\" (click)=\"addOutput()\">Aggiungi valore</button>\r\n  }\r\n</fieldset>\r\n\r\n<fb-connector-editor\r\n  [nodeName]=\"name()\"\r\n  [node]=\"node()\"\r\n  [outlets]=\"outlets()\"\r\n  (connectorChanged)=\"onConnectorChanged($event)\"\r\n/>\r\n", dependencies: [{ kind: "component", type: ConnectorEditorComponent, selector: "fb-connector-editor", inputs: ["nodeName", "node", "outlets", "title"], outputs: ["connectorChanged"] }, { kind: "component", type: NamePickerComponent, selector: "fb-name-picker", inputs: ["value", "options", "label", "placeholder", "disabled", "unknownMessage", "unknownSeverity", "unusableOptions", "unusableMessage", "emptyMessage", "isMono"], outputs: ["valueChange"] }, { kind: "component", type: ReferencePickerComponent, selector: "fb-reference-picker", inputs: ["value", "label", "placeholder", "disabled", "dataType", "isCollection", "objectType", "writableOnly", "elementsOnly", "extraReferences"], outputs: ["valueChange"] }, { kind: "component", type: ValueEditorComponent, selector: "fb-value-editor", inputs: ["value", "label", "dataType", "objectType", "isCollection", "disabled", "allowFormula"], outputs: ["valueChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.28", type: SubflowInspectorComponent, isStandalone: true, selector: "fb-subflow-inspector", usesInheritance: true, ngImport: i0, template: "<div class=\"fb-field\">\r\n  <label class=\"fb-field__label fb-field__label--required\">Flow da invocare</label>\r\n  <fb-name-picker\r\n    [value]=\"subflow().flowName\"\r\n    [options]=\"candidates()\"\r\n    label=\"Flow da invocare\"\r\n    placeholder=\"API name del flow\"\r\n    unknownMessage=\"Questo flow non e\u2019 fra quelli invocabili: solo i flow con una versione attiva lo sono.\"\r\n    emptyMessage=\"Nessun flow attivo disponibile come subflow: attivane uno, oppure scrivi il nome a mano.\"\r\n    (valueChange)=\"setFlowName($event ?? '')\"\r\n  />\r\n  @if (hasCandidates()) {\r\n    <p class=\"fb-field__hint\">Solo i flow con una versione attiva possono essere invocati.</p>\r\n  }\r\n  @if (isRecursive()) {\r\n    <p class=\"fb-field__error\">Un flow non puo\u2019 invocare se stesso (SUBFLOW_RECURSIVE).</p>\r\n  }\r\n</div>\r\n\r\n@if (couldNotLoadTarget()) {\r\n  <p class=\"fb-callout fb-callout--warn\">\r\n    Non e\u2019 stato possibile leggere la definizione del flow invocato: i nomi di input e output non vengono\r\n    proposti, ma puoi scriverli a mano.\r\n  </p>\r\n}\r\n\r\n<p class=\"fb-callout\">\r\n  Un subflow che si sospende \u2014 cioe\u2019 che contiene screen o Wait \u2014 non e\u2019 supportato dal motore.\r\n</p>\r\n\r\n<fieldset class=\"fb-section\">\r\n  <legend class=\"fb-section__title\">Valori passati al subflow</legend>\r\n  @if (inputVariables().length) {\r\n    <p class=\"fb-section__note\">\r\n      Sono le variabili di input del flow invocato: {{ inputVariables().length }} disponibili.\r\n    </p>\r\n  }\r\n\r\n  <div class=\"fb-list\">\r\n    @for (assignment of inputAssignments(); track $index) {\r\n      <div class=\"fb-list__item\">\r\n        <div class=\"fb-list__header\">\r\n          <fb-name-picker\r\n            [value]=\"assignment.name\"\r\n            [options]=\"inputOptions()\"\r\n            label=\"Variabile del subflow\"\r\n            placeholder=\"Nome della variabile di input\"\r\n            unknownMessage=\"Questa variabile non e\u2019 fra gli input del flow invocato.\"\r\n            emptyMessage=\"Input del flow invocato non disponibili: scrivi il nome a mano.\"\r\n            (valueChange)=\"setInputName($index, $event ?? '')\"\r\n          />\r\n          <button\r\n            type=\"button\"\r\n            class=\"fb-btn fb-btn--ghost fb-btn--icon\"\r\n            aria-label=\"Rimuovi\"\r\n            (click)=\"removeInput($index)\"\r\n          >\r\n            \u00D7\r\n          </button>\r\n        </div>\r\n        <fb-value-editor\r\n          [value]=\"assignment.value\"\r\n          [dataType]=\"variableOf(assignment.name)?.dataType\"\r\n          [objectType]=\"variableOf(assignment.name)?.objectType\"\r\n          [isCollection]=\"variableOf(assignment.name)?.isCollection\"\r\n          label=\"Valore\"\r\n          (valueChange)=\"setInputValue($index, $event)\"\r\n        />\r\n      </div>\r\n    } @empty {\r\n      <p class=\"fb-empty\">Nessun valore passato.</p>\r\n    }\r\n  </div>\r\n  <button type=\"button\" class=\"fb-btn\" (click)=\"addInput()\">Aggiungi valore</button>\r\n</fieldset>\r\n\r\n<fieldset class=\"fb-section\">\r\n  <legend class=\"fb-section__title\">Valori restituiti</legend>\r\n  <label class=\"fb-check\">\r\n    <input\r\n      type=\"checkbox\"\r\n      [checked]=\"storeOutputAutomatically()\"\r\n      (change)=\"setStoreOutputAutomatically($any($event.target).checked)\"\r\n    />\r\n    Output automatico\r\n  </label>\r\n  @if (storeOutputAutomatically()) {\r\n    <p class=\"fb-field__hint\">\r\n      Le variabili di output del subflow si referenziano col nome dell\u2019elemento:\r\n      <code>{{ name() }}.NomeVariabile</code>.\r\n    </p>\r\n  } @else {\r\n    <div class=\"fb-list\">\r\n      @for (assignment of outputAssignments(); track $index) {\r\n        <div class=\"fb-list__item\">\r\n          <div class=\"fb-list__header\">\r\n            <fb-name-picker\r\n              [value]=\"assignment.name\"\r\n              [options]=\"outputOptions()\"\r\n              label=\"Variabile di output del subflow\"\r\n              placeholder=\"Nome della variabile di output\"\r\n              unknownMessage=\"Questa variabile non e\u2019 fra gli output del flow invocato.\"\r\n              emptyMessage=\"Output del flow invocato non disponibili: scrivi il nome a mano.\"\r\n              (valueChange)=\"setOutputName($index, $event ?? '')\"\r\n            />\r\n            <button\r\n              type=\"button\"\r\n              class=\"fb-btn fb-btn--ghost fb-btn--icon\"\r\n              aria-label=\"Rimuovi\"\r\n              (click)=\"removeOutput($index)\"\r\n            >\r\n              \u00D7\r\n            </button>\r\n          </div>\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label\">Assegna a</label>\r\n            <fb-reference-picker\r\n              [value]=\"assignment.assignToReference\"\r\n              [writableOnly]=\"true\"\r\n              [dataType]=\"variableOf(assignment.name)?.dataType\"\r\n              [isCollection]=\"variableOf(assignment.name)?.isCollection\"\r\n              placeholder=\"Scegli una variabile\"\r\n              (valueChange)=\"setOutputTarget($index, $event)\"\r\n            />\r\n          </div>\r\n        </div>\r\n      } @empty {\r\n        <p class=\"fb-empty\">Nessun valore raccolto.</p>\r\n      }\r\n    </div>\r\n    <button type=\"button\" class=\"fb-btn\" (click)=\"addOutput()\">Aggiungi valore</button>\r\n  }\r\n</fieldset>\r\n\r\n<fb-connector-editor\r\n  [nodeName]=\"name()\"\r\n  [node]=\"node()\"\r\n  [outlets]=\"outlets()\"\r\n  (connectorChanged)=\"onConnectorChanged($event)\"\r\n/>\r\n", dependencies: [{ kind: "component", type: ConnectorEditorComponent, selector: "fb-connector-editor", inputs: ["nodeName", "node", "outlets", "title"], outputs: ["connectorChanged"] }, { kind: "component", type: NamePickerComponent, selector: "fb-name-picker", inputs: ["value", "options", "label", "placeholder", "disabled", "unknownMessage", "unknownSeverity", "unusableOptions", "unusableMessage", "emptyMessage", "isMono"], outputs: ["valueChange"] }, { kind: "component", type: ReferencePickerComponent, selector: "fb-reference-picker", inputs: ["value", "label", "placeholder", "disabled", "dataType", "isCollection", "objectType", "writableOnly", "elementsOnly", "extraReferences"], outputs: ["valueChange"] }, { kind: "component", type: ValueEditorComponent, selector: "fb-value-editor", inputs: ["value", "label", "dataType", "objectType", "isCollection", "valueSet", "disabled", "allowFormula"], outputs: ["valueChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: SubflowInspectorComponent, decorators: [{
             type: Component,
@@ -11741,7 +11899,7 @@ class TransformInspectorComponent extends NodeInspectorBase {
         return action.transformType === 'Sum' || action.transformType === 'Count';
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: TransformInspectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.28", type: TransformInspectorComponent, isStandalone: true, selector: "fb-transform-inspector", usesInheritance: true, ngImport: i0, template: "<div class=\"fb-field\">\r\n  <label class=\"fb-field__label fb-field__label--required\">Tipo del risultato</label>\r\n  <select class=\"fb-select\" [fbValue]=\"transform().dataType || ''\" (change)=\"setDataType($any($event.target).value)\">\r\n    <option value=\"\">\u2014 scegli \u2014</option>\r\n    @for (type of dataTypes(); track type.value) {\r\n      <option [value]=\"type.value\">{{ type.label }}</option>\r\n    }\r\n  </select>\r\n  @if (!transform().dataType) {\r\n    <p class=\"fb-field__error\">Obbligatorio (TRANSFORM_DATA_TYPE_MISSING).</p>\r\n  }\r\n</div>\r\n\r\n@if (requiresObjectType()) {\r\n  <div class=\"fb-field\">\r\n    <label class=\"fb-field__label fb-field__label--required\">\r\n      {{ isStructureTarget() ? 'Classe del risultato' : 'Tipo dell\u2019oggetto' }}\r\n    </label>\r\n    @if (isStructureTarget()) {\r\n      <!-- \u00A74.7: una classe del backend. Le destinazioni delle azioni sono i suoi membri. -->\r\n      <fb-structure-picker\r\n        [value]=\"transform().objectType\"\r\n        label=\"Classe del risultato\"\r\n        (valueChange)=\"setObjectType($event ?? '')\"\r\n      />\r\n      @if (missingObjectType()) {\r\n        <p class=\"fb-field__error\">\r\n          La classe e\u2019 obbligatoria: senza, l\u2019attivazione e\u2019 bloccata (OBJECT_TYPE_MISSING).\r\n        </p>\r\n      } @else {\r\n        <p class=\"fb-field__hint\">\r\n          Componi l\u2019istanza intera qui: ogni trasformazione scrive un <strong>membro</strong> della classe,\r\n          invece di un Assignment per membro.\r\n        </p>\r\n      }\r\n    } @else if (transform().dataType === 'Enum') {\r\n      <!-- Le enumerazioni sono un dizionario chiuso: non c'e' scrittura libera da concedere. -->\r\n      <select\r\n        class=\"fb-select\"\r\n        [fbValue]=\"transform().objectType || ''\"\r\n        (change)=\"setObjectType($any($event.target).value)\"\r\n      >\r\n        <option value=\"\">\u2014 scegli \u2014</option>\r\n        @for (entry of enumOptions(); track entry.name) {\r\n          <option [value]=\"entry.name\">{{ entry.label || entry.name }}</option>\r\n        }\r\n      </select>\r\n    } @else {\r\n      <fb-object-picker\r\n        [value]=\"transform().objectType\"\r\n        label=\"Tipo dell\u2019oggetto\"\r\n        placeholder=\"Scrivi o scegli un oggetto\"\r\n        (valueChange)=\"setObjectType($event ?? '')\"\r\n      />\r\n    }\r\n  </div>\r\n}\r\n\r\n<label class=\"fb-check\">\r\n  <input\r\n    type=\"checkbox\"\r\n    [checked]=\"transform().isCollection === true\"\r\n    (change)=\"setIsCollection($any($event.target).checked)\"\r\n  />\r\n  Il risultato e\u2019 una collection\r\n</label>\r\n\r\n<p class=\"fb-callout\">\r\n  Il risultato e\u2019 l\u2019<strong>output automatico</strong> dell\u2019elemento: si referenzia con\r\n  <code>{{ name() }}</code>.\r\n</p>\r\n\r\n<fieldset class=\"fb-section\">\r\n  <legend class=\"fb-section__title\">Trasformazioni</legend>\r\n\r\n  <div class=\"fb-list\">\r\n    @for (action of actions(); track $index) {\r\n      <div class=\"fb-list__item\">\r\n        <div class=\"fb-list__header\">\r\n          <span class=\"fb-list__index\">{{ $index + 1 }}</span>\r\n          <span class=\"fb-list__spacer\"></span>\r\n          <button\r\n            type=\"button\"\r\n            class=\"fb-btn fb-btn--ghost fb-btn--icon\"\r\n            aria-label=\"Rimuovi\"\r\n            (click)=\"removeAction($index)\"\r\n          >\r\n            \u00D7\r\n          </button>\r\n        </div>\r\n\r\n        <!-- Operazione, destinazione e sorgente sono una frase sola: si leggono in riga. -->\r\n        <div class=\"fb-fields-row\">\r\n          <div class=\"fb-field fb-field--compact\">\r\n            <label class=\"fb-field__label\">Operazione</label>\r\n            <select\r\n              class=\"fb-select\"\r\n              [fbValue]=\"action.transformType || 'Map'\"\r\n              (change)=\"setActionType($index, $any($event.target).value)\"\r\n            >\r\n              @for (type of transformTypes(); track type.value) {\r\n                <option [value]=\"type.value\">{{ type.label }}</option>\r\n              }\r\n            </select>\r\n          </div>\r\n\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label fb-field__label--required\">\r\n              {{ isStructureTarget() ? 'Membro di destinazione' : 'Campo di destinazione' }}\r\n            </label>\r\n            @if (isStructureTarget()) {\r\n              <!-- Solo i membri scrivibili: un membro calcolato e' TARGET_NOT_WRITABLE (\u00A74.7). -->\r\n              <fb-structure-member-picker\r\n                [value]=\"action.outputFieldApiName\"\r\n                [className]=\"transform().objectType\"\r\n                usage=\"writable\"\r\n                label=\"Membro di destinazione\"\r\n                (valueChange)=\"setOutputField($index, $event ?? '')\"\r\n              />\r\n            } @else {\r\n              <input\r\n                class=\"fb-input\"\r\n                [value]=\"action.outputFieldApiName || ''\"\r\n                placeholder=\"Totale\"\r\n                (input)=\"setOutputField($index, $any($event.target).value)\"\r\n              />\r\n            }\r\n          </div>\r\n\r\n          @if (isMap(action)) {\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label\">Valore</label>\r\n              <!--\r\n                Il tipo di cio' che si scrive guida il controllo: su un membro Enum i valori\r\n                proponibili sono quelli del suo tipo (\u00A74.6).\r\n              -->\r\n              <fb-value-editor\r\n                [value]=\"action.value\"\r\n                label=\"Valore\"\r\n                [dataType]=\"$any(mapDataType(action))\"\r\n                [objectType]=\"mapObjectType(action)\"\r\n                (valueChange)=\"setMapValue($index, $event)\"\r\n              />\r\n            </div>\r\n          }\r\n\r\n          @if (needsAggregationValues(action)) {\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label fb-field__label--required\">Collection su cui aggregare</label>\r\n              <fb-reference-picker\r\n                [value]=\"aggregationCollection(action)\"\r\n                [isCollection]=\"true\"\r\n                placeholder=\"Scegli una collection\"\r\n                (valueChange)=\"setAggregationCollection($index, $event)\"\r\n              />\r\n            </div>\r\n          }\r\n\r\n          @if (needsAggregationField(action)) {\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label fb-field__label--required\">Campo da sommare</label>\r\n              <input\r\n                class=\"fb-input\"\r\n                [value]=\"aggregationField(action)\"\r\n                placeholder=\"Importo\"\r\n                (input)=\"setAggregationField($index, $any($event.target).value)\"\r\n              />\r\n            </div>\r\n          }\r\n        </div>\r\n      </div>\r\n    } @empty {\r\n      <p class=\"fb-empty\">Nessuna trasformazione: l\u2019elemento non produce nulla (TRANSFORM_WITHOUT_VALUES).</p>\r\n    }\r\n  </div>\r\n\r\n  <button type=\"button\" class=\"fb-btn\" (click)=\"addAction()\">Aggiungi trasformazione</button>\r\n</fieldset>\r\n\r\n<fb-connector-editor\r\n  [nodeName]=\"name()\"\r\n  [node]=\"node()\"\r\n  [outlets]=\"outlets()\"\r\n  (connectorChanged)=\"onConnectorChanged($event)\"\r\n/>\r\n", dependencies: [{ kind: "component", type: ConnectorEditorComponent, selector: "fb-connector-editor", inputs: ["nodeName", "node", "outlets", "title"], outputs: ["connectorChanged"] }, { kind: "component", type: ObjectPickerComponent, selector: "fb-object-picker", inputs: ["value", "label", "placeholder", "disabled"], outputs: ["valueChange"] }, { kind: "component", type: ReferencePickerComponent, selector: "fb-reference-picker", inputs: ["value", "label", "placeholder", "disabled", "dataType", "isCollection", "objectType", "writableOnly", "elementsOnly", "extraReferences"], outputs: ["valueChange"] }, { kind: "component", type: StructureMemberPickerComponent, selector: "fb-structure-member-picker", inputs: ["value", "className", "usage", "label", "placeholder", "disabled"], outputs: ["valueChange"] }, { kind: "component", type: StructurePickerComponent, selector: "fb-structure-picker", inputs: ["value", "label", "placeholder", "disabled"], outputs: ["valueChange"] }, { kind: "component", type: ValueEditorComponent, selector: "fb-value-editor", inputs: ["value", "label", "dataType", "objectType", "isCollection", "disabled", "allowFormula"], outputs: ["valueChange"] }, { kind: "directive", type: SelectValueDirective, selector: "select[fbValue]", inputs: ["fbValue"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.28", type: TransformInspectorComponent, isStandalone: true, selector: "fb-transform-inspector", usesInheritance: true, ngImport: i0, template: "<div class=\"fb-field\">\r\n  <label class=\"fb-field__label fb-field__label--required\">Tipo del risultato</label>\r\n  <select class=\"fb-select\" [fbValue]=\"transform().dataType || ''\" (change)=\"setDataType($any($event.target).value)\">\r\n    <option value=\"\">\u2014 scegli \u2014</option>\r\n    @for (type of dataTypes(); track type.value) {\r\n      <option [value]=\"type.value\">{{ type.label }}</option>\r\n    }\r\n  </select>\r\n  @if (!transform().dataType) {\r\n    <p class=\"fb-field__error\">Obbligatorio (TRANSFORM_DATA_TYPE_MISSING).</p>\r\n  }\r\n</div>\r\n\r\n@if (requiresObjectType()) {\r\n  <div class=\"fb-field\">\r\n    <label class=\"fb-field__label fb-field__label--required\">\r\n      {{ isStructureTarget() ? 'Classe del risultato' : 'Tipo dell\u2019oggetto' }}\r\n    </label>\r\n    @if (isStructureTarget()) {\r\n      <!-- \u00A74.7: una classe del backend. Le destinazioni delle azioni sono i suoi membri. -->\r\n      <fb-structure-picker\r\n        [value]=\"transform().objectType\"\r\n        label=\"Classe del risultato\"\r\n        (valueChange)=\"setObjectType($event ?? '')\"\r\n      />\r\n      @if (missingObjectType()) {\r\n        <p class=\"fb-field__error\">\r\n          La classe e\u2019 obbligatoria: senza, l\u2019attivazione e\u2019 bloccata (OBJECT_TYPE_MISSING).\r\n        </p>\r\n      } @else {\r\n        <p class=\"fb-field__hint\">\r\n          Componi l\u2019istanza intera qui: ogni trasformazione scrive un <strong>membro</strong> della classe,\r\n          invece di un Assignment per membro.\r\n        </p>\r\n      }\r\n    } @else if (transform().dataType === 'Enum') {\r\n      <!-- Le enumerazioni sono un dizionario chiuso: non c'e' scrittura libera da concedere. -->\r\n      <select\r\n        class=\"fb-select\"\r\n        [fbValue]=\"transform().objectType || ''\"\r\n        (change)=\"setObjectType($any($event.target).value)\"\r\n      >\r\n        <option value=\"\">\u2014 scegli \u2014</option>\r\n        @for (entry of enumOptions(); track entry.name) {\r\n          <option [value]=\"entry.name\">{{ entry.label || entry.name }}</option>\r\n        }\r\n      </select>\r\n    } @else {\r\n      <fb-object-picker\r\n        [value]=\"transform().objectType\"\r\n        label=\"Tipo dell\u2019oggetto\"\r\n        placeholder=\"Scrivi o scegli un oggetto\"\r\n        (valueChange)=\"setObjectType($event ?? '')\"\r\n      />\r\n    }\r\n  </div>\r\n}\r\n\r\n<label class=\"fb-check\">\r\n  <input\r\n    type=\"checkbox\"\r\n    [checked]=\"transform().isCollection === true\"\r\n    (change)=\"setIsCollection($any($event.target).checked)\"\r\n  />\r\n  Il risultato e\u2019 una collection\r\n</label>\r\n\r\n<p class=\"fb-callout\">\r\n  Il risultato e\u2019 l\u2019<strong>output automatico</strong> dell\u2019elemento: si referenzia con\r\n  <code>{{ name() }}</code>.\r\n</p>\r\n\r\n<fieldset class=\"fb-section\">\r\n  <legend class=\"fb-section__title\">Trasformazioni</legend>\r\n\r\n  <div class=\"fb-list\">\r\n    @for (action of actions(); track $index) {\r\n      <div class=\"fb-list__item\">\r\n        <div class=\"fb-list__header\">\r\n          <span class=\"fb-list__index\">{{ $index + 1 }}</span>\r\n          <span class=\"fb-list__spacer\"></span>\r\n          <button\r\n            type=\"button\"\r\n            class=\"fb-btn fb-btn--ghost fb-btn--icon\"\r\n            aria-label=\"Rimuovi\"\r\n            (click)=\"removeAction($index)\"\r\n          >\r\n            \u00D7\r\n          </button>\r\n        </div>\r\n\r\n        <!-- Operazione, destinazione e sorgente sono una frase sola: si leggono in riga. -->\r\n        <div class=\"fb-fields-row\">\r\n          <div class=\"fb-field fb-field--compact\">\r\n            <label class=\"fb-field__label\">Operazione</label>\r\n            <select\r\n              class=\"fb-select\"\r\n              [fbValue]=\"action.transformType || 'Map'\"\r\n              (change)=\"setActionType($index, $any($event.target).value)\"\r\n            >\r\n              @for (type of transformTypes(); track type.value) {\r\n                <option [value]=\"type.value\">{{ type.label }}</option>\r\n              }\r\n            </select>\r\n          </div>\r\n\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label fb-field__label--required\">\r\n              {{ isStructureTarget() ? 'Membro di destinazione' : 'Campo di destinazione' }}\r\n            </label>\r\n            @if (isStructureTarget()) {\r\n              <!-- Solo i membri scrivibili: un membro calcolato e' TARGET_NOT_WRITABLE (\u00A74.7). -->\r\n              <fb-structure-member-picker\r\n                [value]=\"action.outputFieldApiName\"\r\n                [className]=\"transform().objectType\"\r\n                usage=\"writable\"\r\n                label=\"Membro di destinazione\"\r\n                (valueChange)=\"setOutputField($index, $event ?? '')\"\r\n              />\r\n            } @else {\r\n              <input\r\n                class=\"fb-input\"\r\n                [value]=\"action.outputFieldApiName || ''\"\r\n                placeholder=\"Totale\"\r\n                (input)=\"setOutputField($index, $any($event.target).value)\"\r\n              />\r\n            }\r\n          </div>\r\n\r\n          @if (isMap(action)) {\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label\">Valore</label>\r\n              <!--\r\n                Il tipo di cio' che si scrive guida il controllo: su un membro Enum i valori\r\n                proponibili sono quelli del suo tipo (\u00A74.6).\r\n              -->\r\n              <fb-value-editor\r\n                [value]=\"action.value\"\r\n                label=\"Valore\"\r\n                [dataType]=\"$any(mapDataType(action))\"\r\n                [objectType]=\"mapObjectType(action)\"\r\n                (valueChange)=\"setMapValue($index, $event)\"\r\n              />\r\n            </div>\r\n          }\r\n\r\n          @if (needsAggregationValues(action)) {\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label fb-field__label--required\">Collection su cui aggregare</label>\r\n              <fb-reference-picker\r\n                [value]=\"aggregationCollection(action)\"\r\n                [isCollection]=\"true\"\r\n                placeholder=\"Scegli una collection\"\r\n                (valueChange)=\"setAggregationCollection($index, $event)\"\r\n              />\r\n            </div>\r\n          }\r\n\r\n          @if (needsAggregationField(action)) {\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label fb-field__label--required\">Campo da sommare</label>\r\n              <input\r\n                class=\"fb-input\"\r\n                [value]=\"aggregationField(action)\"\r\n                placeholder=\"Importo\"\r\n                (input)=\"setAggregationField($index, $any($event.target).value)\"\r\n              />\r\n            </div>\r\n          }\r\n        </div>\r\n      </div>\r\n    } @empty {\r\n      <p class=\"fb-empty\">Nessuna trasformazione: l\u2019elemento non produce nulla (TRANSFORM_WITHOUT_VALUES).</p>\r\n    }\r\n  </div>\r\n\r\n  <button type=\"button\" class=\"fb-btn\" (click)=\"addAction()\">Aggiungi trasformazione</button>\r\n</fieldset>\r\n\r\n<fb-connector-editor\r\n  [nodeName]=\"name()\"\r\n  [node]=\"node()\"\r\n  [outlets]=\"outlets()\"\r\n  (connectorChanged)=\"onConnectorChanged($event)\"\r\n/>\r\n", dependencies: [{ kind: "component", type: ConnectorEditorComponent, selector: "fb-connector-editor", inputs: ["nodeName", "node", "outlets", "title"], outputs: ["connectorChanged"] }, { kind: "component", type: ObjectPickerComponent, selector: "fb-object-picker", inputs: ["value", "label", "placeholder", "disabled"], outputs: ["valueChange"] }, { kind: "component", type: ReferencePickerComponent, selector: "fb-reference-picker", inputs: ["value", "label", "placeholder", "disabled", "dataType", "isCollection", "objectType", "writableOnly", "elementsOnly", "extraReferences"], outputs: ["valueChange"] }, { kind: "component", type: StructureMemberPickerComponent, selector: "fb-structure-member-picker", inputs: ["value", "className", "usage", "label", "placeholder", "disabled"], outputs: ["valueChange"] }, { kind: "component", type: StructurePickerComponent, selector: "fb-structure-picker", inputs: ["value", "label", "placeholder", "disabled"], outputs: ["valueChange"] }, { kind: "component", type: ValueEditorComponent, selector: "fb-value-editor", inputs: ["value", "label", "dataType", "objectType", "isCollection", "valueSet", "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.28", ngImport: i0, type: TransformInspectorComponent, decorators: [{
             type: Component,
@@ -12540,7 +12698,7 @@ class ResourcePanelComponent {
         this.closed.emit();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: ResourcePanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.28", type: ResourcePanelComponent, isStandalone: true, selector: "fb-resource-panel", outputs: { closed: "closed" }, ngImport: i0, template: "<header class=\"fb-res__header\">\r\n  <h2 class=\"fb-res__title\">Risorse</h2>\r\n  <button type=\"button\" class=\"fb-btn fb-btn--ghost fb-btn--icon\" aria-label=\"Chiudi\" (click)=\"close()\">\u00D7</button>\r\n</header>\r\n\r\n<nav class=\"fb-res__tabs\" aria-label=\"Tipi di risorsa\">\r\n  @for (kind of kinds; track kind.collection) {\r\n    <button\r\n      type=\"button\"\r\n      class=\"fb-res__tab\"\r\n      [class.fb-res__tab--active]=\"activeCollection() === kind.collection\"\r\n      (click)=\"select(kind.collection)\"\r\n    >\r\n      {{ kind.label }}\r\n      <span class=\"fb-res__count\">{{ countOf(kind.collection) }}</span>\r\n    </button>\r\n  }\r\n</nav>\r\n\r\n<div class=\"fb-res__body\">\r\n  <p class=\"fb-section__note\">{{ activeKind().note }}</p>\r\n\r\n  <div class=\"fb-list\">\r\n    @for (item of items(); track item.collection + ':' + item.index) {\r\n      <div class=\"fb-list__item\">\r\n        <div class=\"fb-list__header\">\r\n          <button type=\"button\" class=\"fb-res__name\" (click)=\"toggleEdit($index)\">\r\n            <span class=\"fb-res__name-text\">{{ item.name || '(senza nome)' }}</span>\r\n            <span class=\"fb-res__meta\">\r\n              {{ string(item, 'dataType') }}{{ boolean(item, 'isCollection') ? '[]' : '' }}\r\n              @if (boolean(item, 'isInput')) {\r\n                \u00B7 input\r\n              }\r\n              @if (boolean(item, 'isOutput')) {\r\n                \u00B7 output\r\n              }\r\n            </span>\r\n          </button>\r\n          <span class=\"fb-list__spacer\"></span>\r\n          <button\r\n            type=\"button\"\r\n            class=\"fb-btn fb-btn--ghost fb-btn--icon\"\r\n            aria-label=\"Rimuovi la risorsa\"\r\n            (click)=\"remove(item)\"\r\n          >\r\n            \u00D7\r\n          </button>\r\n        </div>\r\n\r\n        @if (nameError(item)) {\r\n          <p class=\"fb-field__error\">{{ nameError(item) }}</p>\r\n        }\r\n        @if (constantReferencesResource(item)) {\r\n          <p class=\"fb-callout fb-callout--error\">\r\n            Una costante deve essere un valore fisso: non puo\u2019 referenziare altre risorse\r\n            (CONSTANT_REFERENCES_RESOURCE).\r\n          </p>\r\n        }\r\n        @if (duplicateStageOrder(item)) {\r\n          <p class=\"fb-callout fb-callout--warn\">\r\n            Due stage con lo stesso ordine: quale sia il corrente all\u2019avvio diventa arbitrario\r\n            (STAGE_ORDER_DUPLICATED).\r\n          </p>\r\n        }\r\n\r\n        @if (editingIndex() === $index) {\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label fb-field__label--required\">Nome</label>\r\n            <input\r\n              class=\"fb-input fb-input--mono\"\r\n              [value]=\"item.name\"\r\n              (change)=\"rename(item, $any($event.target).value)\"\r\n            />\r\n            <p class=\"fb-field__hint\">\r\n              Il nome vive nello stesso spazio dei nomi degli elementi. Rinominare riscrive i riferimenti.\r\n            </p>\r\n          </div>\r\n\r\n          @if (item.collection === 'stages') {\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label\">Etichetta</label>\r\n              <input\r\n                class=\"fb-input\"\r\n                [value]=\"string(item, 'label')\"\r\n                (input)=\"setField(item, 'label', $any($event.target).value)\"\r\n              />\r\n            </div>\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label fb-field__label--required\">Ordine</label>\r\n              <input\r\n                class=\"fb-input\"\r\n                type=\"number\"\r\n                min=\"1\"\r\n                [value]=\"string(item, 'stageOrder')\"\r\n                (input)=\"setNumberField(item, 'stageOrder', $any($event.target).value)\"\r\n              />\r\n            </div>\r\n            <label class=\"fb-check\">\r\n              <input\r\n                type=\"checkbox\"\r\n                [checked]=\"boolean(item, 'isActive')\"\r\n                (change)=\"setBooleanField(item, 'isActive', $any($event.target).checked)\"\r\n              />\r\n              Attivo all\u2019avvio\r\n            </label>\r\n            <p class=\"fb-field__hint\">\r\n              All\u2019avvio lo stage corrente e\u2019 il primo attivo per ordine. Si avanza con un Assignment su\r\n              <code>$Flow.CurrentStage</code>.\r\n            </p>\r\n          }\r\n\r\n          @if (item.collection === 'textTemplates') {\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label fb-field__label--required\">Testo</label>\r\n              <textarea\r\n                class=\"fb-textarea\"\r\n                [value]=\"string(item, 'text')\"\r\n                placeholder=\"Gentile {!Cliente.Nome},\"\r\n                (input)=\"setField(item, 'text', $any($event.target).value)\"\r\n              ></textarea>\r\n            </div>\r\n            <label class=\"fb-check\">\r\n              <input\r\n                type=\"checkbox\"\r\n                [checked]=\"boolean(item, 'isViewedAsPlainText')\"\r\n                (change)=\"setBooleanField(item, 'isViewedAsPlainText', $any($event.target).checked)\"\r\n              />\r\n              Testo semplice\r\n            </label>\r\n          }\r\n\r\n          @if (item.collection !== 'textTemplates' && item.collection !== 'stages') {\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label fb-field__label--required\">Tipo</label>\r\n              <select\r\n                class=\"fb-select\"\r\n                [fbValue]=\"string(item, 'dataType')\"\r\n                (change)=\"setDataType(item, $any($event.target).value)\"\r\n              >\r\n                @for (type of dataTypes(); track type.value) {\r\n                  <option [value]=\"type.value\">{{ type.label }}</option>\r\n                }\r\n              </select>\r\n            </div>\r\n\r\n            @if (requiresObjectType(item) && !hidesObjectType(item)) {\r\n              <div class=\"fb-field\">\r\n                <label class=\"fb-field__label fb-field__label--required\">\r\n                  @if (isEnum(item)) {\r\n                    Tipo di enumerazione\r\n                  } @else if (isStructure(item)) {\r\n                    Classe\r\n                  } @else {\r\n                    Oggetto\r\n                  }\r\n                </label>\r\n                @if (isEnum(item)) {\r\n                  <!-- Dizionario chiuso: qui la scrittura libera non serve. -->\r\n                  <select\r\n                    class=\"fb-select\"\r\n                    [fbValue]=\"string(item, 'objectType')\"\r\n                    (change)=\"setField(item, 'objectType', $any($event.target).value)\"\r\n                  >\r\n                    <option value=\"\">\u2014 scegli \u2014</option>\r\n                    @for (entry of enumOptions(); track entry.name) {\r\n                      <option [value]=\"entry.name\">{{ entry.label || entry.name }}</option>\r\n                    }\r\n                  </select>\r\n                } @else if (isStructure(item)) {\r\n                  <!-- \u00A74.7: una classe del backend, non un'entita' del modello dati. -->\r\n                  <fb-structure-picker\r\n                    [value]=\"string(item, 'objectType') || undefined\"\r\n                    label=\"Classe\"\r\n                    (valueChange)=\"setField(item, 'objectType', $event ?? '')\"\r\n                  />\r\n                } @else {\r\n                  <fb-object-picker\r\n                    [value]=\"string(item, 'objectType') || undefined\"\r\n                    label=\"Oggetto\"\r\n                    placeholder=\"Scrivi o scegli un oggetto\"\r\n                    (valueChange)=\"setField(item, 'objectType', $event ?? '')\"\r\n                  />\r\n                }\r\n                @if (missingObjectType(item)) {\r\n                  <!-- Su una Structure non e' un avviso: senza classe non c'e' nulla da istanziare. -->\r\n                  <p class=\"fb-field__error\">\r\n                    La classe e\u2019 obbligatoria: senza, l\u2019attivazione e\u2019 bloccata (OBJECT_TYPE_MISSING).\r\n                  </p>\r\n                } @else if (isStructure(item)) {\r\n                  <p class=\"fb-field__hint\">\r\n                    Il flow ne legge e scrive i <strong>membri</strong> (<code>Nome.Membro</code>): non si\r\n                    interroga con Get Records ne\u2019 si salva con Create/Update.\r\n                  </p>\r\n                } @else {\r\n                  <p class=\"fb-field__hint\">Obbligatorio per Object ed Enum (OBJECT_TYPE_MISSING).</p>\r\n                }\r\n              </div>\r\n            }\r\n\r\n            @if (supportsScale(item)) {\r\n              <div class=\"fb-field\">\r\n                <label class=\"fb-field__label\">Decimali</label>\r\n                <input\r\n                  class=\"fb-input\"\r\n                  type=\"number\"\r\n                  min=\"0\"\r\n                  [value]=\"string(item, 'scale')\"\r\n                  (input)=\"setNumberField(item, 'scale', $any($event.target).value)\"\r\n                />\r\n              </div>\r\n            }\r\n          }\r\n\r\n          @if (item.collection === 'variables') {\r\n            <label class=\"fb-check\">\r\n              <input\r\n                type=\"checkbox\"\r\n                [checked]=\"boolean(item, 'isCollection')\"\r\n                (change)=\"setBooleanField(item, 'isCollection', $any($event.target).checked)\"\r\n              />\r\n              \u00C8 una collection\r\n            </label>\r\n            <p class=\"fb-field__hint\">Solo una collection puo\u2019 essere iterata da un Loop.</p>\r\n\r\n            <label class=\"fb-check\">\r\n              <input\r\n                type=\"checkbox\"\r\n                [checked]=\"boolean(item, 'isInput')\"\r\n                (change)=\"setBooleanField(item, 'isInput', $any($event.target).checked)\"\r\n              />\r\n              Valorizzabile all\u2019avvio (input)\r\n            </label>\r\n            <label class=\"fb-check\">\r\n              <input\r\n                type=\"checkbox\"\r\n                [checked]=\"boolean(item, 'isOutput')\"\r\n                (change)=\"setBooleanField(item, 'isOutput', $any($event.target).checked)\"\r\n              />\r\n              Leggibile alla fine (output)\r\n            </label>\r\n            <p class=\"fb-field__hint\">\r\n              Input e output sono il contratto del flow verso chi lo invoca, subflow compresi.\r\n            </p>\r\n          }\r\n\r\n          @if (item.collection === 'formulas') {\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label fb-field__label--required\">Espressione</label>\r\n              <!--\r\n                Il tipo atteso e' quello che la risorsa dichiara, e `scale` va con lui: sono cio'\r\n                che permette al motore di dire che l'espressione produce altro (\u00A76.3).\r\n              -->\r\n              <fb-formula-editor\r\n                [expression]=\"string(item, 'expression')\"\r\n                usage=\"Resource\"\r\n                [expectedDataType]=\"$any(item.resource['dataType'])\"\r\n                [scale]=\"$any(item.resource['scale'])\"\r\n                placeholder=\"Importo * 1.22\"\r\n                ariaLabel=\"Espressione della formula\"\r\n                (expressionChange)=\"setField(item, 'expression', $event)\"\r\n              >\r\n                <p class=\"fb-field__hint\">\r\n                  Passata verbatim al motore di regole: la sintassi delle funzioni e\u2019 del motore.\r\n                </p>\r\n              </fb-formula-editor>\r\n            </div>\r\n          }\r\n\r\n          @if (item.collection === 'choices') {\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label fb-field__label--required\">Testo mostrato</label>\r\n              <input\r\n                class=\"fb-input\"\r\n                [value]=\"string(item, 'choiceText')\"\r\n                (input)=\"setField(item, 'choiceText', $any($event.target).value)\"\r\n              />\r\n            </div>\r\n          }\r\n\r\n          @if (item.collection === 'dynamicChoiceSets') {\r\n            <!--\r\n              \u00A75.2 \u2014 le sorgenti sono tre e si escludono a vicenda: i pulsanti le rendono\r\n              mutuamente esclusive nel documento, non solo nel form.\r\n            -->\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label fb-field__label--required\">Da dove arrivano le opzioni</label>\r\n              <div class=\"fb-filter__modes\" role=\"group\" aria-label=\"Sorgente delle opzioni\">\r\n                <button\r\n                  type=\"button\"\r\n                  class=\"fb-filter__mode\"\r\n                  [class.fb-filter__mode--active]=\"isChoiceSetSource(item, 'collection')\"\r\n                  (click)=\"setChoiceSetSource(item, 'collection')\"\r\n                >\r\n                  Collection del flow\r\n                </button>\r\n                <button\r\n                  type=\"button\"\r\n                  class=\"fb-filter__mode\"\r\n                  [class.fb-filter__mode--active]=\"isChoiceSetSource(item, 'object')\"\r\n                  (click)=\"setChoiceSetSource(item, 'object')\"\r\n                >\r\n                  Query su un oggetto\r\n                </button>\r\n                <button\r\n                  type=\"button\"\r\n                  class=\"fb-filter__mode\"\r\n                  [class.fb-filter__mode--active]=\"isChoiceSetSource(item, 'enum')\"\r\n                  (click)=\"setChoiceSetSource(item, 'enum')\"\r\n                >\r\n                  Valori di un enum\r\n                </button>\r\n              </div>\r\n            </div>\r\n\r\n            @if (ambiguousChoiceSetSource(item)) {\r\n              <p class=\"fb-callout fb-callout--warn\">\r\n                Questo choice set dichiara piu\u2019 di una sorgente: il runtime ne usa una sola\r\n                (CHOICE_SET_SOURCE_AMBIGUOUS). Scegli quella giusta qui sopra: le altre vengono tolte.\r\n              </p>\r\n            }\r\n\r\n            @if (isChoiceSetSource(item, 'collection')) {\r\n              <div class=\"fb-field\">\r\n                <label class=\"fb-field__label fb-field__label--required\">Collection</label>\r\n                <fb-reference-picker\r\n                  [value]=\"string(item, 'collectionReference')\"\r\n                  [isCollection]=\"true\"\r\n                  placeholder=\"Scegli una collection\"\r\n                  (valueChange)=\"setField(item, 'collectionReference', $event ?? '')\"\r\n                />\r\n                <p class=\"fb-field__hint\">\r\n                  Tipicamente il risultato di un Get Records: le opzioni sono i record che il flow ha gi\u00E0\r\n                  letto.\r\n                </p>\r\n              </div>\r\n            }\r\n\r\n            @if (isChoiceSetSource(item, 'object')) {\r\n              <div class=\"fb-field\">\r\n                <label class=\"fb-field__label fb-field__label--required\">Oggetto</label>\r\n                <fb-object-picker\r\n                  [value]=\"string(item, 'object') || undefined\"\r\n                  placeholder=\"Scrivi o scegli un oggetto\"\r\n                  (valueChange)=\"setField(item, 'object', $event ?? '')\"\r\n                />\r\n              </div>\r\n            }\r\n\r\n            @if (isChoiceSetSource(item, 'enum')) {\r\n              <div class=\"fb-field\">\r\n                <label class=\"fb-field__label fb-field__label--required\">Tipo di enumerazione</label>\r\n                <!-- Dizionario chiuso, e qui e' anche **autorevole**: un tipo fuori elenco e' un errore. -->\r\n                <select\r\n                  class=\"fb-select\"\r\n                  [fbValue]=\"string(item, 'enumType')\"\r\n                  (change)=\"setField(item, 'enumType', $any($event.target).value)\"\r\n                >\r\n                  <option value=\"\">\u2014 scegli \u2014</option>\r\n                  @for (entry of enumOptions(); track entry.name) {\r\n                    <option [value]=\"entry.name\">{{ entry.label || entry.name }}</option>\r\n                  }\r\n                </select>\r\n                @if (unknownEnumType(item)) {\r\n                  <p class=\"fb-field__error\">\r\n                    Il tipo \u00AB{{ string(item, 'enumType') }}\u00BB non e\u2019 fra quelli utilizzabili\r\n                    (ENUM_TYPE_UNKNOWN).\r\n                  </p>\r\n                } @else {\r\n                  <p class=\"fb-field__hint\">\r\n                    Le opzioni sono i valori dichiarati dal tipo: nessuna choice da tenere allineata a mano.\r\n                  </p>\r\n                }\r\n              </div>\r\n            }\r\n\r\n            @if (isChoiceSetSource(item, 'enum')) {\r\n              <!--\r\n                \u00A75.2 \u2014 qui i campi citabili sono le tre proprieta' di un valore di enum, non i campi\r\n                di un'entita': l'elenco viene dal dizionario, e i default rendono superfluo dichiararli.\r\n              -->\r\n              <div class=\"fb-field__row\">\r\n                <div class=\"fb-field\">\r\n                  <label class=\"fb-field__label\">Campo mostrato</label>\r\n                  <select\r\n                    class=\"fb-select\"\r\n                    [fbValue]=\"string(item, 'displayField')\"\r\n                    (change)=\"setField(item, 'displayField', $any($event.target).value)\"\r\n                  >\r\n                    <option value=\"\">Predefinito ({{ defaultDisplayField }})</option>\r\n                    @for (field of enumChoiceSetFields(); track field.value) {\r\n                      <option [value]=\"field.value\">{{ field.label }}</option>\r\n                    }\r\n                  </select>\r\n                  @if (unknownEnumChoiceSetField(item, 'displayField')) {\r\n                    <p class=\"fb-field__error\">\r\n                      \u00AB{{ string(item, 'displayField') }}\u00BB non e\u2019 una proprieta\u2019 di un valore di enum\r\n                      (FIELD_UNKNOWN).\r\n                    </p>\r\n                  }\r\n                </div>\r\n                <div class=\"fb-field\">\r\n                  <label class=\"fb-field__label\">Campo del valore</label>\r\n                  <select\r\n                    class=\"fb-select\"\r\n                    [fbValue]=\"string(item, 'valueField')\"\r\n                    (change)=\"setField(item, 'valueField', $any($event.target).value)\"\r\n                  >\r\n                    <option value=\"\">Predefinito ({{ defaultValueField }})</option>\r\n                    @for (field of enumChoiceSetFields(); track field.value) {\r\n                      <option [value]=\"field.value\">{{ field.label }}</option>\r\n                    }\r\n                  </select>\r\n                  @if (unknownEnumChoiceSetField(item, 'valueField')) {\r\n                    <p class=\"fb-field__error\">\r\n                      \u00AB{{ string(item, 'valueField') }}\u00BB non e\u2019 una proprieta\u2019 di un valore di enum\r\n                      (FIELD_UNKNOWN).\r\n                    </p>\r\n                  }\r\n                </div>\r\n              </div>\r\n              <p class=\"fb-field__hint\">\r\n                Con <code>Enum</code> come tipo il valore scelto viaggia tipizzato, ed e\u2019 cio\u2019 che serve se\r\n                finisce in un parametro o in un membro di classe <code>Enum</code>.\r\n              </p>\r\n            } @else {\r\n              <div class=\"fb-field\">\r\n                <label class=\"fb-field__label fb-field__label--required\">Campo mostrato</label>\r\n                <fb-field-picker\r\n                  [value]=\"string(item, 'displayField') || undefined\"\r\n                  [object]=\"string(item, 'object') || undefined\"\r\n                  usage=\"any\"\r\n                  label=\"Campo mostrato\"\r\n                  (valueChange)=\"setField(item, 'displayField', $event ?? '')\"\r\n                />\r\n              </div>\r\n              <div class=\"fb-field\">\r\n                <label class=\"fb-field__label fb-field__label--required\">Campo del valore</label>\r\n                <fb-field-picker\r\n                  [value]=\"string(item, 'valueField') || undefined\"\r\n                  [object]=\"string(item, 'object') || undefined\"\r\n                  usage=\"any\"\r\n                  label=\"Campo del valore\"\r\n                  (valueChange)=\"setField(item, 'valueField', $event ?? '')\"\r\n                />\r\n              </div>\r\n            }\r\n            <div class=\"fb-field__row\">\r\n              <div class=\"fb-field\">\r\n                <label class=\"fb-field__label\">Ordina per</label>\r\n                @if (isChoiceSetSource(item, 'enum')) {\r\n                  <select\r\n                    class=\"fb-select\"\r\n                    [fbValue]=\"string(item, 'sortField')\"\r\n                    (change)=\"setField(item, 'sortField', $any($event.target).value)\"\r\n                  >\r\n                    <option value=\"\">Ordine di dichiarazione</option>\r\n                    @for (field of enumChoiceSetFields(); track field.value) {\r\n                      <option [value]=\"field.value\">{{ field.label }}</option>\r\n                    }\r\n                  </select>\r\n                  @if (unknownEnumChoiceSetField(item, 'sortField')) {\r\n                    <p class=\"fb-field__error\">\r\n                      \u00AB{{ string(item, 'sortField') }}\u00BB non e\u2019 una proprieta\u2019 di un valore di enum\r\n                      (FIELD_UNKNOWN).\r\n                    </p>\r\n                  }\r\n                } @else {\r\n                  <fb-field-picker\r\n                    [value]=\"string(item, 'sortField') || undefined\"\r\n                    [object]=\"string(item, 'object') || undefined\"\r\n                    usage=\"sortable\"\r\n                    label=\"Campo di ordinamento\"\r\n                    placeholder=\"Nessun ordinamento\"\r\n                    (valueChange)=\"setField(item, 'sortField', $event ?? '')\"\r\n                  />\r\n                }\r\n              </div>\r\n              <div class=\"fb-field\">\r\n                <label class=\"fb-field__label\">Direzione</label>\r\n                <select\r\n                  class=\"fb-select\"\r\n                  [fbValue]=\"string(item, 'sortOrder')\"\r\n                  (change)=\"setField(item, 'sortOrder', $any($event.target).value)\"\r\n                >\r\n                  <option value=\"\">\u2014</option>\r\n                  @for (order of sortOrders(); track order.value) {\r\n                    <option [value]=\"order.value\">{{ order.label }}</option>\r\n                  }\r\n                </select>\r\n              </div>\r\n            </div>\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label\">Numero massimo</label>\r\n              <input\r\n                class=\"fb-input\"\r\n                type=\"number\"\r\n                min=\"1\"\r\n                [value]=\"string(item, 'limit')\"\r\n                (input)=\"setNumberField(item, 'limit', $any($event.target).value)\"\r\n              />\r\n            </div>\r\n            <!--\r\n              `supportsLogic` a false: qui `filterLogic` non esiste nel modello, e inviarlo lo\r\n              perderebbe in silenzio al primo salvataggio (\u00A74.4). Nessun `emptyWarning`: senza\r\n              filtri il set legge tutti i record dell\u2019oggetto, che qui e\u2019 un uso legittimo.\r\n              Su un enum i filtri li valuta il runtime **in memoria**, e i campi sono le tre\r\n              proprieta\u2019 di un valore: `fieldOptions` e\u2019 cio\u2019 che sostituisce il catalogo (\u00A75.2).\r\n            -->\r\n            <fb-record-filter-editor\r\n              [holder]=\"$any(item.resource)\"\r\n              [object]=\"isChoiceSetSource(item, 'enum') ? undefined : string(item, 'object') || undefined\"\r\n              [fieldOptions]=\"isChoiceSetSource(item, 'enum') ? enumChoiceSetFields() : []\"\r\n              [title]=\"\r\n                isChoiceSetSource(item, 'enum') ? 'Quali valori diventano opzioni' : 'Quali record diventano opzioni'\r\n              \"\r\n              usage=\"filterable\"\r\n              [supportsLogic]=\"false\"\r\n              (changed)=\"onFiltersChanged(item, $event)\"\r\n            />\r\n          }\r\n\r\n          @if (isStructure(item) && item.collection === 'variables') {\r\n            <p class=\"fb-field__hint\">\r\n              Non serve un valore iniziale: la variabile parte con un\u2019istanza vuota, e il flow ne assegna i\r\n              membri uno alla volta con un Assignment.\r\n            </p>\r\n          }\r\n\r\n          @if (\r\n            supportsInitialValue(item) &&\r\n            (item.collection === 'variables' || item.collection === 'constants' || item.collection === 'choices')\r\n          ) {\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label\">\r\n                {{ item.collection === 'variables' ? 'Valore iniziale' : 'Valore' }}\r\n              </label>\r\n              <fb-value-editor\r\n                [value]=\"value(item)\"\r\n                [dataType]=\"$any(item.resource['dataType'])\"\r\n                [objectType]=\"$any(item.resource['objectType'])\"\r\n                [isCollection]=\"boolean(item, 'isCollection')\"\r\n                [allowFormula]=\"item.collection !== 'constants'\"\r\n                label=\"Valore\"\r\n                (valueChange)=\"setValue(item, $event)\"\r\n              />\r\n            </div>\r\n          }\r\n\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label\">Descrizione</label>\r\n            <input\r\n              class=\"fb-input\"\r\n              [value]=\"string(item, 'description')\"\r\n              (input)=\"setField(item, 'description', $any($event.target).value)\"\r\n            />\r\n          </div>\r\n        }\r\n      </div>\r\n    } @empty {\r\n      <p class=\"fb-empty\">Nessuna risorsa di questo tipo.</p>\r\n    }\r\n  </div>\r\n\r\n  <button type=\"button\" class=\"fb-btn fb-btn--primary\" (click)=\"add()\">\r\n    Aggiungi {{ activeKind().singular }}\r\n  </button>\r\n</div>\r\n", styles: [":host{display:flex;flex-direction:column;height:100%;min-height:0;background:var(--fb-surface, #fff)}.fb-res__header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--fb-border-subtle, #e6e9ee)}.fb-res__title{margin:0;font-size:14px;font-weight:600;color:var(--fb-text, #1d2939)}.fb-res__tabs{display:flex;flex-wrap:wrap;gap:2px;padding:6px 8px;border-bottom:1px solid var(--fb-border-subtle, #e6e9ee)}.fb-res__tab{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border:1px solid var(--fb-border-subtle, #e6e9ee);border-radius:12px;background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:11px;cursor:pointer}.fb-res__tab:hover{background:var(--fb-surface-alt, #f8f9fb)}.fb-res__tab--active{border-color:var(--fb-accent, #2f6feb);background:color-mix(in srgb,var(--fb-accent, #2f6feb) 10%,transparent);color:var(--fb-accent, #2f6feb);font-weight:600}.fb-res__count{padding:0 4px;border-radius:6px;background:var(--fb-border, #d6dae1);font-size:9px;color:var(--fb-text, #1d2939)}.fb-res__body{flex:1;min-height:0;overflow-y:auto;padding:10px 12px}.fb-res__name{flex:1;min-width:0;display:flex;flex-direction:column;padding:0;border:0;background:transparent;color:var(--fb-text, #1d2939);font:inherit;text-align:left;cursor:pointer}.fb-res__name-text{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fb-res__meta{font-size:10px;color:var(--fb-text-muted, #667085)}\n"], dependencies: [{ kind: "component", type: FieldPickerComponent, selector: "fb-field-picker", inputs: ["value", "object", "usage", "label", "placeholder", "disabled"], outputs: ["valueChange"] }, { kind: "component", type: FormulaEditorComponent, selector: "fb-formula-editor", inputs: ["expression", "usage", "expectedDataType", "scale", "placeholder", "ariaLabel", "disabled", "rows", "commitOn"], outputs: ["expressionChange"] }, { kind: "component", type: ObjectPickerComponent, selector: "fb-object-picker", inputs: ["value", "label", "placeholder", "disabled"], outputs: ["valueChange"] }, { kind: "component", type: ReferencePickerComponent, selector: "fb-reference-picker", inputs: ["value", "label", "placeholder", "disabled", "dataType", "isCollection", "objectType", "writableOnly", "elementsOnly", "extraReferences"], outputs: ["valueChange"] }, { kind: "component", type: RecordFilterEditorComponent, selector: "fb-record-filter-editor", inputs: ["holder", "object", "title", "usage", "fieldOptions", "supportsLogic", "supportsFormula", "emptyWarning", "emptyWarningSeverity"], outputs: ["changed"] }, { kind: "component", type: StructurePickerComponent, selector: "fb-structure-picker", inputs: ["value", "label", "placeholder", "disabled"], outputs: ["valueChange"] }, { kind: "component", type: ValueEditorComponent, selector: "fb-value-editor", inputs: ["value", "label", "dataType", "objectType", "isCollection", "disabled", "allowFormula"], outputs: ["valueChange"] }, { kind: "directive", type: SelectValueDirective, selector: "select[fbValue]", inputs: ["fbValue"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.28", type: ResourcePanelComponent, isStandalone: true, selector: "fb-resource-panel", outputs: { closed: "closed" }, ngImport: i0, template: "<header class=\"fb-res__header\">\r\n  <h2 class=\"fb-res__title\">Risorse</h2>\r\n  <button type=\"button\" class=\"fb-btn fb-btn--ghost fb-btn--icon\" aria-label=\"Chiudi\" (click)=\"close()\">\u00D7</button>\r\n</header>\r\n\r\n<nav class=\"fb-res__tabs\" aria-label=\"Tipi di risorsa\">\r\n  @for (kind of kinds; track kind.collection) {\r\n    <button\r\n      type=\"button\"\r\n      class=\"fb-res__tab\"\r\n      [class.fb-res__tab--active]=\"activeCollection() === kind.collection\"\r\n      (click)=\"select(kind.collection)\"\r\n    >\r\n      {{ kind.label }}\r\n      <span class=\"fb-res__count\">{{ countOf(kind.collection) }}</span>\r\n    </button>\r\n  }\r\n</nav>\r\n\r\n<div class=\"fb-res__body\">\r\n  <p class=\"fb-section__note\">{{ activeKind().note }}</p>\r\n\r\n  <div class=\"fb-list\">\r\n    @for (item of items(); track item.collection + ':' + item.index) {\r\n      <div class=\"fb-list__item\">\r\n        <div class=\"fb-list__header\">\r\n          <button type=\"button\" class=\"fb-res__name\" (click)=\"toggleEdit($index)\">\r\n            <span class=\"fb-res__name-text\">{{ item.name || '(senza nome)' }}</span>\r\n            <span class=\"fb-res__meta\">\r\n              {{ string(item, 'dataType') }}{{ boolean(item, 'isCollection') ? '[]' : '' }}\r\n              @if (boolean(item, 'isInput')) {\r\n                \u00B7 input\r\n              }\r\n              @if (boolean(item, 'isOutput')) {\r\n                \u00B7 output\r\n              }\r\n            </span>\r\n          </button>\r\n          <span class=\"fb-list__spacer\"></span>\r\n          <button\r\n            type=\"button\"\r\n            class=\"fb-btn fb-btn--ghost fb-btn--icon\"\r\n            aria-label=\"Rimuovi la risorsa\"\r\n            (click)=\"remove(item)\"\r\n          >\r\n            \u00D7\r\n          </button>\r\n        </div>\r\n\r\n        @if (nameError(item)) {\r\n          <p class=\"fb-field__error\">{{ nameError(item) }}</p>\r\n        }\r\n        @if (constantReferencesResource(item)) {\r\n          <p class=\"fb-callout fb-callout--error\">\r\n            Una costante deve essere un valore fisso: non puo\u2019 referenziare altre risorse\r\n            (CONSTANT_REFERENCES_RESOURCE).\r\n          </p>\r\n        }\r\n        @if (duplicateStageOrder(item)) {\r\n          <p class=\"fb-callout fb-callout--warn\">\r\n            Due stage con lo stesso ordine: quale sia il corrente all\u2019avvio diventa arbitrario\r\n            (STAGE_ORDER_DUPLICATED).\r\n          </p>\r\n        }\r\n\r\n        @if (editingIndex() === $index) {\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label fb-field__label--required\">Nome</label>\r\n            <input\r\n              class=\"fb-input fb-input--mono\"\r\n              [value]=\"item.name\"\r\n              (change)=\"rename(item, $any($event.target).value)\"\r\n            />\r\n            <p class=\"fb-field__hint\">\r\n              Il nome vive nello stesso spazio dei nomi degli elementi. Rinominare riscrive i riferimenti.\r\n            </p>\r\n          </div>\r\n\r\n          @if (item.collection === 'stages') {\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label\">Etichetta</label>\r\n              <input\r\n                class=\"fb-input\"\r\n                [value]=\"string(item, 'label')\"\r\n                (input)=\"setField(item, 'label', $any($event.target).value)\"\r\n              />\r\n            </div>\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label fb-field__label--required\">Ordine</label>\r\n              <input\r\n                class=\"fb-input\"\r\n                type=\"number\"\r\n                min=\"1\"\r\n                [value]=\"string(item, 'stageOrder')\"\r\n                (input)=\"setNumberField(item, 'stageOrder', $any($event.target).value)\"\r\n              />\r\n            </div>\r\n            <label class=\"fb-check\">\r\n              <input\r\n                type=\"checkbox\"\r\n                [checked]=\"boolean(item, 'isActive')\"\r\n                (change)=\"setBooleanField(item, 'isActive', $any($event.target).checked)\"\r\n              />\r\n              Attivo all\u2019avvio\r\n            </label>\r\n            <p class=\"fb-field__hint\">\r\n              All\u2019avvio lo stage corrente e\u2019 il primo attivo per ordine. Si avanza con un Assignment su\r\n              <code>$Flow.CurrentStage</code>.\r\n            </p>\r\n          }\r\n\r\n          @if (item.collection === 'textTemplates') {\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label fb-field__label--required\">Testo</label>\r\n              <textarea\r\n                class=\"fb-textarea\"\r\n                [value]=\"string(item, 'text')\"\r\n                placeholder=\"Gentile {!Cliente.Nome},\"\r\n                (input)=\"setField(item, 'text', $any($event.target).value)\"\r\n              ></textarea>\r\n            </div>\r\n            <label class=\"fb-check\">\r\n              <input\r\n                type=\"checkbox\"\r\n                [checked]=\"boolean(item, 'isViewedAsPlainText')\"\r\n                (change)=\"setBooleanField(item, 'isViewedAsPlainText', $any($event.target).checked)\"\r\n              />\r\n              Testo semplice\r\n            </label>\r\n          }\r\n\r\n          @if (item.collection !== 'textTemplates' && item.collection !== 'stages') {\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label fb-field__label--required\">Tipo</label>\r\n              <select\r\n                class=\"fb-select\"\r\n                [fbValue]=\"string(item, 'dataType')\"\r\n                (change)=\"setDataType(item, $any($event.target).value)\"\r\n              >\r\n                @for (type of dataTypes(); track type.value) {\r\n                  <option [value]=\"type.value\">{{ type.label }}</option>\r\n                }\r\n              </select>\r\n            </div>\r\n\r\n            @if (requiresObjectType(item) && !hidesObjectType(item)) {\r\n              <div class=\"fb-field\">\r\n                <label class=\"fb-field__label fb-field__label--required\">\r\n                  @if (isEnum(item)) {\r\n                    Tipo di enumerazione\r\n                  } @else if (isStructure(item)) {\r\n                    Classe\r\n                  } @else {\r\n                    Oggetto\r\n                  }\r\n                </label>\r\n                @if (isEnum(item)) {\r\n                  <!-- Dizionario chiuso: qui la scrittura libera non serve. -->\r\n                  <select\r\n                    class=\"fb-select\"\r\n                    [fbValue]=\"string(item, 'objectType')\"\r\n                    (change)=\"setField(item, 'objectType', $any($event.target).value)\"\r\n                  >\r\n                    <option value=\"\">\u2014 scegli \u2014</option>\r\n                    @for (entry of enumOptions(); track entry.name) {\r\n                      <option [value]=\"entry.name\">{{ entry.label || entry.name }}</option>\r\n                    }\r\n                  </select>\r\n                } @else if (isStructure(item)) {\r\n                  <!-- \u00A74.7: una classe del backend, non un'entita' del modello dati. -->\r\n                  <fb-structure-picker\r\n                    [value]=\"string(item, 'objectType') || undefined\"\r\n                    label=\"Classe\"\r\n                    (valueChange)=\"setField(item, 'objectType', $event ?? '')\"\r\n                  />\r\n                } @else {\r\n                  <fb-object-picker\r\n                    [value]=\"string(item, 'objectType') || undefined\"\r\n                    label=\"Oggetto\"\r\n                    placeholder=\"Scrivi o scegli un oggetto\"\r\n                    (valueChange)=\"setField(item, 'objectType', $event ?? '')\"\r\n                  />\r\n                }\r\n                @if (missingObjectType(item)) {\r\n                  <!-- Su una Structure non e' un avviso: senza classe non c'e' nulla da istanziare. -->\r\n                  <p class=\"fb-field__error\">\r\n                    La classe e\u2019 obbligatoria: senza, l\u2019attivazione e\u2019 bloccata (OBJECT_TYPE_MISSING).\r\n                  </p>\r\n                } @else if (isStructure(item)) {\r\n                  <p class=\"fb-field__hint\">\r\n                    Il flow ne legge e scrive i <strong>membri</strong> (<code>Nome.Membro</code>): non si\r\n                    interroga con Get Records ne\u2019 si salva con Create/Update.\r\n                  </p>\r\n                } @else {\r\n                  <p class=\"fb-field__hint\">Obbligatorio per Object ed Enum (OBJECT_TYPE_MISSING).</p>\r\n                }\r\n              </div>\r\n            }\r\n\r\n            @if (supportsScale(item)) {\r\n              <div class=\"fb-field\">\r\n                <label class=\"fb-field__label\">Decimali</label>\r\n                <input\r\n                  class=\"fb-input\"\r\n                  type=\"number\"\r\n                  min=\"0\"\r\n                  [value]=\"string(item, 'scale')\"\r\n                  (input)=\"setNumberField(item, 'scale', $any($event.target).value)\"\r\n                />\r\n              </div>\r\n            }\r\n          }\r\n\r\n          @if (item.collection === 'variables') {\r\n            <label class=\"fb-check\">\r\n              <input\r\n                type=\"checkbox\"\r\n                [checked]=\"boolean(item, 'isCollection')\"\r\n                (change)=\"setBooleanField(item, 'isCollection', $any($event.target).checked)\"\r\n              />\r\n              \u00C8 una collection\r\n            </label>\r\n            <p class=\"fb-field__hint\">Solo una collection puo\u2019 essere iterata da un Loop.</p>\r\n\r\n            <label class=\"fb-check\">\r\n              <input\r\n                type=\"checkbox\"\r\n                [checked]=\"boolean(item, 'isInput')\"\r\n                (change)=\"setBooleanField(item, 'isInput', $any($event.target).checked)\"\r\n              />\r\n              Valorizzabile all\u2019avvio (input)\r\n            </label>\r\n            <label class=\"fb-check\">\r\n              <input\r\n                type=\"checkbox\"\r\n                [checked]=\"boolean(item, 'isOutput')\"\r\n                (change)=\"setBooleanField(item, 'isOutput', $any($event.target).checked)\"\r\n              />\r\n              Leggibile alla fine (output)\r\n            </label>\r\n            <p class=\"fb-field__hint\">\r\n              Input e output sono il contratto del flow verso chi lo invoca, subflow compresi.\r\n            </p>\r\n          }\r\n\r\n          @if (item.collection === 'formulas') {\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label fb-field__label--required\">Espressione</label>\r\n              <!--\r\n                Il tipo atteso e' quello che la risorsa dichiara, e `scale` va con lui: sono cio'\r\n                che permette al motore di dire che l'espressione produce altro (\u00A76.3).\r\n              -->\r\n              <fb-formula-editor\r\n                [expression]=\"string(item, 'expression')\"\r\n                usage=\"Resource\"\r\n                [expectedDataType]=\"$any(item.resource['dataType'])\"\r\n                [scale]=\"$any(item.resource['scale'])\"\r\n                placeholder=\"Importo * 1.22\"\r\n                ariaLabel=\"Espressione della formula\"\r\n                (expressionChange)=\"setField(item, 'expression', $event)\"\r\n              >\r\n                <p class=\"fb-field__hint\">\r\n                  Passata verbatim al motore di regole: la sintassi delle funzioni e\u2019 del motore.\r\n                </p>\r\n              </fb-formula-editor>\r\n            </div>\r\n          }\r\n\r\n          @if (item.collection === 'choices') {\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label fb-field__label--required\">Testo mostrato</label>\r\n              <input\r\n                class=\"fb-input\"\r\n                [value]=\"string(item, 'choiceText')\"\r\n                (input)=\"setField(item, 'choiceText', $any($event.target).value)\"\r\n              />\r\n            </div>\r\n          }\r\n\r\n          @if (item.collection === 'dynamicChoiceSets') {\r\n            <!--\r\n              \u00A75.2 \u2014 le sorgenti sono tre e si escludono a vicenda: i pulsanti le rendono\r\n              mutuamente esclusive nel documento, non solo nel form.\r\n            -->\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label fb-field__label--required\">Da dove arrivano le opzioni</label>\r\n              <div class=\"fb-filter__modes\" role=\"group\" aria-label=\"Sorgente delle opzioni\">\r\n                <button\r\n                  type=\"button\"\r\n                  class=\"fb-filter__mode\"\r\n                  [class.fb-filter__mode--active]=\"isChoiceSetSource(item, 'collection')\"\r\n                  (click)=\"setChoiceSetSource(item, 'collection')\"\r\n                >\r\n                  Collection del flow\r\n                </button>\r\n                <button\r\n                  type=\"button\"\r\n                  class=\"fb-filter__mode\"\r\n                  [class.fb-filter__mode--active]=\"isChoiceSetSource(item, 'object')\"\r\n                  (click)=\"setChoiceSetSource(item, 'object')\"\r\n                >\r\n                  Query su un oggetto\r\n                </button>\r\n                <button\r\n                  type=\"button\"\r\n                  class=\"fb-filter__mode\"\r\n                  [class.fb-filter__mode--active]=\"isChoiceSetSource(item, 'enum')\"\r\n                  (click)=\"setChoiceSetSource(item, 'enum')\"\r\n                >\r\n                  Valori di un enum\r\n                </button>\r\n              </div>\r\n            </div>\r\n\r\n            @if (ambiguousChoiceSetSource(item)) {\r\n              <p class=\"fb-callout fb-callout--warn\">\r\n                Questo choice set dichiara piu\u2019 di una sorgente: il runtime ne usa una sola\r\n                (CHOICE_SET_SOURCE_AMBIGUOUS). Scegli quella giusta qui sopra: le altre vengono tolte.\r\n              </p>\r\n            }\r\n\r\n            @if (isChoiceSetSource(item, 'collection')) {\r\n              <div class=\"fb-field\">\r\n                <label class=\"fb-field__label fb-field__label--required\">Collection</label>\r\n                <fb-reference-picker\r\n                  [value]=\"string(item, 'collectionReference')\"\r\n                  [isCollection]=\"true\"\r\n                  placeholder=\"Scegli una collection\"\r\n                  (valueChange)=\"setField(item, 'collectionReference', $event ?? '')\"\r\n                />\r\n                <p class=\"fb-field__hint\">\r\n                  Tipicamente il risultato di un Get Records: le opzioni sono i record che il flow ha gi\u00E0\r\n                  letto.\r\n                </p>\r\n              </div>\r\n            }\r\n\r\n            @if (isChoiceSetSource(item, 'object')) {\r\n              <div class=\"fb-field\">\r\n                <label class=\"fb-field__label fb-field__label--required\">Oggetto</label>\r\n                <fb-object-picker\r\n                  [value]=\"string(item, 'object') || undefined\"\r\n                  placeholder=\"Scrivi o scegli un oggetto\"\r\n                  (valueChange)=\"setField(item, 'object', $event ?? '')\"\r\n                />\r\n              </div>\r\n            }\r\n\r\n            @if (isChoiceSetSource(item, 'enum')) {\r\n              <div class=\"fb-field\">\r\n                <label class=\"fb-field__label fb-field__label--required\">Tipo di enumerazione</label>\r\n                <!-- Dizionario chiuso, e qui e' anche **autorevole**: un tipo fuori elenco e' un errore. -->\r\n                <select\r\n                  class=\"fb-select\"\r\n                  [fbValue]=\"string(item, 'enumType')\"\r\n                  (change)=\"setField(item, 'enumType', $any($event.target).value)\"\r\n                >\r\n                  <option value=\"\">\u2014 scegli \u2014</option>\r\n                  @for (entry of enumOptions(); track entry.name) {\r\n                    <option [value]=\"entry.name\">{{ entry.label || entry.name }}</option>\r\n                  }\r\n                </select>\r\n                @if (unknownEnumType(item)) {\r\n                  <p class=\"fb-field__error\">\r\n                    Il tipo \u00AB{{ string(item, 'enumType') }}\u00BB non e\u2019 fra quelli utilizzabili\r\n                    (ENUM_TYPE_UNKNOWN).\r\n                  </p>\r\n                } @else {\r\n                  <p class=\"fb-field__hint\">\r\n                    Le opzioni sono i valori dichiarati dal tipo: nessuna choice da tenere allineata a mano.\r\n                  </p>\r\n                }\r\n              </div>\r\n            }\r\n\r\n            @if (isChoiceSetSource(item, 'enum')) {\r\n              <!--\r\n                \u00A75.2 \u2014 qui i campi citabili sono le tre proprieta' di un valore di enum, non i campi\r\n                di un'entita': l'elenco viene dal dizionario, e i default rendono superfluo dichiararli.\r\n              -->\r\n              <div class=\"fb-field__row\">\r\n                <div class=\"fb-field\">\r\n                  <label class=\"fb-field__label\">Campo mostrato</label>\r\n                  <select\r\n                    class=\"fb-select\"\r\n                    [fbValue]=\"string(item, 'displayField')\"\r\n                    (change)=\"setField(item, 'displayField', $any($event.target).value)\"\r\n                  >\r\n                    <option value=\"\">Predefinito ({{ defaultDisplayField }})</option>\r\n                    @for (field of enumChoiceSetFields(); track field.value) {\r\n                      <option [value]=\"field.value\">{{ field.label }}</option>\r\n                    }\r\n                  </select>\r\n                  @if (unknownEnumChoiceSetField(item, 'displayField')) {\r\n                    <p class=\"fb-field__error\">\r\n                      \u00AB{{ string(item, 'displayField') }}\u00BB non e\u2019 una proprieta\u2019 di un valore di enum\r\n                      (FIELD_UNKNOWN).\r\n                    </p>\r\n                  }\r\n                </div>\r\n                <div class=\"fb-field\">\r\n                  <label class=\"fb-field__label\">Campo del valore</label>\r\n                  <select\r\n                    class=\"fb-select\"\r\n                    [fbValue]=\"string(item, 'valueField')\"\r\n                    (change)=\"setField(item, 'valueField', $any($event.target).value)\"\r\n                  >\r\n                    <option value=\"\">Predefinito ({{ defaultValueField }})</option>\r\n                    @for (field of enumChoiceSetFields(); track field.value) {\r\n                      <option [value]=\"field.value\">{{ field.label }}</option>\r\n                    }\r\n                  </select>\r\n                  @if (unknownEnumChoiceSetField(item, 'valueField')) {\r\n                    <p class=\"fb-field__error\">\r\n                      \u00AB{{ string(item, 'valueField') }}\u00BB non e\u2019 una proprieta\u2019 di un valore di enum\r\n                      (FIELD_UNKNOWN).\r\n                    </p>\r\n                  }\r\n                </div>\r\n              </div>\r\n              <p class=\"fb-field__hint\">\r\n                Con <code>Enum</code> come tipo il valore scelto viaggia tipizzato, ed e\u2019 cio\u2019 che serve se\r\n                finisce in un parametro o in un membro di classe <code>Enum</code>.\r\n              </p>\r\n            } @else {\r\n              <div class=\"fb-field\">\r\n                <label class=\"fb-field__label fb-field__label--required\">Campo mostrato</label>\r\n                <fb-field-picker\r\n                  [value]=\"string(item, 'displayField') || undefined\"\r\n                  [object]=\"string(item, 'object') || undefined\"\r\n                  usage=\"any\"\r\n                  label=\"Campo mostrato\"\r\n                  (valueChange)=\"setField(item, 'displayField', $event ?? '')\"\r\n                />\r\n              </div>\r\n              <div class=\"fb-field\">\r\n                <label class=\"fb-field__label fb-field__label--required\">Campo del valore</label>\r\n                <fb-field-picker\r\n                  [value]=\"string(item, 'valueField') || undefined\"\r\n                  [object]=\"string(item, 'object') || undefined\"\r\n                  usage=\"any\"\r\n                  label=\"Campo del valore\"\r\n                  (valueChange)=\"setField(item, 'valueField', $event ?? '')\"\r\n                />\r\n              </div>\r\n            }\r\n            <div class=\"fb-field__row\">\r\n              <div class=\"fb-field\">\r\n                <label class=\"fb-field__label\">Ordina per</label>\r\n                @if (isChoiceSetSource(item, 'enum')) {\r\n                  <select\r\n                    class=\"fb-select\"\r\n                    [fbValue]=\"string(item, 'sortField')\"\r\n                    (change)=\"setField(item, 'sortField', $any($event.target).value)\"\r\n                  >\r\n                    <option value=\"\">Ordine di dichiarazione</option>\r\n                    @for (field of enumChoiceSetFields(); track field.value) {\r\n                      <option [value]=\"field.value\">{{ field.label }}</option>\r\n                    }\r\n                  </select>\r\n                  @if (unknownEnumChoiceSetField(item, 'sortField')) {\r\n                    <p class=\"fb-field__error\">\r\n                      \u00AB{{ string(item, 'sortField') }}\u00BB non e\u2019 una proprieta\u2019 di un valore di enum\r\n                      (FIELD_UNKNOWN).\r\n                    </p>\r\n                  }\r\n                } @else {\r\n                  <fb-field-picker\r\n                    [value]=\"string(item, 'sortField') || undefined\"\r\n                    [object]=\"string(item, 'object') || undefined\"\r\n                    usage=\"sortable\"\r\n                    label=\"Campo di ordinamento\"\r\n                    placeholder=\"Nessun ordinamento\"\r\n                    (valueChange)=\"setField(item, 'sortField', $event ?? '')\"\r\n                  />\r\n                }\r\n              </div>\r\n              <div class=\"fb-field\">\r\n                <label class=\"fb-field__label\">Direzione</label>\r\n                <select\r\n                  class=\"fb-select\"\r\n                  [fbValue]=\"string(item, 'sortOrder')\"\r\n                  (change)=\"setField(item, 'sortOrder', $any($event.target).value)\"\r\n                >\r\n                  <option value=\"\">\u2014</option>\r\n                  @for (order of sortOrders(); track order.value) {\r\n                    <option [value]=\"order.value\">{{ order.label }}</option>\r\n                  }\r\n                </select>\r\n              </div>\r\n            </div>\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label\">Numero massimo</label>\r\n              <input\r\n                class=\"fb-input\"\r\n                type=\"number\"\r\n                min=\"1\"\r\n                [value]=\"string(item, 'limit')\"\r\n                (input)=\"setNumberField(item, 'limit', $any($event.target).value)\"\r\n              />\r\n            </div>\r\n            <!--\r\n              `supportsLogic` a false: qui `filterLogic` non esiste nel modello, e inviarlo lo\r\n              perderebbe in silenzio al primo salvataggio (\u00A74.4). Nessun `emptyWarning`: senza\r\n              filtri il set legge tutti i record dell\u2019oggetto, che qui e\u2019 un uso legittimo.\r\n              Su un enum i filtri li valuta il runtime **in memoria**, e i campi sono le tre\r\n              proprieta\u2019 di un valore: `fieldOptions` e\u2019 cio\u2019 che sostituisce il catalogo (\u00A75.2).\r\n            -->\r\n            <fb-record-filter-editor\r\n              [holder]=\"$any(item.resource)\"\r\n              [object]=\"isChoiceSetSource(item, 'enum') ? undefined : string(item, 'object') || undefined\"\r\n              [fieldOptions]=\"isChoiceSetSource(item, 'enum') ? enumChoiceSetFields() : []\"\r\n              [title]=\"\r\n                isChoiceSetSource(item, 'enum') ? 'Quali valori diventano opzioni' : 'Quali record diventano opzioni'\r\n              \"\r\n              usage=\"filterable\"\r\n              [supportsLogic]=\"false\"\r\n              (changed)=\"onFiltersChanged(item, $event)\"\r\n            />\r\n          }\r\n\r\n          @if (isStructure(item) && item.collection === 'variables') {\r\n            <p class=\"fb-field__hint\">\r\n              Non serve un valore iniziale: la variabile parte con un\u2019istanza vuota, e il flow ne assegna i\r\n              membri uno alla volta con un Assignment.\r\n            </p>\r\n          }\r\n\r\n          @if (\r\n            supportsInitialValue(item) &&\r\n            (item.collection === 'variables' || item.collection === 'constants' || item.collection === 'choices')\r\n          ) {\r\n            <div class=\"fb-field\">\r\n              <label class=\"fb-field__label\">\r\n                {{ item.collection === 'variables' ? 'Valore iniziale' : 'Valore' }}\r\n              </label>\r\n              <fb-value-editor\r\n                [value]=\"value(item)\"\r\n                [dataType]=\"$any(item.resource['dataType'])\"\r\n                [objectType]=\"$any(item.resource['objectType'])\"\r\n                [isCollection]=\"boolean(item, 'isCollection')\"\r\n                [allowFormula]=\"item.collection !== 'constants'\"\r\n                label=\"Valore\"\r\n                (valueChange)=\"setValue(item, $event)\"\r\n              />\r\n            </div>\r\n          }\r\n\r\n          <div class=\"fb-field\">\r\n            <label class=\"fb-field__label\">Descrizione</label>\r\n            <input\r\n              class=\"fb-input\"\r\n              [value]=\"string(item, 'description')\"\r\n              (input)=\"setField(item, 'description', $any($event.target).value)\"\r\n            />\r\n          </div>\r\n        }\r\n      </div>\r\n    } @empty {\r\n      <p class=\"fb-empty\">Nessuna risorsa di questo tipo.</p>\r\n    }\r\n  </div>\r\n\r\n  <button type=\"button\" class=\"fb-btn fb-btn--primary\" (click)=\"add()\">\r\n    Aggiungi {{ activeKind().singular }}\r\n  </button>\r\n</div>\r\n", styles: [":host{display:flex;flex-direction:column;height:100%;min-height:0;background:var(--fb-surface, #fff)}.fb-res__header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--fb-border-subtle, #e6e9ee)}.fb-res__title{margin:0;font-size:14px;font-weight:600;color:var(--fb-text, #1d2939)}.fb-res__tabs{display:flex;flex-wrap:wrap;gap:2px;padding:6px 8px;border-bottom:1px solid var(--fb-border-subtle, #e6e9ee)}.fb-res__tab{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border:1px solid var(--fb-border-subtle, #e6e9ee);border-radius:12px;background:transparent;color:var(--fb-text-muted, #667085);font:inherit;font-size:11px;cursor:pointer}.fb-res__tab:hover{background:var(--fb-surface-alt, #f8f9fb)}.fb-res__tab--active{border-color:var(--fb-accent, #2f6feb);background:color-mix(in srgb,var(--fb-accent, #2f6feb) 10%,transparent);color:var(--fb-accent, #2f6feb);font-weight:600}.fb-res__count{padding:0 4px;border-radius:6px;background:var(--fb-border, #d6dae1);font-size:9px;color:var(--fb-text, #1d2939)}.fb-res__body{flex:1;min-height:0;overflow-y:auto;padding:10px 12px}.fb-res__name{flex:1;min-width:0;display:flex;flex-direction:column;padding:0;border:0;background:transparent;color:var(--fb-text, #1d2939);font:inherit;text-align:left;cursor:pointer}.fb-res__name-text{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fb-res__meta{font-size:10px;color:var(--fb-text-muted, #667085)}\n"], dependencies: [{ kind: "component", type: FieldPickerComponent, selector: "fb-field-picker", inputs: ["value", "object", "usage", "label", "placeholder", "disabled"], outputs: ["valueChange"] }, { kind: "component", type: FormulaEditorComponent, selector: "fb-formula-editor", inputs: ["expression", "usage", "expectedDataType", "scale", "placeholder", "ariaLabel", "disabled", "rows", "commitOn"], outputs: ["expressionChange"] }, { kind: "component", type: ObjectPickerComponent, selector: "fb-object-picker", inputs: ["value", "label", "placeholder", "disabled"], outputs: ["valueChange"] }, { kind: "component", type: ReferencePickerComponent, selector: "fb-reference-picker", inputs: ["value", "label", "placeholder", "disabled", "dataType", "isCollection", "objectType", "writableOnly", "elementsOnly", "extraReferences"], outputs: ["valueChange"] }, { kind: "component", type: RecordFilterEditorComponent, selector: "fb-record-filter-editor", inputs: ["holder", "object", "title", "usage", "fieldOptions", "supportsLogic", "supportsFormula", "emptyWarning", "emptyWarningSeverity"], outputs: ["changed"] }, { kind: "component", type: StructurePickerComponent, selector: "fb-structure-picker", inputs: ["value", "label", "placeholder", "disabled"], outputs: ["valueChange"] }, { kind: "component", type: ValueEditorComponent, selector: "fb-value-editor", inputs: ["value", "label", "dataType", "objectType", "isCollection", "valueSet", "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.28", ngImport: i0, type: ResourcePanelComponent, decorators: [{
             type: Component,
@@ -14047,5 +14205,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { ConditionEditorComponent, ConnectorEditorComponent, DebugPanelComponent, DynamicScreenInspectorComponent, ENUM_CHOICE_SET_DEFAULT_DISPLAY_FIELD, ENUM_CHOICE_SET_DEFAULT_VALUE_FIELD, ENUM_CHOICE_SET_FIELDS, ElementDialogComponent, ElementInspectorComponent, ElementPaletteComponent, EnumValuePickerComponent, FALLBACK_COLLECTION_BY_TYPE, FALLBACK_TYPE_LABEL, FLOW_BUILDER_HTTP_CONFIG, FLOW_CLIPBOARD_KIND, FLOW_CLIPBOARD_VERSION, FLOW_ELEMENT_ICONS, FLOW_ELEMENT_VARIANT_FIELDS, FLOW_ELEMENT_VARIANT_ICONS, FLOW_ERROR_FALLBACK_MESSAGE, FLOW_ERROR_HTTP_STATUS, FLOW_NAME_PATTERN, FLOW_NODE_COLLECTIONS, FLOW_NODE_HEIGHT, FLOW_NODE_WIDTH, FLOW_REFERENCE_FIELDS, FLOW_RESOURCE_COLLECTIONS, FLOW_VALUE_FIELDS, FLOW_VALUE_LITERAL_FIELDS, FieldAssignmentEditorComponent, FieldPickerComponent, FlowApiError, FlowBuilderApi, FlowBuilderComponent, FlowCanvasComponent, FlowCatalogStore, FlowClipboardService, FlowDictionaryStore, FlowDocumentStore, FlowEditorSession, FlowLayoutService, FlowValidationStore, FormulaEditorComponent, FormulaValidationService, HttpFlowBuilderApi, NamePickerComponent, NodeInspectorBase, ORCHESTRATION_CONDITION_OUTPUT, ObjectPickerComponent, OrchestratedStageInspectorComponent, ParameterEditorComponent, PasteDialogComponent, ProblemsPanelComponent, RecordFilterEditorComponent, ReferencePickerComponent, ResourcePanelComponent, RunDialogComponent, SEVERITY_BUCKETS, SEVERITY_ICON, SEVERITY_LABEL, START_NODE_NAME, SelectValueDirective, StartInspectorComponent, StructureMemberPickerComponent, StructurePickerComponent, TYPES_WITH_AUTOMATIC_OUTPUT, TYPE_BY_COLLECTION, UNSUPPORTED_TYPES, ValueEditorComponent, VersionPanelComponent, allFieldsOf, applyPaste, areTypesComparable, buildClipboardPayload, canvasNodeId, checkConditionLogic, checkFlowName, choiceSetSourceOf, declaredChoiceSetSources, describePathEntry, duplicateField, elementIcon, emptyFlowDefinition, enumChoiceSetFieldType, fieldAt, filterReferences, flattenFields, flowNodeWidth, flowNodeWidthClass, innerNamesOf, insertField, isClipboardPayload, isCustomConditionLogic, isEmptyReferenceFilter, isFieldResource, isGlobalReference, isNumericType, isPathInside, isTypeCheckedOperator, isUnknownEnumChoiceSetField, isValidFlowName, isValued, loadPathLevel, matchesReferenceFilter, moveCondition, moveField, navigatePath, otherSourceFieldsOf, outletByKey, outletsOf, parseCanvasNodeId, parseInvariantNumber, parseSourceConnectorId, parseTargetConnectorId, pathAvailableNames, pathContainerLabel, pathKey, pathNotVerifiableMessage, planPaste, referenceRoot, referencedRootsOf, remapConditionLogic, removeCondition, removeField, resolvePath, rewriteReferences, samePath, screenActionNames, screenFieldNames, severityBucket, slugifyFlowName, sourceConnectorId, stageStepNames, stageStepOutputReferenced, stepsOf, targetConnectorId, typeOfCollection, uniqueFlowName, valuedFieldOf, valuedFieldsOf, variantFieldOf, variantOf, variantPresetOf };
+export { ConditionEditorComponent, ConnectorEditorComponent, DebugPanelComponent, DynamicScreenInspectorComponent, ENUM_CHOICE_SET_DEFAULT_DISPLAY_FIELD, ENUM_CHOICE_SET_DEFAULT_VALUE_FIELD, ENUM_CHOICE_SET_FIELDS, ElementDialogComponent, ElementInspectorComponent, ElementPaletteComponent, EnumValuePickerComponent, FALLBACK_COLLECTION_BY_TYPE, FALLBACK_TYPE_LABEL, FLOW_BUILDER_HTTP_CONFIG, FLOW_CLIPBOARD_KIND, FLOW_CLIPBOARD_VERSION, FLOW_ELEMENT_ICONS, FLOW_ELEMENT_VARIANT_FIELDS, FLOW_ELEMENT_VARIANT_ICONS, FLOW_ERROR_FALLBACK_MESSAGE, FLOW_ERROR_HTTP_STATUS, FLOW_NAME_PATTERN, FLOW_NODE_COLLECTIONS, FLOW_NODE_HEIGHT, FLOW_NODE_WIDTH, FLOW_REFERENCE_FIELDS, FLOW_RESOURCE_COLLECTIONS, FLOW_VALUE_FIELDS, FLOW_VALUE_LITERAL_FIELDS, FieldAssignmentEditorComponent, FieldPickerComponent, FieldValuePickerComponent, FlowApiError, FlowBuilderApi, FlowBuilderComponent, FlowCanvasComponent, FlowCatalogStore, FlowClipboardService, FlowDictionaryStore, FlowDocumentStore, FlowEditorSession, FlowLayoutService, FlowValidationStore, FormulaEditorComponent, FormulaValidationService, HttpFlowBuilderApi, NamePickerComponent, NodeInspectorBase, ORCHESTRATION_CONDITION_OUTPUT, ObjectPickerComponent, OrchestratedStageInspectorComponent, ParameterEditorComponent, PasteDialogComponent, ProblemsPanelComponent, RecordFilterEditorComponent, ReferencePickerComponent, ResourcePanelComponent, RunDialogComponent, SEVERITY_BUCKETS, SEVERITY_ICON, SEVERITY_LABEL, START_NODE_NAME, SelectValueDirective, StartInspectorComponent, StructureMemberPickerComponent, StructurePickerComponent, TYPES_WITH_AUTOMATIC_OUTPUT, TYPE_BY_COLLECTION, UNSUPPORTED_TYPES, ValueEditorComponent, VersionPanelComponent, allFieldsOf, applyPaste, areTypesComparable, buildClipboardPayload, canvasNodeId, checkConditionLogic, checkFlowName, choiceSetSourceOf, declaredChoiceSetSources, describePathEntry, duplicateField, elementIcon, emptyFlowDefinition, enumChoiceSetFieldType, fieldAt, filterReferences, flattenFields, flowNodeWidth, flowNodeWidthClass, innerNamesOf, insertField, isClipboardPayload, isCustomConditionLogic, isEmptyReferenceFilter, isFieldResource, isGlobalReference, isNumericType, isPathInside, isTypeCheckedOperator, isUnknownEnumChoiceSetField, isValidFlowName, isValued, loadPathLevel, matchesReferenceFilter, moveCondition, moveField, navigatePath, otherSourceFieldsOf, outletByKey, outletsOf, parseCanvasNodeId, parseInvariantNumber, parseSourceConnectorId, parseTargetConnectorId, pathAvailableNames, pathContainerLabel, pathKey, pathNotVerifiableMessage, planPaste, referenceRoot, referencedRootsOf, remapConditionLogic, removeCondition, removeField, resolvePath, rewriteReferences, samePath, screenActionNames, screenFieldNames, severityBucket, slugifyFlowName, sourceConnectorId, stageStepNames, stageStepOutputReferenced, stepsOf, targetConnectorId, typeOfCollection, uniqueFlowName, valuedFieldOf, valuedFieldsOf, variantFieldOf, variantOf, variantPresetOf };
 //# sourceMappingURL=esfaenza-flow-builder.mjs.map