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

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

@@ -0,0 +1 @@
+{"version":3,"file":"gnggln-ng-ui-system-table.mjs","sources":["../../../packages/ng-ui-system/src/lib/core/utils/index.ts","../../../packages/ng-ui-system/src/lib/components/table/paginated-table.component.ts","../../../packages/ng-ui-system/src/entry-table.ts","../../../packages/ng-ui-system/src/gnggln-ng-ui-system-table.ts"],"sourcesContent":["/**\r\n * Shared utility functions for ng-ui-system components.\r\n */\r\n\r\n/**\r\n * Generates a unique ID with an optional prefix.\r\n * Uses crypto.randomUUID() when available for better randomness, falls back to crypto.getRandomValues().\r\n * Useful for linking labels to form controls, ARIA attributes, etc.\r\n *\r\n * @param prefix - Optional prefix for the generated ID.\r\n * @returns A unique string ID.\r\n */\r\nexport function uiUniqueId(prefix = 'ui'): string {\r\n  let randomPart: string;\r\n\r\n  // Try crypto.randomUUID() first (modern browsers/Node 19+)\r\n  if (typeof crypto !== 'undefined' && crypto.randomUUID) {\r\n    randomPart = crypto.randomUUID().substring(0, 8);\r\n  }\r\n  // Fallback to crypto.getRandomValues()\r\n  else if (typeof crypto !== 'undefined' && crypto.getRandomValues) {\r\n    const array = new Uint8Array(4);\r\n    crypto.getRandomValues(array);\r\n    randomPart = Array.from(array, (byte) => byte.toString(36))\r\n      .join('')\r\n      .substring(0, 8);\r\n  }\r\n  // Final fallback to Math.random() for older environments\r\n  else {\r\n    randomPart = Math.random().toString(36).substring(2, 9); // NOSONAR - Fallback for environments without crypto API\r\n  }\r\n\r\n  return `${prefix}-${randomPart}`;\r\n}\r\n\r\n/**\r\n * Coerces a value to a boolean.\r\n * Useful for handling string boolean attributes in templates.\r\n *\r\n * @param value - The value to coerce.\r\n * @returns The boolean representation.\r\n */\r\nexport function uiCoerceBoolean(value: unknown): boolean {\r\n  return value != null && `${value}` !== 'false';\r\n}\r\n\r\n/**\r\n * Clamps a number between a minimum and maximum value.\r\n *\r\n * @param value - The value to clamp.\r\n * @param min - The minimum allowed value.\r\n * @param max - The maximum allowed value.\r\n * @returns The clamped value.\r\n */\r\nexport function uiClamp(value: number, min: number, max: number): number {\r\n  return Math.max(min, Math.min(max, value));\r\n}\r\n\r\n/**\r\n * Removes all `null` and `undefined` values from an object.\r\n * Returns a new object — the original is not mutated.\r\n *\r\n * @param obj - The source object.\r\n * @returns A shallow copy with nullish entries removed.\r\n *\r\n * @example\r\n * ```typescript\r\n * uiFilterNullish({ a: 1, b: null, c: 'x', d: undefined });\r\n * // → { a: 1, c: 'x' }\r\n * ```\r\n */\r\nexport function uiFilterNullish<T extends Record<string, unknown>>(obj: T): Partial<T> {\r\n  return Object.entries(obj)\r\n    .filter(([, value]) => value !== null && value !== undefined)\r\n    .reduce((acc, [key, value]) => ({ ...acc, [key]: value }), {} as Partial<T>);\r\n}\r\n\r\n/**\r\n * Converts a key-value object into a URL query string.\r\n * Nullish values are filtered out automatically.\r\n *\r\n * @param params - Query parameter object.\r\n * @returns A query string like `?key=value&key2=value2`, or an empty string if no params.\r\n *\r\n * @example\r\n * ```typescript\r\n * uiQueryParamsToPath({ search: 'test', page: 1, active: true });\r\n * // → '?search=test&page=1&active=true'\r\n *\r\n * uiQueryParamsToPath(undefined);\r\n * // → ''\r\n * ```\r\n */\r\nexport function uiQueryParamsToPath(params?: Record<string, unknown>): string {\r\n  if (!params) return '';\r\n  const searchParams = new URLSearchParams();\r\n  Object.entries(uiFilterNullish(params)).forEach(([key, value]) => {\r\n    if (Array.isArray(value)) {\r\n      value.forEach((v) => searchParams.append(key, String(v ?? '')));\r\n    } else {\r\n      searchParams.append(key, String(value ?? ''));\r\n    }\r\n  });\r\n  const str = searchParams.toString();\r\n  return str ? `?${str}` : '';\r\n}\r\n","import {\r\n  Component,\r\n  Input,\r\n  Output,\r\n  EventEmitter,\r\n  ChangeDetectionStrategy,\r\n  ViewEncapsulation,\r\n  TemplateRef,\r\n} from '@angular/core';\r\nimport { NgTemplateOutlet } from '@angular/common';\r\nimport { MatPaginatorModule, PageEvent } from '@angular/material/paginator';\r\nimport { MatTooltipModule } from '@angular/material/tooltip';\r\nimport { LucideAngularModule } from 'lucide-angular';\r\nimport { UiTableColumn, UiTableSortEvent, UiTablePageEvent } from './table.types';\r\nimport { uiUniqueId } from '../../core/utils';\r\n\r\n/**\r\n * Tabella paginata standalone con ordinamento, colonne sticky,\r\n * ellipsis automatica, stato di caricamento e template personalizzabili.\r\n *\r\n * Progettata per paginazione server-side: emette eventi di cambio pagina\r\n * e ordinamento che il componente genitore gestisce per il recupero dati.\r\n *\r\n * @selector ui-paginated-table\r\n *\r\n * @example\r\n * ```html\r\n * <ui-paginated-table\r\n *   [data]=\"users\"\r\n *   [columns]=\"columns\"\r\n *   [totalItems]=\"totalUsers\"\r\n *   [pageSize]=\"10\"\r\n *   [loading]=\"isLoading\"\r\n *   (pageChange)=\"onPageChange($event)\"\r\n *   (sortChange)=\"onSort($event)\"\r\n *   (rowClick)=\"onUserClick($event)\"\r\n * />\r\n * ```\r\n */\r\n@Component({\r\n  selector: 'ui-paginated-table',\r\n  standalone: true,\r\n  imports: [NgTemplateOutlet, MatPaginatorModule, MatTooltipModule, LucideAngularModule],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  encapsulation: ViewEncapsulation.None,\r\n  host: { class: 'ui-paginated-table-host' },\r\n  template: `\r\n    <div class=\"ui-table\" [attr.id]=\"tableId\">\r\n      <div class=\"ui-table__container\">\r\n        @if (data.length > 0) {\r\n          <table class=\"ui-table__table\" role=\"grid\" [attr.aria-busy]=\"loading\">\r\n            <thead>\r\n              <tr>\r\n                @for (col of columns; track col.property) {\r\n                  <th\r\n                    [class]=\"getHeaderClasses(col)\"\r\n                    [style.width]=\"col.width || null\"\r\n                    [style.text-align]=\"col.align || 'left'\"\r\n                    [attr.aria-sort]=\"getAriaSort(col)\"\r\n                    [attr.role]=\"col.sortable ? 'columnheader button' : 'columnheader'\"\r\n                    [attr.tabindex]=\"col.sortable ? 0 : null\"\r\n                    (click)=\"onHeaderClick(col)\"\r\n                    (keydown.enter)=\"onHeaderClick(col)\"\r\n                    (keydown.space)=\"onHeaderClick(col); $event.preventDefault()\"\r\n                  >\r\n                    <div class=\"ui-table__header-content\">\r\n                      @if (col.headerTemplate) {\r\n                        <ng-container\r\n                          [ngTemplateOutlet]=\"col.headerTemplate\"\r\n                          [ngTemplateOutletContext]=\"{ $implicit: col, column: col }\"\r\n                        />\r\n                      } @else {\r\n                        <span class=\"ui-table__header-text\">{{ col.header }}</span>\r\n                      }\r\n                      @if (col.sortable) {\r\n                        <span class=\"ui-table__sort-icon\" aria-hidden=\"true\">\r\n                          @if (isColumnSorted(col)) {\r\n                            @if (currentSortDirection === 'asc') {\r\n                              <lucide-icon name=\"chevron-up\" [size]=\"14\" />\r\n                            } @else {\r\n                              <lucide-icon name=\"chevron-down\" [size]=\"14\" />\r\n                            }\r\n                          } @else {\r\n                            <span class=\"ui-table__sort-hint\">\r\n                              <lucide-icon name=\"chevron-up\" [size]=\"10\" />\r\n                              <lucide-icon name=\"chevron-down\" [size]=\"10\" />\r\n                            </span>\r\n                          }\r\n                        </span>\r\n                      }\r\n                    </div>\r\n                  </th>\r\n                }\r\n              </tr>\r\n            </thead>\r\n            <tbody>\r\n              @for (row of data; track trackRow($index, row)) {\r\n                <tr\r\n                  class=\"ui-table__row\"\r\n                  [class.ui-table__row--clickable]=\"rowClick.observed\"\r\n                  (click)=\"onRowClick(row)\"\r\n                  [attr.tabindex]=\"rowClick.observed ? 0 : null\"\r\n                  (keydown.enter)=\"rowClick.observed ? onRowClick(row) : null\"\r\n                >\r\n                  @for (col of columns; track col.property) {\r\n                    <td\r\n                      [class]=\"getCellClasses(col)\"\r\n                      [style.text-align]=\"col.align || 'left'\"\r\n                    >\r\n                      @if (col.template) {\r\n                        <ng-container\r\n                          [ngTemplateOutlet]=\"col.template\"\r\n                          [ngTemplateOutletContext]=\"{ $implicit: row, column: col }\"\r\n                        />\r\n                      } @else if (col.ellipsis && shouldTruncate(row[col.property], col)) {\r\n                        <span\r\n                          class=\"ui-table__ellipsis\"\r\n                          [matTooltip]=\"'' + row[col.property]\"\r\n                        >{{ truncateText(row[col.property], col) }}</span>\r\n                      } @else {\r\n                        {{ row[col.property] }}\r\n                      }\r\n                    </td>\r\n                  }\r\n                </tr>\r\n              }\r\n            </tbody>\r\n          </table>\r\n        } @else if (!loading) {\r\n          <div class=\"ui-table__empty\" role=\"status\">\r\n            @if (emptyTemplate) {\r\n              <ng-container [ngTemplateOutlet]=\"emptyTemplate\" />\r\n            } @else {\r\n              <lucide-icon name=\"info\" [size]=\"24\" class=\"ui-table__empty-icon\" aria-hidden=\"true\" />\r\n              <p class=\"ui-table__empty-text\">{{ emptyMessage }}</p>\r\n            }\r\n          </div>\r\n        }\r\n\r\n        @if (loading) {\r\n          <div class=\"ui-table__loading\" aria-live=\"polite\">\r\n            <span class=\"ui-table__spinner\" aria-hidden=\"true\"></span>\r\n            <span class=\"ui-table__sr-only\">Caricamento in corso</span>\r\n          </div>\r\n        }\r\n      </div>\r\n\r\n      @if (showPaginator && totalItems > 0) {\r\n        <mat-paginator\r\n          [length]=\"totalItems\"\r\n          [pageSize]=\"pageSize\"\r\n          [pageSizeOptions]=\"pageSizeOptions\"\r\n          [pageIndex]=\"pageIndex\"\r\n          (page)=\"onPageChange($event)\"\r\n          showFirstLastButtons\r\n        />\r\n      }\r\n    </div>\r\n  `,\r\n  styleUrl: './paginated-table.component.scss',\r\n})\r\nexport class UiPaginatedTableComponent {\r\n  /** @internal Identificatore univoco per l'istanza. */\r\n  readonly tableId = uiUniqueId('ui-table');\r\n\r\n  // ── Inputs dati ──────────────────────────────────────────────\r\n\r\n  /** Array di righe da visualizzare nella pagina corrente. */\r\n  @Input() data: Record<string, any>[] = [];\r\n\r\n  /** Definizione delle colonne della tabella. */\r\n  @Input() columns: UiTableColumn[] = [];\r\n\r\n  /** Numero totale di elementi (per la paginazione server-side). */\r\n  @Input() totalItems = 0;\r\n\r\n  // ── Inputs paginazione ───────────────────────────────────────\r\n\r\n  /** Numero di righe per pagina. */\r\n  @Input() pageSize = 10;\r\n\r\n  /** Opzioni selezionabili per il numero di righe per pagina. */\r\n  @Input() pageSizeOptions: number[] = [5, 10, 25, 50];\r\n\r\n  /** Indice della pagina corrente (0-based). */\r\n  @Input() pageIndex = 0;\r\n\r\n  /** Mostra il paginatore sotto la tabella. */\r\n  @Input() showPaginator = true;\r\n\r\n  // ── Inputs stato ─────────────────────────────────────────────\r\n\r\n  /** Mostra l'overlay di caricamento sopra la tabella. */\r\n  @Input() loading = false;\r\n\r\n  /** Messaggio visualizzato quando non ci sono dati. */\r\n  @Input() emptyMessage = 'Nessun risultato trovato';\r\n\r\n  /** Template personalizzato per lo stato vuoto. */\r\n  @Input() emptyTemplate: TemplateRef<unknown> | null = null;\r\n\r\n  // ── Outputs ──────────────────────────────────────────────────\r\n\r\n  /** Emesso quando l'utente cambia pagina o numero di righe. */\r\n  @Output() pageChange = new EventEmitter<UiTablePageEvent>();\r\n\r\n  /** Emesso quando l'utente ordina una colonna. */\r\n  @Output() sortChange = new EventEmitter<UiTableSortEvent>();\r\n\r\n  /** Emesso quando l'utente clicca su una riga. */\r\n  @Output() rowClick = new EventEmitter<Record<string, any>>();\r\n\r\n  // ── Stato ordinamento interno ────────────────────────────────\r\n\r\n  /** @internal Colonna attualmente ordinata. */\r\n  currentSortColumn: string | null = null;\r\n\r\n  /** @internal Direzione ordinamento corrente. */\r\n  currentSortDirection: 'asc' | 'desc' | null = null;\r\n\r\n  // ── Gestione header ──────────────────────────────────────────\r\n\r\n  /** @internal Gestisce il click su un'intestazione di colonna. */\r\n  onHeaderClick(col: UiTableColumn): void {\r\n    if (!col.sortable) return;\r\n\r\n    if (this.currentSortColumn === col.property) {\r\n      this.currentSortDirection = this.nextSortDirection(this.currentSortDirection);\r\n      if (this.currentSortDirection === null) {\r\n        this.currentSortColumn = null;\r\n      }\r\n    } else {\r\n      this.currentSortColumn = col.property;\r\n      this.currentSortDirection = 'asc';\r\n    }\r\n\r\n    this.sortChange.emit({\r\n      column: col.property,\r\n      direction: this.currentSortDirection,\r\n      sortType: col.sortType || 'text',\r\n    });\r\n  }\r\n\r\n  /** @internal Indica se la colonna e attualmente ordinata. */\r\n  isColumnSorted(col: UiTableColumn): boolean {\r\n    return col.sortable === true && col.property === this.currentSortColumn && this.currentSortDirection !== null;\r\n  }\r\n\r\n  /** @internal Attributo aria-sort per accessibilita. */\r\n  getAriaSort(col: UiTableColumn): string | null {\r\n    if (!col.sortable) return null;\r\n    if (!this.isColumnSorted(col)) return 'none';\r\n    return this.currentSortDirection === 'asc' ? 'ascending' : 'descending';\r\n  }\r\n\r\n  // ── Gestione paginazione ─────────────────────────────────────\r\n\r\n  /** @internal Gestisce il cambio pagina dal MatPaginator. */\r\n  onPageChange(event: PageEvent): void {\r\n    this.pageIndex = event.pageIndex;\r\n    this.pageSize = event.pageSize;\r\n    this.pageChange.emit({\r\n      pageIndex: event.pageIndex,\r\n      pageSize: event.pageSize,\r\n      length: event.length,\r\n    });\r\n  }\r\n\r\n  // ── Gestione righe ───────────────────────────────────────────\r\n\r\n  /** @internal Gestisce il click su una riga. */\r\n  onRowClick(row: Record<string, any>): void {\r\n    this.rowClick.emit(row);\r\n  }\r\n\r\n  /** @internal Track function per il loop @for sulle righe. */\r\n  trackRow(index: number, row: Record<string, any>): unknown {\r\n    return row['id'] ?? index;\r\n  }\r\n\r\n  // ── Ellipsis ─────────────────────────────────────────────────\r\n\r\n  /** @internal Verifica se il testo deve essere troncato. */\r\n  shouldTruncate(value: unknown, col: UiTableColumn): boolean {\r\n    if (value == null) return false;\r\n    return String(value).length > (col.maxLength ?? 50);\r\n  }\r\n\r\n  /** @internal Tronca il testo con ellipsis. */\r\n  truncateText(value: unknown, col: UiTableColumn): string {\r\n    if (value == null) return '';\r\n    const str = String(value);\r\n    const max = col.maxLength ?? 50;\r\n    return str.length > max ? str.substring(0, max) + '\\u2026' : str;\r\n  }\r\n\r\n  // ── Classi CSS ───────────────────────────────────────────────\r\n\r\n  /** @internal Classi CSS per l'header di colonna. */\r\n  getHeaderClasses(col: UiTableColumn): string {\r\n    return [\r\n      'ui-table__th',\r\n      col.sortable ? 'ui-table__th--sortable' : '',\r\n      this.isColumnSorted(col) ? 'ui-table__th--sorted' : '',\r\n      col.sticky ? 'ui-table__th--sticky' : '',\r\n    ]\r\n      .filter(Boolean)\r\n      .join(' ');\r\n  }\r\n\r\n  /** @internal Classi CSS per una cella. */\r\n  getCellClasses(col: UiTableColumn): string {\r\n    return ['ui-table__td', col.sticky ? 'ui-table__td--sticky' : ''].filter(Boolean).join(' ');\r\n  }\r\n\r\n  // ── Utilita private ──────────────────────────────────────────\r\n\r\n  /** @internal Calcola la prossima direzione nel ciclo asc -> desc -> null. */\r\n  private nextSortDirection(current: 'asc' | 'desc' | null): 'asc' | 'desc' | null {\r\n    const cycle: ('asc' | 'desc' | null)[] = ['asc', 'desc', null];\r\n    return cycle[(cycle.indexOf(current) + 1) % cycle.length];\r\n  }\r\n}\r\n","/**\n * Bootstrap del secondary entry `@gnggln/ng-ui-system/table`. Tabella paginata.\n */\nexport * from './lib/components/table/index';\n\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './entry-table';\n"],"names":[],"mappings":"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"}

package/fesm2022/gnggln-ng-ui-system-toast.mjs

@@ -0,0 +1,516 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, ChangeDetectionStrategy, ViewEncapsulation, Input, Output, inject, ChangeDetectorRef, ApplicationRef, EnvironmentInjector, createComponent, Injectable } from '@angular/core';
+import { CommonModule, DOCUMENT } from '@angular/common';
+import * as i1 from 'lucide-angular';
+import { LucideAngularModule } from 'lucide-angular';
+
+/**
+ * Shared utility functions for ng-ui-system components.
+ */
+/**
+ * Generates a unique ID with an optional prefix.
+ * Uses crypto.randomUUID() when available for better randomness, falls back to crypto.getRandomValues().
+ * Useful for linking labels to form controls, ARIA attributes, etc.
+ *
+ * @param prefix - Optional prefix for the generated ID.
+ * @returns A unique string ID.
+ */
+function uiUniqueId(prefix = 'ui') {
+    let randomPart;
+    // Try crypto.randomUUID() first (modern browsers/Node 19+)
+    if (typeof crypto !== 'undefined' && crypto.randomUUID) {
+        randomPart = crypto.randomUUID().substring(0, 8);
+    }
+    // Fallback to crypto.getRandomValues()
+    else if (typeof crypto !== 'undefined' && crypto.getRandomValues) {
+        const array = new Uint8Array(4);
+        crypto.getRandomValues(array);
+        randomPart = Array.from(array, (byte) => byte.toString(36))
+            .join('')
+            .substring(0, 8);
+    }
+    // Final fallback to Math.random() for older environments
+    else {
+        randomPart = Math.random().toString(36).substring(2, 9); // NOSONAR - Fallback for environments without crypto API
+    }
+    return `${prefix}-${randomPart}`;
+}
+/**
+ * Coerces a value to a boolean.
+ * Useful for handling string boolean attributes in templates.
+ *
+ * @param value - The value to coerce.
+ * @returns The boolean representation.
+ */
+function uiCoerceBoolean(value) {
+    return value != null && `${value}` !== 'false';
+}
+/**
+ * Clamps a number between a minimum and maximum value.
+ *
+ * @param value - The value to clamp.
+ * @param min - The minimum allowed value.
+ * @param max - The maximum allowed value.
+ * @returns The clamped value.
+ */
+function uiClamp(value, min, max) {
+    return Math.max(min, Math.min(max, value));
+}
+/**
+ * Removes all `null` and `undefined` values from an object.
+ * Returns a new object — the original is not mutated.
+ *
+ * @param obj - The source object.
+ * @returns A shallow copy with nullish entries removed.
+ *
+ * @example
+ * ```typescript
+ * uiFilterNullish({ a: 1, b: null, c: 'x', d: undefined });
+ * // → { a: 1, c: 'x' }
+ * ```
+ */
+function uiFilterNullish(obj) {
+    return Object.entries(obj)
+        .filter(([, value]) => value !== null && value !== undefined)
+        .reduce((acc, [key, value]) => ({ ...acc, [key]: value }), {});
+}
+/**
+ * Converts a key-value object into a URL query string.
+ * Nullish values are filtered out automatically.
+ *
+ * @param params - Query parameter object.
+ * @returns A query string like `?key=value&key2=value2`, or an empty string if no params.
+ *
+ * @example
+ * ```typescript
+ * uiQueryParamsToPath({ search: 'test', page: 1, active: true });
+ * // → '?search=test&page=1&active=true'
+ *
+ * uiQueryParamsToPath(undefined);
+ * // → ''
+ * ```
+ */
+function uiQueryParamsToPath(params) {
+    if (!params)
+        return '';
+    const searchParams = new URLSearchParams();
+    Object.entries(uiFilterNullish(params)).forEach(([key, value]) => {
+        if (Array.isArray(value)) {
+            value.forEach((v) => searchParams.append(key, String(v ?? '')));
+        }
+        else {
+            searchParams.append(key, String(value ?? ''));
+        }
+    });
+    const str = searchParams.toString();
+    return str ? `?${str}` : '';
+}
+
+/**
+ * @module ng-ui-system/toast
+ * Types and interfaces for the proprietary toast notification system.
+ */
+/** Defaults applied to every toast unless overridden. */
+const UI_TOAST_DEFAULTS = {
+    duration: 5000,
+    position: 'top-right',
+    dismissible: true,
+    enableHtml: false,
+};
+
+/**
+ * Individual toast notification element.
+ *
+ * Rendered dynamically by `UiToastContainerComponent`.
+ * Handles its own enter/exit CSS animations and auto-dismiss countdown.
+ *
+ * @selector ui-toast
+ * @internal Not intended for direct use — managed by `UiToastService`.
+ */
+class UiToastComponent {
+    constructor() {
+        /** Toast message text. */
+        this.message = '';
+        /** Toast type for styling. */
+        this.type = 'info';
+        /** Animation state. */
+        this.state = 'entering';
+        /** Whether the close button is shown. */
+        this.dismissible = true;
+        /** Whether HTML rendering is enabled. */
+        this.enableHtml = false;
+        /** Emitted when the user clicks the dismiss button. */
+        this.dismissed = new EventEmitter();
+    }
+    /** Resolved icon name based on type. */
+    get resolvedIcon() {
+        if (this.icon)
+            return this.icon;
+        switch (this.type) {
+            case 'success': return 'check-circle';
+            case 'error': return 'x-circle';
+            case 'warning': return 'alert-triangle';
+            case 'info':
+            default: return 'info';
+        }
+    }
+    ngOnInit() {
+        // Transition from entering → visible after the CSS animation completes
+        this.enterTimeout = setTimeout(() => {
+            this.state = 'visible';
+        }, 320);
+    }
+    ngOnDestroy() {
+        if (this.enterTimeout)
+            clearTimeout(this.enterTimeout);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: UiToastComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: UiToastComponent, isStandalone: true, selector: "ui-toast", inputs: { message: "message", type: "type", state: "state", dismissible: "dismissible", enableHtml: "enableHtml", icon: "icon", customClass: "customClass" }, outputs: { dismissed: "dismissed" }, host: { classAttribute: "ui-toast-host" }, ngImport: i0, template: `
+    <div
+      class="ui-toast {{ customClass || '' }}"
+      [class.ui-toast--success]="type === 'success'"
+      [class.ui-toast--error]="type === 'error'"
+      [class.ui-toast--warning]="type === 'warning'"
+      [class.ui-toast--info]="type === 'info'"
+      [class.ui-toast--entering]="state === 'entering'"
+      [class.ui-toast--visible]="state === 'visible'"
+      [class.ui-toast--exiting]="state === 'exiting'"
+      role="alert"
+      aria-live="assertive"
+      aria-atomic="true"
+    >
+      <div class="ui-toast__icon">
+        <lucide-icon [name]="resolvedIcon" [size]="20"></lucide-icon>
+      </div>
+
+      <div class="ui-toast__content">
+        @if (enableHtml) {
+          <span class="ui-toast__message" [innerHTML]="message"></span>
+        } @else {
+          <span class="ui-toast__message">{{ message }}</span>
+        }
+      </div>
+
+      @if (dismissible) {
+        <button
+          class="ui-toast__close"
+          type="button"
+          (click)="dismissed.emit()"
+          aria-label="Chiudi notifica"
+        >
+          <lucide-icon name="x" [size]="16"></lucide-icon>
+        </button>
+      }
+    </div>
+  `, isInline: true, styles: [".ui-toast-host{display:contents}.ui-toast{display:flex;align-items:flex-start;gap:var(--ui-spacing-3, 12px);padding:var(--ui-spacing-3, 12px) var(--ui-spacing-4, 16px);border-radius:var(--ui-radius-md, 8px);min-width:320px;max-width:440px;font-family:var(--ui-font-family, \"Inter\", sans-serif);font-size:var(--ui-font-size-sm, .875rem);font-weight:400;line-height:1.5;color:var(--ui-color-neutral-900, #111827);background:var(--ui-color-surface, #ffffff);border:1px solid var(--ui-color-neutral-200, #e5e7eb);box-shadow:var(--ui-shadow-md);pointer-events:auto;position:relative;overflow:hidden}.ui-toast:before{content:\"\";position:absolute;top:0;bottom:0;left:0;width:4px;background:transparent}.ui-toast--entering{animation:ui-toast-slide-in .25s cubic-bezier(.2,0,0,1) forwards}.ui-toast--visible{opacity:1;transform:translate(0)}.ui-toast--exiting{animation:ui-toast-slide-out .2s cubic-bezier(.4,0,1,1) forwards}.ui-toast--success:before{background:var(--ui-color-success, #10b981)}.ui-toast--success .ui-toast__icon{color:var(--ui-color-success, #10b981)}.ui-toast--error:before{background:var(--ui-color-warn, #ef4444)}.ui-toast--error .ui-toast__icon{color:var(--ui-color-warn, #ef4444)}.ui-toast--warning:before{background:var(--ui-color-warning, #f59e0b)}.ui-toast--warning .ui-toast__icon{color:var(--ui-color-warning, #f59e0b)}.ui-toast--info:before{background:var(--ui-color-info, #3b82f6)}.ui-toast--info .ui-toast__icon{color:var(--ui-color-info, #3b82f6)}.ui-toast__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:20px;height:20px;margin-top:2px}.ui-toast__content{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;min-height:20px}.ui-toast__message{word-break:break-word;margin:0}.ui-toast__close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;margin:0 -4px 0 0;border:none;border-radius:var(--ui-radius-sm, 4px);background:transparent;color:var(--ui-color-neutral-400, #9ca3af);cursor:pointer;transition-property:background,color;transition-duration:var(--ui-transition-fast);transition-timing-function:ease}.ui-toast__close:hover{background:var(--ui-color-neutral-100, #f3f4f6);color:var(--ui-color-neutral-700, #374151)}.ui-toast__close:focus{outline:none}.ui-toast__close:focus-visible{outline:var(--ui-focus-ring-width) solid var(--ui-focus-ring-color);outline-offset:var(--ui-focus-ring-offset)}@keyframes ui-toast-slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes ui-toast-slide-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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: UiToastComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ui-toast', standalone: true, imports: [CommonModule, LucideAngularModule], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
+                        'class': 'ui-toast-host',
+                    }, template: `
+    <div
+      class="ui-toast {{ customClass || '' }}"
+      [class.ui-toast--success]="type === 'success'"
+      [class.ui-toast--error]="type === 'error'"
+      [class.ui-toast--warning]="type === 'warning'"
+      [class.ui-toast--info]="type === 'info'"
+      [class.ui-toast--entering]="state === 'entering'"
+      [class.ui-toast--visible]="state === 'visible'"
+      [class.ui-toast--exiting]="state === 'exiting'"
+      role="alert"
+      aria-live="assertive"
+      aria-atomic="true"
+    >
+      <div class="ui-toast__icon">
+        <lucide-icon [name]="resolvedIcon" [size]="20"></lucide-icon>
+      </div>
+
+      <div class="ui-toast__content">
+        @if (enableHtml) {
+          <span class="ui-toast__message" [innerHTML]="message"></span>
+        } @else {
+          <span class="ui-toast__message">{{ message }}</span>
+        }
+      </div>
+
+      @if (dismissible) {
+        <button
+          class="ui-toast__close"
+          type="button"
+          (click)="dismissed.emit()"
+          aria-label="Chiudi notifica"
+        >
+          <lucide-icon name="x" [size]="16"></lucide-icon>
+        </button>
+      }
+    </div>
+  `, styles: [".ui-toast-host{display:contents}.ui-toast{display:flex;align-items:flex-start;gap:var(--ui-spacing-3, 12px);padding:var(--ui-spacing-3, 12px) var(--ui-spacing-4, 16px);border-radius:var(--ui-radius-md, 8px);min-width:320px;max-width:440px;font-family:var(--ui-font-family, \"Inter\", sans-serif);font-size:var(--ui-font-size-sm, .875rem);font-weight:400;line-height:1.5;color:var(--ui-color-neutral-900, #111827);background:var(--ui-color-surface, #ffffff);border:1px solid var(--ui-color-neutral-200, #e5e7eb);box-shadow:var(--ui-shadow-md);pointer-events:auto;position:relative;overflow:hidden}.ui-toast:before{content:\"\";position:absolute;top:0;bottom:0;left:0;width:4px;background:transparent}.ui-toast--entering{animation:ui-toast-slide-in .25s cubic-bezier(.2,0,0,1) forwards}.ui-toast--visible{opacity:1;transform:translate(0)}.ui-toast--exiting{animation:ui-toast-slide-out .2s cubic-bezier(.4,0,1,1) forwards}.ui-toast--success:before{background:var(--ui-color-success, #10b981)}.ui-toast--success .ui-toast__icon{color:var(--ui-color-success, #10b981)}.ui-toast--error:before{background:var(--ui-color-warn, #ef4444)}.ui-toast--error .ui-toast__icon{color:var(--ui-color-warn, #ef4444)}.ui-toast--warning:before{background:var(--ui-color-warning, #f59e0b)}.ui-toast--warning .ui-toast__icon{color:var(--ui-color-warning, #f59e0b)}.ui-toast--info:before{background:var(--ui-color-info, #3b82f6)}.ui-toast--info .ui-toast__icon{color:var(--ui-color-info, #3b82f6)}.ui-toast__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:20px;height:20px;margin-top:2px}.ui-toast__content{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;min-height:20px}.ui-toast__message{word-break:break-word;margin:0}.ui-toast__close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;margin:0 -4px 0 0;border:none;border-radius:var(--ui-radius-sm, 4px);background:transparent;color:var(--ui-color-neutral-400, #9ca3af);cursor:pointer;transition-property:background,color;transition-duration:var(--ui-transition-fast);transition-timing-function:ease}.ui-toast__close:hover{background:var(--ui-color-neutral-100, #f3f4f6);color:var(--ui-color-neutral-700, #374151)}.ui-toast__close:focus{outline:none}.ui-toast__close:focus-visible{outline:var(--ui-focus-ring-width) solid var(--ui-focus-ring-color);outline-offset:var(--ui-focus-ring-offset)}@keyframes ui-toast-slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes ui-toast-slide-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}\n"] }]
+        }], propDecorators: { message: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], state: [{
+                type: Input
+            }], dismissible: [{
+                type: Input
+            }], enableHtml: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], customClass: [{
+                type: Input
+            }], dismissed: [{
+                type: Output
+            }] } });
+
+/**
+ * Toast container — manages stacking and positioning of active toasts.
+ *
+ * Dynamically attached to the DOM by `UiToastService` on first use.
+ * Renders one `ui-toast` per active notification.
+ *
+ * @selector ui-toast-container
+ * @internal Not intended for direct use.
+ */
+class UiToastContainerComponent {
+    constructor() {
+        this.cdr = inject(ChangeDetectorRef);
+        /** Active toasts — managed by UiToastService. */
+        this.toasts = [];
+    }
+    /** Called by UiToastService to add a toast. */
+    addToast(toast) {
+        this.toasts = [...this.toasts, toast];
+        this.cdr.markForCheck();
+    }
+    /** Called by UiToastService to remove a toast. */
+    removeToast(id) {
+        this.toasts = this.toasts.filter(t => t.id !== id);
+        this.cdr.markForCheck();
+    }
+    /** Update a toast's state (e.g. entering → exiting). */
+    updateToastState(id, state) {
+        const toast = this.toasts.find(t => t.id === id);
+        if (toast) {
+            toast.state = state;
+            this.cdr.markForCheck();
+        }
+    }
+    /** Dismiss handler from the toast component. */
+    onDismiss(toast) {
+        // This is handled by the service via dismiss()
+        if (toast.timeoutId)
+            clearTimeout(toast.timeoutId);
+        this.updateToastState(toast.id, 'exiting');
+        setTimeout(() => this.removeToast(toast.id), 260);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: UiToastContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: UiToastContainerComponent, isStandalone: true, selector: "ui-toast-container", host: { classAttribute: "ui-toast-container-host" }, ngImport: i0, template: `
+    @for (toast of toasts; track toast.id) {
+      <ui-toast
+        [message]="toast.message"
+        [type]="toast.type"
+        [state]="toast.state"
+        [dismissible]="toast.config.dismissible"
+        [enableHtml]="toast.config.enableHtml"
+        [icon]="toast.config.icon"
+        [customClass]="toast.config.customClass"
+        (dismissed)="onDismiss(toast)"
+      />
+    }
+  `, isInline: true, styles: [".ui-toast-container-host{position:fixed;z-index:10000;pointer-events:none;display:flex;flex-direction:column;gap:var(--ui-spacing-3, 12px);padding:var(--ui-spacing-6, 24px);max-height:100vh;overflow:hidden;top:0;right:0;align-items:flex-end}.ui-toast-container-host--top-right{top:0;right:0;align-items:flex-end}.ui-toast-container-host--top-left{top:0;left:0;align-items:flex-start}.ui-toast-container-host--bottom-right{top:auto;bottom:0;right:0;align-items:flex-end;flex-direction:column-reverse}.ui-toast-container-host--bottom-left{top:auto;bottom:0;left:0;align-items:flex-start;flex-direction:column-reverse}.ui-toast-container-host--top-center{top:0;left:50%;right:auto;transform:translate(-50%);align-items:center}.ui-toast-container-host--bottom-center{inset:auto auto 0 50%;transform:translate(-50%);align-items:center;flex-direction:column-reverse}\n"], dependencies: [{ kind: "component", type: UiToastComponent, selector: "ui-toast", inputs: ["message", "type", "state", "dismissible", "enableHtml", "icon", "customClass"], outputs: ["dismissed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: UiToastContainerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ui-toast-container', standalone: true, imports: [UiToastComponent], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
+                        'class': 'ui-toast-container-host',
+                    }, template: `
+    @for (toast of toasts; track toast.id) {
+      <ui-toast
+        [message]="toast.message"
+        [type]="toast.type"
+        [state]="toast.state"
+        [dismissible]="toast.config.dismissible"
+        [enableHtml]="toast.config.enableHtml"
+        [icon]="toast.config.icon"
+        [customClass]="toast.config.customClass"
+        (dismissed)="onDismiss(toast)"
+      />
+    }
+  `, styles: [".ui-toast-container-host{position:fixed;z-index:10000;pointer-events:none;display:flex;flex-direction:column;gap:var(--ui-spacing-3, 12px);padding:var(--ui-spacing-6, 24px);max-height:100vh;overflow:hidden;top:0;right:0;align-items:flex-end}.ui-toast-container-host--top-right{top:0;right:0;align-items:flex-end}.ui-toast-container-host--top-left{top:0;left:0;align-items:flex-start}.ui-toast-container-host--bottom-right{top:auto;bottom:0;right:0;align-items:flex-end;flex-direction:column-reverse}.ui-toast-container-host--bottom-left{top:auto;bottom:0;left:0;align-items:flex-start;flex-direction:column-reverse}.ui-toast-container-host--top-center{top:0;left:50%;right:auto;transform:translate(-50%);align-items:center}.ui-toast-container-host--bottom-center{inset:auto auto 0 50%;transform:translate(-50%);align-items:center;flex-direction:column-reverse}\n"] }]
+        }] });
+
+/**
+ * @module ng-ui-system/toast
+ * Proprietary toast notification service.
+ *
+ * Zero external dependencies — renders toast components directly into the DOM
+ * via Angular's `ApplicationRef`.
+ *
+ * @usageNotes
+ * ### Basic usage
+ * ```typescript
+ * const toast = inject(UiToastService);
+ * toast.success('Record salvato!');
+ * toast.error('Errore durante il salvataggio');
+ * ```
+ *
+ * ### With config
+ * ```typescript
+ * toast.warning('Attenzione', { duration: 8000, position: 'bottom-right' });
+ * ```
+ *
+ * ### Programmatic dismiss
+ * ```typescript
+ * const ref = toast.info('Caricamento in corso...', { duration: 0 });
+ * // ...later
+ * ref.dismiss();
+ * ```
+ *
+ * @selector —
+ */
+/**
+ * Central toast notification service.
+ *
+ * Manages a single `UiToastContainerComponent` in the DOM and provides
+ * convenience methods for showing typed notifications.
+ */
+class UiToastService {
+    constructor() {
+        this.appRef = inject(ApplicationRef);
+        this.injector = inject(EnvironmentInjector);
+        this.document = inject(DOCUMENT);
+        /** Reference to the singleton container component. */
+        this.containerRef = null;
+    }
+    // ── Public API ─────────────────────────────────────────────────────
+    /** Show a **success** toast. */
+    success(message, config) {
+        return this.show(message, 'success', config);
+    }
+    /** Show an **error** toast. */
+    error(message, config) {
+        return this.show(message, 'error', config);
+    }
+    /** Show a **warning** toast. */
+    warning(message, config) {
+        return this.show(message, 'warning', config);
+    }
+    /** Show an **info** toast. */
+    info(message, config) {
+        return this.show(message, 'info', config);
+    }
+    /** Show a toast with explicit type. */
+    show(message, type = 'info', config) {
+        this.ensureContainer(config?.position);
+        const container = this.containerRef.instance;
+        const id = uiUniqueId('toast');
+        const merged = {
+            ...UI_TOAST_DEFAULTS,
+            ...config,
+        };
+        const data = {
+            id,
+            message,
+            type: config?.type ?? type,
+            config: merged,
+            state: 'entering',
+        };
+        // Auto-dismiss
+        if (merged.duration > 0) {
+            data.timeoutId = setTimeout(() => this.dismiss(id), merged.duration);
+        }
+        container.addToast(data);
+        return {
+            id,
+            dismiss: () => this.dismiss(id),
+        };
+    }
+    /** Dismiss a specific toast by ID. */
+    dismiss(id) {
+        const container = this.containerRef?.instance;
+        if (!container)
+            return;
+        const toast = container.toasts.find(t => t.id === id);
+        if (!toast || toast.state === 'exiting')
+            return;
+        if (toast.timeoutId)
+            clearTimeout(toast.timeoutId);
+        // Animate out, then remove
+        container.updateToastState(id, 'exiting');
+        setTimeout(() => container.removeToast(id), 260);
+    }
+    /** Dismiss all active toasts. */
+    dismissAll() {
+        const container = this.containerRef?.instance;
+        if (!container)
+            return;
+        const ids = container.toasts.map(t => t.id);
+        ids.forEach(id => this.dismiss(id));
+    }
+    // ── Internals ──────────────────────────────────────────────────────
+    /**
+     * Ensures the container component exists in the DOM.
+     * Creates it lazily on first toast call.
+     */
+    ensureContainer(position) {
+        if (this.containerRef) {
+            // Update position class if needed
+            if (position) {
+                const el = this.containerRef.location.nativeElement;
+                this.applyPositionClass(el, position);
+            }
+            return;
+        }
+        // Create the container component dynamically
+        this.containerRef = createComponent(UiToastContainerComponent, {
+            environmentInjector: this.injector,
+        });
+        // Attach to Angular's change detection
+        this.appRef.attachView(this.containerRef.hostView);
+        // Insert into the DOM
+        const el = this.containerRef.location.nativeElement;
+        this.applyPositionClass(el, position ?? UI_TOAST_DEFAULTS.position);
+        this.document.body.appendChild(el);
+    }
+    /** Apply CSS position modifier class to the container element. */
+    applyPositionClass(el, position) {
+        // Remove old position classes
+        el.className = el.className
+            .split(' ')
+            .filter(c => !c.startsWith('ui-toast-container-host--'))
+            .join(' ');
+        el.classList.add(`ui-toast-container-host--${position}`);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: UiToastService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: UiToastService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: UiToastService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+/**
+ * ng-ui-system — Toast Notifications entry point.
+ *
+ * @example
+ * ```typescript
+ * import { UiToastService, UiToastConfig } from '@gnggln/ng-ui-system';
+ *
+ * const toast = inject(UiToastService);
+ * toast.success('Salvato!');
+ * ```
+ */
+// Service
+
+/**
+ * Bootstrap del secondary entry `@gnggln/ng-ui-system/toast`. Toast / notifiche.
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { UI_TOAST_DEFAULTS, UiToastComponent, UiToastContainerComponent, UiToastService };
+//# sourceMappingURL=gnggln-ng-ui-system-toast.mjs.map