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

package/modal/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/modal/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/modal/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>;
+}

package/modal/lib/components/modal/modal.service.d.ts

@@ -0,0 +1,93 @@
+import { Type } from '@angular/core';
+import { MatDialogRef } from '@angular/material/dialog';
+import { Observable } from 'rxjs';
+import { UiConfirmDialogData, UiModalOpenConfig } from './modal.types';
+import * as i0 from "@angular/core";
+/**
+ * Servizio per aprire modali e dialoghi di conferma.
+ *
+ * Gestisce lo stacking intelligente: una modale regolare puo
+ * ospitare al massimo un dialogo di conferma sopra di se.
+ * Non e possibile stackare due modali regolari.
+ *
+ * @usageNotes
+ *
+ * ### Aprire una modale personalizzata
+ * ```typescript
+ * const ref = this.modalService.open(MyDialogComponent, {
+ *   size: 'lg',
+ *   data: { userId: 123 },
+ * });
+ *
+ * ref.afterClosed().subscribe(result => {
+ *   console.log('Risultato:', result);
+ * });
+ * ```
+ *
+ * ### Conferma rapida
+ * ```typescript
+ * this.modalService.confirm('Confermi questa azione?')
+ *   .subscribe(ok => { if (ok) this.procedi(); });
+ * ```
+ *
+ * ### Preset di conferma
+ * ```typescript
+ * this.modalService.confirmDelete('Progetto Alpha')
+ *   .subscribe(ok => { if (ok) this.elimina(); });
+ * ```
+ */
+export declare class UiModalService {
+    /** @internal Istanza MatDialog per la gestione overlay. */
+    private readonly dialog;
+    /** @internal Stack delle modali regolari aperte. */
+    private _modalStack;
+    /** @internal Traccia se un dialogo di conferma e attualmente aperto. */
+    private _confirmOpen;
+    /**
+     * Apre una modale con un componente personalizzato.
+     *
+     * Il componente aperto puo iniettare `MAT_DIALOG_DATA` per accedere
+     * ai dati e `MatDialogRef` per chiudere la modale.
+     *
+     * @param component - Componente standalone da renderizzare nella modale
+     * @param config - Configurazione (dimensione, dati, comportamento)
+     * @returns Riferimento alla modale aperta
+     */
+    open<T, D = unknown, R = unknown>(component: Type<T>, config?: UiModalOpenConfig<D>): MatDialogRef<T, R>;
+    /**
+     * Apre un dialogo di conferma.
+     *
+     * Accetta una stringa semplice (messaggio) o un oggetto di
+     * configurazione completo. Puo essere aperto sopra una modale
+     * esistente (stacking consentito).
+     *
+     * @param messageOrConfig - Messaggio o configurazione completa
+     * @returns Observable che emette `true` se confermato, `false` se annullato
+     */
+    confirm(messageOrConfig: string | UiConfirmDialogData): Observable<boolean>;
+    /**
+     * Scorciatoia: conferma eliminazione.
+     * Variante `delete` con icona cestino e pulsante warn.
+     *
+     * @param itemName - Nome opzionale dell'elemento da eliminare
+     */
+    confirmDelete(itemName?: string): Observable<boolean>;
+    /**
+     * Scorciatoia: conferma abbandono modifiche.
+     * Variante `warn` con icona avviso.
+     */
+    confirmDiscard(): Observable<boolean>;
+    /**
+     * Scorciatoia: conferma salvataggio.
+     * Variante `confirm` con icona check.
+     */
+    confirmSave(): Observable<boolean>;
+    /** Chiude tutte le modali e dialoghi aperti. */
+    closeAll(): void;
+    /** Indica se ci sono modali o dialoghi attualmente aperti. */
+    get hasOpenDialogs(): boolean;
+    /** Numero di modali regolari attualmente aperte. */
+    get openModalCount(): number;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UiModalService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<UiModalService>;
+}

package/modal/lib/components/modal/modal.types.d.ts

@@ -0,0 +1,110 @@
+/**
+ * @module ng-ui-system/modal
+ * Tipi e interfacce per UiModal, UiConfirmDialog e UiModalService.
+ */
+import { UiVariant, UiIconName } from '../../core/types';
+export { UiVariant, UiIconName };
+/**
+ * Dimensioni predefinite della modale.
+ *
+ * | Valore        | Larghezza | Caso d'uso                        |
+ * |--------------|-----------|-----------------------------------|
+ * | `sm`         | 400px     | Confirm, messaggi brevi           |
+ * | `md`         | 560px     | Form semplici, dettagli           |
+ * | `lg`         | 720px     | Form complessi, tabelle interne   |
+ * | `xl`         | 900px     | Dashboard modali, preview         |
+ * | `fullscreen` | 95vw      | Operazioni a schermo intero       |
+ */
+export type UiModalSize = 'sm' | 'md' | 'lg' | 'xl' | 'fullscreen';
+/**
+ * Configurazione strutturale della modale.
+ * Passata come `@Input()` al componente `UiModalComponent`.
+ *
+ * @usageNotes
+ * ### Utilizzo base
+ * ```typescript
+ * const config: UiModalConfig = {
+ *   title: 'Modifica utente',
+ *   size: 'md',
+ * };
+ * ```
+ */
+export interface UiModalConfig {
+    /** Titolo visualizzato nell'header della modale. */
+    title?: string;
+    /** Dimensione della modale. @default 'md' */
+    size?: UiModalSize;
+    /** Mostra il pulsante di chiusura nell'header. @default true */
+    showCloseButton?: boolean;
+    /** Impedisce la chiusura tramite backdrop click o tasto Escape. @default false */
+    disableClose?: boolean;
+    /** Nasconde l'area footer della modale. @default false */
+    hideFooter?: boolean;
+}
+/**
+ * Configurazione per aprire una modale tramite `UiModalService.open()`.
+ *
+ * @usageNotes
+ * ```typescript
+ * this.modalService.open(MyComponent, {
+ *   size: 'lg',
+ *   data: { userId: 123 },
+ *   disableClose: true,
+ * });
+ * ```
+ */
+export interface UiModalOpenConfig<D = unknown> {
+    /** Dimensione della modale. @default 'md' */
+    size?: UiModalSize;
+    /** Dati da iniettare nel componente aperto tramite MAT_DIALOG_DATA. */
+    data?: D;
+    /** Impedisce la chiusura tramite backdrop click o tasto Escape. @default false */
+    disableClose?: boolean;
+    /** Classe CSS aggiuntiva per il pannello overlay. */
+    panelClass?: string;
+}
+/**
+ * Varianti semantiche del dialogo di conferma.
+ *
+ * | Variante   | Icona default      | Colore pulsante | Caso d'uso                |
+ * |-----------|-------------------|----------------|---------------------------|
+ * | `confirm` | `check-circle`     | `primary`       | Conferma azione positiva   |
+ * | `delete`  | `trash-2`          | `warn`          | Eliminazione irreversibile |
+ * | `warn`    | `alert-triangle`   | `warn`          | Avviso con conferma        |
+ * | `info`    | `info`             | `primary`       | Informazione con azione    |
+ */
+export type UiConfirmVariant = 'confirm' | 'delete' | 'warn' | 'info';
+/**
+ * Configurazione per il dialogo di conferma.
+ * Passata a `UiModalService.confirm()`.
+ *
+ * @usageNotes
+ * ### Conferma semplice (solo stringa)
+ * ```typescript
+ * this.modalService.confirm('Sei sicuro di voler procedere?');
+ * ```
+ *
+ * ### Conferma configurata
+ * ```typescript
+ * this.modalService.confirm({
+ *   title: 'Elimina elemento',
+ *   message: 'Questa azione non puo essere annullata.',
+ *   variant: 'delete',
+ *   confirmText: 'Elimina',
+ * });
+ * ```
+ */
+export interface UiConfirmDialogData {
+    /** Titolo del dialogo. */
+    title?: string;
+    /** Messaggio principale del dialogo. */
+    message: string;
+    /** Testo del pulsante di conferma. @default 'Conferma' */
+    confirmText?: string;
+    /** Testo del pulsante di annullamento. @default 'Annulla' */
+    cancelText?: string;
+    /** Variante semantica che determina icona e colore. @default 'confirm' */
+    variant?: UiConfirmVariant;
+    /** Icona personalizzata (sovrascrive quella della variante). */
+    icon?: UiIconName;
+}

package/modal/lib/core/types/index.d.ts

@@ -0,0 +1,133 @@
+/**
+ * Shared types for ng-ui-system components.
+ * These types are used across multiple components to ensure consistency.
+ */
+/** Standard size variants used across components. */
+export type UiSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+/** Visual style variants for components. */
+export type UiVariant = 'primary' | 'accent' | 'warn' | 'neutral' | 'ghost' | 'outline';
+/** Semantic color palette tokens. */
+export type UiColor = 'primary' | 'accent' | 'warn' | 'success' | 'info' | 'neutral';
+/** Layout direction. */
+export type UiDirection = 'horizontal' | 'vertical';
+/** Horizontal alignment. */
+export type UiAlign = 'start' | 'center' | 'end' | 'stretch';
+/** Component density options for compact or spacious layouts. */
+export type UiDensity = 'compact' | 'default' | 'comfortable';
+/**
+ * Common Lucide icon names with autocomplete support.
+ * Accepts any valid Lucide icon name as a string.
+ *
+ * Provides IntelliSense for the most frequently used enterprise icons.
+ * For the full icon catalogue, visit https://lucide.dev/icons
+ *
+ * @example
+ * ```typescript
+ * const myIcon: UiIconName = 'arrow-right';  // autocomplete ✓
+ * const custom: UiIconName = 'my-custom-icon'; // still valid
+ * ```
+ */
+export type UiIconName = 'arrow-right' | 'arrow-left' | 'arrow-up' | 'arrow-down' | 'chevron-right' | 'chevron-left' | 'chevron-up' | 'chevron-down' | 'external-link' | 'corner-down-left' | 'corner-down-right' | 'check' | 'x' | 'plus' | 'minus' | 'search' | 'refresh-cw' | 'download' | 'upload' | 'save' | 'trash-2' | 'pencil' | 'copy' | 'clipboard' | 'share-2' | 'send' | 'log-in' | 'log-out' | 'mail' | 'message-circle' | 'phone' | 'bell' | 'user' | 'users' | 'lock' | 'unlock' | 'key' | 'shield' | 'file' | 'file-text' | 'file-spreadsheet' | 'file-archive' | 'folder' | 'image' | 'camera' | 'paperclip' | 'info' | 'alert-triangle' | 'alert-circle' | 'check-circle' | 'x-circle' | 'help-circle' | 'loader-2' | 'menu' | 'more-horizontal' | 'more-vertical' | 'grid' | 'list' | 'filter' | 'sliders' | 'columns' | 'maximize-2' | 'minimize-2' | 'home' | 'settings' | 'star' | 'heart' | 'bookmark' | 'calendar' | 'clock' | 'map-pin' | 'eye' | 'eye-off' | 'sun' | 'moon' | 'monitor' | (string & Record<never, never>);
+/** Status values used for feedback components (badges, alerts, indicators). */
+export type UiStatus = 'idle' | 'loading' | 'success' | 'error' | 'warning' | 'info';
+/**
+ * Generic key-value pair used in select options, dropdowns, etc.
+ * @template T - The type of the value.
+ */
+export interface UiOption<T = string> {
+    /** The display label. */
+    label: string;
+    /** The underlying value. */
+    value: T;
+    /** Whether this option is disabled. */
+    disabled?: boolean;
+    /** Optional icon name (Lucide icon). */
+    icon?: UiIconName;
+    /** Optional grouping key for grouped selects. */
+    group?: string;
+}
+/**
+ * Result wrapper for async operations.
+ * @template T - The type of the data payload.
+ */
+export interface UiAsyncState<T = unknown> {
+    status: UiStatus;
+    data: T | null;
+    error: string | null;
+}
+/** Toast notification type. */
+export type UiToastType = 'success' | 'error' | 'warning' | 'info';
+/** Messages configuration for an endpoint (inline, no label archive). */
+export interface UiEndpointMessages {
+    /** Success toast message. Supports `${key}` placeholders replaced at runtime. */
+    success?: string;
+    /** Error toast message. Supports `${key}` placeholders replaced at runtime. */
+    error?: string;
+}
+/**
+ * Extracts a custom error message from the HTTP error response.
+ * Return `null` to fall back to the default message.
+ */
+export type UiErrorExtractor = (error: any) => string | null;
+/**
+ * Dynamically resolves a success message at runtime.
+ * Return `null` to fall back to the default message.
+ */
+export type UiSuccessResolver = () => string | null;
+/**
+ * Query parameters for URL building.
+ * Keys map to query param names; values are auto-converted to strings.
+ */
+export type UiQueryParameters = Record<string, string | string[] | number | number[] | boolean>;
+/**
+ * Endpoint configuration for `UiHttpService`.
+ *
+ * Each endpoint defines its URL, optional inline messages, and
+ * toast/error behaviour. All toast flags default to `false` (opt-in).
+ *
+ * @usageNotes
+ * ### Basic endpoint factory
+ * ```typescript
+ * const SAVE_USER = (): UiEndpoint => ({
+ *   url: '/api/users',
+ *   id: 'user_save',
+ *   showSuccess: true,
+ *   messages: { success: 'Utente salvato!' },
+ * });
+ * ```
+ *
+ * ### Dynamic endpoint with replacements
+ * ```typescript
+ * const UPDATE_ITEM = (id: number): UiEndpoint => ({
+ *   url: `/api/items/${id}`,
+ *   id: 'item_update',
+ *   showSuccess: true,
+ *   showError: true,
+ *   messages: {
+ *     success: 'Elemento ${name} aggiornato',
+ *     error: 'Errore aggiornamento elemento',
+ *   },
+ *   replacements: { name: 'Widget' },
+ * });
+ * ```
+ */
+export interface UiEndpoint {
+    /** Relative or absolute URL for the API call. */
+    url: string;
+    /** Unique identifier for the endpoint (used for debounce keying). */
+    id: string;
+    /** Whether to show a success toast on completion. Default: `false`. */
+    showSuccess?: boolean;
+    /** Whether to show an error toast on failure. Default: `false`. */
+    showError?: boolean;
+    /** Inline messages for success/error toasts. */
+    messages?: UiEndpointMessages;
+    /** Placeholder replacements for message strings (`${key}` → value). */
+    replacements?: Record<string, string | number>;
+    /** Custom error message extractor from the HTTP error response. */
+    errorExtractor?: UiErrorExtractor;
+    /** Custom success message resolver (overrides inline message). */
+    successMessageResolver?: UiSuccessResolver;
+    /** Whether this endpoint should be tracked by BlackBox. Default: `true`. */
+    trackable?: boolean;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gnggln/ng-ui-system",
-  "version": "1.0.0-alpha.2",
+  "version": "1.0.0-alpha.21",
   "description": "Enterprise-grade Angular standalone component library with design tokens, a11y, and full TypeScript support.",
   "keywords": [
     "angular",
@@ -15,14 +15,15 @@
   ],
   "license": "MIT",
   "peerDependencies": {
-    "@angular/animations": "^17.0.0 || ^18.0.0 || ^19.0.0 || ^20.0.0",
-    "@angular/cdk": "^17.0.0 || ^18.0.0 || ^19.0.0 || ^20.0.0",
-    "@angular/common": "^17.0.0 || ^18.0.0 || ^19.0.0 || ^20.0.0",
-    "@angular/core": "^17.0.0 || ^18.0.0 || ^19.0.0 || ^20.0.0",
-    "@angular/forms": "^17.0.0 || ^18.0.0 || ^19.0.0 || ^20.0.0",
-    "@angular/material": "^17.0.0 || ^18.0.0 || ^19.0.0 || ^20.0.0",
+    "@angular/animations": "^17.0.0 || ^18.0.0 || ^19.0.0 || ^20.0.0 || ^21.0.0",
+    "@angular/cdk": "^17.0.0 || ^18.0.0 || ^19.0.0 || ^20.0.0 || ^21.0.0",
+    "@angular/common": "^17.0.0 || ^18.0.0 || ^19.0.0 || ^20.0.0 || ^21.0.0",
+    "@angular/core": "^17.0.0 || ^18.0.0 || ^19.0.0 || ^20.0.0 || ^21.0.0",
+    "@angular/forms": "^17.0.0 || ^18.0.0 || ^19.0.0 || ^20.0.0 || ^21.0.0",
+    "@angular/material": "^17.0.0 || ^18.0.0 || ^19.0.0 || ^20.0.0 || ^21.0.0",
+    "date-fns": ">=3.0.0",
     "lucide-angular": ">=0.300.0",
-    "date-fns": ">=3.0.0"
+    "@fingerprintjs/fingerprintjs": ">=4.0.0"
   },
   "dependencies": {
     "tslib": "^2.6.0"
@@ -39,6 +40,90 @@
       "esm2022": "./esm2022/gnggln-ng-ui-system.mjs",
       "esm": "./esm2022/gnggln-ng-ui-system.mjs",
       "default": "./fesm2022/gnggln-ng-ui-system.mjs"
+    },
+    "./accordion": {
+      "types": "./accordion/index.d.ts",
+      "esm2022": "./esm2022/accordion/gnggln-ng-ui-system-accordion.mjs",
+      "esm": "./esm2022/accordion/gnggln-ng-ui-system-accordion.mjs",
+      "default": "./fesm2022/gnggln-ng-ui-system-accordion.mjs"
+    },
+    "./base-layout": {
+      "types": "./base-layout/index.d.ts",
+      "esm2022": "./esm2022/base-layout/gnggln-ng-ui-system-base-layout.mjs",
+      "esm": "./esm2022/base-layout/gnggln-ng-ui-system-base-layout.mjs",
+      "default": "./fesm2022/gnggln-ng-ui-system-base-layout.mjs"
+    },
+    "./blackbox": {
+      "types": "./blackbox/index.d.ts",
+      "esm2022": "./esm2022/blackbox/gnggln-ng-ui-system-blackbox.mjs",
+      "esm": "./esm2022/blackbox/gnggln-ng-ui-system-blackbox.mjs",
+      "default": "./fesm2022/gnggln-ng-ui-system-blackbox.mjs"
+    },
+    "./button": {
+      "types": "./button/index.d.ts",
+      "esm2022": "./esm2022/button/gnggln-ng-ui-system-button.mjs",
+      "esm": "./esm2022/button/gnggln-ng-ui-system-button.mjs",
+      "default": "./fesm2022/gnggln-ng-ui-system-button.mjs"
+    },
+    "./core": {
+      "types": "./core/index.d.ts",
+      "esm2022": "./esm2022/core/gnggln-ng-ui-system-core.mjs",
+      "esm": "./esm2022/core/gnggln-ng-ui-system-core.mjs",
+      "default": "./fesm2022/gnggln-ng-ui-system-core.mjs"
+    },
+    "./crud-table": {
+      "types": "./crud-table/index.d.ts",
+      "esm2022": "./esm2022/crud-table/gnggln-ng-ui-system-crud-table.mjs",
+      "esm": "./esm2022/crud-table/gnggln-ng-ui-system-crud-table.mjs",
+      "default": "./fesm2022/gnggln-ng-ui-system-crud-table.mjs"
+    },
+    "./form-builder": {
+      "types": "./form-builder/index.d.ts",
+      "esm2022": "./esm2022/form-builder/gnggln-ng-ui-system-form-builder.mjs",
+      "esm": "./esm2022/form-builder/gnggln-ng-ui-system-form-builder.mjs",
+      "default": "./fesm2022/gnggln-ng-ui-system-form-builder.mjs"
+    },
+    "./form-builder-editor": {
+      "types": "./form-builder-editor/index.d.ts",
+      "esm2022": "./esm2022/form-builder-editor/gnggln-ng-ui-system-form-builder-editor.mjs",
+      "esm": "./esm2022/form-builder-editor/gnggln-ng-ui-system-form-builder-editor.mjs",
+      "default": "./fesm2022/gnggln-ng-ui-system-form-builder-editor.mjs"
+    },
+    "./http": {
+      "types": "./http/index.d.ts",
+      "esm2022": "./esm2022/http/gnggln-ng-ui-system-http.mjs",
+      "esm": "./esm2022/http/gnggln-ng-ui-system-http.mjs",
+      "default": "./fesm2022/gnggln-ng-ui-system-http.mjs"
+    },
+    "./layout-builder": {
+      "types": "./layout-builder/index.d.ts",
+      "esm2022": "./esm2022/layout-builder/gnggln-ng-ui-system-layout-builder.mjs",
+      "esm": "./esm2022/layout-builder/gnggln-ng-ui-system-layout-builder.mjs",
+      "default": "./fesm2022/gnggln-ng-ui-system-layout-builder.mjs"
+    },
+    "./modal": {
+      "types": "./modal/index.d.ts",
+      "esm2022": "./esm2022/modal/gnggln-ng-ui-system-modal.mjs",
+      "esm": "./esm2022/modal/gnggln-ng-ui-system-modal.mjs",
+      "default": "./fesm2022/gnggln-ng-ui-system-modal.mjs"
+    },
+    "./page-header": {
+      "types": "./page-header/index.d.ts",
+      "esm2022": "./esm2022/page-header/gnggln-ng-ui-system-page-header.mjs",
+      "esm": "./esm2022/page-header/gnggln-ng-ui-system-page-header.mjs",
+      "default": "./fesm2022/gnggln-ng-ui-system-page-header.mjs"
+    },
+    "./table": {
+      "types": "./table/index.d.ts",
+      "esm2022": "./esm2022/table/gnggln-ng-ui-system-table.mjs",
+      "esm": "./esm2022/table/gnggln-ng-ui-system-table.mjs",
+      "default": "./fesm2022/gnggln-ng-ui-system-table.mjs"
+    },
+    "./toast": {
+      "types": "./toast/index.d.ts",
+      "esm2022": "./esm2022/toast/gnggln-ng-ui-system-toast.mjs",
+      "esm": "./esm2022/toast/gnggln-ng-ui-system-toast.mjs",
+      "default": "./fesm2022/gnggln-ng-ui-system-toast.mjs"
     }
   }
 }

package/page-header/entry-page-header.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Bootstrap del secondary entry `@gnggln/ng-ui-system/page-header`. Page Header e breadcrumb.
+ */
+export * from './lib/components/page-header/index';

package/page-header/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@gnggln/ng-ui-system/page-header" />
+export * from './entry-page-header';

package/page-header/lib/components/page-header/breadcrumb.service.d.ts

@@ -0,0 +1,96 @@
+import { type ActivatedRoute } from '@angular/router';
+import { type UiBreadcrumbItem } from './page-header.types';
+import * as i0 from "@angular/core";
+/**
+ * Service that builds a nested breadcrumb trail from Angular route configuration.
+ *
+ * Routes must define `data.id`, `data.title`, and optionally `data.breadcrumbs`
+ * (an array of parent route IDs) for the chain to resolve correctly.
+ *
+ * Supports lazy-loaded routes: the internal route map is rebuilt automatically
+ * whenever new routes are loaded via `NavigationEnd`.
+ *
+ * Label resolution for route parameters (`:param`) is delegated to an injectable
+ * `UiLabelResolverFn` via the `UI_BREADCRUMB_LABEL_RESOLVER` token.
+ *
+ * @usageNotes
+ * ### Route configuration
+ * ```typescript
+ * const routes: Routes = [
+ *   {
+ *     path: 'users',
+ *     data: { id: 'users', title: 'Utenti' },
+ *     children: [
+ *       {
+ *         path: ':userId',
+ *         data: { id: 'user-detail', title: ':userId', breadcrumbs: ['users'] },
+ *         component: UserDetailComponent,
+ *       },
+ *     ],
+ *   },
+ * ];
+ * ```
+ *
+ * ### Custom label resolver
+ * ```typescript
+ * providers: [
+ *   {
+ *     provide: UI_BREADCRUMB_LABEL_RESOLVER,
+ *     useValue: (name: string, value: string) =>
+ *       name === 'userId' ? `User #${value}` : value,
+ *   },
+ * ]
+ * ```
+ */
+export declare class UiBreadcrumbService {
+    private readonly router;
+    private readonly labelResolver;
+    /** @internal Map of route ID → breadcrumb configuration. */
+    private breadcrumbMap;
+    /** @internal Tracks route count to detect lazy-loaded route additions. */
+    private lastRouteConfigLength;
+    /** @internal Last computed breadcrumbs for navigateBack. */
+    private lastBreadcrumbs;
+    constructor();
+    /**
+     * Computes the breadcrumb trail for the currently active route.
+     *
+     * @param route - The root `ActivatedRoute` (typically injected in the component).
+     * @returns Ordered array of breadcrumb items from root to current route.
+     */
+    getBreadcrumbsForRoute(route: ActivatedRoute): UiBreadcrumbItem[];
+    /**
+     * Navigates to the previous breadcrumb (parent route).
+     * Falls back to `fallbackUrl` (default: `/`) when no parent exists.
+     */
+    navigateBack(fallbackUrl?: string): void;
+    /** @internal Collects all route params from the full path (including parents). */
+    private collectParamsFromPath;
+    /** @internal Rebuilds the map only when new lazy routes appear. */
+    private rebuildRouteMapIfNeeded;
+    /** @internal Recursively counts routes including lazy-loaded children. */
+    private countRoutes;
+    /** @internal Clears and rebuilds the full route → breadcrumb map. */
+    private rebuildRouteMap;
+    /** @internal Recursively walks route tree to build the breadcrumb map. */
+    private buildRouteMap;
+    /** @internal Builds the full breadcrumb chain for a route by its ID. */
+    private buildBreadcrumbChain;
+    /** @internal Resolves parent breadcrumbs from ordered parent IDs. */
+    private getParentChain;
+    /**
+     * @internal Resolves `:param` placeholders in a label using
+     * the injected label resolver function.
+     */
+    private resolveLabel;
+    /** @internal Resolves `:param` placeholders in a path and creates a URL. */
+    private resolveUrl;
+    /** @internal Normalizes path by collapsing double slashes and trimming trailing slash. */
+    private normalizePath;
+    /** @internal Removes query parameters from a URL. */
+    private stripQueryParams;
+    /** @internal Caches the fully resolved URL for a route ID. */
+    private saveFullPath;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UiBreadcrumbService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<UiBreadcrumbService>;
+}