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

package/form-builder-editor/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/form-builder-editor/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/form-builder-editor/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/form-builder-editor/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>;
+}

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

@@ -0,0 +1,112 @@
+import { EventEmitter } from '@angular/core';
+import { UiValidationRule, UiValidationType, UiCrossFieldOperator } from '../../../form-builder/types/index';
+import * as i0 from "@angular/core";
+/**
+ * Interfaccia per le opzioni dei tipi di validazione nella select.
+ */
+interface ValidationTypeOption {
+    /** Valore del tipo di validazione. */
+    value: UiValidationType;
+    /** Etichetta visualizzata nella select. */
+    label: string;
+}
+/**
+ * Interfaccia per le opzioni degli operatori cross-field nella select.
+ */
+interface CrossFieldOperatorOption {
+    /** Valore dell'operatore. */
+    value: UiCrossFieldOperator;
+    /** Etichetta visualizzata nella select. */
+    label: string;
+}
+/**
+ * Editor per le regole di validazione dei campi.
+ *
+ * Permette di aggiungere, modificare e rimuovere regole di validazione
+ * per un campo del form builder. Supporta validazioni standard,
+ * cross-field, date e file.
+ *
+ * @selector ui-validation-editor
+ */
+export declare class UiValidationEditorComponent {
+    /** Lista delle regole di validazione da editare. */
+    validations: UiValidationRule[];
+    /** Emesso quando la lista di regole viene modificata. */
+    validationsChange: EventEmitter<UiValidationRule[]>;
+    /** Opzioni disponibili per il tipo di validazione. */
+    readonly validationTypes: ValidationTypeOption[];
+    /** Opzioni per gli operatori di confronto cross-field. */
+    readonly crossFieldOperators: CrossFieldOperatorOption[];
+    /**
+     * Verifica se il tipo di validazione richiede un campo valore.
+     * @param type - Tipo di validazione da verificare
+     * @returns true se il tipo richiede un valore
+     */
+    requiresValue(type: UiValidationType): boolean;
+    /**
+     * Restituisce il placeholder appropriato per il campo valore
+     * in base al tipo di validazione selezionato.
+     * @param type - Tipo di validazione
+     * @returns Stringa placeholder
+     */
+    getValuePlaceholder(type: UiValidationType): string;
+    /**
+     * Aggiunge una nuova regola di validazione con valori predefiniti.
+     */
+    addValidation(): void;
+    /**
+     * Rimuove la regola di validazione all'indice specificato.
+     * @param index - Indice della regola da rimuovere
+     */
+    removeValidation(index: number): void;
+    /**
+     * Gestisce il cambio del tipo di validazione.
+     * Se il tipo diventa 'crossField', inizializza la configurazione cross-field.
+     * @param index - Indice della regola
+     * @param type - Nuovo tipo di validazione
+     */
+    onTypeChange(index: number, type: UiValidationType): void;
+    /**
+     * Gestisce il cambio del valore della regola.
+     * @param index - Indice della regola
+     * @param value - Nuovo valore
+     */
+    onValueChange(index: number, value: any): void;
+    /**
+     * Gestisce il cambio del messaggio di errore.
+     * @param index - Indice della regola
+     * @param message - Nuovo messaggio
+     */
+    onMessageChange(index: number, message: string): void;
+    /**
+     * Gestisce il cambio del campo target nella configurazione cross-field.
+     * @param index - Indice della regola
+     * @param targetField - Nuova chiave del campo target
+     */
+    onCrossFieldTargetChange(index: number, targetField: string): void;
+    /**
+     * Gestisce il cambio dell'operatore nella configurazione cross-field.
+     * @param index - Indice della regola
+     * @param operator - Nuovo operatore
+     */
+    onCrossFieldOperatorChange(index: number, operator: UiCrossFieldOperator): void;
+    /**
+     * Gestisce il cambio del tipo di dato nella configurazione cross-field.
+     * @param index - Indice della regola
+     * @param dataType - Nuovo tipo di dato ('date' | 'number')
+     */
+    onCrossFieldDataTypeChange(index: number, dataType: 'date' | 'number'): void;
+    /**
+     * Clona l'array delle validazioni per garantire immutabilita.
+     * @returns Copia superficiale dell'array di validazioni
+     */
+    private cloneValidations;
+    /**
+     * Emette l'evento di cambio validazioni.
+     * @param validations - Nuova lista di validazioni
+     */
+    private emitChange;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UiValidationEditorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UiValidationEditorComponent, "ui-validation-editor", never, { "validations": { "alias": "validations"; "required": false; }; }, { "validationsChange": "validationsChange"; }, never, never, true, never>;
+}
+export {};

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

@@ -0,0 +1,124 @@
+/**
+ * @module ng-ui-system/form-builder-editor
+ * Tipi e interfacce per l'editor visuale del form builder.
+ */
+import { UiFieldType, UiFormSchema } from '../../form-builder/types/index';
+import { UiIconName } from '../../../core/types';
+/**
+ * Stato corrente dell'editor.
+ * Gestito dal servizio UiEditorStateService tramite BehaviorSubject.
+ */
+export interface UiEditorState {
+    /** Schema del form in fase di editing. */
+    schema: UiFormSchema;
+    /** ID della sezione attualmente selezionata. */
+    selectedSectionId: string | null;
+    /** Chiave del campo attualmente selezionato. */
+    selectedFieldKey: string | null;
+    /** Indica se lo schema e stato modificato dall'ultimo salvataggio. */
+    isDirty: boolean;
+    /** Data dell'ultimo salvataggio. */
+    lastSaved: Date | null;
+}
+/**
+ * Categorie per raggruppare i tipi di campo nella palette.
+ */
+export type UiEditorFieldCategory = 'basic' | 'choice' | 'datetime' | 'advanced' | 'custom';
+/**
+ * Elemento della palette dei tipi di campo.
+ * Rappresenta un tipo di campo trascinabile nella palette laterale.
+ */
+export interface UiEditorFieldPaletteItem {
+    /** Tipo di campo. */
+    type: UiFieldType;
+    /** Nome visualizzato nella palette. */
+    label: string;
+    /** Icona Lucide da mostrare. */
+    icon: UiIconName;
+    /** Descrizione breve del tipo di campo. */
+    description: string;
+    /** Categoria di appartenenza. */
+    category: UiEditorFieldCategory;
+}
+/**
+ * Campo disponibile per la selezione nelle condizioni.
+ * Versione semplificata del field descriptor per le select.
+ */
+export interface UiEditorAvailableField {
+    /** Chiave univoca del campo. */
+    key: string;
+    /** Label visualizzata. */
+    label: string;
+    /** Tipo di campo. */
+    type: string;
+    /** Opzioni (per campi select, radio, etc.). */
+    options?: {
+        value: any;
+        label: string;
+    }[];
+}
+/**
+ * Elemento del breadcrumb di navigazione dell'editor.
+ */
+export interface UiEditorBreadcrumbItem {
+    /** Label visualizzata. */
+    label: string;
+    /** ID dell'elemento (form, sezione o campo). */
+    id: string;
+    /** Tipo di elemento. */
+    type: 'form' | 'section' | 'field';
+    /** Se e l'elemento attualmente attivo. */
+    active: boolean;
+}
+/**
+ * Struttura dati per il salvataggio nel localStorage.
+ */
+export interface UiEditorStorageData {
+    /** Schema salvato. */
+    schema: UiFormSchema;
+    /** Timestamp del salvataggio (epoch ms). */
+    timestamp: number;
+    /** Versione dello storage per compatibilita futura. */
+    version: string;
+}
+/**
+ * Risultato della validazione dello schema nell'editor.
+ */
+export interface UiEditorSchemaValidationResult {
+    /** Se lo schema e valido. */
+    valid: boolean;
+    /** Errori di validazione. */
+    errors: UiEditorSchemaValidationError[];
+    /** Warning di validazione. */
+    warnings: UiEditorSchemaValidationWarning[];
+}
+/**
+ * Errore di validazione dello schema.
+ */
+export interface UiEditorSchemaValidationError {
+    /** Tipo di errore. */
+    type: 'duplicate_key' | 'invalid_type' | 'missing_required' | 'invalid_reference' | 'invalid_format';
+    /** Messaggio di errore. */
+    message: string;
+    /** Path dell'elemento con errore (es. `sections[0].fields[2].key`). */
+    path: string;
+}
+/**
+ * Warning di validazione dello schema.
+ */
+export interface UiEditorSchemaValidationWarning {
+    /** Tipo di warning. */
+    type: 'missing_label' | 'empty_options' | 'unused_field' | 'circular_condition';
+    /** Messaggio di warning. */
+    message: string;
+    /** Path dell'elemento con warning. */
+    path: string;
+}
+/**
+ * Dati passati alla modale dell'editor.
+ * Iniettabili tramite MAT_DIALOG_DATA.
+ */
+export interface UiEditorDialogData {
+    /** Schema iniziale da caricare nell'editor. */
+    initialSchema?: UiFormSchema;
+}

package/form-builder-editor/lib/components/modal/confirm-dialog.component.d.ts

@@ -0,0 +1,46 @@
+import { UiConfirmDialogData, UiConfirmVariant, UiIconName, UiVariant } from './modal.types';
+import * as i0 from "@angular/core";
+/**
+ * Dialogo di conferma leggero per azioni condizionali.
+ *
+ * Non va utilizzato direttamente nel template: viene aperto
+ * programmaticamente tramite `UiModalService.confirm()` e i suoi
+ * metodi scorciatoia (`confirmDelete`, `confirmDiscard`, `confirmSave`).
+ *
+ * Supporta quattro varianti semantiche — confirm, delete, warn, info —
+ * ciascuna con icona e colore preconfigurati.
+ *
+ * @selector ui-confirm-dialog
+ *
+ * @example
+ * ```typescript
+ * // Apertura tramite servizio
+ * this.modalService.confirm({
+ *   title: 'Conferma eliminazione',
+ *   message: 'Questa azione non puo essere annullata.',
+ *   variant: 'delete',
+ * }).subscribe(confirmed => {
+ *   if (confirmed) this.deleteItem();
+ * });
+ * ```
+ */
+export declare class UiConfirmDialogComponent {
+    /** @internal Dati iniettati dal servizio modale. */
+    readonly data: UiConfirmDialogData;
+    /** @internal Riferimento al dialogo per la chiusura. */
+    private readonly dialogRef;
+    /** Variante semantica corrente. */
+    get variant(): UiConfirmVariant;
+    /** Nome icona Lucide da visualizzare. */
+    get iconName(): UiIconName;
+    /** Variante del pulsante di conferma. */
+    get confirmButtonVariant(): UiVariant;
+    /** Classi CSS per il contenitore icona. */
+    get iconClasses(): string;
+    /** Conferma e chiude il dialogo con `true`. */
+    confirm(): void;
+    /** Annulla e chiude il dialogo con `false`. */
+    cancel(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UiConfirmDialogComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UiConfirmDialogComponent, "ui-confirm-dialog", never, {}, {}, never, never, true, never>;
+}

package/form-builder-editor/lib/components/modal/index.d.ts

@@ -0,0 +1,4 @@
+export { UiModalComponent } from './modal.component';
+export { UiConfirmDialogComponent } from './confirm-dialog.component';
+export { UiModalService } from './modal.service';
+export { UiModalConfig, UiModalOpenConfig, UiModalSize, UiConfirmDialogData, UiConfirmVariant, } from './modal.types';

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

@@ -0,0 +1,44 @@
+import { EventEmitter } from '@angular/core';
+import { UiModalConfig } from './modal.types';
+import * as i0 from "@angular/core";
+/**
+ * Componente modale standalone con struttura header/body/footer.
+ *
+ * Da utilizzare come wrapper all'interno di componenti aperti
+ * tramite `UiModalService.open()`. Fornisce la struttura visuale
+ * e gestisce la chiusura programmatica.
+ *
+ * **Content projection:**
+ * - Contenuto di default: va nel body
+ * - `[uiModalHeader]`: sostituisce il titolo nell'header
+ * - `[uiModalFooter]`: azioni nel footer
+ *
+ * @selector ui-modal
+ *
+ * @example
+ * ```html
+ * <ui-modal [config]="{ title: 'Dettagli', size: 'md' }">
+ *   <p>Contenuto del body della modale.</p>
+ *   <div uiModalFooter>
+ *     <ui-button label="Chiudi" variant="ghost" (click)="close()" />
+ *     <ui-button label="Salva" variant="primary" (click)="save()" />
+ *   </div>
+ * </ui-modal>
+ * ```
+ */
+export declare class UiModalComponent {
+    /** Configurazione strutturale della modale. */
+    config: UiModalConfig;
+    /**
+     * Emesso quando la modale viene chiusa.
+     * Utile se il componente e usato direttamente nel template
+     * senza UiModalService.
+     */
+    closed: EventEmitter<unknown>;
+    /** @internal Riferimento al dialogo Material per la chiusura. */
+    private dialogRef;
+    /** Chiude la modale con un risultato opzionale. */
+    close(result?: unknown): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UiModalComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UiModalComponent, "ui-modal", never, { "config": { "alias": "config"; "required": false; }; }, { "closed": "closed"; }, never, ["[uiModalHeader]", "*", "[uiModalFooter]"], true, never>;
+}