@gnggln/ng-ui-system 1.0.0-alpha.0

package/lib/components/form-builder-editor/sub-components/condition-editor/condition-editor.component.d.ts

@@ -0,0 +1,139 @@
+import { EventEmitter } from '@angular/core';
+import { UiFieldCondition, UiConditionalOperator } from '../../../form-builder/types/index';
+import { UiEditorAvailableField } from '../../types/editor.types';
+import * as i0 from "@angular/core";
+/**
+ * Interfaccia per le opzioni degli operatori condizionali nella select.
+ */
+interface OperatorOption {
+    /** Valore dell'operatore. */
+    value: UiConditionalOperator;
+    /** Etichetta visualizzata nella select. */
+    label: string;
+}
+/**
+ * Editor per le condizioni di visibilita/disabilitazione dei campi.
+ *
+ * Permette di configurare condizioni con editor visuale o JSON.
+ * Supporta operatori di confronto multipli, logica AND/OR
+ * e selezione dei valori dalle opzioni dei campi disponibili.
+ *
+ * @selector ui-condition-editor
+ */
+export declare class UiConditionEditorComponent {
+    /** Lista delle condizioni da editare. */
+    conditions: UiFieldCondition[];
+    /** Titolo visualizzato nell'intestazione. */
+    title: string;
+    /** Campi disponibili per la selezione nelle condizioni. */
+    availableFields: UiEditorAvailableField[];
+    /** Emesso quando la lista di condizioni viene modificata. */
+    conditionsChange: EventEmitter<UiFieldCondition[]>;
+    /** Indica se l'editor e in modalita JSON. */
+    jsonMode: boolean;
+    /** Testo JSON corrente nell'editor. */
+    jsonText: string;
+    /** Errore di parsing del JSON. */
+    jsonError: string;
+    /** Opzioni disponibili per gli operatori condizionali. */
+    readonly operators: OperatorOption[];
+    /**
+     * Verifica se l'operatore non richiede un campo valore.
+     * @param operator - Operatore da verificare
+     * @returns true se l'operatore non necessita di valore
+     */
+    isNoValueOperator(operator: UiConditionalOperator): boolean;
+    /**
+     * Verifica se l'operatore opera su array di valori.
+     * @param operator - Operatore da verificare
+     * @returns true se l'operatore richiede un array di valori
+     */
+    isArrayOperator(operator: UiConditionalOperator): boolean;
+    /**
+     * Restituisce le opzioni disponibili per un campo specifico.
+     * @param fieldKey - Chiave del campo
+     * @returns Array di opzioni del campo, vuoto se non disponibili
+     */
+    getFieldOptions(fieldKey: string): {
+        value: any;
+        label: string;
+    }[];
+    /**
+     * Garantisce che il valore sia un array (per select multiple).
+     * @param value - Valore da normalizzare
+     * @returns Il valore come array
+     */
+    ensureArray(value: any): any[];
+    /**
+     * Attiva/disattiva la modalita editor JSON.
+     * In apertura serializza le condizioni, in chiusura le deserializza.
+     */
+    toggleJsonMode(): void;
+    /**
+     * Formatta il JSON nell'editor con indentazione.
+     */
+    formatJson(): void;
+    /**
+     * Gestisce il cambio del testo JSON nell'editor.
+     * Tenta il parsing e aggiorna le condizioni se valido.
+     * @param text - Testo JSON inserito dall'utente
+     */
+    onJsonChange(text: string): void;
+    /**
+     * Aggiunge una nuova condizione con valori predefiniti.
+     */
+    addCondition(): void;
+    /**
+     * Rimuove la condizione all'indice specificato.
+     * @param index - Indice della condizione da rimuovere
+     */
+    removeCondition(index: number): void;
+    /**
+     * Rimuove tutte le condizioni.
+     */
+    clearAll(): void;
+    /**
+     * Gestisce il cambio della logica di combinazione (AND/OR).
+     * @param index - Indice della condizione
+     * @param logic - Nuova logica ('AND' | 'OR')
+     */
+    onLogicChange(index: number, logic: 'AND' | 'OR'): void;
+    /**
+     * Gestisce il cambio del campo selezionato in una condizione.
+     * Resetta il valore quando il campo cambia.
+     * @param index - Indice della condizione
+     * @param field - Nuova chiave campo
+     */
+    onFieldChange(index: number, field: string): void;
+    /**
+     * Gestisce il cambio dell'operatore in una condizione.
+     * Resetta il valore per operatori senza valore.
+     * @param index - Indice della condizione
+     * @param operator - Nuovo operatore
+     */
+    onOperatorChange(index: number, operator: UiConditionalOperator): void;
+    /**
+     * Gestisce il cambio del valore in una condizione.
+     * @param index - Indice della condizione
+     * @param value - Nuovo valore
+     */
+    onValueChange(index: number, value: any): void;
+    /**
+     * Tenta di applicare il JSON corrente come array di condizioni.
+     * Aggiorna l'errore in caso di JSON non valido.
+     */
+    private applyJson;
+    /**
+     * Clona l'array delle condizioni per garantire immutabilita.
+     * @returns Copia superficiale dell'array di condizioni
+     */
+    private cloneConditions;
+    /**
+     * Emette l'evento di cambio condizioni.
+     * @param conditions - Nuova lista di condizioni
+     */
+    private emitChange;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UiConditionEditorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UiConditionEditorComponent, "ui-condition-editor", never, { "conditions": { "alias": "conditions"; "required": false; }; "title": { "alias": "title"; "required": false; }; "availableFields": { "alias": "availableFields"; "required": false; }; }, { "conditionsChange": "conditionsChange"; }, never, never, true, never>;
+}
+export {};

package/lib/components/form-builder-editor/sub-components/editor-toolbar/editor-toolbar.component.d.ts

@@ -0,0 +1,43 @@
+import { EventEmitter } from '@angular/core';
+import { UiEditorBreadcrumbItem } from '../../types/editor.types';
+import * as i0 from "@angular/core";
+/**
+ * Toolbar principale dell'editor di form.
+ *
+ * Contiene:
+ * - Sezione sinistra: icona, titolo e breadcrumb di navigazione
+ * - Centro: indicatore dello stato di salvataggio
+ * - Destra: pulsanti azione (aggiungi sezione, salva, file, altro)
+ *
+ * @selector ui-editor-toolbar
+ */
+export declare class UiEditorToolbarComponent {
+    /** Elementi del breadcrumb di navigazione. */
+    breadcrumb: UiEditorBreadcrumbItem[];
+    /** Indica se ci sono modifiche non salvate. */
+    isDirty: boolean;
+    /** Data dell'ultimo salvataggio riuscito. */
+    lastSaved: Date | null;
+    /** Emesso alla richiesta di creare un nuovo form. */
+    newForm: EventEmitter<void>;
+    /** Emesso alla richiesta di importare un JSON. */
+    importJson: EventEmitter<void>;
+    /** Emesso alla richiesta di esportare il JSON. */
+    exportJson: EventEmitter<void>;
+    /** Emesso alla richiesta di salvataggio. */
+    save: EventEmitter<void>;
+    /** Emesso alla richiesta di pulizia completa. */
+    clear: EventEmitter<void>;
+    /** Emesso alla richiesta di aggiungere una nuova sezione. */
+    addSection: EventEmitter<void>;
+    /**
+     * Formatta la data dell'ultimo salvataggio in testo leggibile.
+     * Restituisce descrizioni relative come "pochi secondi fa", "5 minuti fa", ecc.
+     *
+     * @param date - Data dell'ultimo salvataggio oppure null
+     * @returns Stringa descrittiva dello stato di salvataggio
+     */
+    formatLastSaved(date: Date | null): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UiEditorToolbarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UiEditorToolbarComponent, "ui-editor-toolbar", never, { "breadcrumb": { "alias": "breadcrumb"; "required": false; }; "isDirty": { "alias": "isDirty"; "required": false; }; "lastSaved": { "alias": "lastSaved"; "required": false; }; }, { "newForm": "newForm"; "importJson": "importJson"; "exportJson": "exportJson"; "save": "save"; "clear": "clear"; "addSection": "addSection"; }, never, never, true, never>;
+}

package/lib/components/form-builder-editor/sub-components/field-config-panel/field-config-panel.component.d.ts

@@ -0,0 +1,83 @@
+import { EventEmitter, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
+import { FormGroup } from '@angular/forms';
+import { UiFormFieldDescriptor, UiFieldType } from '../../../form-builder/types/index';
+import { UiEditorAvailableField } from '../../types/editor.types';
+import * as i0 from "@angular/core";
+/**
+ * Pannello laterale destro per la configurazione di un campo selezionato.
+ *
+ * Mostra un form reattivo suddiviso in pannelli espandibili per gestire
+ * proprieta base, stato, layout, validazioni, opzioni e condizioni.
+ * Emette aggiornamenti parziali con debounce di 300ms.
+ *
+ * @selector ui-editor-field-config-panel
+ */
+export declare class UiEditorFieldConfigPanelComponent implements OnChanges, OnDestroy {
+    /** @internal Servizio per la costruzione del FormGroup. */
+    private readonly fb;
+    /** @internal Subject per la distruzione e pulizia delle sottoscrizioni. */
+    private readonly destroy$;
+    /** Campo attualmente selezionato per la configurazione. */
+    field: UiFormFieldDescriptor | null;
+    /** Lista dei campi disponibili per le condizioni. */
+    availableFields: UiEditorAvailableField[];
+    /** Emesso quando il campo viene aggiornato dall'utente. */
+    fieldUpdate: EventEmitter<Partial<UiFormFieldDescriptor>>;
+    /** Form reattivo per la configurazione del campo. */
+    configForm: FormGroup | null;
+    /** Lista dei tipi di campo per la select. */
+    readonly fieldTypes: {
+        value: UiFieldType;
+        label: string;
+    }[];
+    /**
+     * Indica se il campo selezionato supporta le opzioni.
+     * Viene utilizzato per mostrare/nascondere il pannello opzioni.
+     */
+    get isOptionsField(): boolean;
+    /**
+     * Rileva cambiamenti sugli input e ricostruisce il form
+     * quando cambia il campo selezionato.
+     */
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    /**
+     * Restituisce le opzioni del campo come array statico.
+     * Ignora opzioni osservabili poiche non gestibili nell'editor.
+     */
+    getFieldOptions(): {
+        value: any;
+        label: string;
+    }[];
+    /**
+     * Gestisce l'aggiornamento delle validazioni dal sotto-componente.
+     * @param validations - Nuova lista di regole di validazione
+     */
+    onValidationsChange(validations: any[]): void;
+    /**
+     * Gestisce l'aggiornamento delle opzioni dal sotto-componente.
+     * @param options - Nuova lista di opzioni
+     */
+    onOptionsChange(options: {
+        value: any;
+        label: string;
+    }[]): void;
+    /**
+     * Gestisce l'aggiornamento delle condizioni di visibilita.
+     * @param conditions - Nuova lista di condizioni
+     */
+    onVisibilityConditionsChange(conditions: any[]): void;
+    /**
+     * Gestisce l'aggiornamento delle condizioni di disabilitazione.
+     * @param conditions - Nuova lista di condizioni
+     */
+    onDisableConditionsChange(conditions: any[]): void;
+    /**
+     * @internal
+     * Costruisce il FormGroup a partire dal campo selezionato.
+     * Si sottoscrive ai valueChanges con debounce per emettere aggiornamenti.
+     */
+    private buildForm;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UiEditorFieldConfigPanelComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UiEditorFieldConfigPanelComponent, "ui-editor-field-config-panel", never, { "field": { "alias": "field"; "required": false; }; "availableFields": { "alias": "availableFields"; "required": false; }; }, { "fieldUpdate": "fieldUpdate"; }, never, never, true, never>;
+}

package/lib/components/form-builder-editor/sub-components/field-palette/field-palette.component.d.ts

@@ -0,0 +1,40 @@
+import { UiEditorFieldPaletteItem, UiEditorFieldCategory } from '../../types/editor.types';
+import { UiIconName } from '../../../../core/types';
+import * as i0 from "@angular/core";
+/**
+ * Interfaccia interna per una categoria della palette.
+ * Raggruppa un insieme di elementi sotto un'etichetta comune.
+ */
+interface PaletteCategory {
+    /** Identificativo della categoria. */
+    key: UiEditorFieldCategory;
+    /** Etichetta visualizzata nell'intestazione dell'accordion. */
+    label: string;
+    /** Icona Lucide della categoria. */
+    icon: UiIconName;
+    /** Elementi trascinabili appartenenti alla categoria. */
+    items: UiEditorFieldPaletteItem[];
+}
+/**
+ * Palette laterale dei tipi di campo disponibili.
+ *
+ * Mostra i campi raggruppati per categoria tramite pannelli espandibili.
+ * Ogni elemento e trascinabile (CDK drag-drop) verso le sezioni del form.
+ *
+ * @selector ui-field-palette
+ */
+export declare class UiFieldPaletteComponent {
+    /**
+     * Predicato che impedisce il drop di elementi dentro la palette.
+     * La palette e solo una sorgente di drag, non una destinazione.
+     */
+    noDrop: () => boolean;
+    /**
+     * Catalogo completo degli elementi della palette,
+     * organizzato per categorie con i rispettivi metadati.
+     */
+    readonly categories: PaletteCategory[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<UiFieldPaletteComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UiFieldPaletteComponent, "ui-field-palette", never, {}, {}, never, never, true, never>;
+}
+export {};

package/lib/components/form-builder-editor/sub-components/form-values-panel/form-values-panel.component.d.ts

@@ -0,0 +1,51 @@
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Pannello overlay in basso nell'anteprima che mostra i valori correnti
+ * del form in formato JSON modificabile.
+ *
+ * Permette di visualizzare, modificare, formattare e resettare i valori
+ * del form durante la fase di anteprima nell'editor.
+ *
+ * @selector ui-editor-form-values-panel
+ */
+export declare class UiEditorFormValuesPanelComponent {
+    /** Valori correnti del form da visualizzare. */
+    set formValues(value: any);
+    get formValues(): any;
+    /** Stato di apertura/chiusura del pannello. */
+    isOpen: boolean;
+    /** Emesso quando i valori vengono modificati dall'utente via JSON. */
+    valuesChange: EventEmitter<any>;
+    /** Emesso alla richiesta di aggiornamento dei valori. */
+    refreshValues: EventEmitter<void>;
+    /** Emesso alla richiesta di apertura/chiusura del pannello. */
+    toggle: EventEmitter<void>;
+    /** Testo JSON visualizzato nella textarea. */
+    jsonText: string;
+    /** Messaggio di errore per JSON non valido. */
+    jsonError: string | null;
+    /** @internal Valori interni del form. */
+    private _formValues;
+    /**
+     * Gestisce l'input dell'utente nella textarea JSON.
+     * Prova a parsare il JSON e aggiorna i valori se valido.
+     * @param text - Testo JSON inserito dall'utente
+     */
+    onJsonInput(text: string): void;
+    /**
+     * Pulisce i valori del form resettando a oggetto vuoto.
+     */
+    clearValues(): void;
+    /**
+     * Formatta il JSON con indentazione per una migliore leggibilita.
+     */
+    formatJson(): void;
+    /**
+     * @internal
+     * Aggiorna il testo JSON dalla rappresentazione interna dei valori.
+     */
+    private updateJsonText;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UiEditorFormValuesPanelComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UiEditorFormValuesPanelComponent, "ui-editor-form-values-panel", never, { "formValues": { "alias": "formValues"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; }, { "valuesChange": "valuesChange"; "refreshValues": "refreshValues"; "toggle": "toggle"; }, never, never, true, never>;
+}

package/lib/components/form-builder-editor/sub-components/options-editor/options-editor.component.d.ts

@@ -0,0 +1,63 @@
+/**
+ * @module ng-ui-system/form-builder-editor
+ * Componente editor delle opzioni per campi di tipo select, radio e multiselect.
+ *
+ * Permette di aggiungere, modificare, riordinare e rimuovere le opzioni
+ * di un campo di scelta, con supporto per valore, etichetta e stato disabilitato.
+ */
+import { EventEmitter } from '@angular/core';
+import { UiFieldOption } from '../../../form-builder/types/index';
+import * as i0 from "@angular/core";
+/**
+ * Editor per le opzioni di un campo di scelta (select, radio, multiselect).
+ *
+ * Mostra una lista di opzioni con:
+ * - Header con titolo e pulsante per aggiungere nuove opzioni
+ * - Per ogni opzione: input valore, input etichetta, checkbox disabilitato,
+ *   frecce per spostamento su/giu, pulsante elimina
+ * - Stato vuoto quando non ci sono opzioni configurate
+ */
+export declare class UiOptionsEditorComponent {
+    /**
+     * Opzioni del campo da modificare.
+     * Accetta sia un array di UiFieldOption che un valore generico
+     * (per gestire campi non ancora configurati).
+     */
+    options: UiFieldOption[] | any;
+    /** Emette l'array aggiornato delle opzioni ad ogni modifica. */
+    optionsChange: EventEmitter<UiFieldOption[]>;
+    /**
+     * Normalizza l'input per garantire che sia sempre un array valido.
+     * Gestisce il caso in cui le opzioni siano null, undefined o di tipo inatteso.
+     */
+    get normalizedOptions(): UiFieldOption[];
+    /**
+     * Aggiunge una nuova opzione vuota alla lista e notifica il parent.
+     */
+    addOption(): void;
+    /**
+     * Aggiorna una proprieta specifica di un'opzione.
+     * @param index - Indice dell'opzione da aggiornare.
+     * @param field - Nome della proprieta da modificare.
+     * @param value - Nuovo valore della proprieta.
+     */
+    updateOption(index: number, field: keyof UiFieldOption, value: any): void;
+    /**
+     * Rimuove un'opzione dalla lista.
+     * @param index - Indice dell'opzione da rimuovere.
+     */
+    removeOption(index: number): void;
+    /**
+     * Sposta un'opzione in alto o in basso nella lista.
+     * @param index - Indice corrente dell'opzione.
+     * @param direction - Direzione dello spostamento: -1 (su) o +1 (giu).
+     */
+    moveOption(index: number, direction: -1 | 1): void;
+    /**
+     * Emette l'array aggiornato delle opzioni.
+     * @param options - Nuovo array di opzioni.
+     */
+    private emitChange;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UiOptionsEditorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UiOptionsEditorComponent, "ui-options-editor", never, { "options": { "alias": "options"; "required": false; }; }, { "optionsChange": "optionsChange"; }, never, never, true, never>;
+}

package/lib/components/form-builder-editor/sub-components/preview-container/preview-container.component.d.ts

@@ -0,0 +1,68 @@
+import { EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
+import { UiFormSchema } from '../../../form-builder/types/index';
+import { UiFormBuilderComponent } from '../../../form-builder/form-builder.component';
+import * as i0 from "@angular/core";
+/**
+ * Contenitore per l'anteprima live del form in fase di editing.
+ *
+ * Mostra una preview del form builder generato dallo schema corrente,
+ * con possibilita di aggiornamento forzato e pannello dei valori.
+ *
+ * @selector ui-editor-preview-container
+ */
+export declare class UiEditorPreviewContainerComponent implements OnChanges {
+    /** @internal Change detector per OnPush. */
+    private readonly cdr;
+    /** Riferimento all'istanza del form builder per leggere i valori. */
+    formBuilderRef?: UiFormBuilderComponent;
+    /** Schema del form ricevuto dal parent (cambia ad ogni modifica nell'editor). */
+    schema: UiFormSchema | null;
+    /**
+     * Chiave per forzare la ri-creazione del form builder.
+     * Viene incrementata dal componente padre per invalidare l'anteprima.
+     */
+    key: number;
+    /** Emesso alla richiesta di aggiornamento forzato dell'anteprima. */
+    refresh: EventEmitter<void>;
+    /**
+     * Snapshot immutabile dello schema usato per il rendering.
+     * Viene aggiornato SOLO al primo caricamento, al cambio tab
+     * (quando `key` cambia) o al refresh esplicito.
+     * Questo evita che le modifiche nell'editor ricostruiscano
+     * continuamente il form, perdendo lo stato dell'utente.
+     */
+    previewSchema: UiFormSchema | null;
+    /** Stato di apertura del pannello valori in basso. */
+    isValuesPanelOpen: boolean;
+    /** Valori correnti del form nell'anteprima. */
+    currentFormValues: any;
+    /** @internal Ultimo valore di `key` applicato allo snapshot. */
+    private lastAppliedKey;
+    ngOnChanges(changes: SimpleChanges): void;
+    /**
+     * Riceve i valori aggiornati dal form builder ad ogni interazione.
+     * @param values - Valori correnti del form (inclusi campi disabilitati)
+     */
+    onFormBuilderValueChange(values: any): void;
+    /** Alterna la visibilita del pannello dei valori del form. */
+    toggleValuesPanel(): void;
+    /**
+     * Gestisce il cambiamento dei valori dal pannello JSON.
+     * @param values - Nuovi valori parsati dal JSON
+     */
+    onFormValuesChange(values: any): void;
+    /**
+     * Aggiorna i valori leggendo lo stato corrente dal form builder.
+     */
+    onRefreshValues(): void;
+    /**
+     * @internal
+     * Crea una copia profonda dello schema corrente come snapshot
+     * per il rendering dell'anteprima. L'id viene reso univoco
+     * per forzare il rebuild del form builder (che ricostruisce
+     * solo quando `schema.id` cambia).
+     */
+    private applySchemaSnapshot;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UiEditorPreviewContainerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UiEditorPreviewContainerComponent, "ui-editor-preview-container", never, { "schema": { "alias": "schema"; "required": false; }; "key": { "alias": "key"; "required": false; }; }, { "refresh": "refresh"; }, never, never, true, never>;
+}

package/lib/components/form-builder-editor/sub-components/section-editor/section-editor.component.d.ts

@@ -0,0 +1,82 @@
+/**
+ * @module ng-ui-system/form-builder-editor
+ * Componente editor di sezione per il form builder.
+ *
+ * Renderizza una singola sezione del form come card, con supporto
+ * per espansione/collasso, editing inline del titolo, drag & drop
+ * dei campi e azioni CRUD su sezione e campi.
+ */
+import { EventEmitter } from '@angular/core';
+import { CdkDragDrop } from '@angular/cdk/drag-drop';
+import { UiFormSection } from '../../../form-builder/types/index';
+import { UiFieldType } from '../../../form-builder/types/index';
+import * as i0 from "@angular/core";
+/**
+ * Editor visuale di una singola sezione del form.
+ *
+ * Supporta:
+ * - Header espandibile/collassabile con editing inline del titolo
+ * - Pulsanti azione: modifica titolo, duplica, elimina
+ * - Drop list CDK per ricevere campi dalla palette o da altre sezioni
+ * - Ogni campo mostra: handle di trascinamento, icona tipo, label, chiave, badge tipo, asterisco required
+ * - Azioni campo (al passaggio mouse): duplica, elimina
+ * - Stato vuoto quando non ci sono campi
+ */
+export declare class UiSectionEditorComponent {
+    /** Sezione del form da renderizzare. */
+    section: UiFormSection;
+    /** Indica se la sezione e attualmente selezionata. */
+    isSelected: boolean;
+    /** Chiave del campo attualmente selezionato (o null). */
+    selectedFieldKey: string | null;
+    /** Emette aggiornamenti parziali alla sezione. */
+    sectionUpdate: EventEmitter<Partial<UiFormSection>>;
+    /** Emette richiesta di eliminazione della sezione. */
+    sectionDelete: EventEmitter<void>;
+    /** Emette richiesta di duplicazione della sezione. */
+    sectionDuplicate: EventEmitter<void>;
+    /** Emette la chiave del campo selezionato. */
+    fieldSelect: EventEmitter<string>;
+    /** Emette la chiave del campo da duplicare. */
+    fieldDuplicate: EventEmitter<string>;
+    /** Emette la chiave del campo da eliminare. */
+    fieldDelete: EventEmitter<string>;
+    /** Emette l'evento di drop del CDK drag & drop. */
+    fieldDrop: EventEmitter<CdkDragDrop<any, any, any>>;
+    /** Stato di espansione della sezione. */
+    isExpanded: boolean;
+    /** Indica se il titolo e in fase di modifica inline. */
+    isEditingTitle: boolean;
+    /** Titolo temporaneo durante la modifica inline. */
+    tempTitle: string;
+    /**
+     * Alterna lo stato di espansione/collasso della sezione.
+     */
+    toggleExpand(): void;
+    /**
+     * Avvia la modifica inline del titolo della sezione.
+     * @param event - Evento del mouse per prevenire la propagazione.
+     */
+    startTitleEdit(event: Event): void;
+    /**
+     * Conferma la modifica del titolo ed emette l'aggiornamento.
+     */
+    confirmTitleEdit(): void;
+    /**
+     * Annulla la modifica del titolo, ripristinando il valore originale.
+     */
+    cancelTitleEdit(): void;
+    /**
+     * Restituisce il nome dell'icona Lucide associata al tipo di campo.
+     * @param type - Tipo di campo del form.
+     * @returns Nome dell'icona Lucide.
+     */
+    getFieldIcon(type: UiFieldType): string;
+    /**
+     * Gestisce l'evento di drop del CDK drag & drop e lo propaga al parent.
+     * @param event - Evento CdkDragDrop.
+     */
+    onFieldDrop(event: CdkDragDrop<any>): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UiSectionEditorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UiSectionEditorComponent, "ui-section-editor", never, { "section": { "alias": "section"; "required": true; }; "isSelected": { "alias": "isSelected"; "required": false; }; "selectedFieldKey": { "alias": "selectedFieldKey"; "required": false; }; }, { "sectionUpdate": "sectionUpdate"; "sectionDelete": "sectionDelete"; "sectionDuplicate": "sectionDuplicate"; "fieldSelect": "fieldSelect"; "fieldDuplicate": "fieldDuplicate"; "fieldDelete": "fieldDelete"; "fieldDrop": "fieldDrop"; }, never, never, true, never>;
+}