@gnggln/ng-ui-system 1.0.0-alpha.2 → 1.0.0-alpha.21

package/form-builder/lib/components/button/button-area.component.d.ts

@@ -0,0 +1,93 @@
+import { UiSize } from '../../core/types';
+import { UiButtonDescriptor, UiButtonAreaAlign } from './button.types';
+import * as i0 from "@angular/core";
+/**
+ * Standalone button-group component driven by a `UiButtonDescriptor[]` configuration.
+ *
+ * Renders a group of `UiButton` instances from declarative descriptors.
+ * Supports per-button loading/disabled states, dynamic visibility,
+ * alignment control, and optional navigation via Angular Router.
+ *
+ * When the `UiBlackboxService` is provided, button clicks are
+ * automatically tracked in the active session.
+ *
+ * @selector ui-button-area
+ *
+ * @example
+ * ```html
+ * <ui-button-area
+ *   [buttons]="actions"
+ *   align="end"
+ *   gap="sm"
+ *   [loadingIds]="currentlyLoading"
+ * />
+ * ```
+ *
+ * @example
+ * ```typescript
+ * // Dynamic configuration
+ * actions: UiButtonDescriptor[] = [
+ *   { id: 'export', label: 'Export Excel', icon: 'file-spreadsheet', variant: 'primary',
+ *     action: () => this.exportExcel() },
+ *   { id: 'delete', label: 'Delete', icon: 'trash-2', variant: 'warn',
+ *     action: () => this.deleteSelected(), hidden: !this.hasSelection },
+ * ];
+ *
+ * // Set loading state from outside:
+ * currentlyLoading: string | string[] | null = 'export';
+ * ```
+ */
+export declare class UiButtonAreaComponent {
+    /**
+     * Array of button descriptors to render.
+     * Buttons with `hidden: true` are filtered out.
+     */
+    buttons: UiButtonDescriptor[];
+    /** Horizontal alignment of the button group. */
+    align: UiButtonAreaAlign;
+    /** Accessible group label for screen readers. */
+    ariaLabel: string;
+    /** Gap between buttons (maps to design token spacing). */
+    gap: UiSize;
+    /** Stack buttons vertically on mobile viewports (<600px). */
+    stackOnMobile: boolean;
+    /**
+     * When `true`, all buttons are disabled while any button is in a loading state.
+     * Useful to prevent double-actions during async operations.
+     */
+    disableWhileLoading: boolean;
+    /**
+     * Set one or more buttons to a loading state by their `id`.
+     * Accepts a single string, an array of strings, or `null` to clear.
+     *
+     * @example
+     * ```html
+     * <!-- Single -->
+     * <ui-button-area [loadingIds]="'save'" />
+     *
+     * <!-- Multiple -->
+     * <ui-button-area [loadingIds]="['save', 'export']" />
+     * ```
+     */
+    set loadingIds(value: string | string[] | null | undefined);
+    /** @internal */
+    private _loadingIds;
+    /** @internal Optional router for href navigation. */
+    private router;
+    /** @internal Optional BlackBox service — auto-tracks button clicks when available. */
+    private blackbox;
+    /** Buttons filtered to visible (non-hidden) entries. */
+    get visibleButtons(): UiButtonDescriptor[];
+    /** Assembled CSS class string for the button area container. */
+    get areaClasses(): string;
+    /** @internal Track function for @for loop. */
+    trackButton(index: number, button: UiButtonDescriptor): string;
+    /** Whether a specific button is in a loading state. */
+    isButtonLoading(button: UiButtonDescriptor): boolean;
+    /** Whether a specific button is disabled (includes loading logic). */
+    isButtonDisabled(button: UiButtonDescriptor): boolean;
+    /** @internal Handles button click: tracks action, calls callback and/or navigates. */
+    handleButtonClick(button: UiButtonDescriptor, event: MouseEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UiButtonAreaComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UiButtonAreaComponent, "ui-button-area", never, { "buttons": { "alias": "buttons"; "required": false; }; "align": { "alias": "align"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "gap": { "alias": "gap"; "required": false; }; "stackOnMobile": { "alias": "stackOnMobile"; "required": false; }; "disableWhileLoading": { "alias": "disableWhileLoading"; "required": false; }; "loadingIds": { "alias": "loadingIds"; "required": false; }; }, {}, never, never, true, never>;
+}

package/form-builder/lib/components/button/button.component.d.ts

@@ -0,0 +1,61 @@
+import { UiVariant, UiSize, UiIconName } from '../../core/types';
+import { UiIconPosition } from './button.types';
+import * as i0 from "@angular/core";
+/**
+ * Standalone button component with design-token-driven theming,
+ * variant/size system, Lucide icon support, loading states, and WCAG 2.1 AA accessibility.
+ *
+ * Uses native `<button>` click events — listen with `(click)` on the host element.
+ *
+ * @selector ui-button
+ *
+ * @example
+ * ```html
+ * <!-- Basic -->
+ * <ui-button label="Save" variant="primary" icon="save" (click)="save()" />
+ *
+ * <!-- Loading -->
+ * <ui-button label="Submitting..." variant="primary" [loading]="true" />
+ *
+ * <!-- Icon-only: tooltip o ariaLabel forniscono il nome accessibile -->
+ * <ui-button icon="trash-2" variant="warn" tooltip="Elimina" (click)="delete()" />
+ * ```
+ */
+export declare class UiButtonComponent {
+    /** Button label text. */
+    label: string;
+    /** Tooltip text shown on hover (uses Angular Material tooltip). */
+    tooltip: string;
+    /** Visual style variant. */
+    variant: UiVariant;
+    /** Size variant. */
+    size: UiSize;
+    /** Lucide icon name. @see https://lucide.dev/icons */
+    icon?: UiIconName;
+    /** Icon position relative to the label. */
+    iconPosition: UiIconPosition;
+    /** Whether the button is in a loading state. Disables interaction and shows spinner. */
+    loading: boolean;
+    /** Whether the button is disabled. */
+    disabled: boolean;
+    /** Expand button to full container width. */
+    fullWidth: boolean;
+    /** HTML button type attribute. */
+    type: 'button' | 'submit' | 'reset';
+    /** Accessible label override (required for icon-only buttons). */
+    ariaLabel?: string;
+    /** Additional CSS class for edge cases. */
+    customClass?: string;
+    /**
+     * Nome accessibile risolto per il pulsante nativo.
+     * Usa `ariaLabel` se impostato; per pulsanti solo icona senza testo visibile
+     * ricade sul `tooltip` (il tooltip Material non sostituisce il nome accessibile).
+     */
+    get effectiveAriaLabel(): string | undefined;
+    /** Computed icon pixel size based on button size. */
+    get iconSize(): number;
+    /** Assembled CSS class string for the native button element. */
+    get buttonClasses(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UiButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UiButtonComponent, "ui-button", never, { "label": { "alias": "label"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "size": { "alias": "size"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconPosition": { "alias": "iconPosition"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "type": { "alias": "type"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; }, {}, never, ["*"], true, never>;
+}

package/form-builder/lib/components/button/button.types.d.ts

@@ -0,0 +1,75 @@
+/**
+ * @module ng-ui-system/button
+ * Types and interfaces for UiButton and UiButtonArea components.
+ */
+import { UiVariant, UiSize, UiIconName } from '../../core/types';
+export { UiVariant, UiSize, UiIconName };
+/**
+ * Position of the icon relative to the button label.
+ */
+export type UiIconPosition = 'leading' | 'trailing';
+/**
+ * Descriptor for declarative button configuration in UiButtonArea.
+ *
+ * Allows defining button groups as data structures, enabling
+ * dynamic UI updates through configuration manipulation.
+ *
+ * @usageNotes
+ *
+ * ### Basic usage
+ * ```typescript
+ * const actions: UiButtonDescriptor[] = [
+ *   { id: 'save', label: 'Save', variant: 'primary', icon: 'save', action: () => this.save() },
+ *   { id: 'cancel', label: 'Cancel', variant: 'outline', action: () => this.cancel() },
+ * ];
+ * ```
+ *
+ * ### Dynamic loading state
+ * ```typescript
+ * // Toggle loading on a specific button by mutating the descriptor:
+ * this.actions[0].loading = true;
+ *
+ * // Or use loadingIds on the button area:
+ * this.currentLoadingIds = ['save'];
+ * ```
+ */
+export interface UiButtonDescriptor {
+    /** Unique identifier for programmatic state control (loading, disabled). */
+    id?: string;
+    /** Button label text. */
+    label: string;
+    /** Tooltip text shown on hover. */
+    tooltip?: string;
+    /**
+     * Nome accessibile esplicito (override).
+     * Per pulsanti solo icona senza `label`, se omesso si usa `tooltip` come `aria-label`.
+     */
+    ariaLabel?: string;
+    /**
+     * Click handler. Supports both sync and async callbacks.
+     * Receives the native MouseEvent as argument.
+     */
+    action?: (event?: MouseEvent) => void | Promise<void>;
+    /** Lucide icon name. @see https://lucide.dev/icons */
+    icon?: UiIconName;
+    /** Icon position relative to the label. @default 'trailing' */
+    iconPosition?: UiIconPosition;
+    /** Visual variant. @default 'primary' */
+    variant?: UiVariant;
+    /** Size variant. @default 'md' */
+    size?: UiSize;
+    /** Navigation URL (Angular Router navigateByUrl). */
+    href?: string;
+    /** Whether this button is in a loading state. */
+    loading?: boolean;
+    /** Whether this button is disabled. */
+    disabled?: boolean;
+    /** Whether this button is hidden from the UI. */
+    hidden?: boolean;
+    /** Additional CSS class for edge cases. */
+    customClass?: string;
+}
+/**
+ * Alignment options for UiButtonArea.
+ */
+export type UiButtonAreaAlign = 'start' | 'center' | 'end' | 'between';

package/form-builder/lib/components/button/index.d.ts

@@ -0,0 +1,15 @@
+/**
+ * ng-ui-system — Button entry point.
+ *
+ * @example
+ * ```typescript
+ * import {
+ *   UiButtonComponent,
+ *   UiButtonAreaComponent,
+ *   UiButtonDescriptor,
+ * } from 'ng-ui-system';
+ * ```
+ */
+export { UiButtonComponent } from './button.component';
+export { UiButtonAreaComponent } from './button-area.component';
+export { UiButtonDescriptor, UiButtonAreaAlign, UiIconPosition, } from './button.types';

package/form-builder/lib/components/form-builder/adapters/it-date-adapter.d.ts

@@ -0,0 +1,32 @@
+import { NativeDateAdapter, MatDateFormats } from '@angular/material/core';
+import * as i0 from "@angular/core";
+/**
+ * Adapter personalizzato per il parsing delle date in formato italiano DD/MM/YYYY.
+ *
+ * Estende il NativeDateAdapter di Angular Material per gestire:
+ * - Parsing: converte stringhe DD/MM/YYYY in oggetti Date
+ * - Formattazione: visualizza le date nel formato italiano
+ * - Primo giorno della settimana: Lunedi (1)
+ */
+export declare class UiItalianDateAdapter extends NativeDateAdapter {
+    /**
+     * Il primo giorno della settimana e Lunedi (1).
+     */
+    getFirstDayOfWeek(): number;
+    /**
+     * Parsing di una stringa di data in formato DD/MM/YYYY.
+     * Supporta sia il formato con separatore `/` che `-`.
+     */
+    parse(value: any): Date | null;
+    /**
+     * Formatta una data in formato DD/MM/YYYY per la visualizzazione.
+     */
+    format(date: Date, displayFormat: object): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UiItalianDateAdapter, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<UiItalianDateAdapter>;
+}
+/**
+ * Formati data italiani per Angular Material.
+ * Configura il datepicker per usare DD/MM/YYYY.
+ */
+export declare const UI_IT_DATE_FORMATS: MatDateFormats;

package/form-builder/lib/components/form-builder/directives/currency-input.directive.d.ts

@@ -0,0 +1,48 @@
+import { ElementRef, OnInit, Renderer2 } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import * as i0 from "@angular/core";
+/**
+ * Direttiva per formattazione input valuta.
+ *
+ * Formatta il valore numerico con separatori italiani (1.234,56)
+ * e simbolo valuta opzionale. In fase di focus l'utente modifica
+ * il valore raw, al blur viene riformattato.
+ *
+ * Implementa `ControlValueAccessor` per integrazione con Reactive Forms.
+ *
+ * @selector [uiCurrencyInput]
+ *
+ * @example
+ * ```html
+ * <input uiCurrencyInput currencySymbol="EUR" [decimalPlaces]="2" />
+ * ```
+ */
+export declare class UiCurrencyInputDirective implements ControlValueAccessor, OnInit {
+    private el;
+    private renderer;
+    /** Simbolo valuta visualizzato. @default 'EUR' */
+    currencySymbol: string;
+    /** Numero di decimali. @default 2 */
+    decimalPlaces: number;
+    private rawValue;
+    private onChange;
+    private onTouched;
+    private isFocused;
+    constructor(el: ElementRef<HTMLInputElement>, renderer: Renderer2);
+    ngOnInit(): void;
+    writeValue(value: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    onFocus(): void;
+    onBlur(): void;
+    onInput(value: string): void;
+    onKeyDown(event: KeyboardEvent): void;
+    private parseInput;
+    /** Mostra il valore formattato con separatori italiani e simbolo. */
+    private displayFormatted;
+    /** Formattazione italiana: 1.234,56 */
+    private formatItalian;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UiCurrencyInputDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<UiCurrencyInputDirective, "[uiCurrencyInput]", never, { "currencySymbol": { "alias": "currencySymbol"; "required": false; }; "decimalPlaces": { "alias": "decimalPlaces"; "required": false; }; }, {}, never, never, true, never>;
+}

package/form-builder/lib/components/form-builder/form-builder.component.d.ts

@@ -0,0 +1,279 @@
+import { EventEmitter, OnInit, OnChanges, OnDestroy, SimpleChanges, AfterViewInit, TemplateRef } from '@angular/core';
+import { FormGroup, FormControl, FormArray } from '@angular/forms';
+import { UiAccordionDescriptor } from '../accordion/index';
+import { UiButtonDescriptor } from '../../components/button/index';
+import { UiFormSchema, UiFormSection, UiFormData, UiFormCustomEvent } from './types/schema.types';
+import { UiFormFieldDescriptor, UiFieldOption, UiCustomFieldTemplateContext } from './types/field.types';
+import { UiFormValidationState, UiFormErrorDetail } from './types/validation.types';
+import * as i0 from "@angular/core";
+/**
+ * Form builder data-driven e schema-based.
+ *
+ * Genera un form completo a partire da uno schema dichiarativo (`UiFormSchema`).
+ * Supporta i tipi di campo del form builder, validazione condizionale, cross-field validation,
+ * date con offset, opzioni dipendenti/dinamiche, sezioni collapsibili,
+ * error summary con scroll-to-field e button override.
+ *
+ * @selector ui-form-builder
+ *
+ * @example
+ * ```html
+ * <ui-form-builder
+ *   [schema]="formSchema"
+ *   [initialData]="userData"
+ *   (formSubmit)="onSubmit($event)"
+ *   (valueChange)="onChange($event)"
+ * />
+ * ```
+ */
+export declare class UiFormBuilderComponent implements OnInit, OnChanges, OnDestroy, AfterViewInit {
+    private readonly cdr;
+    private readonly elRef;
+    private readonly conditionService;
+    private readonly validationService;
+    private readonly fieldErrorService;
+    /** @internal Optional BlackBox service — auto-tracks form events when available. */
+    private readonly blackbox;
+    /** @internal Router inject for BlackBox route context. */
+    private readonly bbRouter;
+    /** @internal Optional Logger service — logs form actions when available. */
+    private readonly logger;
+    private readonly destroy$;
+    private valueChangeSub?;
+    /** @internal Listener cleanup for BlackBox focus/blur tracking. */
+    private bbFocusHandler;
+    private bbBlurHandler;
+    /** ID schema corrente -- usato per evitare rebuild superflui. */
+    private currentSchemaId;
+    /** Schema del form. */
+    schema: UiFormSchema;
+    /** Dati iniziali per la prevalorizzazione. */
+    initialData: UiFormData;
+    /** Modalita sola lettura globale. */
+    readonly: boolean;
+    /** Stato disabilitato globale. */
+    disabled: boolean;
+    /** Override dei pulsanti di default. */
+    buttonsOverride?: UiButtonDescriptor[];
+    /** Chiave del pulsante in stato di caricamento. */
+    loadingFor: string | null;
+    /**
+     * Mappa chiave logica → template per campi `type: 'custom'`.
+     * La chiave si risolve con `customConfig.templateKey`, poi `customConfig.component`, poi `field.key`.
+     */
+    customFieldTemplates: Record<string, TemplateRef<unknown>>;
+    /**
+     * Template usato quando non esiste una voce in `customFieldTemplates` per la chiave risolta
+     * (es. un unico `ng-template` con `@switch` sul campo).
+     */
+    customFieldTemplateFallback?: TemplateRef<unknown>;
+    valueChange: EventEmitter<UiFormData>;
+    validationChange: EventEmitter<UiFormValidationState>;
+    formSubmit: EventEmitter<UiFormData>;
+    formReset: EventEmitter<void>;
+    customEvent: EventEmitter<UiFormCustomEvent>;
+    formGroup: FormGroup;
+    /** Mappa campo -> opzioni filtrate (per autocomplete e dependent). */
+    filteredOptions: Record<string, UiFieldOption[]>;
+    /** Campi prevalorizzati (mostrano errori subito). */
+    prevalorizedFields: Set<string>;
+    /** Mappa campo -> regole di validazione (per lookup rapido). */
+    private validationRulesMap;
+    /** Mappa dipendenze: campoTarget -> campi dipendenti. */
+    private fieldDependencies;
+    /** @internal Accordion descriptors per le sezioni collapsibili. */
+    sectionAccordionMap: Map<string, UiAccordionDescriptor[]>;
+    /** @internal Accordion descriptors per le istanze repeatable (sectionId -> descriptors). */
+    repeatableAccordionMap: Map<string, UiAccordionDescriptor[]>;
+    /** Flag per evitare emissioni durante l'inizializzazione. */
+    private isInitializing;
+    /** Tutti i campi di tutte le sezioni (incluse repeatable). */
+    get allFields(): UiFormFieldDescriptor[];
+    /** Campi delle sole sezioni non-repeatable (piatti nel root FormGroup). */
+    get allFlatFields(): UiFormFieldDescriptor[];
+    /** Sezioni con configurazione repeatable. */
+    get repeatableSections(): UiFormSection[];
+    get formErrors(): UiFormErrorDetail[];
+    get formButtons(): UiButtonDescriptor[];
+    ngOnInit(): void;
+    /**
+     * Rileva cambiamenti sugli @Input.
+     * Ricostruisce il form quando cambia lo schema (id diverso).
+     * Cruciale per il wizard che cambia schema ad ogni step.
+     */
+    ngOnChanges(changes: SimpleChanges): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    /**
+     * Inizializza il form dallo schema corrente.
+     * Estratto per poter essere richiamato sia da ngOnInit che da ngOnChanges.
+     */
+    private initFormFromSchema;
+    /**
+     * Pulisce lo stato del form prima di un rebuild.
+     */
+    private destroyForm;
+    private buildForm;
+    /** Costruisce un FormGroup per una singola istanza di sezione repeatable. */
+    private buildInstanceFormGroup;
+    /**
+     * Sets up BlackBox form event tracking.
+     * - Focus/blur: DOM event delegation on the host element
+     * - Value changes: per-field subscriptions with debounce
+     * - Validation errors: per-field statusChanges subscriptions
+     * @internal
+     */
+    private setupBlackboxTracking;
+    /**
+     * Resolve the form field key from a focus/blur DOM event.
+     * Walks up from the event target looking for `formControlName` or `data-field-key`.
+     * @internal
+     */
+    private resolveFieldKeyFromEvent;
+    private applyAllValidators;
+    private evaluateAllConditions;
+    /** Valuta condizioni di visibilita/disabilitazione per un singolo campo nel contesto del FormGroup dato. */
+    private evaluateFieldConditions;
+    private buildDependencyMap;
+    /**
+     * Costruisce la mappa dei descriptors accordion per le sezioni collapsibili.
+     * Ogni sezione collapsibile viene mappata a un singolo UiAccordionDescriptor.
+     * @internal
+     */
+    private buildSectionAccordionMap;
+    /**
+     * Numero di istanze repeatable da creare al build/reset:
+     * almeno `repeatable.min` (se `min > 0` o omesso default 1), mai meno delle righe in `initialData[section.id]`.
+     * Con `min: 0` non si aggiungono righe oltre a quelle già presenti nei dati iniziali.
+     */
+    private getRepeatableInitialInstanceCount;
+    /** Ricostruisce i descriptor accordion per le istanze di una sezione repeatable. */
+    private rebuildRepeatableAccordion;
+    private updateDependentOptions;
+    /** Verifica se un campo e visibile (opzionalmente nel contesto di un FormGroup specifico). */
+    isFieldVisible(fieldKey: string, fg?: FormGroup): boolean;
+    /** Verifica se un campo e obbligatorio (include validazione condizionale). */
+    isFieldRequired(fieldKey: string, fg?: FormGroup): boolean;
+    /** Verifica se una sezione e visibile. */
+    isSectionVisible(sectionId: string): boolean;
+    /** Descriptors accordion per una sezione collapsibile. */
+    getSectionAccordionItems(sectionId: string): UiAccordionDescriptor[];
+    /** Descriptors accordion per le istanze di una sezione repeatable. */
+    getRepeatableAccordionItems(sectionId: string): UiAccordionDescriptor[];
+    /** Verifica se mostrare errori per un campo. */
+    shouldShowFieldErrors(fieldKey: string, fg?: FormGroup): boolean;
+    /** Errori di un campo come array di messaggi. */
+    getFieldErrors(fieldKey: string, fg?: FormGroup): string[];
+    /** Valore completo del form (include campi disabilitati). */
+    getFormValue(): UiFormData;
+    /** Il form e valido. */
+    isFormValid(): boolean;
+    /**
+     * True se tutti i controlli sono validi, ignorando le chiavi indicate
+     * (flat e dentro ogni istanza repeatable).
+     */
+    isFormValidExcludingFieldKeys(excludedKeys: ReadonlySet<string>): boolean;
+    /**
+     * Risolve la chiave per `customFieldTemplates` (`templateKey` → `component` → `field.key`).
+     */
+    resolveCustomTemplateKey(field: UiFormFieldDescriptor): string;
+    /**
+     * Template Angular registrato per il campo custom, o fallback globale.
+     */
+    getCustomTemplateRef(field: UiFormFieldDescriptor): TemplateRef<unknown> | null;
+    /**
+     * Contesto passato a `ngTemplateOutlet` per il campo custom (CVA sul `control`).
+     */
+    getCustomFieldOutletContext(field: UiFormFieldDescriptor, fg: FormGroup, nestedErrorKeyPrefix?: string): UiCustomFieldTemplateContext;
+    /**
+     * Template e contesto in un solo oggetto (evita doppie valutazioni nel template).
+     */
+    getCustomFieldOutlet(field: UiFormFieldDescriptor, fg: FormGroup, nestedErrorKeyPrefix?: string): {
+        template: TemplateRef<unknown>;
+        context: UiCustomFieldTemplateContext;
+    } | null;
+    /** Prefisso chiavi errore per campi custom annidati (flat o repeatable). */
+    buildNestedErrorKeyPrefix(fieldKey: string, instanceKeyPrefix?: string): string;
+    /** Merge errori nested da CVA custom nel dettaglio error-summary. */
+    private appendCustomNestedFieldErrors;
+    private isFormGroupValidExcluding;
+    /** Stato di validazione completo. */
+    getValidationState(): UiFormValidationState;
+    /** Errori dettagliati per l'error summary. */
+    getDetailedFormErrors(): UiFormErrorDetail[];
+    /** Conta errori totali. */
+    getFormErrorsCount(): number;
+    /** Controlla se ci sono errori. */
+    hasFormErrors(): boolean;
+    /** Controllo per un campo. */
+    getFieldControl(key: string): FormControl | null;
+    /** Aggiorna il valore di un campo programmaticamente. */
+    updateFieldValue(key: string, value: any): void;
+    /** Forza la validazione di tutti i campi (incluse istanze repeatable). */
+    validateAllFields(): void;
+    /** Restituisce il FormArray di una sezione repeatable. */
+    getRepeatableArray(sectionId: string): FormArray | null;
+    /** Restituisce il FormGroup di una specifica istanza repeatable. */
+    getInstanceFormGroup(sectionId: string, index: number): FormGroup | null;
+    /** Verifica se e possibile aggiungere nuove istanze. */
+    canAddInstance(sectionId: string): boolean;
+    /** Verifica se e possibile rimuovere istanze. */
+    canRemoveInstance(sectionId: string): boolean;
+    /** Aggiunge una nuova istanza vuota a una sezione repeatable. */
+    addRepeatableInstance(sectionId: string): void;
+    /** Rimuove un'istanza da una sezione repeatable. */
+    removeRepeatableInstance(sectionId: string, index: number): void;
+    /** Duplica un'istanza esistente con i suoi valori. */
+    duplicateRepeatableInstance(sectionId: string, index: number): void;
+    /** Titolo di un'istanza repeatable. */
+    getInstanceTitle(section: UiFormSection, index: number): string;
+    /** Scrolla al campo e lo evidenzia. */
+    scrollToField(fieldKey: string): void;
+    /** Submit del form. */
+    onSubmit(): void;
+    /** Reset del form. */
+    onReset(): void;
+    /** Opzioni per un campo (filtrando per autocomplete query). */
+    getFieldOptions(field: UiFormFieldDescriptor): UiFieldOption[];
+    /** Filtra opzioni per autocomplete. */
+    filterOptions(field: UiFormFieldDescriptor, query: string): void;
+    /** Display fn per autocomplete. */
+    displayFn(options: UiFieldOption[]): (value: any) => string;
+    /** Seleziona tutte le opzioni per multiselect. */
+    selectAll(field: UiFormFieldDescriptor): void;
+    /** Aggiunge un chip al freemultiselect (da token: Enter o virgola). */
+    addFreeChip(field: UiFormFieldDescriptor, event: any): void;
+    /** Aggiunge un chip al freemultiselect sull'evento blur dell'input. */
+    addFreeChipOnBlur(field: UiFormFieldDescriptor, event: FocusEvent): void;
+    /** Rimuove un chip dal freemultiselect. */
+    removeFreeChip(field: UiFormFieldDescriptor, chipValue: string): void;
+    /** Verifica se un chip e protetto dalla cancellazione. */
+    isChipProtected(field: UiFormFieldDescriptor, chipValue: string): boolean;
+    /** Rimuove chip da multiselect. */
+    removeMultiselectChip(field: UiFormFieldDescriptor, chipValue: any): void;
+    /** Trova label di un'opzione dal valore. */
+    getOptionLabel(field: UiFormFieldDescriptor, value: any): string;
+    /** Tipo di input nativo per il campo. */
+    getNativeInputType(field: UiFormFieldDescriptor): string;
+    /**
+     * Genera le classi CSS per il wrapper di un campo,
+     * combinando eventuali cssClasses dallo schema con le classi
+     * responsive per il sistema a griglia base-12.
+     *
+     * Mobile-first: tutti i campi sono span-12 di default (100%).
+     * Le classi `ui-col-{breakpoint}-{n}` attivano la larghezza
+     * configurata solo dal breakpoint indicato in su.
+     *
+     * Breakpoint supportati: sm (≥576px), md (≥768px), lg (≥1024px), xl (≥1280px).
+     */
+    getFieldWrapperClasses(field: UiFormFieldDescriptor): string;
+    /** Character count per textarea/text con maxLength. */
+    getCharCount(fieldKey: string, fg?: FormGroup): {
+        current: number;
+        max: number;
+    } | null;
+    private isObservable;
+    getRepeatableAddButtons(section: UiFormSection): UiButtonDescriptor[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<UiFormBuilderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UiFormBuilderComponent, "ui-form-builder", never, { "schema": { "alias": "schema"; "required": false; }; "initialData": { "alias": "initialData"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "buttonsOverride": { "alias": "buttonsOverride"; "required": false; }; "loadingFor": { "alias": "loadingFor"; "required": false; }; "customFieldTemplates": { "alias": "customFieldTemplates"; "required": false; }; "customFieldTemplateFallback": { "alias": "customFieldTemplateFallback"; "required": false; }; }, { "valueChange": "valueChange"; "validationChange": "validationChange"; "formSubmit": "formSubmit"; "formReset": "formReset"; "customEvent": "customEvent"; }, never, never, true, never>;
+}