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

package/fesm2022/gnggln-ng-ui-system-modal.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"gnggln-ng-ui-system-modal.mjs","sources":["../../../packages/ng-ui-system/src/lib/components/modal/modal.component.ts","../../../packages/ng-ui-system/src/lib/components/button/button.component.ts","../../../packages/ng-ui-system/src/lib/components/modal/confirm-dialog.component.ts","../../../packages/ng-ui-system/src/lib/components/modal/modal.service.ts","../../../packages/ng-ui-system/src/entry-modal.ts","../../../packages/ng-ui-system/src/gnggln-ng-ui-system-modal.ts"],"sourcesContent":["import {\r\n  Component,\r\n  Input,\r\n  Output,\r\n  EventEmitter,\r\n  ChangeDetectionStrategy,\r\n  ViewEncapsulation,\r\n  inject,\r\n} from '@angular/core';\r\nimport { MatDialogRef } from '@angular/material/dialog';\r\nimport { LucideAngularModule } from 'lucide-angular';\r\nimport { UiModalConfig } from './modal.types';\r\n\r\n/**\r\n * Componente modale standalone con struttura header/body/footer.\r\n *\r\n * Da utilizzare come wrapper all'interno di componenti aperti\r\n * tramite `UiModalService.open()`. Fornisce la struttura visuale\r\n * e gestisce la chiusura programmatica.\r\n *\r\n * **Content projection:**\r\n * - Contenuto di default: va nel body\r\n * - `[uiModalHeader]`: sostituisce il titolo nell'header\r\n * - `[uiModalFooter]`: azioni nel footer\r\n *\r\n * @selector ui-modal\r\n *\r\n * @example\r\n * ```html\r\n * <ui-modal [config]=\"{ title: 'Dettagli', size: 'md' }\">\r\n *   <p>Contenuto del body della modale.</p>\r\n *   <div uiModalFooter>\r\n *     <ui-button label=\"Chiudi\" variant=\"ghost\" (click)=\"close()\" />\r\n *     <ui-button label=\"Salva\" variant=\"primary\" (click)=\"save()\" />\r\n *   </div>\r\n * </ui-modal>\r\n * ```\r\n */\r\n@Component({\r\n  selector: 'ui-modal',\r\n  standalone: true,\r\n  imports: [LucideAngularModule],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  encapsulation: ViewEncapsulation.None,\r\n  host: {\r\n    class: 'ui-modal-host',\r\n    role: 'dialog',\r\n    'aria-modal': 'true',\r\n    '[attr.aria-label]': 'config.title || null',\r\n  },\r\n  template: `\r\n    <!-- Header -->\r\n    @if (config.title || config.showCloseButton !== false) {\r\n      <div class=\"ui-modal__header\">\r\n        <div class=\"ui-modal__header-content\">\r\n          <ng-content select=\"[uiModalHeader]\">\r\n            @if (config.title) {\r\n              <h2 class=\"ui-modal__title\">{{ config.title }}</h2>\r\n            }\r\n          </ng-content>\r\n        </div>\r\n        @if (config.showCloseButton !== false) {\r\n          <button\r\n            class=\"ui-modal__close\"\r\n            (click)=\"close()\"\r\n            aria-label=\"Chiudi modale\"\r\n            type=\"button\"\r\n          >\r\n            <lucide-icon name=\"x\" [size]=\"18\" aria-hidden=\"true\" />\r\n          </button>\r\n        }\r\n      </div>\r\n    }\r\n\r\n    <!-- Body -->\r\n    <div class=\"ui-modal__body\">\r\n      <ng-content />\r\n    </div>\r\n\r\n    <!-- Footer -->\r\n    @if (!config.hideFooter) {\r\n      <div class=\"ui-modal__footer\">\r\n        <ng-content select=\"[uiModalFooter]\" />\r\n      </div>\r\n    }\r\n  `,\r\n  styleUrl: './modal.component.scss',\r\n})\r\nexport class UiModalComponent {\r\n  /** Configurazione strutturale della modale. */\r\n  @Input() config: UiModalConfig = {};\r\n\r\n  /**\r\n   * Emesso quando la modale viene chiusa.\r\n   * Utile se il componente e usato direttamente nel template\r\n   * senza UiModalService.\r\n   */\r\n  @Output() closed = new EventEmitter<unknown>();\r\n\r\n  /** @internal Riferimento al dialogo Material per la chiusura. */\r\n  private dialogRef = inject(MatDialogRef, { optional: true });\r\n\r\n  /** Chiude la modale con un risultato opzionale. */\r\n  close(result?: unknown): void {\r\n    if (this.dialogRef) {\r\n      this.dialogRef.close(result);\r\n    } else {\r\n      this.closed.emit(result);\r\n    }\r\n  }\r\n}\r\n","import { Component, Input, ChangeDetectionStrategy, ViewEncapsulation } from '@angular/core';\r\nimport { MatTooltipModule } from '@angular/material/tooltip';\r\nimport { LucideAngularModule } from 'lucide-angular';\r\nimport { UiVariant, UiSize, UiIconName } from '../../core/types';\r\nimport { UiIconPosition } from './button.types';\r\n\r\n/** @internal Size-to-icon-pixel mapping for consistent icon sizing. */\r\nconst ICON_SIZE_MAP: Record<UiSize, number> = {\r\n  xs: 14,\r\n  sm: 16,\r\n  md: 18,\r\n  lg: 20,\r\n  xl: 22,\r\n};\r\n\r\n/**\r\n * Standalone button component with design-token-driven theming,\r\n * variant/size system, Lucide icon support, loading states, and WCAG 2.1 AA accessibility.\r\n *\r\n * Uses native `<button>` click events — listen with `(click)` on the host element.\r\n *\r\n * @selector ui-button\r\n *\r\n * @example\r\n * ```html\r\n * <!-- Basic -->\r\n * <ui-button label=\"Save\" variant=\"primary\" icon=\"save\" (click)=\"save()\" />\r\n *\r\n * <!-- Loading -->\r\n * <ui-button label=\"Submitting...\" variant=\"primary\" [loading]=\"true\" />\r\n *\r\n * <!-- Icon-only: tooltip o ariaLabel forniscono il nome accessibile -->\r\n * <ui-button icon=\"trash-2\" variant=\"warn\" tooltip=\"Elimina\" (click)=\"delete()\" />\r\n * ```\r\n */\r\n@Component({\r\n  selector: 'ui-button',\r\n  standalone: true,\r\n  imports: [MatTooltipModule, LucideAngularModule],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  encapsulation: ViewEncapsulation.None,\r\n  host: {\r\n    class: 'ui-button-host',\r\n    '[class.ui-button-host--full-width]': 'fullWidth',\r\n  },\r\n  template: `\r\n    <button\r\n      [type]=\"type\"\r\n      [class]=\"buttonClasses\"\r\n      [disabled]=\"disabled || loading\"\r\n      [attr.aria-label]=\"effectiveAriaLabel || null\"\r\n      [attr.aria-busy]=\"loading || null\"\r\n      [matTooltip]=\"tooltip\"\r\n    >\r\n      <span class=\"ui-button__content\" [class.ui-button__content--hidden]=\"loading\">\r\n        @if (icon && iconPosition === 'leading') {\r\n          <lucide-icon [name]=\"icon!\" [size]=\"iconSize\" aria-hidden=\"true\" />\r\n        }\r\n        @if (label) {\r\n          <span class=\"ui-button__label\">{{ label }}</span>\r\n        }\r\n        <ng-content />\r\n        @if (icon && iconPosition === 'trailing') {\r\n          <lucide-icon [name]=\"icon!\" [size]=\"iconSize\" aria-hidden=\"true\" />\r\n        }\r\n      </span>\r\n      @if (loading) {\r\n        <span class=\"ui-button__spinner-overlay\">\r\n          <span class=\"ui-button__spinner\" aria-hidden=\"true\"></span>\r\n          <span class=\"ui-button__sr-only\">Loading</span>\r\n        </span>\r\n      }\r\n    </button>\r\n  `,\r\n  styleUrl: './button.component.scss',\r\n})\r\nexport class UiButtonComponent {\r\n  /** Button label text. */\r\n  @Input() label = '';\r\n\r\n  /** Tooltip text shown on hover (uses Angular Material tooltip). */\r\n  @Input() tooltip = '';\r\n\r\n  /** Visual style variant. */\r\n  @Input() variant: UiVariant = 'primary';\r\n\r\n  /** Size variant. */\r\n  @Input() size: UiSize = 'md';\r\n\r\n  /** Lucide icon name. @see https://lucide.dev/icons */\r\n  @Input() icon?: UiIconName;\r\n\r\n  /** Icon position relative to the label. */\r\n  @Input() iconPosition: UiIconPosition = 'trailing';\r\n\r\n  /** Whether the button is in a loading state. Disables interaction and shows spinner. */\r\n  @Input() loading = false;\r\n\r\n  /** Whether the button is disabled. */\r\n  @Input() disabled = false;\r\n\r\n  /** Expand button to full container width. */\r\n  @Input() fullWidth = false;\r\n\r\n  /** HTML button type attribute. */\r\n  @Input() type: 'button' | 'submit' | 'reset' = 'button';\r\n\r\n  /** Accessible label override (required for icon-only buttons). */\r\n  @Input() ariaLabel?: string;\r\n\r\n  /** Additional CSS class for edge cases. */\r\n  @Input() customClass?: string;\r\n\r\n  /**\r\n   * Nome accessibile risolto per il pulsante nativo.\r\n   * Usa `ariaLabel` se impostato; per pulsanti solo icona senza testo visibile\r\n   * ricade sul `tooltip` (il tooltip Material non sostituisce il nome accessibile).\r\n   */\r\n  get effectiveAriaLabel(): string | undefined {\r\n    const explicit = this.ariaLabel?.trim();\r\n    if (explicit) return explicit;\r\n\r\n    if (this.label?.trim()) return undefined;\r\n\r\n    const tip = this.tooltip?.trim();\r\n    if (this.icon && tip) return tip;\r\n\r\n    return undefined;\r\n  }\r\n\r\n  /** Computed icon pixel size based on button size. */\r\n  get iconSize(): number {\r\n    return ICON_SIZE_MAP[this.size] ?? 18;\r\n  }\r\n\r\n  /** Assembled CSS class string for the native button element. */\r\n  get buttonClasses(): string {\r\n    return [\r\n      'ui-button',\r\n      `ui-button--${this.variant}`,\r\n      `ui-button--${this.size}`,\r\n      this.loading ? 'ui-button--loading' : '',\r\n      this.fullWidth ? 'ui-button--full-width' : '',\r\n      !this.label && this.icon ? 'ui-button--icon-only' : '',\r\n      this.customClass ?? '',\r\n    ]\r\n      .filter(Boolean)\r\n      .join(' ');\r\n  }\r\n}\r\n","import { Component, ChangeDetectionStrategy, ViewEncapsulation, inject } from '@angular/core';\r\nimport { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';\r\nimport { LucideAngularModule } from 'lucide-angular';\r\nimport { UiButtonComponent } from '../button/button.component';\r\nimport { UiConfirmDialogData, UiConfirmVariant, UiIconName, UiVariant } from './modal.types';\r\n\r\n/** @internal Mappatura variante -> icona Lucide di default. */\r\nconst VARIANT_ICON_MAP: Record<UiConfirmVariant, UiIconName> = {\r\n  confirm: 'check-circle',\r\n  delete: 'trash-2',\r\n  warn: 'alert-triangle',\r\n  info: 'info',\r\n};\r\n\r\n/** @internal Mappatura variante -> colore pulsante di conferma. */\r\nconst VARIANT_BUTTON_MAP: Record<UiConfirmVariant, UiVariant> = {\r\n  confirm: 'primary',\r\n  delete: 'warn',\r\n  warn: 'warn',\r\n  info: 'primary',\r\n};\r\n\r\n/**\r\n * Dialogo di conferma leggero per azioni condizionali.\r\n *\r\n * Non va utilizzato direttamente nel template: viene aperto\r\n * programmaticamente tramite `UiModalService.confirm()` e i suoi\r\n * metodi scorciatoia (`confirmDelete`, `confirmDiscard`, `confirmSave`).\r\n *\r\n * Supporta quattro varianti semantiche — confirm, delete, warn, info —\r\n * ciascuna con icona e colore preconfigurati.\r\n *\r\n * @selector ui-confirm-dialog\r\n *\r\n * @example\r\n * ```typescript\r\n * // Apertura tramite servizio\r\n * this.modalService.confirm({\r\n *   title: 'Conferma eliminazione',\r\n *   message: 'Questa azione non puo essere annullata.',\r\n *   variant: 'delete',\r\n * }).subscribe(confirmed => {\r\n *   if (confirmed) this.deleteItem();\r\n * });\r\n * ```\r\n */\r\n@Component({\r\n  selector: 'ui-confirm-dialog',\r\n  standalone: true,\r\n  imports: [LucideAngularModule, UiButtonComponent],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  encapsulation: ViewEncapsulation.None,\r\n  host: {\r\n    class: 'ui-confirm-dialog-host',\r\n    role: 'alertdialog',\r\n    'aria-modal': 'true',\r\n    '[attr.aria-labelledby]': '\"ui-confirm-title\"',\r\n    '[attr.aria-describedby]': '\"ui-confirm-message\"',\r\n  },\r\n  template: `\r\n    <div class=\"ui-confirm-dialog\">\r\n      <!-- Icona -->\r\n      <div [class]=\"iconClasses\">\r\n        <lucide-icon [name]=\"iconName\" [size]=\"32\" aria-hidden=\"true\" />\r\n      </div>\r\n\r\n      <!-- Contenuto -->\r\n      <div class=\"ui-confirm-dialog__content\">\r\n        @if (data.title) {\r\n          <h3 class=\"ui-confirm-dialog__title\" id=\"ui-confirm-title\">{{ data.title }}</h3>\r\n        }\r\n        <p class=\"ui-confirm-dialog__message\" id=\"ui-confirm-message\">{{ data.message }}</p>\r\n      </div>\r\n\r\n      <!-- Azioni -->\r\n      <div class=\"ui-confirm-dialog__actions\">\r\n        <ui-button\r\n          [label]=\"data.cancelText || 'Annulla'\"\r\n          variant=\"ghost\"\r\n          size=\"md\"\r\n          (click)=\"cancel()\"\r\n        />\r\n        <ui-button\r\n          [label]=\"data.confirmText || 'Conferma'\"\r\n          [variant]=\"confirmButtonVariant\"\r\n          size=\"md\"\r\n          (click)=\"confirm()\"\r\n        />\r\n      </div>\r\n    </div>\r\n  `,\r\n  styleUrl: './confirm-dialog.component.scss',\r\n})\r\nexport class UiConfirmDialogComponent {\r\n  /** @internal Dati iniettati dal servizio modale. */\r\n  readonly data: UiConfirmDialogData = inject(MAT_DIALOG_DATA);\r\n\r\n  /** @internal Riferimento al dialogo per la chiusura. */\r\n  private readonly dialogRef = inject(MatDialogRef);\r\n\r\n  /** Variante semantica corrente. */\r\n  get variant(): UiConfirmVariant {\r\n    return this.data.variant || 'confirm';\r\n  }\r\n\r\n  /** Nome icona Lucide da visualizzare. */\r\n  get iconName(): UiIconName {\r\n    return this.data.icon || VARIANT_ICON_MAP[this.variant];\r\n  }\r\n\r\n  /** Variante del pulsante di conferma. */\r\n  get confirmButtonVariant(): UiVariant {\r\n    return VARIANT_BUTTON_MAP[this.variant];\r\n  }\r\n\r\n  /** Classi CSS per il contenitore icona. */\r\n  get iconClasses(): string {\r\n    return `ui-confirm-dialog__icon ui-confirm-dialog__icon--${this.variant}`;\r\n  }\r\n\r\n  /** Conferma e chiude il dialogo con `true`. */\r\n  confirm(): void {\r\n    this.dialogRef.close(true);\r\n  }\r\n\r\n  /** Annulla e chiude il dialogo con `false`. */\r\n  cancel(): void {\r\n    this.dialogRef.close(false);\r\n  }\r\n}\r\n","import { Injectable, inject, Type } from '@angular/core';\r\nimport { MatDialog, MatDialogConfig, MatDialogRef } from '@angular/material/dialog';\r\nimport { Observable, map } from 'rxjs';\r\nimport { UiConfirmDialogComponent } from './confirm-dialog.component';\r\nimport { UiConfirmDialogData, UiModalOpenConfig, UiModalSize } from './modal.types';\r\n\r\n/** @internal Mappatura dimensione -> larghezza CSS per il pannello overlay. */\r\nconst SIZE_WIDTH_MAP: Record<UiModalSize, string> = {\r\n  sm: '400px',\r\n  md: '560px',\r\n  lg: '720px',\r\n  xl: '900px',\r\n  fullscreen: '95vw',\r\n};\r\n\r\n/**\r\n * Servizio per aprire modali e dialoghi di conferma.\r\n *\r\n * Gestisce lo stacking intelligente: una modale regolare puo\r\n * ospitare al massimo un dialogo di conferma sopra di se.\r\n * Non e possibile stackare due modali regolari.\r\n *\r\n * @usageNotes\r\n *\r\n * ### Aprire una modale personalizzata\r\n * ```typescript\r\n * const ref = this.modalService.open(MyDialogComponent, {\r\n *   size: 'lg',\r\n *   data: { userId: 123 },\r\n * });\r\n *\r\n * ref.afterClosed().subscribe(result => {\r\n *   console.log('Risultato:', result);\r\n * });\r\n * ```\r\n *\r\n * ### Conferma rapida\r\n * ```typescript\r\n * this.modalService.confirm('Confermi questa azione?')\r\n *   .subscribe(ok => { if (ok) this.procedi(); });\r\n * ```\r\n *\r\n * ### Preset di conferma\r\n * ```typescript\r\n * this.modalService.confirmDelete('Progetto Alpha')\r\n *   .subscribe(ok => { if (ok) this.elimina(); });\r\n * ```\r\n */\r\n@Injectable({ providedIn: 'root' })\r\nexport class UiModalService {\r\n  /** @internal Istanza MatDialog per la gestione overlay. */\r\n  private readonly dialog = inject(MatDialog);\r\n\r\n  /** @internal Stack delle modali regolari aperte. */\r\n  private _modalStack: MatDialogRef<unknown>[] = [];\r\n\r\n  /** @internal Traccia se un dialogo di conferma e attualmente aperto. */\r\n  private _confirmOpen = false;\r\n\r\n  /**\r\n   * Apre una modale con un componente personalizzato.\r\n   *\r\n   * Il componente aperto puo iniettare `MAT_DIALOG_DATA` per accedere\r\n   * ai dati e `MatDialogRef` per chiudere la modale.\r\n   *\r\n   * @param component - Componente standalone da renderizzare nella modale\r\n   * @param config - Configurazione (dimensione, dati, comportamento)\r\n   * @returns Riferimento alla modale aperta\r\n   */\r\n  open<T, D = unknown, R = unknown>(component: Type<T>, config?: UiModalOpenConfig<D>): MatDialogRef<T, R> {\r\n    // Regola di stacking: non stackare due modali regolari\r\n    if (this._modalStack.length > 0) {\r\n      console.warn(\r\n        '[UiModalService] Una modale e gia aperta. ' +\r\n          'Usa confirm() per aprire un dialogo di conferma sopra la modale corrente.',\r\n      );\r\n    }\r\n\r\n    const size = config?.size || 'md';\r\n\r\n    const dialogConfig: MatDialogConfig<D> = {\r\n      width: SIZE_WIDTH_MAP[size],\r\n      maxWidth: size === 'fullscreen' ? '95vw' : '90vw',\r\n      maxHeight: size === 'fullscreen' ? '95vh' : '90vh',\r\n      height: size === 'fullscreen' ? '95vh' : undefined,\r\n      disableClose: config?.disableClose ?? false,\r\n      autoFocus: true,\r\n      restoreFocus: true,\r\n      data: config?.data as D,\r\n      panelClass: ['ui-modal-panel', `ui-modal-panel--${size}`, ...(config?.panelClass ? [config.panelClass] : [])],\r\n      hasBackdrop: true,\r\n      backdropClass: ['cdk-overlay-dark-backdrop', 'ui-modal-backdrop'],\r\n    };\r\n\r\n    const ref = this.dialog.open(component, dialogConfig) as MatDialogRef<T, R>;\r\n\r\n    this._modalStack.push(ref as MatDialogRef<unknown>);\r\n    ref.afterClosed().subscribe(() => {\r\n      this._modalStack = this._modalStack.filter((r) => r !== (ref as MatDialogRef<unknown>));\r\n    });\r\n\r\n    return ref;\r\n  }\r\n\r\n  /**\r\n   * Apre un dialogo di conferma.\r\n   *\r\n   * Accetta una stringa semplice (messaggio) o un oggetto di\r\n   * configurazione completo. Puo essere aperto sopra una modale\r\n   * esistente (stacking consentito).\r\n   *\r\n   * @param messageOrConfig - Messaggio o configurazione completa\r\n   * @returns Observable che emette `true` se confermato, `false` se annullato\r\n   */\r\n  confirm(messageOrConfig: string | UiConfirmDialogData): Observable<boolean> {\r\n    const data: UiConfirmDialogData =\r\n      typeof messageOrConfig === 'string' ? { message: messageOrConfig } : messageOrConfig;\r\n\r\n    // Un solo dialogo di conferma alla volta\r\n    if (this._confirmOpen) {\r\n      console.warn('[UiModalService] Un dialogo di conferma e gia aperto.');\r\n      return new Observable((subscriber) => {\r\n        subscriber.next(false);\r\n        subscriber.complete();\r\n      });\r\n    }\r\n\r\n    this._confirmOpen = true;\r\n\r\n    const dialogConfig: MatDialogConfig<UiConfirmDialogData> = {\r\n      width: '420px',\r\n      maxWidth: '90vw',\r\n      disableClose: false,\r\n      autoFocus: false,\r\n      restoreFocus: true,\r\n      data,\r\n      panelClass: ['ui-confirm-panel'],\r\n      hasBackdrop: true,\r\n      backdropClass:\r\n        this._modalStack.length > 0\r\n          ? ['cdk-overlay-dark-backdrop', 'ui-confirm-backdrop--stacked']\r\n          : ['cdk-overlay-dark-backdrop', 'ui-modal-backdrop'],\r\n    };\r\n\r\n    const ref = this.dialog.open(UiConfirmDialogComponent, dialogConfig);\r\n\r\n    return ref.afterClosed().pipe(\r\n      map((result) => {\r\n        this._confirmOpen = false;\r\n        return !!result;\r\n      }),\r\n    );\r\n  }\r\n\r\n  /**\r\n   * Scorciatoia: conferma eliminazione.\r\n   * Variante `delete` con icona cestino e pulsante warn.\r\n   *\r\n   * @param itemName - Nome opzionale dell'elemento da eliminare\r\n   */\r\n  confirmDelete(itemName?: string): Observable<boolean> {\r\n    return this.confirm({\r\n      title: 'Conferma eliminazione',\r\n      message: itemName\r\n        ? `Sei sicuro di voler eliminare \"${itemName}\"? Questa azione non puo essere annullata.`\r\n        : 'Sei sicuro di voler eliminare questo elemento? Questa azione non puo essere annullata.',\r\n      confirmText: 'Elimina',\r\n      cancelText: 'Annulla',\r\n      variant: 'delete',\r\n    });\r\n  }\r\n\r\n  /**\r\n   * Scorciatoia: conferma abbandono modifiche.\r\n   * Variante `warn` con icona avviso.\r\n   */\r\n  confirmDiscard(): Observable<boolean> {\r\n    return this.confirm({\r\n      title: 'Modifiche non salvate',\r\n      message: 'Ci sono modifiche non salvate. Sei sicuro di voler uscire senza salvare?',\r\n      confirmText: 'Esci senza salvare',\r\n      cancelText: 'Rimani',\r\n      variant: 'warn',\r\n    });\r\n  }\r\n\r\n  /**\r\n   * Scorciatoia: conferma salvataggio.\r\n   * Variante `confirm` con icona check.\r\n   */\r\n  confirmSave(): Observable<boolean> {\r\n    return this.confirm({\r\n      title: 'Conferma salvataggio',\r\n      message: 'Sei sicuro di voler salvare le modifiche?',\r\n      confirmText: 'Salva',\r\n      cancelText: 'Annulla',\r\n      variant: 'confirm',\r\n    });\r\n  }\r\n\r\n  /** Chiude tutte le modali e dialoghi aperti. */\r\n  closeAll(): void {\r\n    this.dialog.closeAll();\r\n    this._modalStack = [];\r\n    this._confirmOpen = false;\r\n  }\r\n\r\n  /** Indica se ci sono modali o dialoghi attualmente aperti. */\r\n  get hasOpenDialogs(): boolean {\r\n    return this.dialog.openDialogs.length > 0;\r\n  }\r\n\r\n  /** Numero di modali regolari attualmente aperte. */\r\n  get openModalCount(): number {\r\n    return this._modalStack.length;\r\n  }\r\n}\r\n","/**\n * Bootstrap del secondary entry `@gnggln/ng-ui-system/modal`. Modal e Confirm Dialog.\n */\nexport * from './lib/components/modal/index';\n\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './entry-modal';\n"],"names":["i2"],"mappings":";;;;;;;;;AAaA;;;;;;;;;;;;;;;;;;;;;;;;AAwBG;MAmDU,gBAAgB,CAAA;AAlD7B,IAAA,WAAA,GAAA;;QAoDW,IAAM,CAAA,MAAA,GAAkB,EAAE,CAAC;AAEpC;;;;AAIG;AACO,QAAA,IAAA,CAAA,MAAM,GAAG,IAAI,YAAY,EAAW,CAAC;;QAGvC,IAAS,CAAA,SAAA,GAAG,MAAM,CAAC,YAAY,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;AAU9D,KAAA;;AAPC,IAAA,KAAK,CAAC,MAAgB,EAAA;AACpB,QAAA,IAAI,IAAI,CAAC,SAAS,EAAE;AAClB,YAAA,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;SAC9B;aAAM;AACL,YAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;SAC1B;KACF;+GArBU,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAhB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,gBAAgB,EAtCjB,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,EAAA,MAAA,EAAA,QAAA,EAAA,EAAA,OAAA,EAAA,EAAA,MAAA,EAAA,QAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,MAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,sBAAA,EAAA,EAAA,cAAA,EAAA,eAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,06FAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EA5CS,mBAAmB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,sBAAA,EAAA,QAAA,EAAA,oDAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,aAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;4FA+ClB,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAlD5B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,UAAU,EACR,UAAA,EAAA,IAAI,EACP,OAAA,EAAA,CAAC,mBAAmB,CAAC,EAAA,eAAA,EACb,uBAAuB,CAAC,MAAM,EAAA,aAAA,EAChC,iBAAiB,CAAC,IAAI,EAC/B,IAAA,EAAA;AACJ,wBAAA,KAAK,EAAE,eAAe;AACtB,wBAAA,IAAI,EAAE,QAAQ;AACd,wBAAA,YAAY,EAAE,MAAM;AACpB,wBAAA,mBAAmB,EAAE,sBAAsB;qBAC5C,EACS,QAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCT,EAAA,CAAA,EAAA,MAAA,EAAA,CAAA,06FAAA,CAAA,EAAA,CAAA;8BAKQ,MAAM,EAAA,CAAA;sBAAd,KAAK;gBAOI,MAAM,EAAA,CAAA;sBAAf,MAAM;;;AC3FT;AACA,MAAM,aAAa,GAA2B;AAC5C,IAAA,EAAE,EAAE,EAAE;AACN,IAAA,EAAE,EAAE,EAAE;AACN,IAAA,EAAE,EAAE,EAAE;AACN,IAAA,EAAE,EAAE,EAAE;AACN,IAAA,EAAE,EAAE,EAAE;CACP,CAAC;AAEF;;;;;;;;;;;;;;;;;;;AAmBG;MA0CU,iBAAiB,CAAA;AAzC9B,IAAA,WAAA,GAAA;;QA2CW,IAAK,CAAA,KAAA,GAAG,EAAE,CAAC;;QAGX,IAAO,CAAA,OAAA,GAAG,EAAE,CAAC;;QAGb,IAAO,CAAA,OAAA,GAAc,SAAS,CAAC;;QAG/B,IAAI,CAAA,IAAA,GAAW,IAAI,CAAC;;QAMpB,IAAY,CAAA,YAAA,GAAmB,UAAU,CAAC;;QAG1C,IAAO,CAAA,OAAA,GAAG,KAAK,CAAC;;QAGhB,IAAQ,CAAA,QAAA,GAAG,KAAK,CAAC;;QAGjB,IAAS,CAAA,SAAA,GAAG,KAAK,CAAC;;QAGlB,IAAI,CAAA,IAAA,GAAkC,QAAQ,CAAC;AA4CzD,KAAA;AApCC;;;;AAIG;AACH,IAAA,IAAI,kBAAkB,GAAA;QACpB,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,EAAE,IAAI,EAAE,CAAC;AACxC,QAAA,IAAI,QAAQ;AAAE,YAAA,OAAO,QAAQ,CAAC;AAE9B,QAAA,IAAI,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE;AAAE,YAAA,OAAO,SAAS,CAAC;QAEzC,MAAM,GAAG,GAAG,IAAI,CAAC,OAAO,EAAE,IAAI,EAAE,CAAC;AACjC,QAAA,IAAI,IAAI,CAAC,IAAI,IAAI,GAAG;AAAE,YAAA,OAAO,GAAG,CAAC;AAEjC,QAAA,OAAO,SAAS,CAAC;KAClB;;AAGD,IAAA,IAAI,QAAQ,GAAA;QACV,OAAO,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;KACvC;;AAGD,IAAA,IAAI,aAAa,GAAA;QACf,OAAO;YACL,WAAW;YACX,CAAc,WAAA,EAAA,IAAI,CAAC,OAAO,CAAE,CAAA;YAC5B,CAAc,WAAA,EAAA,IAAI,CAAC,IAAI,CAAE,CAAA;YACzB,IAAI,CAAC,OAAO,GAAG,oBAAoB,GAAG,EAAE;YACxC,IAAI,CAAC,SAAS,GAAG,uBAAuB,GAAG,EAAE;AAC7C,YAAA,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,IAAI,GAAG,sBAAsB,GAAG,EAAE;YACtD,IAAI,CAAC,WAAW,IAAI,EAAE;AACvB,SAAA;aACE,MAAM,CAAC,OAAO,CAAC;aACf,IAAI,CAAC,GAAG,CAAC,CAAC;KACd;+GAxEU,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAjB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,iBAAiB,EA/BlB,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,OAAA,EAAA,SAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,MAAA,EAAA,YAAA,EAAA,cAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,UAAA,EAAA,SAAA,EAAA,WAAA,EAAA,IAAA,EAAA,MAAA,EAAA,SAAA,EAAA,WAAA,EAAA,WAAA,EAAA,aAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,kCAAA,EAAA,WAAA,EAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BT,EAnCS,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,ikIAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,gBAAgB,8TAAE,mBAAmB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,EAAA,CAAA,sBAAA,EAAA,QAAA,EAAA,oDAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,aAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;4FAsCpC,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAzC7B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,WAAW,cACT,IAAI,EAAA,OAAA,EACP,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,EAC/B,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,aAAA,EAChC,iBAAiB,CAAC,IAAI,EAC/B,IAAA,EAAA;AACJ,wBAAA,KAAK,EAAE,gBAAgB;AACvB,wBAAA,oCAAoC,EAAE,WAAW;qBAClD,EACS,QAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BT,EAAA,CAAA,EAAA,MAAA,EAAA,CAAA,ikIAAA,CAAA,EAAA,CAAA;8BAKQ,KAAK,EAAA,CAAA;sBAAb,KAAK;gBAGG,OAAO,EAAA,CAAA;sBAAf,KAAK;gBAGG,OAAO,EAAA,CAAA;sBAAf,KAAK;gBAGG,IAAI,EAAA,CAAA;sBAAZ,KAAK;gBAGG,IAAI,EAAA,CAAA;sBAAZ,KAAK;gBAGG,YAAY,EAAA,CAAA;sBAApB,KAAK;gBAGG,OAAO,EAAA,CAAA;sBAAf,KAAK;gBAGG,QAAQ,EAAA,CAAA;sBAAhB,KAAK;gBAGG,SAAS,EAAA,CAAA;sBAAjB,KAAK;gBAGG,IAAI,EAAA,CAAA;sBAAZ,KAAK;gBAGG,SAAS,EAAA,CAAA;sBAAjB,KAAK;gBAGG,WAAW,EAAA,CAAA;sBAAnB,KAAK;;;ACzGR;AACA,MAAM,gBAAgB,GAAyC;AAC7D,IAAA,OAAO,EAAE,cAAc;AACvB,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,IAAI,EAAE,gBAAgB;AACtB,IAAA,IAAI,EAAE,MAAM;CACb,CAAC;AAEF;AACA,MAAM,kBAAkB,GAAwC;AAC9D,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,MAAM,EAAE,MAAM;AACd,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,IAAI,EAAE,SAAS;CAChB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;AAuBG;MAgDU,wBAAwB,CAAA;AA/CrC,IAAA,WAAA,GAAA;;AAiDW,QAAA,IAAA,CAAA,IAAI,GAAwB,MAAM,CAAC,eAAe,CAAC,CAAC;;AAG5C,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAAC,YAAY,CAAC,CAAC;AA+BnD,KAAA;;AA5BC,IAAA,IAAI,OAAO,GAAA;AACT,QAAA,OAAO,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,SAAS,CAAC;KACvC;;AAGD,IAAA,IAAI,QAAQ,GAAA;AACV,QAAA,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,gBAAgB,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;KACzD;;AAGD,IAAA,IAAI,oBAAoB,GAAA;AACtB,QAAA,OAAO,kBAAkB,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;KACzC;;AAGD,IAAA,IAAI,WAAW,GAAA;AACb,QAAA,OAAO,CAAoD,iDAAA,EAAA,IAAI,CAAC,OAAO,EAAE,CAAC;KAC3E;;IAGD,OAAO,GAAA;AACL,QAAA,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;KAC5B;;IAGD,MAAM,GAAA;AACJ,QAAA,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;KAC7B;+GAnCU,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAxB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,wBAAwB,EAlCzB,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,MAAA,EAAA,aAAA,EAAA,YAAA,EAAA,MAAA,EAAA,EAAA,UAAA,EAAA,EAAA,sBAAA,EAAA,sBAAA,EAAA,uBAAA,EAAA,wBAAA,EAAA,EAAA,cAAA,EAAA,wBAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BT,EAzCS,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,s/DAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,mBAAmB,gPAAE,iBAAiB,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,EAAA,SAAA,EAAA,MAAA,EAAA,MAAA,EAAA,cAAA,EAAA,SAAA,EAAA,UAAA,EAAA,WAAA,EAAA,MAAA,EAAA,WAAA,EAAA,aAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;4FA4CrC,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBA/CpC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,mBAAmB,cACjB,IAAI,EAAA,OAAA,EACP,CAAC,mBAAmB,EAAE,iBAAiB,CAAC,EAChC,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,aAAA,EAChC,iBAAiB,CAAC,IAAI,EAC/B,IAAA,EAAA;AACJ,wBAAA,KAAK,EAAE,wBAAwB;AAC/B,wBAAA,IAAI,EAAE,aAAa;AACnB,wBAAA,YAAY,EAAE,MAAM;AACpB,wBAAA,wBAAwB,EAAE,oBAAoB;AAC9C,wBAAA,yBAAyB,EAAE,sBAAsB;qBAClD,EACS,QAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BT,EAAA,CAAA,EAAA,MAAA,EAAA,CAAA,s/DAAA,CAAA,EAAA,CAAA;;;ACpFH;AACA,MAAM,cAAc,GAAgC;AAClD,IAAA,EAAE,EAAE,OAAO;AACX,IAAA,EAAE,EAAE,OAAO;AACX,IAAA,EAAE,EAAE,OAAO;AACX,IAAA,EAAE,EAAE,OAAO;AACX,IAAA,UAAU,EAAE,MAAM;CACnB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCG;MAEU,cAAc,CAAA;AAD3B,IAAA,WAAA,GAAA;;AAGmB,QAAA,IAAA,CAAA,MAAM,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;;QAGpC,IAAW,CAAA,WAAA,GAA4B,EAAE,CAAC;;QAG1C,IAAY,CAAA,YAAA,GAAG,KAAK,CAAC;AA+J9B,KAAA;AA7JC;;;;;;;;;AASG;IACH,IAAI,CAA8B,SAAkB,EAAE,MAA6B,EAAA;;QAEjF,IAAI,IAAI,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,EAAE;YAC/B,OAAO,CAAC,IAAI,CACV,4CAA4C;AAC1C,gBAAA,2EAA2E,CAC9E,CAAC;SACH;AAED,QAAA,MAAM,IAAI,GAAG,MAAM,EAAE,IAAI,IAAI,IAAI,CAAC;AAElC,QAAA,MAAM,YAAY,GAAuB;AACvC,YAAA,KAAK,EAAE,cAAc,CAAC,IAAI,CAAC;YAC3B,QAAQ,EAAE,IAAI,KAAK,YAAY,GAAG,MAAM,GAAG,MAAM;YACjD,SAAS,EAAE,IAAI,KAAK,YAAY,GAAG,MAAM,GAAG,MAAM;YAClD,MAAM,EAAE,IAAI,KAAK,YAAY,GAAG,MAAM,GAAG,SAAS;AAClD,YAAA,YAAY,EAAE,MAAM,EAAE,YAAY,IAAI,KAAK;AAC3C,YAAA,SAAS,EAAE,IAAI;AACf,YAAA,YAAY,EAAE,IAAI;YAClB,IAAI,EAAE,MAAM,EAAE,IAAS;YACvB,UAAU,EAAE,CAAC,gBAAgB,EAAE,CAAA,gBAAA,EAAmB,IAAI,CAAA,CAAE,EAAE,IAAI,MAAM,EAAE,UAAU,GAAG,CAAC,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE,CAAC,CAAC;AAC7G,YAAA,WAAW,EAAE,IAAI;AACjB,YAAA,aAAa,EAAE,CAAC,2BAA2B,EAAE,mBAAmB,CAAC;SAClE,CAAC;AAEF,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,EAAE,YAAY,CAAuB,CAAC;AAE5E,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,GAA4B,CAAC,CAAC;AACpD,QAAA,GAAG,CAAC,WAAW,EAAE,CAAC,SAAS,CAAC,MAAK;AAC/B,YAAA,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,KAAM,GAA6B,CAAC,CAAC;AAC1F,SAAC,CAAC,CAAC;AAEH,QAAA,OAAO,GAAG,CAAC;KACZ;AAED;;;;;;;;;AASG;AACH,IAAA,OAAO,CAAC,eAA6C,EAAA;AACnD,QAAA,MAAM,IAAI,GACR,OAAO,eAAe,KAAK,QAAQ,GAAG,EAAE,OAAO,EAAE,eAAe,EAAE,GAAG,eAAe,CAAC;;AAGvF,QAAA,IAAI,IAAI,CAAC,YAAY,EAAE;AACrB,YAAA,OAAO,CAAC,IAAI,CAAC,uDAAuD,CAAC,CAAC;AACtE,YAAA,OAAO,IAAI,UAAU,CAAC,CAAC,UAAU,KAAI;AACnC,gBAAA,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;gBACvB,UAAU,CAAC,QAAQ,EAAE,CAAC;AACxB,aAAC,CAAC,CAAC;SACJ;AAED,QAAA,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;AAEzB,QAAA,MAAM,YAAY,GAAyC;AACzD,YAAA,KAAK,EAAE,OAAO;AACd,YAAA,QAAQ,EAAE,MAAM;AAChB,YAAA,YAAY,EAAE,KAAK;AACnB,YAAA,SAAS,EAAE,KAAK;AAChB,YAAA,YAAY,EAAE,IAAI;YAClB,IAAI;YACJ,UAAU,EAAE,CAAC,kBAAkB,CAAC;AAChC,YAAA,WAAW,EAAE,IAAI;AACjB,YAAA,aAAa,EACX,IAAI,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC;AACzB,kBAAE,CAAC,2BAA2B,EAAE,8BAA8B,CAAC;AAC/D,kBAAE,CAAC,2BAA2B,EAAE,mBAAmB,CAAC;SACzD,CAAC;AAEF,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,wBAAwB,EAAE,YAAY,CAAC,CAAC;AAErE,QAAA,OAAO,GAAG,CAAC,WAAW,EAAE,CAAC,IAAI,CAC3B,GAAG,CAAC,CAAC,MAAM,KAAI;AACb,YAAA,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;YAC1B,OAAO,CAAC,CAAC,MAAM,CAAC;SACjB,CAAC,CACH,CAAC;KACH;AAED;;;;;AAKG;AACH,IAAA,aAAa,CAAC,QAAiB,EAAA;QAC7B,OAAO,IAAI,CAAC,OAAO,CAAC;AAClB,YAAA,KAAK,EAAE,uBAAuB;AAC9B,YAAA,OAAO,EAAE,QAAQ;kBACb,CAAkC,+BAAA,EAAA,QAAQ,CAA4C,0CAAA,CAAA;AACxF,kBAAE,wFAAwF;AAC5F,YAAA,WAAW,EAAE,SAAS;AACtB,YAAA,UAAU,EAAE,SAAS;AACrB,YAAA,OAAO,EAAE,QAAQ;AAClB,SAAA,CAAC,CAAC;KACJ;AAED;;;AAGG;IACH,cAAc,GAAA;QACZ,OAAO,IAAI,CAAC,OAAO,CAAC;AAClB,YAAA,KAAK,EAAE,uBAAuB;AAC9B,YAAA,OAAO,EAAE,0EAA0E;AACnF,YAAA,WAAW,EAAE,oBAAoB;AACjC,YAAA,UAAU,EAAE,QAAQ;AACpB,YAAA,OAAO,EAAE,MAAM;AAChB,SAAA,CAAC,CAAC;KACJ;AAED;;;AAGG;IACH,WAAW,GAAA;QACT,OAAO,IAAI,CAAC,OAAO,CAAC;AAClB,YAAA,KAAK,EAAE,sBAAsB;AAC7B,YAAA,OAAO,EAAE,2CAA2C;AACpD,YAAA,WAAW,EAAE,OAAO;AACpB,YAAA,UAAU,EAAE,SAAS;AACrB,YAAA,OAAO,EAAE,SAAS;AACnB,SAAA,CAAC,CAAC;KACJ;;IAGD,QAAQ,GAAA;AACN,QAAA,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC;AACvB,QAAA,IAAI,CAAC,WAAW,GAAG,EAAE,CAAC;AACtB,QAAA,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;KAC3B;;AAGD,IAAA,IAAI,cAAc,GAAA;QAChB,OAAO,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC;KAC3C;;AAGD,IAAA,IAAI,cAAc,GAAA;AAChB,QAAA,OAAO,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC;KAChC;+GAtKU,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA,EAAA;AAAd,IAAA,SAAA,IAAA,CAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,cAAc,cADD,MAAM,EAAA,CAAA,CAAA,EAAA;;4FACnB,cAAc,EAAA,UAAA,EAAA,CAAA;kBAD1B,UAAU;mBAAC,EAAE,UAAU,EAAE,MAAM,EAAE,CAAA;;;AChDlC;;AAEG;;ACFH;;AAEG;;;;"}

package/fesm2022/gnggln-ng-ui-system-page-header.mjs

@@ -0,0 +1,526 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, inject, Injectable, DestroyRef, ChangeDetectorRef, Component, ChangeDetectionStrategy, ViewEncapsulation, Input } from '@angular/core';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { Router, NavigationEnd, ActivatedRoute, RouterLink } from '@angular/router';
+import { Title } from '@angular/platform-browser';
+import { filter } from 'rxjs/operators';
+import * as i1 from 'lucide-angular';
+import { LucideAngularModule } from 'lucide-angular';
+
+/**
+ * @module ng-ui-system/page-header
+ * Types and interfaces for UiPageHeader and UiBreadcrumbService.
+ */
+/**
+ * Injection token for providing a custom label resolver to UiBreadcrumbService.
+ *
+ * When not provided, parameters are displayed as-is (identity function).
+ *
+ * @example
+ * ```typescript
+ * // In your app.config.ts or module providers:
+ * { provide: UI_BREADCRUMB_LABEL_RESOLVER, useValue: myLabelResolver }
+ * ```
+ */
+const UI_BREADCRUMB_LABEL_RESOLVER = new InjectionToken('UI_BREADCRUMB_LABEL_RESOLVER', {
+    providedIn: 'root',
+    factory: () => (_name, value) => value,
+});
+
+/** biome-ignore-all lint/complexity/useLiteralKeys: <explanation> */
+/**
+ * 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,
+ *   },
+ * ]
+ * ```
+ */
+class UiBreadcrumbService {
+    constructor() {
+        this.router = inject(Router);
+        this.labelResolver = inject(UI_BREADCRUMB_LABEL_RESOLVER);
+        /** @internal Map of route ID → breadcrumb configuration. */
+        this.breadcrumbMap = new Map();
+        /** @internal Tracks route count to detect lazy-loaded route additions. */
+        this.lastRouteConfigLength = 0;
+        /** @internal Last computed breadcrumbs for navigateBack. */
+        this.lastBreadcrumbs = [];
+        this.rebuildRouteMap();
+        this.router.events
+            .pipe(filter((event) => event instanceof NavigationEnd))
+            .subscribe(() => this.rebuildRouteMapIfNeeded());
+    }
+    /**
+     * 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) {
+        let deepestRoute = route;
+        while (deepestRoute.firstChild) {
+            deepestRoute = deepestRoute.firstChild;
+        }
+        let routeWithId = deepestRoute;
+        while (routeWithId && !routeWithId.snapshot.data['id']) {
+            routeWithId = routeWithId.parent;
+        }
+        const routeId = routeWithId?.snapshot.data['id'];
+        if (!routeId) {
+            this.lastBreadcrumbs = [];
+            return [];
+        }
+        const params = this.collectParamsFromPath(deepestRoute);
+        const breadcrumbs = this.buildBreadcrumbChain(routeId, params);
+        this.lastBreadcrumbs = breadcrumbs;
+        return breadcrumbs;
+    }
+    /**
+     * Navigates to the previous breadcrumb (parent route).
+     * Falls back to `fallbackUrl` (default: `/`) when no parent exists.
+     */
+    navigateBack(fallbackUrl = '/') {
+        const prev = this.lastBreadcrumbs.length > 1 ? this.lastBreadcrumbs[this.lastBreadcrumbs.length - 2] : null;
+        const target = prev?.url ?? fallbackUrl;
+        this.router.navigateByUrl(target);
+    }
+    /** @internal Collects all route params from the full path (including parents). */
+    collectParamsFromPath(route) {
+        const params = {};
+        for (const r of route.pathFromRoot) {
+            Object.assign(params, r.snapshot.params);
+        }
+        return params;
+    }
+    // ─── Private helpers ─────────────────────────────────────────────
+    /** @internal Rebuilds the map only when new lazy routes appear. */
+    rebuildRouteMapIfNeeded() {
+        const currentLength = this.countRoutes(this.router.config);
+        if (currentLength !== this.lastRouteConfigLength) {
+            this.rebuildRouteMap();
+        }
+    }
+    /** @internal Recursively counts routes including lazy-loaded children. */
+    countRoutes(routes) {
+        let count = routes.length;
+        for (const route of routes) {
+            if (route.children) {
+                count += this.countRoutes(route.children);
+            }
+            if (route._loadedRoutes) {
+                count += this.countRoutes(route._loadedRoutes);
+            }
+        }
+        return count;
+    }
+    /** @internal Clears and rebuilds the full route → breadcrumb map. */
+    rebuildRouteMap() {
+        this.breadcrumbMap.clear();
+        this.buildRouteMap(this.router.config);
+        this.lastRouteConfigLength = this.countRoutes(this.router.config);
+    }
+    /** @internal Recursively walks route tree to build the breadcrumb map. */
+    buildRouteMap(routes, parentPath = '') {
+        for (const route of routes) {
+            const currentPath = `${parentPath}/${route.path || ''}`;
+            if (route.data?.['id']) {
+                const fullPath = this.normalizePath(currentPath);
+                this.breadcrumbMap.set(route.data['id'], {
+                    id: route.data['id'],
+                    path: fullPath,
+                    label: route.data['title'] || route.path || route.data['id'],
+                    parentIds: route.data['breadcrumbs'] || [],
+                    metadata: route.data,
+                });
+            }
+            if (route.children) {
+                this.buildRouteMap(route.children, currentPath);
+            }
+            if (route._loadedRoutes) {
+                this.buildRouteMap(route._loadedRoutes, currentPath);
+            }
+        }
+    }
+    /** @internal Builds the full breadcrumb chain for a route by its ID. */
+    buildBreadcrumbChain(routeId, params) {
+        const config = this.breadcrumbMap.get(routeId);
+        if (!config)
+            return [];
+        this.saveFullPath(routeId, this.router.url);
+        const parentChain = this.getParentChain(config.parentIds, params);
+        const breadcrumbs = [...parentChain];
+        breadcrumbs.push({
+            label: this.resolveLabel(config.label, params),
+            url: this.stripQueryParams(this.router.url),
+            isLast: true,
+        });
+        return breadcrumbs;
+    }
+    /** @internal Resolves parent breadcrumbs from ordered parent IDs. */
+    getParentChain(parentIds, params) {
+        if (!parentIds?.length)
+            return [];
+        return parentIds
+            .map((id) => {
+            const config = this.breadcrumbMap.get(id);
+            if (!config)
+                return null;
+            return {
+                label: this.resolveLabel(config.label, params),
+                url: this.resolveUrl(config.path, params),
+                isLast: false,
+            };
+        })
+            .filter(Boolean);
+    }
+    /**
+     * @internal Resolves `:param` placeholders in a label using
+     * the injected label resolver function.
+     */
+    resolveLabel(label, params) {
+        if (!label.includes(':'))
+            return label;
+        let resolved = label;
+        for (const [key, value] of Object.entries(params)) {
+            const readableValue = this.labelResolver(key, value);
+            resolved = resolved.replace(`:${key}`, readableValue);
+        }
+        return resolved;
+    }
+    /** @internal Resolves `:param` placeholders in a path and creates a URL. */
+    resolveUrl(path, params) {
+        let processedPath = path;
+        if (path.includes(':')) {
+            const segments = path.split('/');
+            const processedSegments = segments.map((segment) => {
+                if (segment.startsWith(':')) {
+                    const paramName = segment.substring(1);
+                    return params[paramName] || segment;
+                }
+                return segment;
+            });
+            processedPath = processedSegments.join('/');
+        }
+        try {
+            return this.router.createUrlTree([processedPath]).toString();
+        }
+        catch {
+            return processedPath;
+        }
+    }
+    /** @internal Normalizes path by collapsing double slashes and trimming trailing slash. */
+    normalizePath(path) {
+        return path.replace(/\/+/g, '/').replace(/\/$/, '');
+    }
+    /** @internal Removes query parameters from a URL. */
+    stripQueryParams(url) {
+        return url.split('?')[0];
+    }
+    /** @internal Caches the fully resolved URL for a route ID. */
+    saveFullPath(routeId, fullPath) {
+        const config = this.breadcrumbMap.get(routeId);
+        if (config) {
+            config.fullPath = this.stripQueryParams(fullPath);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: UiBreadcrumbService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: UiBreadcrumbService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: UiBreadcrumbService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [] });
+
+/**
+ * Page header component that renders a breadcrumb navigation trail
+ * and a page title. Integrates with `UiBreadcrumbService` to
+ * automatically derive breadcrumbs from Angular route configuration.
+ *
+ * The breadcrumb trail is generated from route `data` properties:
+ * - `data.id` — unique route identifier
+ * - `data.title` — display label
+ * - `data.breadcrumbs` — ordered array of parent route IDs
+ *
+ * @selector ui-page-header
+ *
+ * @example
+ * ```html
+ * <!-- Auto breadcrumbs from route data -->
+ * <ui-page-header />
+ *
+ * <!-- With explicit title override -->
+ * <ui-page-header title="Custom Title" />
+ *
+ * <!-- With document title update -->
+ * <ui-page-header [updateDocumentTitle]="true" titleSuffix=" | My App" />
+ * ```
+ */
+class UiPageHeaderComponent {
+    constructor() {
+        /** Override the auto-detected page title. When empty, title is derived from the last breadcrumb. */
+        this.title = '';
+        /** Route path for the Home breadcrumb link. */
+        this.homeRoute = '/';
+        /** Whether to display the Home link at the start of the trail. */
+        this.showHome = true;
+        /** When `true`, updates `document.title` on each navigation. */
+        this.updateDocumentTitle = false;
+        /** Suffix appended to `document.title` (e.g. `' | My App'`). Only used when `updateDocumentTitle` is `true`. */
+        this.titleSuffix = '';
+        /** @internal */
+        this.breadcrumbs = [];
+        this.router = inject(Router);
+        this.activatedRoute = inject(ActivatedRoute);
+        this.titleService = inject(Title);
+        this.breadcrumbService = inject(UiBreadcrumbService);
+        this.destroyRef = inject(DestroyRef);
+        this.cdr = inject(ChangeDetectorRef);
+    }
+    /** Resolved page title: explicit `title` input wins, otherwise last breadcrumb label. */
+    get displayTitle() {
+        if (this.title)
+            return this.title;
+        if (this.breadcrumbs.length > 0) {
+            return this.breadcrumbs[this.breadcrumbs.length - 1].label;
+        }
+        return '';
+    }
+    ngOnInit() {
+        this.refresh();
+        this.router.events
+            .pipe(filter((event) => event instanceof NavigationEnd), takeUntilDestroyed(this.destroyRef))
+            .subscribe(() => this.refresh());
+    }
+    /**
+     * Navigates to the previous breadcrumb (parent route).
+     * @param fallbackUrl - URL to navigate to when no parent exists (default: homeRoute).
+     */
+    navigateBack(fallbackUrl) {
+        this.breadcrumbService.navigateBack(fallbackUrl ?? this.homeRoute);
+    }
+    /** @internal */
+    refresh() {
+        this.breadcrumbs = this.breadcrumbService.getBreadcrumbsForRoute(this.activatedRoute);
+        if (this.updateDocumentTitle) {
+            const title = this.displayTitle;
+            if (title) {
+                this.titleService.setTitle(`${title}${this.titleSuffix}`);
+            }
+        }
+        this.cdr.markForCheck();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: UiPageHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: UiPageHeaderComponent, isStandalone: true, selector: "ui-page-header", inputs: { title: "title", homeRoute: "homeRoute", showHome: "showHome", updateDocumentTitle: "updateDocumentTitle", titleSuffix: "titleSuffix" }, host: { classAttribute: "ui-page-header-host" }, ngImport: i0, template: `
+    <header class="ui-page-header">
+      <nav aria-label="Breadcrumb" class="ui-page-header__nav">
+        <ol
+          class="ui-page-header__breadcrumb"
+          itemscope
+          itemtype="https://schema.org/BreadcrumbList"
+        >
+          @if (showHome) {
+            <li
+              class="ui-page-header__item"
+              itemprop="itemListElement"
+              itemscope
+              itemtype="https://schema.org/ListItem"
+            >
+              <a
+                itemprop="item"
+                [routerLink]="homeRoute"
+                class="ui-page-header__link"
+                aria-label="Home"
+              >
+                <lucide-icon name="home" [size]="14" aria-hidden="true" />
+                <span itemprop="name" class="ui-page-header__text">Home</span>
+              </a>
+              <meta itemprop="position" content="1" />
+              <span class="ui-page-header__separator" aria-hidden="true">
+                <lucide-icon name="chevron-right" [size]="14" />
+              </span>
+            </li>
+          }
+          @for (crumb of breadcrumbs; track crumb.url; let i = $index) {
+            <li
+              class="ui-page-header__item"
+              [class.ui-page-header__item--current]="crumb.isLast"
+              itemprop="itemListElement"
+              itemscope
+              itemtype="https://schema.org/ListItem"
+            >
+              @if (!crumb.isLast) {
+                <a
+                  itemprop="item"
+                  [routerLink]="crumb.url"
+                  class="ui-page-header__link"
+                >
+                  <span itemprop="name" class="ui-page-header__text">{{ crumb.label }}</span>
+                </a>
+                <span class="ui-page-header__separator" aria-hidden="true">
+                  <lucide-icon name="chevron-right" [size]="14" />
+                </span>
+              } @else {
+                <span
+                  itemprop="name"
+                  class="ui-page-header__text ui-page-header__text--current"
+                  aria-current="page"
+                >
+                  {{ crumb.label }}
+                </span>
+              }
+              <meta itemprop="position" [attr.content]="showHome ? i + 2 : i + 1" />
+            </li>
+          }
+        </ol>
+      </nav>
+
+      <h1 class="ui-page-header__title" id="page-title">
+        {{ displayTitle }}
+      </h1>
+    </header>
+  `, isInline: true, styles: [".ui-page-header-host{display:block}.ui-page-header{margin-bottom:var(--ui-spacing-5)}.ui-page-header__nav{margin-bottom:var(--ui-spacing-2)}.ui-page-header__breadcrumb{display:flex;flex-wrap:wrap;align-items:center;list-style:none;margin:0;padding:0;font-family:var(--ui-font-family);font-size:var(--ui-font-size-sm);line-height:var(--ui-line-height-normal);gap:var(--ui-spacing-1)}.ui-page-header__item{display:inline-flex;align-items:center;gap:var(--ui-spacing-1)}a.ui-page-header__link lucide-icon{transform:translateY(2px)!important}span.ui-page-header__separator lucide-icon{transform:translateY(3px)!important}.ui-page-header__link{display:inline-flex;align-items:center;gap:4px;text-decoration:none;color:var(--ui-color-primary);border-radius:var(--ui-radius-sm);padding:2px 4px;margin:-2px -4px;transition:color var(--ui-transition-fast),background-color var(--ui-transition-fast)}.ui-page-header__link:hover{color:var(--ui-color-primary-hover);text-decoration:underline}.ui-page-header__link:focus{outline:none}.ui-page-header__link:focus-visible{outline:var(--ui-focus-ring-width) solid var(--ui-focus-ring-color);outline-offset:var(--ui-focus-ring-offset)}.ui-page-header__text{white-space:nowrap}.ui-page-header__text--current{font-weight:var(--ui-font-weight-medium);color:var(--ui-color-text)}.ui-page-header__separator{display:inline-flex;align-items:center;color:var(--ui-color-text-muted);flex-shrink:0}.ui-page-header__title{margin:0;font-family:var(--ui-font-family);font-size:var(--ui-font-size-2xl);font-weight:var(--ui-font-weight-bold);color:var(--ui-color-text);line-height:var(--ui-line-height-tight)}.ui-page-header__title:focus{outline:none}@media (min-width: 640px){.ui-page-header__title{font-size:var(--ui-font-size-xl)}.ui-page-header__breadcrumb{font-size:var(--ui-font-size-xs)}}\n"], dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: LucideAngularModule }, { kind: "component", type: i1.LucideAngularComponent, selector: "lucide-angular, lucide-icon, i-lucide, span-lucide", inputs: ["class", "name", "img", "color", "absoluteStrokeWidth", "size", "strokeWidth"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: UiPageHeaderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ui-page-header', standalone: true, imports: [RouterLink, LucideAngularModule], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
+                        class: 'ui-page-header-host',
+                    }, template: `
+    <header class="ui-page-header">
+      <nav aria-label="Breadcrumb" class="ui-page-header__nav">
+        <ol
+          class="ui-page-header__breadcrumb"
+          itemscope
+          itemtype="https://schema.org/BreadcrumbList"
+        >
+          @if (showHome) {
+            <li
+              class="ui-page-header__item"
+              itemprop="itemListElement"
+              itemscope
+              itemtype="https://schema.org/ListItem"
+            >
+              <a
+                itemprop="item"
+                [routerLink]="homeRoute"
+                class="ui-page-header__link"
+                aria-label="Home"
+              >
+                <lucide-icon name="home" [size]="14" aria-hidden="true" />
+                <span itemprop="name" class="ui-page-header__text">Home</span>
+              </a>
+              <meta itemprop="position" content="1" />
+              <span class="ui-page-header__separator" aria-hidden="true">
+                <lucide-icon name="chevron-right" [size]="14" />
+              </span>
+            </li>
+          }
+          @for (crumb of breadcrumbs; track crumb.url; let i = $index) {
+            <li
+              class="ui-page-header__item"
+              [class.ui-page-header__item--current]="crumb.isLast"
+              itemprop="itemListElement"
+              itemscope
+              itemtype="https://schema.org/ListItem"
+            >
+              @if (!crumb.isLast) {
+                <a
+                  itemprop="item"
+                  [routerLink]="crumb.url"
+                  class="ui-page-header__link"
+                >
+                  <span itemprop="name" class="ui-page-header__text">{{ crumb.label }}</span>
+                </a>
+                <span class="ui-page-header__separator" aria-hidden="true">
+                  <lucide-icon name="chevron-right" [size]="14" />
+                </span>
+              } @else {
+                <span
+                  itemprop="name"
+                  class="ui-page-header__text ui-page-header__text--current"
+                  aria-current="page"
+                >
+                  {{ crumb.label }}
+                </span>
+              }
+              <meta itemprop="position" [attr.content]="showHome ? i + 2 : i + 1" />
+            </li>
+          }
+        </ol>
+      </nav>
+
+      <h1 class="ui-page-header__title" id="page-title">
+        {{ displayTitle }}
+      </h1>
+    </header>
+  `, styles: [".ui-page-header-host{display:block}.ui-page-header{margin-bottom:var(--ui-spacing-5)}.ui-page-header__nav{margin-bottom:var(--ui-spacing-2)}.ui-page-header__breadcrumb{display:flex;flex-wrap:wrap;align-items:center;list-style:none;margin:0;padding:0;font-family:var(--ui-font-family);font-size:var(--ui-font-size-sm);line-height:var(--ui-line-height-normal);gap:var(--ui-spacing-1)}.ui-page-header__item{display:inline-flex;align-items:center;gap:var(--ui-spacing-1)}a.ui-page-header__link lucide-icon{transform:translateY(2px)!important}span.ui-page-header__separator lucide-icon{transform:translateY(3px)!important}.ui-page-header__link{display:inline-flex;align-items:center;gap:4px;text-decoration:none;color:var(--ui-color-primary);border-radius:var(--ui-radius-sm);padding:2px 4px;margin:-2px -4px;transition:color var(--ui-transition-fast),background-color var(--ui-transition-fast)}.ui-page-header__link:hover{color:var(--ui-color-primary-hover);text-decoration:underline}.ui-page-header__link:focus{outline:none}.ui-page-header__link:focus-visible{outline:var(--ui-focus-ring-width) solid var(--ui-focus-ring-color);outline-offset:var(--ui-focus-ring-offset)}.ui-page-header__text{white-space:nowrap}.ui-page-header__text--current{font-weight:var(--ui-font-weight-medium);color:var(--ui-color-text)}.ui-page-header__separator{display:inline-flex;align-items:center;color:var(--ui-color-text-muted);flex-shrink:0}.ui-page-header__title{margin:0;font-family:var(--ui-font-family);font-size:var(--ui-font-size-2xl);font-weight:var(--ui-font-weight-bold);color:var(--ui-color-text);line-height:var(--ui-line-height-tight)}.ui-page-header__title:focus{outline:none}@media (min-width: 640px){.ui-page-header__title{font-size:var(--ui-font-size-xl)}.ui-page-header__breadcrumb{font-size:var(--ui-font-size-xs)}}\n"] }]
+        }], propDecorators: { title: [{
+                type: Input
+            }], homeRoute: [{
+                type: Input
+            }], showHome: [{
+                type: Input
+            }], updateDocumentTitle: [{
+                type: Input
+            }], titleSuffix: [{
+                type: Input
+            }] } });
+
+/**
+ * ng-ui-system — Page Header entry point.
+ *
+ * @example
+ * ```typescript
+ * import {
+ *   UiPageHeaderComponent,
+ *   UiBreadcrumbService,
+ *   UiBreadcrumbItem,
+ *   UI_BREADCRUMB_LABEL_RESOLVER,
+ * } from 'ng-ui-system';
+ * ```
+ */
+// Components
+
+/**
+ * Bootstrap del secondary entry `@gnggln/ng-ui-system/page-header`. Page Header e breadcrumb.
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { UI_BREADCRUMB_LABEL_RESOLVER, UiBreadcrumbService, UiPageHeaderComponent };
+//# sourceMappingURL=gnggln-ng-ui-system-page-header.mjs.map