@esfaenza/flow-builder 20.3.28 → 20.3.30

package/README.md

@@ -144,6 +144,7 @@ sono opzionali e rifiutano con `MissingService` se non sovrascritti.
 | `listEnumTypes`, `listEvents`, `listSubflowCandidates` | astratti |
 | `describeObject` | opzionale |
 | `listFieldValues(object, field)` | opzionale — i valori ammessi di un campo a **scelta chiusa** (`hasClosedValueSet`, §6.4), cioe' l'altra meta' degli insiemi chiusi: quelli di un `Enum` sono del **tipo** (`listEnumValues`), questi della **colonna** — `Ordine.Stato` e `Attivita.Stato` possono ammettere valori diversi pur essendo due `String`, ed e' perche' serve la coppia. Lista vuota = "non lo so": il valore si scrive a mano |
+| `listFormulaFunctions(usage?)` | opzionale — le funzioni (e gli operatori, se il motore li dichiara) scrivibili in un'espressione: e' la **palette** di `<fb-formula-editor>`, la terza gamba accanto ai nomi (`getReferences`) e al giudizio (`validateFormula`). `usage` e' lo stesso di `validateFormula` e un motore che non filtra risponde comunque tutto, che e' legittimo. Due regole: lista vuota = «il motore non le dichiara» e la palette non compare (§4.6), e l'elenco **non e' autoritativo** — accusare una funzione fuori catalogo sarebbe un rilievo falso su una formula valida |
 | `listEnumValues(enumType)` | opzionale — i **valori** di un tipo di enumerazione, cioe' i nomi scrivibili in `enumValue` (§4.2, §4.6). `listEnumTypes` e' l'altra meta' e non basta: quella dice quali tipi esistono, questa quali valori ha un tipo. `enumType` e' esattamente l'`objectType` della risorsa, del parametro o del **membro** di una classe (§4.7.1): la risposta e' del tipo, non del punto di uso, e la cache e' per nome del tipo. Lista vuota = "non lo so" — il valore si scrive a mano, e un tipo sconosciuto risponde vuoto, non 404 |
 | `listStructures`, `describeStructure(className)` | opzionali — le classi e i loro membri per le risorse `Structure` (§4.7). `listStructures` e' l'**elenco delle classi** senza membri; `describeStructure` restituisce la **descrizione** di una classe (`className`, `label`, `members`), non un array nudo (§4.7.1). Senza, le classi non sono verificabili e il nome si scrive a mano: "non lo so", non "non esiste". I tre esiti sono distinti: `members` popolato = elenco autorevole, `members: []` = membri non dichiarati (si digita, nessuna accusa), rifiuto `StructureNotFound` = classe non registrata (si segnala la **classe**) |
 
@@ -463,7 +464,15 @@ salto, `position` resterebbe un numero da contare a mano. Lo stesso componente o
 citabili come **autocompletamento** mentre si scrive un identificatore: la fonte e'
 `POST /flows/references`, la stessa del reference picker, output automatici compresi; frecce per
 scorrere, Invio o clic per inserire. Elenco non disponibile = nessun suggerimento e nessuna
-accusa — la formula si scrive lo stesso. Lo usano tutti i punti in cui si scrive
+accusa — la formula si scrive lo stesso. La terza gamba e' la **palette**: `listFormulaFunctions`
+(`GET /catalog/formula-functions?usage=`, §6.3) dice cosa si puo' scrivere in mezzo ai nomi, e il
+componente la apre da un bottone, raggruppata per categoria e filtrabile; scegliere una voce
+inserisce il suo `snippet` — assente, il nome — e porta il cursore **dentro** la prima parentesi.
+Due cose che non si devono confondere: elenco vuoto significa «il motore non le dichiara», quindi
+il bottone non compare affatto invece di aprire un pannello vuoto; e l'elenco **non e'
+autoritativo** — a giudicare resta `validateFormula`, e accusare una funzione fuori catalogo
+sarebbe un rilievo falso su una formula valida, perche' un motore puo' supportare piu' di quanto
+dichiara. `signature` e `description` si mostrano e non si parsano: la grammatica resta del motore. Lo usano tutti i punti in cui si scrive
 un'espressione: la risorsa `Formula`, la modalita' Formula di una condizione, la `filterFormula`
 di un filtro, la regola di validazione di un campo di screen dinamico e il `formulaExpression`
 dentro un valore. A ogni punto corrispondono un `usage` e un `expectedDataType` — `Boolean` per

package/fesm2022/esfaenza-flow-builder.mjs

@@ -218,6 +218,30 @@ class FlowBuilderApi {
         void field;
         return missing('listFieldValues');
     }
+    /**
+     * `GET /catalog/formula-functions?usage=` — le funzioni (e gli operatori, se il motore li
+     * dichiara) scrivibili in un'espressione: la **palette** dell'editor di formule (§6.3, §6.4).
+     *
+     * È la terza gamba dell'editor di formule, e le altre due non la sostituiscono: i **nomi**
+     * citabili li da' {@link getReferences}, il **giudizio** sull'espressione
+     * {@link validateFormula}, e questa dice cosa si puo' scrivere in mezzo.
+     *
+     * `usage` chiede le sole funzioni che hanno senso in quel punto — lo stesso valore che va in
+     * {@link validateFormula}. Un motore che non filtra risponde comunque l'elenco intero, che e'
+     * legittimo: chi mostra non deve dedurre niente dal fatto che una voce ci sia.
+     *
+     * Due regole, e non sono dettagli. La lista **vuota** significa «il motore non le dichiara»,
+     * non «non ce ne sono» (§4.6): si mostra il campo di testo libero, non una palette vuota. E
+     * l'elenco **non e' autoritativo**: accusare una funzione che non c'e' produrrebbe un rilievo
+     * falso su una formula valida, perche' un motore puo' supportare piu' di quanto dichiara.
+     *
+     * Opzionale come ogni catalogo che dipende da un servizio dell'host: assente, l'editor di
+     * formule resta quello di prima — nomi e verifica, senza palette.
+     */
+    listFormulaFunctions(usage) {
+        void usage;
+        return missing('listFormulaFunctions');
+    }
     /**
      * `GET /catalog/enum-types/{enumType}/values` — i valori di **un** tipo di enumerazione, cioe'
      * i nomi che si possono scrivere in `enumValue` (§4.2, §4.6). `enumType` e' esattamente
@@ -567,6 +591,13 @@ class HttpFlowBuilderApi extends FlowBuilderApi {
     listFormParameters(formName) {
         return this.get(`/flows/editor/forms/${HttpFlowBuilderApi.segment(formName)}/parameters`);
     }
+    /**
+     * §6.3 — la palette dell'editor di formule. `usage` e' un filtro, non un obbligo: chi non lo
+     * manda ottiene l'elenco intero, ed e' legittimo anche che un motore lo ignori.
+     */
+    listFormulaFunctions(usage) {
+        return this.get('/flows/editor/formula-functions', HttpFlowBuilderApi.params({ usage }));
+    }
     listEnumTypes() {
         return this.get('/flows/editor/enum-types');
     }
@@ -3461,6 +3492,7 @@ class FlowCatalogStore {
     entriesCache = new AsyncCache();
     parametersCache = new AsyncCache();
     membersCache = new AsyncCache();
+    formulaFunctionsCache = new AsyncCache();
     /**
      * Una lista vuota significa "non lo so", non "nessuno": con il catalogo non popolato la
      * validazione salta i controlli invece di produrre falsi allarmi (§7). L'editor fa lo
@@ -3516,6 +3548,17 @@ class FlowCatalogStore {
         }
         return this.parametersCache.get(`form|${formName}`, () => this.api.listFormParameters(formName).catch(() => []));
     }
+    /**
+     * §6.3 — la palette dell'editor di formule. La cache e' per **usage**, perche' e' cio' che
+     * cambia la risposta: un motore che filtra risponde due elenchi diversi a `Condition` e a
+     * `Resource`, e una chiave sola li farebbe sovrascrivere a vicenda.
+     *
+     * La primitiva e' opzionale e l'errore diventa lista vuota — che qui significa «il motore non
+     * le dichiara»: nessuna palette e nessuna accusa a una funzione fuori elenco (§4.6, §6.3).
+     */
+    listFormulaFunctions(usage) {
+        return this.formulaFunctionsCache.get(usage ?? '', () => this.api.listFormulaFunctions(usage).then((list) => list ?? []).catch(() => []));
+    }
     listEnumTypes() {
         return this.entriesCache.get('enum-types', () => this.api.listEnumTypes().then((list) => list ?? []));
     }
@@ -3587,6 +3630,7 @@ class FlowCatalogStore {
         this.entriesCache.clear();
         this.parametersCache.clear();
         this.membersCache.clear();
+        this.formulaFunctionsCache.clear();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: FlowCatalogStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: FlowCatalogStore });
@@ -6838,6 +6882,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImpo
  *    la primitiva non esiste proprio: silenzio, mai un esito positivo inventato.
  *  - il codice del rilievo e' **del motore**, non della §7: si mostra e non si interpreta.
  *
+ * La terza gamba e' la **palette**: `listFormulaFunctions` (§6.3) dice cosa si puo' scrivere in
+ * mezzo ai nomi. Non e' un elenco autoritativo — a giudicare resta `validateFormula`, quindi una
+ * funzione fuori catalogo non si segnala — e vuoto significa «il motore non le dichiara»: in quel
+ * caso il bottone non compare affatto, invece di aprire un pannello vuoto.
+ *
  * Il debounce e lo stato dell'esito stanno qui, uno per campo; nel servizio sta solo la memoria
  * di «la primitiva non c'e'», che e' l'unica cosa condivisa fra i campi.
  */
@@ -6847,6 +6896,7 @@ class FormulaEditorComponent {
     store = inject(FlowDocumentStore);
     api = inject(FlowBuilderApi);
     service = inject(FormulaValidationService);
+    catalog = inject(FlowCatalogStore);
     destroyRef = inject(DestroyRef);
     expression = input('', ...(ngDevMode ? [{ debugName: "expression" }] : []));
     /** Dove comparira': e' cio' che dice al motore cosa pretendere (§6.3). */
@@ -6907,6 +6957,91 @@ class FormulaEditorComponent {
         }
         return matches.slice(0, 8);
     }, ...(ngDevMode ? [{ debugName: "suggestions" }] : []));
+    // -------------------------------------------------------------------------
+    // La palette delle funzioni (§6.3)
+    // -------------------------------------------------------------------------
+    /**
+     * Le funzioni dichiarate dal motore. L'elenco lo tiene in cache lo store, per `usage`: piu'
+     * editor montati insieme fanno una richiesta sola. Vuoto = non dichiarate, e allora la palette
+     * non esiste — mostrarla vuota farebbe credere che il motore non abbia funzioni.
+     */
+    functions = signal([], ...(ngDevMode ? [{ debugName: "functions" }] : []));
+    isPaletteOpen = signal(false, ...(ngDevMode ? [{ debugName: "isPaletteOpen" }] : []));
+    paletteFilter = signal('', ...(ngDevMode ? [{ debugName: "paletteFilter" }] : []));
+    hasPalette = computed(() => this.functions().length > 0, ...(ngDevMode ? [{ debugName: "hasPalette" }] : []));
+    /**
+     * Le voci raggruppate per `category`. La categoria puo' mancare: quelle senza finiscono in un
+     * gruppo senza titolo, in coda, invece di sparire.
+     */
+    paletteGroups = computed(() => {
+        const needle = this.paletteFilter().trim().toLowerCase();
+        const groups = new Map();
+        for (const entry of this.functions()) {
+            if (needle && !this.matchesFilter(entry, needle)) {
+                continue;
+            }
+            const category = entry.category?.trim() || '';
+            const bucket = groups.get(category);
+            if (bucket) {
+                bucket.push(entry);
+            }
+            else {
+                groups.set(category, [entry]);
+            }
+        }
+        return Array.from(groups, ([category, items]) => ({ category, items })).sort(
+        // Il gruppo senza titolo va in coda: e' il ripiego, non la prima cosa da leggere.
+        (a, b) => (a.category ? 0 : 1) - (b.category ? 0 : 1) || a.category.localeCompare(b.category));
+    }, ...(ngDevMode ? [{ debugName: "paletteGroups" }] : []));
+    matchesFilter(entry, needle) {
+        return (entry.name.toLowerCase().includes(needle) ||
+            (entry.signature ?? '').toLowerCase().includes(needle) ||
+            (entry.description ?? '').toLowerCase().includes(needle));
+    }
+    togglePalette() {
+        this.isPaletteOpen.update((open) => !open);
+    }
+    /** La forma d'uso da mostrare: `signature` se il motore la da', altrimenti il solo nome. */
+    signatureOf(entry) {
+        return entry.signature?.trim() || entry.name;
+    }
+    /**
+     * Inserisce la voce scelta al punto in cui si stava scrivendo. Cosa inserire lo dice `snippet`
+     * — assente, il nome — e il cursore va **dentro** la prima parentesi: la palette serve a non
+     * ricordare la firma, e lasciare il cursore in fondo costringerebbe a tornare indietro a mano.
+     *
+     * Non si scrive niente nel documento oltre al testo: la firma resta del motore, e qui non c'e'
+     * nessun parser che la interpreti.
+     */
+    insertFunction(entry) {
+        const element = this.area()?.nativeElement;
+        if (!element || this.disabled()) {
+            return;
+        }
+        const snippet = entry.snippet?.trim() || entry.name;
+        // Se si stava digitando un nome, la voce lo **sostituisce**: chi scrive `RO` e sceglie
+        // `ROUND(` non vuole `ROROUND(`.
+        const token = this.token();
+        const start = token ? token.start : (element.selectionStart ?? element.value.length);
+        const end = token ? token.end : (element.selectionEnd ?? start);
+        const next = element.value.slice(0, start) + snippet + element.value.slice(end);
+        const opening = snippet.indexOf('(');
+        const caret = start + (opening >= 0 ? opening + 1 : snippet.length);
+        element.value = next;
+        element.setSelectionRange(caret, caret);
+        element.focus();
+        this.token.set(null);
+        this.onInput(next);
+        // Con `commitOn="change"` il `change` del DOM non scatta su una scrittura da codice.
+        this.onCommit(next);
+    }
+    async loadFunctions(usage) {
+        // La primitiva e' opzionale: in errore lo store risponde lista vuota, cioe' «non dichiarate».
+        const list = await this.catalog.listFormulaFunctions(usage);
+        if (this.usage() === usage) {
+            this.functions.set(list);
+        }
+    }
     issues = computed(() => this._result()?.issues ?? [], ...(ngDevMode ? [{ debugName: "issues" }] : []));
     hasErrors = computed(() => this.issues().some((issue) => severityBucket(issue.severity) === 'Error'), ...(ngDevMode ? [{ debugName: "hasErrors" }] : []));
     /**
@@ -6942,6 +7077,12 @@ class FormulaEditorComponent {
         // La verifica riparte quando cambia l'espressione **arrivata da fuori** o cio' che ci si
         // aspetta che produca. Il documento no: si legge al momento della richiesta, perche'
         // tracciarlo rivaliderebbe ogni formula aperta a ogni tasto premuto altrove nell'editor.
+        // La palette dipende solo da `usage`, e la richiesta la condivide lo store: piu' editor
+        // montati insieme non fanno piu' di una chiamata per uso.
+        effect(() => {
+            const usage = this.usage();
+            untracked(() => void this.loadFunctions(usage));
+        });
         effect(() => {
             const expression = this.expression();
             this.usage();
@@ -7129,11 +7270,11 @@ class FormulaEditorComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: FormulaEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.28", type: FormulaEditorComponent, isStandalone: true, selector: "fb-formula-editor", inputs: { expression: { classPropertyName: "expression", publicName: "expression", isSignal: true, isRequired: false, transformFunction: null }, usage: { classPropertyName: "usage", publicName: "usage", isSignal: true, isRequired: false, transformFunction: null }, expectedDataType: { classPropertyName: "expectedDataType", publicName: "expectedDataType", isSignal: true, isRequired: false, transformFunction: null }, scale: { classPropertyName: "scale", publicName: "scale", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null }, commitOn: { classPropertyName: "commitOn", publicName: "commitOn", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { expressionChange: "expressionChange" }, viewQueries: [{ propertyName: "area", first: true, predicate: ["area"], descendants: true, isSignal: true }], ngImport: i0, template: "<textarea\r\n  #area\r\n  class=\"fb-textarea fb-input--mono\"\r\n  [class.fb-input--invalid]=\"hasErrors()\"\r\n  [value]=\"expression()\"\r\n  [rows]=\"rows()\"\r\n  [disabled]=\"disabled()\"\r\n  [placeholder]=\"placeholder()\"\r\n  [attr.aria-label]=\"ariaLabel()\"\r\n  (input)=\"onInput($any($event.target).value)\"\r\n  (change)=\"onCommit($any($event.target).value)\"\r\n  (focus)=\"onFocus()\"\r\n  (blur)=\"onBlur()\"\r\n  (keydown)=\"onKeyDown($event)\"\r\n  (keyup)=\"onCaretMove()\"\r\n  (click)=\"onCaretMove()\"\r\n></textarea>\r\n\r\n@if (suggestions().length) {\r\n  <!--\r\n    L'elenco dei riferimenti disponibili come autocompletamento (\u00A76.3): stessa fonte del\r\n    reference picker, `POST /flows/references`, output automatici compresi. `mousedown` va\r\n    fermato \u2014 il blur della casella arriverebbe prima del click e chiuderebbe l'elenco.\r\n  -->\r\n  <ul class=\"fb-formula__hints\" role=\"listbox\" aria-label=\"Riferimenti disponibili\">\r\n    @for (reference of suggestions(); track reference.name) {\r\n      <li>\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-formula__hint\"\r\n          [class.fb-formula__hint--on]=\"$index === highlighted()\"\r\n          role=\"option\"\r\n          [attr.aria-selected]=\"$index === highlighted()\"\r\n          (mousedown)=\"$event.preventDefault()\"\r\n          (click)=\"insert(reference.name)\"\r\n        >\r\n          <code>{{ reference.name }}</code>\r\n          @if (reference.dataType) {\r\n            <span class=\"fb-formula__hint-type\">\r\n              {{ reference.dataType }}{{ reference.isCollection ? '[]' : '' }}\r\n            </span>\r\n          }\r\n        </button>\r\n      </li>\r\n    }\r\n  </ul>\r\n}\r\n\r\n@if (isChecking()) {\r\n  <p class=\"fb-field__hint\">Verifica in corso\u2026</p>\r\n} @else if (issues().length) {\r\n  <ul class=\"fb-formula__issues\">\r\n    @for (issue of issues(); track $index) {\r\n      <li class=\"fb-formula__issue\" [class]=\"'fb-formula__issue--' + severityOf(issue)\">\r\n        @if (hasPosition(issue)) {\r\n          <!--\r\n            Il salto e' il senso di `position`: un indice di carattere che l'utente dovrebbe\r\n            contare a mano non porta da nessuna parte.\r\n          -->\r\n          <button\r\n            type=\"button\"\r\n            class=\"fb-formula__jump\"\r\n            [disabled]=\"disabled()\"\r\n            title=\"Seleziona il tratto segnalato\"\r\n            (click)=\"goToIssue(issue)\"\r\n          >\r\n            @if (excerptOf(issue)) {\r\n              <code>{{ excerptOf(issue) }}</code>\r\n            } @else {\r\n              car. {{ issue.position! + 1 }}\r\n            }\r\n          </button>\r\n        }\r\n        <span class=\"fb-formula__message\">{{ issue.message }}</span>\r\n        <!-- Codice del motore, non della \u00A77: si mostra e non si interpreta. -->\r\n        <code class=\"fb-formula__code\">{{ issue.code }}</code>\r\n      </li>\r\n    }\r\n  </ul>\r\n} @else if (isConfirmed()) {\r\n  <p class=\"fb-formula__ok\">\u2713 Espressione verificata dal motore.</p>\r\n} @else if (isUnverified()) {\r\n  <!--\r\n    Primitiva s\u00EC, motore no: nessun rilievo **e** nessuna conferma. Dirlo e' l'unico modo di\r\n    non far leggere il silenzio come un via libera (\u00A76.3).\r\n  -->\r\n  <p class=\"fb-field__hint fb-field__hint--warn\">\r\n    Nessun motore di validazione delle formule e\u2019 configurato: l\u2019espressione non e\u2019 stata\r\n    controllata.\r\n  </p>\r\n}\r\n\r\n@if (typeMismatch(); as mismatch) {\r\n  <p class=\"fb-field__hint fb-field__hint--warn\">\r\n    L\u2019espressione produce {{ mismatch.produced }}, ma qui serve {{ mismatch.expected }}.\r\n  </p>\r\n}\r\n\r\n<ng-content />\r\n", styles: [":host{display:flex;flex-direction:column;gap:4px}.fb-formula__issues{display:flex;flex-direction:column;gap:3px;margin:0;padding:0;list-style:none}.fb-formula__issue{display:flex;flex-wrap:wrap;gap:5px;align-items:baseline;padding:3px 6px;border-left:3px solid var(--fb-border, #d6dae1);border-radius:3px;background:var(--fb-surface-alt, #f8f9fb);font-size:10px;line-height:1.45}.fb-formula__issue--Error{border-left-color:var(--fb-error, #c9372c);color:var(--fb-error, #c9372c)}.fb-formula__issue--Warning{border-left-color:var(--fb-warning, #b7791f);color:var(--fb-warning, #b7791f)}.fb-formula__issue--Info{border-left-color:var(--fb-accent, #2f6feb);color:var(--fb-text-muted, #667085)}.fb-formula__message{flex:1 1 auto;min-width:0}.fb-formula__jump{padding:0 4px;border:1px solid currentcolor;border-radius:3px;background:transparent;color:inherit;font:inherit;font-size:10px;cursor:pointer}.fb-formula__jump:disabled{opacity:.5;cursor:not-allowed}.fb-formula__jump code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.fb-formula__code{color:var(--fb-text-subtle, #98a2b3);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px}.fb-formula__ok{margin:0;font-size:10px;color:var(--fb-success, #22a06b)}.fb-formula__hints{display:flex;flex-direction:column;gap:1px;max-height:160px;margin:0;padding:2px;overflow-y:auto;border:1px solid var(--fb-border, #d6dae1);border-radius:4px;background:var(--fb-surface, #fff);list-style:none}.fb-formula__hint{display:flex;gap:6px;align-items:baseline;width:100%;padding:2px 5px;border:0;border-radius:3px;background:transparent;color:var(--fb-text, #1d2939);font:inherit;font-size:10px;text-align:left;cursor:pointer}.fb-formula__hint:hover,.fb-formula__hint--on{background:color-mix(in srgb,var(--fb-accent, #2f6feb) 10%,transparent)}.fb-formula__hint code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.fb-formula__hint-type{margin-left:auto;color:var(--fb-text-subtle, #98a2b3)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.28", type: FormulaEditorComponent, isStandalone: true, selector: "fb-formula-editor", inputs: { expression: { classPropertyName: "expression", publicName: "expression", isSignal: true, isRequired: false, transformFunction: null }, usage: { classPropertyName: "usage", publicName: "usage", isSignal: true, isRequired: false, transformFunction: null }, expectedDataType: { classPropertyName: "expectedDataType", publicName: "expectedDataType", isSignal: true, isRequired: false, transformFunction: null }, scale: { classPropertyName: "scale", publicName: "scale", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null }, commitOn: { classPropertyName: "commitOn", publicName: "commitOn", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { expressionChange: "expressionChange" }, viewQueries: [{ propertyName: "area", first: true, predicate: ["area"], descendants: true, isSignal: true }], ngImport: i0, template: "@if (hasPalette()) {\r\n  <!--\r\n    La palette compare **solo** se il motore dichiara delle funzioni (\u00A76.3): elenco vuoto\r\n    significa \u00ABnon le dichiara\u00BB, e un pannello vuoto farebbe credere che non ce ne siano.\r\n  -->\r\n  <div class=\"fb-formula__bar\">\r\n    <button\r\n      type=\"button\"\r\n      class=\"fb-formula__toggle\"\r\n      [class.fb-formula__toggle--on]=\"isPaletteOpen()\"\r\n      [disabled]=\"disabled()\"\r\n      [attr.aria-expanded]=\"isPaletteOpen()\"\r\n      title=\"Funzioni disponibili nel motore\"\r\n      (click)=\"togglePalette()\"\r\n    >\r\n      <em>f</em>(x) Funzioni\r\n    </button>\r\n  </div>\r\n}\r\n\r\n<textarea\r\n  #area\r\n  class=\"fb-textarea fb-input--mono\"\r\n  [class.fb-input--invalid]=\"hasErrors()\"\r\n  [value]=\"expression()\"\r\n  [rows]=\"rows()\"\r\n  [disabled]=\"disabled()\"\r\n  [placeholder]=\"placeholder()\"\r\n  [attr.aria-label]=\"ariaLabel()\"\r\n  (input)=\"onInput($any($event.target).value)\"\r\n  (change)=\"onCommit($any($event.target).value)\"\r\n  (focus)=\"onFocus()\"\r\n  (blur)=\"onBlur()\"\r\n  (keydown)=\"onKeyDown($event)\"\r\n  (keyup)=\"onCaretMove()\"\r\n  (click)=\"onCaretMove()\"\r\n></textarea>\r\n\r\n@if (suggestions().length) {\r\n  <!--\r\n    L'elenco dei riferimenti disponibili come autocompletamento (\u00A76.3): stessa fonte del\r\n    reference picker, `POST /flows/references`, output automatici compresi. `mousedown` va\r\n    fermato \u2014 il blur della casella arriverebbe prima del click e chiuderebbe l'elenco.\r\n  -->\r\n  <ul class=\"fb-formula__hints\" role=\"listbox\" aria-label=\"Riferimenti disponibili\">\r\n    @for (reference of suggestions(); track reference.name) {\r\n      <li>\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-formula__hint\"\r\n          [class.fb-formula__hint--on]=\"$index === highlighted()\"\r\n          role=\"option\"\r\n          [attr.aria-selected]=\"$index === highlighted()\"\r\n          (mousedown)=\"$event.preventDefault()\"\r\n          (click)=\"insert(reference.name)\"\r\n        >\r\n          <code>{{ reference.name }}</code>\r\n          @if (reference.dataType) {\r\n            <span class=\"fb-formula__hint-type\">\r\n              {{ reference.dataType }}{{ reference.isCollection ? '[]' : '' }}\r\n            </span>\r\n          }\r\n        </button>\r\n      </li>\r\n    }\r\n  </ul>\r\n}\r\n\r\n@if (hasPalette() && isPaletteOpen()) {\r\n  <div class=\"fb-formula__palette\">\r\n    <input\r\n      type=\"search\"\r\n      class=\"fb-input fb-formula__search\"\r\n      placeholder=\"Cerca una funzione\u2026\"\r\n      aria-label=\"Cerca una funzione\"\r\n      [value]=\"paletteFilter()\"\r\n      (input)=\"paletteFilter.set($any($event.target).value)\"\r\n    />\r\n    @if (paletteGroups().length) {\r\n      @for (group of paletteGroups(); track $index) {\r\n        <div class=\"fb-formula__group\">\r\n          @if (group.category) {\r\n            <h5 class=\"fb-formula__group-title\">{{ group.category }}</h5>\r\n          }\r\n          @for (entry of group.items; track entry.name) {\r\n            <!--\r\n              `mousedown` fermato come nei suggerimenti: il blur della casella arriverebbe prima\r\n              del click. `signature` e `description` si mostrano e non si parsano \u2014 la grammatica\r\n              resta del motore (\u00A76.3).\r\n            -->\r\n            <button\r\n              type=\"button\"\r\n              class=\"fb-formula__fn\"\r\n              [disabled]=\"disabled()\"\r\n              (mousedown)=\"$event.preventDefault()\"\r\n              (click)=\"insertFunction(entry)\"\r\n            >\r\n              <code class=\"fb-formula__fn-sig\">{{ signatureOf(entry) }}</code>\r\n              @if (entry.resultDataType) {\r\n                <span class=\"fb-formula__fn-type\">\r\n                  {{ entry.resultDataType }}{{ entry.isCollection ? '[]' : '' }}\r\n                </span>\r\n              }\r\n              @if (entry.description) {\r\n                <span class=\"fb-formula__fn-desc\">{{ entry.description }}</span>\r\n              }\r\n              @if (entry.example) {\r\n                <code class=\"fb-formula__fn-example\">{{ entry.example }}</code>\r\n              }\r\n            </button>\r\n          }\r\n        </div>\r\n      }\r\n    } @else {\r\n      <p class=\"fb-field__hint\">Nessuna funzione corrisponde alla ricerca.</p>\r\n    }\r\n    <!--\r\n      L'elenco non e\u2019 autoritativo: un motore puo\u2019 supportare piu\u2019 di quanto dichiara, quindi una\r\n      funzione che non c\u2019e\u2019 non e\u2019 un errore (\u00A76.3).\r\n    -->\r\n    <p class=\"fb-field__hint\">\r\n      Elenco dichiarato dal motore: puo\u2019 non essere completo. A verificare l\u2019espressione resta il\r\n      motore stesso.\r\n    </p>\r\n  </div>\r\n}\r\n\r\n@if (isChecking()) {\r\n  <p class=\"fb-field__hint\">Verifica in corso\u2026</p>\r\n} @else if (issues().length) {\r\n  <ul class=\"fb-formula__issues\">\r\n    @for (issue of issues(); track $index) {\r\n      <li class=\"fb-formula__issue\" [class]=\"'fb-formula__issue--' + severityOf(issue)\">\r\n        @if (hasPosition(issue)) {\r\n          <!--\r\n            Il salto e' il senso di `position`: un indice di carattere che l'utente dovrebbe\r\n            contare a mano non porta da nessuna parte.\r\n          -->\r\n          <button\r\n            type=\"button\"\r\n            class=\"fb-formula__jump\"\r\n            [disabled]=\"disabled()\"\r\n            title=\"Seleziona il tratto segnalato\"\r\n            (click)=\"goToIssue(issue)\"\r\n          >\r\n            @if (excerptOf(issue)) {\r\n              <code>{{ excerptOf(issue) }}</code>\r\n            } @else {\r\n              car. {{ issue.position! + 1 }}\r\n            }\r\n          </button>\r\n        }\r\n        <span class=\"fb-formula__message\">{{ issue.message }}</span>\r\n        <!-- Codice del motore, non della \u00A77: si mostra e non si interpreta. -->\r\n        <code class=\"fb-formula__code\">{{ issue.code }}</code>\r\n      </li>\r\n    }\r\n  </ul>\r\n} @else if (isConfirmed()) {\r\n  <p class=\"fb-formula__ok\">\u2713 Espressione verificata dal motore.</p>\r\n} @else if (isUnverified()) {\r\n  <!--\r\n    Primitiva s\u00EC, motore no: nessun rilievo **e** nessuna conferma. Dirlo e' l'unico modo di\r\n    non far leggere il silenzio come un via libera (\u00A76.3).\r\n  -->\r\n  <p class=\"fb-field__hint fb-field__hint--warn\">\r\n    Nessun motore di validazione delle formule e\u2019 configurato: l\u2019espressione non e\u2019 stata\r\n    controllata.\r\n  </p>\r\n}\r\n\r\n@if (typeMismatch(); as mismatch) {\r\n  <p class=\"fb-field__hint fb-field__hint--warn\">\r\n    L\u2019espressione produce {{ mismatch.produced }}, ma qui serve {{ mismatch.expected }}.\r\n  </p>\r\n}\r\n\r\n<ng-content />\r\n", styles: [":host{display:flex;flex-direction:column;gap:4px}.fb-formula__issues{display:flex;flex-direction:column;gap:3px;margin:0;padding:0;list-style:none}.fb-formula__issue{display:flex;flex-wrap:wrap;gap:5px;align-items:baseline;padding:3px 6px;border-left:3px solid var(--fb-border, #d6dae1);border-radius:3px;background:var(--fb-surface-alt, #f8f9fb);font-size:10px;line-height:1.45}.fb-formula__issue--Error{border-left-color:var(--fb-error, #c9372c);color:var(--fb-error, #c9372c)}.fb-formula__issue--Warning{border-left-color:var(--fb-warning, #b7791f);color:var(--fb-warning, #b7791f)}.fb-formula__issue--Info{border-left-color:var(--fb-accent, #2f6feb);color:var(--fb-text-muted, #667085)}.fb-formula__message{flex:1 1 auto;min-width:0}.fb-formula__jump{padding:0 4px;border:1px solid currentcolor;border-radius:3px;background:transparent;color:inherit;font:inherit;font-size:10px;cursor:pointer}.fb-formula__jump:disabled{opacity:.5;cursor:not-allowed}.fb-formula__jump code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.fb-formula__code{color:var(--fb-text-subtle, #98a2b3);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px}.fb-formula__ok{margin:0;font-size:10px;color:var(--fb-success, #22a06b)}.fb-formula__hints{display:flex;flex-direction:column;gap:1px;max-height:160px;margin:0;padding:2px;overflow-y:auto;border:1px solid var(--fb-border, #d6dae1);border-radius:4px;background:var(--fb-surface, #fff);list-style:none}.fb-formula__hint{display:flex;gap:6px;align-items:baseline;width:100%;padding:2px 5px;border:0;border-radius:3px;background:transparent;color:var(--fb-text, #1d2939);font:inherit;font-size:10px;text-align:left;cursor:pointer}.fb-formula__hint:hover,.fb-formula__hint--on{background:color-mix(in srgb,var(--fb-accent, #2f6feb) 10%,transparent)}.fb-formula__hint code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.fb-formula__hint-type{margin-left:auto;color:var(--fb-text-subtle, #98a2b3)}.fb-formula__bar{display:flex;justify-content:flex-end}.fb-formula__toggle{padding:1px 6px;border:1px solid var(--fb-border, #d6dae1);border-radius:3px;background:var(--fb-surface, #fff);color:var(--fb-text-muted, #667085);font:inherit;font-size:10px;cursor:pointer}.fb-formula__toggle em{font-family:ui-serif,Georgia,serif}.fb-formula__toggle--on{border-color:var(--fb-accent, #2f6feb);color:var(--fb-accent, #2f6feb)}.fb-formula__toggle:disabled{opacity:.5;cursor:not-allowed}.fb-formula__palette{display:flex;flex-direction:column;gap:4px;max-height:220px;padding:4px;overflow-y:auto;border:1px solid var(--fb-border, #d6dae1);border-radius:4px;background:var(--fb-surface-alt, #f8f9fb)}.fb-formula__search{font-size:10px}.fb-formula__group{display:flex;flex-direction:column;gap:2px}.fb-formula__group-title{margin:2px 0 0;color:var(--fb-text-subtle, #98a2b3);font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.fb-formula__fn{display:grid;grid-template-columns:1fr auto;gap:0 6px;padding:3px 5px;border:0;border-radius:3px;background:var(--fb-surface, #fff);color:var(--fb-text, #1d2939);font:inherit;font-size:10px;text-align:left;cursor:pointer}.fb-formula__fn:hover{background:color-mix(in srgb,var(--fb-accent, #2f6feb) 10%,transparent)}.fb-formula__fn:disabled{opacity:.5;cursor:not-allowed}.fb-formula__fn-sig{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.fb-formula__fn-type{color:var(--fb-text-subtle, #98a2b3)}.fb-formula__fn-desc,.fb-formula__fn-example{grid-column:1 / -1;color:var(--fb-text-muted, #667085);font-size:9px;line-height:1.4}.fb-formula__fn-example{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--fb-text-subtle, #98a2b3)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: FormulaEditorComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'fb-formula-editor', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<textarea\r\n  #area\r\n  class=\"fb-textarea fb-input--mono\"\r\n  [class.fb-input--invalid]=\"hasErrors()\"\r\n  [value]=\"expression()\"\r\n  [rows]=\"rows()\"\r\n  [disabled]=\"disabled()\"\r\n  [placeholder]=\"placeholder()\"\r\n  [attr.aria-label]=\"ariaLabel()\"\r\n  (input)=\"onInput($any($event.target).value)\"\r\n  (change)=\"onCommit($any($event.target).value)\"\r\n  (focus)=\"onFocus()\"\r\n  (blur)=\"onBlur()\"\r\n  (keydown)=\"onKeyDown($event)\"\r\n  (keyup)=\"onCaretMove()\"\r\n  (click)=\"onCaretMove()\"\r\n></textarea>\r\n\r\n@if (suggestions().length) {\r\n  <!--\r\n    L'elenco dei riferimenti disponibili come autocompletamento (\u00A76.3): stessa fonte del\r\n    reference picker, `POST /flows/references`, output automatici compresi. `mousedown` va\r\n    fermato \u2014 il blur della casella arriverebbe prima del click e chiuderebbe l'elenco.\r\n  -->\r\n  <ul class=\"fb-formula__hints\" role=\"listbox\" aria-label=\"Riferimenti disponibili\">\r\n    @for (reference of suggestions(); track reference.name) {\r\n      <li>\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-formula__hint\"\r\n          [class.fb-formula__hint--on]=\"$index === highlighted()\"\r\n          role=\"option\"\r\n          [attr.aria-selected]=\"$index === highlighted()\"\r\n          (mousedown)=\"$event.preventDefault()\"\r\n          (click)=\"insert(reference.name)\"\r\n        >\r\n          <code>{{ reference.name }}</code>\r\n          @if (reference.dataType) {\r\n            <span class=\"fb-formula__hint-type\">\r\n              {{ reference.dataType }}{{ reference.isCollection ? '[]' : '' }}\r\n            </span>\r\n          }\r\n        </button>\r\n      </li>\r\n    }\r\n  </ul>\r\n}\r\n\r\n@if (isChecking()) {\r\n  <p class=\"fb-field__hint\">Verifica in corso\u2026</p>\r\n} @else if (issues().length) {\r\n  <ul class=\"fb-formula__issues\">\r\n    @for (issue of issues(); track $index) {\r\n      <li class=\"fb-formula__issue\" [class]=\"'fb-formula__issue--' + severityOf(issue)\">\r\n        @if (hasPosition(issue)) {\r\n          <!--\r\n            Il salto e' il senso di `position`: un indice di carattere che l'utente dovrebbe\r\n            contare a mano non porta da nessuna parte.\r\n          -->\r\n          <button\r\n            type=\"button\"\r\n            class=\"fb-formula__jump\"\r\n            [disabled]=\"disabled()\"\r\n            title=\"Seleziona il tratto segnalato\"\r\n            (click)=\"goToIssue(issue)\"\r\n          >\r\n            @if (excerptOf(issue)) {\r\n              <code>{{ excerptOf(issue) }}</code>\r\n            } @else {\r\n              car. {{ issue.position! + 1 }}\r\n            }\r\n          </button>\r\n        }\r\n        <span class=\"fb-formula__message\">{{ issue.message }}</span>\r\n        <!-- Codice del motore, non della \u00A77: si mostra e non si interpreta. -->\r\n        <code class=\"fb-formula__code\">{{ issue.code }}</code>\r\n      </li>\r\n    }\r\n  </ul>\r\n} @else if (isConfirmed()) {\r\n  <p class=\"fb-formula__ok\">\u2713 Espressione verificata dal motore.</p>\r\n} @else if (isUnverified()) {\r\n  <!--\r\n    Primitiva s\u00EC, motore no: nessun rilievo **e** nessuna conferma. Dirlo e' l'unico modo di\r\n    non far leggere il silenzio come un via libera (\u00A76.3).\r\n  -->\r\n  <p class=\"fb-field__hint fb-field__hint--warn\">\r\n    Nessun motore di validazione delle formule e\u2019 configurato: l\u2019espressione non e\u2019 stata\r\n    controllata.\r\n  </p>\r\n}\r\n\r\n@if (typeMismatch(); as mismatch) {\r\n  <p class=\"fb-field__hint fb-field__hint--warn\">\r\n    L\u2019espressione produce {{ mismatch.produced }}, ma qui serve {{ mismatch.expected }}.\r\n  </p>\r\n}\r\n\r\n<ng-content />\r\n", styles: [":host{display:flex;flex-direction:column;gap:4px}.fb-formula__issues{display:flex;flex-direction:column;gap:3px;margin:0;padding:0;list-style:none}.fb-formula__issue{display:flex;flex-wrap:wrap;gap:5px;align-items:baseline;padding:3px 6px;border-left:3px solid var(--fb-border, #d6dae1);border-radius:3px;background:var(--fb-surface-alt, #f8f9fb);font-size:10px;line-height:1.45}.fb-formula__issue--Error{border-left-color:var(--fb-error, #c9372c);color:var(--fb-error, #c9372c)}.fb-formula__issue--Warning{border-left-color:var(--fb-warning, #b7791f);color:var(--fb-warning, #b7791f)}.fb-formula__issue--Info{border-left-color:var(--fb-accent, #2f6feb);color:var(--fb-text-muted, #667085)}.fb-formula__message{flex:1 1 auto;min-width:0}.fb-formula__jump{padding:0 4px;border:1px solid currentcolor;border-radius:3px;background:transparent;color:inherit;font:inherit;font-size:10px;cursor:pointer}.fb-formula__jump:disabled{opacity:.5;cursor:not-allowed}.fb-formula__jump code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.fb-formula__code{color:var(--fb-text-subtle, #98a2b3);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px}.fb-formula__ok{margin:0;font-size:10px;color:var(--fb-success, #22a06b)}.fb-formula__hints{display:flex;flex-direction:column;gap:1px;max-height:160px;margin:0;padding:2px;overflow-y:auto;border:1px solid var(--fb-border, #d6dae1);border-radius:4px;background:var(--fb-surface, #fff);list-style:none}.fb-formula__hint{display:flex;gap:6px;align-items:baseline;width:100%;padding:2px 5px;border:0;border-radius:3px;background:transparent;color:var(--fb-text, #1d2939);font:inherit;font-size:10px;text-align:left;cursor:pointer}.fb-formula__hint:hover,.fb-formula__hint--on{background:color-mix(in srgb,var(--fb-accent, #2f6feb) 10%,transparent)}.fb-formula__hint code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.fb-formula__hint-type{margin-left:auto;color:var(--fb-text-subtle, #98a2b3)}\n"] }]
+            args: [{ selector: 'fb-formula-editor', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (hasPalette()) {\r\n  <!--\r\n    La palette compare **solo** se il motore dichiara delle funzioni (\u00A76.3): elenco vuoto\r\n    significa \u00ABnon le dichiara\u00BB, e un pannello vuoto farebbe credere che non ce ne siano.\r\n  -->\r\n  <div class=\"fb-formula__bar\">\r\n    <button\r\n      type=\"button\"\r\n      class=\"fb-formula__toggle\"\r\n      [class.fb-formula__toggle--on]=\"isPaletteOpen()\"\r\n      [disabled]=\"disabled()\"\r\n      [attr.aria-expanded]=\"isPaletteOpen()\"\r\n      title=\"Funzioni disponibili nel motore\"\r\n      (click)=\"togglePalette()\"\r\n    >\r\n      <em>f</em>(x) Funzioni\r\n    </button>\r\n  </div>\r\n}\r\n\r\n<textarea\r\n  #area\r\n  class=\"fb-textarea fb-input--mono\"\r\n  [class.fb-input--invalid]=\"hasErrors()\"\r\n  [value]=\"expression()\"\r\n  [rows]=\"rows()\"\r\n  [disabled]=\"disabled()\"\r\n  [placeholder]=\"placeholder()\"\r\n  [attr.aria-label]=\"ariaLabel()\"\r\n  (input)=\"onInput($any($event.target).value)\"\r\n  (change)=\"onCommit($any($event.target).value)\"\r\n  (focus)=\"onFocus()\"\r\n  (blur)=\"onBlur()\"\r\n  (keydown)=\"onKeyDown($event)\"\r\n  (keyup)=\"onCaretMove()\"\r\n  (click)=\"onCaretMove()\"\r\n></textarea>\r\n\r\n@if (suggestions().length) {\r\n  <!--\r\n    L'elenco dei riferimenti disponibili come autocompletamento (\u00A76.3): stessa fonte del\r\n    reference picker, `POST /flows/references`, output automatici compresi. `mousedown` va\r\n    fermato \u2014 il blur della casella arriverebbe prima del click e chiuderebbe l'elenco.\r\n  -->\r\n  <ul class=\"fb-formula__hints\" role=\"listbox\" aria-label=\"Riferimenti disponibili\">\r\n    @for (reference of suggestions(); track reference.name) {\r\n      <li>\r\n        <button\r\n          type=\"button\"\r\n          class=\"fb-formula__hint\"\r\n          [class.fb-formula__hint--on]=\"$index === highlighted()\"\r\n          role=\"option\"\r\n          [attr.aria-selected]=\"$index === highlighted()\"\r\n          (mousedown)=\"$event.preventDefault()\"\r\n          (click)=\"insert(reference.name)\"\r\n        >\r\n          <code>{{ reference.name }}</code>\r\n          @if (reference.dataType) {\r\n            <span class=\"fb-formula__hint-type\">\r\n              {{ reference.dataType }}{{ reference.isCollection ? '[]' : '' }}\r\n            </span>\r\n          }\r\n        </button>\r\n      </li>\r\n    }\r\n  </ul>\r\n}\r\n\r\n@if (hasPalette() && isPaletteOpen()) {\r\n  <div class=\"fb-formula__palette\">\r\n    <input\r\n      type=\"search\"\r\n      class=\"fb-input fb-formula__search\"\r\n      placeholder=\"Cerca una funzione\u2026\"\r\n      aria-label=\"Cerca una funzione\"\r\n      [value]=\"paletteFilter()\"\r\n      (input)=\"paletteFilter.set($any($event.target).value)\"\r\n    />\r\n    @if (paletteGroups().length) {\r\n      @for (group of paletteGroups(); track $index) {\r\n        <div class=\"fb-formula__group\">\r\n          @if (group.category) {\r\n            <h5 class=\"fb-formula__group-title\">{{ group.category }}</h5>\r\n          }\r\n          @for (entry of group.items; track entry.name) {\r\n            <!--\r\n              `mousedown` fermato come nei suggerimenti: il blur della casella arriverebbe prima\r\n              del click. `signature` e `description` si mostrano e non si parsano \u2014 la grammatica\r\n              resta del motore (\u00A76.3).\r\n            -->\r\n            <button\r\n              type=\"button\"\r\n              class=\"fb-formula__fn\"\r\n              [disabled]=\"disabled()\"\r\n              (mousedown)=\"$event.preventDefault()\"\r\n              (click)=\"insertFunction(entry)\"\r\n            >\r\n              <code class=\"fb-formula__fn-sig\">{{ signatureOf(entry) }}</code>\r\n              @if (entry.resultDataType) {\r\n                <span class=\"fb-formula__fn-type\">\r\n                  {{ entry.resultDataType }}{{ entry.isCollection ? '[]' : '' }}\r\n                </span>\r\n              }\r\n              @if (entry.description) {\r\n                <span class=\"fb-formula__fn-desc\">{{ entry.description }}</span>\r\n              }\r\n              @if (entry.example) {\r\n                <code class=\"fb-formula__fn-example\">{{ entry.example }}</code>\r\n              }\r\n            </button>\r\n          }\r\n        </div>\r\n      }\r\n    } @else {\r\n      <p class=\"fb-field__hint\">Nessuna funzione corrisponde alla ricerca.</p>\r\n    }\r\n    <!--\r\n      L'elenco non e\u2019 autoritativo: un motore puo\u2019 supportare piu\u2019 di quanto dichiara, quindi una\r\n      funzione che non c\u2019e\u2019 non e\u2019 un errore (\u00A76.3).\r\n    -->\r\n    <p class=\"fb-field__hint\">\r\n      Elenco dichiarato dal motore: puo\u2019 non essere completo. A verificare l\u2019espressione resta il\r\n      motore stesso.\r\n    </p>\r\n  </div>\r\n}\r\n\r\n@if (isChecking()) {\r\n  <p class=\"fb-field__hint\">Verifica in corso\u2026</p>\r\n} @else if (issues().length) {\r\n  <ul class=\"fb-formula__issues\">\r\n    @for (issue of issues(); track $index) {\r\n      <li class=\"fb-formula__issue\" [class]=\"'fb-formula__issue--' + severityOf(issue)\">\r\n        @if (hasPosition(issue)) {\r\n          <!--\r\n            Il salto e' il senso di `position`: un indice di carattere che l'utente dovrebbe\r\n            contare a mano non porta da nessuna parte.\r\n          -->\r\n          <button\r\n            type=\"button\"\r\n            class=\"fb-formula__jump\"\r\n            [disabled]=\"disabled()\"\r\n            title=\"Seleziona il tratto segnalato\"\r\n            (click)=\"goToIssue(issue)\"\r\n          >\r\n            @if (excerptOf(issue)) {\r\n              <code>{{ excerptOf(issue) }}</code>\r\n            } @else {\r\n              car. {{ issue.position! + 1 }}\r\n            }\r\n          </button>\r\n        }\r\n        <span class=\"fb-formula__message\">{{ issue.message }}</span>\r\n        <!-- Codice del motore, non della \u00A77: si mostra e non si interpreta. -->\r\n        <code class=\"fb-formula__code\">{{ issue.code }}</code>\r\n      </li>\r\n    }\r\n  </ul>\r\n} @else if (isConfirmed()) {\r\n  <p class=\"fb-formula__ok\">\u2713 Espressione verificata dal motore.</p>\r\n} @else if (isUnverified()) {\r\n  <!--\r\n    Primitiva s\u00EC, motore no: nessun rilievo **e** nessuna conferma. Dirlo e' l'unico modo di\r\n    non far leggere il silenzio come un via libera (\u00A76.3).\r\n  -->\r\n  <p class=\"fb-field__hint fb-field__hint--warn\">\r\n    Nessun motore di validazione delle formule e\u2019 configurato: l\u2019espressione non e\u2019 stata\r\n    controllata.\r\n  </p>\r\n}\r\n\r\n@if (typeMismatch(); as mismatch) {\r\n  <p class=\"fb-field__hint fb-field__hint--warn\">\r\n    L\u2019espressione produce {{ mismatch.produced }}, ma qui serve {{ mismatch.expected }}.\r\n  </p>\r\n}\r\n\r\n<ng-content />\r\n", styles: [":host{display:flex;flex-direction:column;gap:4px}.fb-formula__issues{display:flex;flex-direction:column;gap:3px;margin:0;padding:0;list-style:none}.fb-formula__issue{display:flex;flex-wrap:wrap;gap:5px;align-items:baseline;padding:3px 6px;border-left:3px solid var(--fb-border, #d6dae1);border-radius:3px;background:var(--fb-surface-alt, #f8f9fb);font-size:10px;line-height:1.45}.fb-formula__issue--Error{border-left-color:var(--fb-error, #c9372c);color:var(--fb-error, #c9372c)}.fb-formula__issue--Warning{border-left-color:var(--fb-warning, #b7791f);color:var(--fb-warning, #b7791f)}.fb-formula__issue--Info{border-left-color:var(--fb-accent, #2f6feb);color:var(--fb-text-muted, #667085)}.fb-formula__message{flex:1 1 auto;min-width:0}.fb-formula__jump{padding:0 4px;border:1px solid currentcolor;border-radius:3px;background:transparent;color:inherit;font:inherit;font-size:10px;cursor:pointer}.fb-formula__jump:disabled{opacity:.5;cursor:not-allowed}.fb-formula__jump code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.fb-formula__code{color:var(--fb-text-subtle, #98a2b3);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px}.fb-formula__ok{margin:0;font-size:10px;color:var(--fb-success, #22a06b)}.fb-formula__hints{display:flex;flex-direction:column;gap:1px;max-height:160px;margin:0;padding:2px;overflow-y:auto;border:1px solid var(--fb-border, #d6dae1);border-radius:4px;background:var(--fb-surface, #fff);list-style:none}.fb-formula__hint{display:flex;gap:6px;align-items:baseline;width:100%;padding:2px 5px;border:0;border-radius:3px;background:transparent;color:var(--fb-text, #1d2939);font:inherit;font-size:10px;text-align:left;cursor:pointer}.fb-formula__hint:hover,.fb-formula__hint--on{background:color-mix(in srgb,var(--fb-accent, #2f6feb) 10%,transparent)}.fb-formula__hint code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.fb-formula__hint-type{margin-left:auto;color:var(--fb-text-subtle, #98a2b3)}.fb-formula__bar{display:flex;justify-content:flex-end}.fb-formula__toggle{padding:1px 6px;border:1px solid var(--fb-border, #d6dae1);border-radius:3px;background:var(--fb-surface, #fff);color:var(--fb-text-muted, #667085);font:inherit;font-size:10px;cursor:pointer}.fb-formula__toggle em{font-family:ui-serif,Georgia,serif}.fb-formula__toggle--on{border-color:var(--fb-accent, #2f6feb);color:var(--fb-accent, #2f6feb)}.fb-formula__toggle:disabled{opacity:.5;cursor:not-allowed}.fb-formula__palette{display:flex;flex-direction:column;gap:4px;max-height:220px;padding:4px;overflow-y:auto;border:1px solid var(--fb-border, #d6dae1);border-radius:4px;background:var(--fb-surface-alt, #f8f9fb)}.fb-formula__search{font-size:10px}.fb-formula__group{display:flex;flex-direction:column;gap:2px}.fb-formula__group-title{margin:2px 0 0;color:var(--fb-text-subtle, #98a2b3);font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.fb-formula__fn{display:grid;grid-template-columns:1fr auto;gap:0 6px;padding:3px 5px;border:0;border-radius:3px;background:var(--fb-surface, #fff);color:var(--fb-text, #1d2939);font:inherit;font-size:10px;text-align:left;cursor:pointer}.fb-formula__fn:hover{background:color-mix(in srgb,var(--fb-accent, #2f6feb) 10%,transparent)}.fb-formula__fn:disabled{opacity:.5;cursor:not-allowed}.fb-formula__fn-sig{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.fb-formula__fn-type{color:var(--fb-text-subtle, #98a2b3)}.fb-formula__fn-desc,.fb-formula__fn-example{grid-column:1 / -1;color:var(--fb-text-muted, #667085);font-size:9px;line-height:1.4}.fb-formula__fn-example{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--fb-text-subtle, #98a2b3)}\n"] }]
         }], ctorParameters: () => [], propDecorators: { expression: [{ type: i0.Input, args: [{ isSignal: true, alias: "expression", required: false }] }], usage: [{ type: i0.Input, args: [{ isSignal: true, alias: "usage", required: false }] }], expectedDataType: [{ type: i0.Input, args: [{ isSignal: true, alias: "expectedDataType", required: false }] }], scale: [{ type: i0.Input, args: [{ isSignal: true, alias: "scale", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], rows: [{ type: i0.Input, args: [{ isSignal: true, alias: "rows", required: false }] }], commitOn: [{ type: i0.Input, args: [{ isSignal: true, alias: "commitOn", required: false }] }], expressionChange: [{ type: i0.Output, args: ["expressionChange"] }], area: [{ type: i0.ViewChild, args: ['area', { isSignal: true }] }] } });
 
 /**