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

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

@@ -0,0 +1 @@
+{"version":3,"file":"gnggln-ng-ui-system-page-header.mjs","sources":["../../../packages/ng-ui-system/src/lib/components/page-header/page-header.types.ts","../../../packages/ng-ui-system/src/lib/components/page-header/breadcrumb.service.ts","../../../packages/ng-ui-system/src/lib/components/page-header/page-header.component.ts","../../../packages/ng-ui-system/src/lib/components/page-header/index.ts","../../../packages/ng-ui-system/src/entry-page-header.ts","../../../packages/ng-ui-system/src/gnggln-ng-ui-system-page-header.ts"],"sourcesContent":["/**\r\n * @module ng-ui-system/page-header\r\n * Types and interfaces for UiPageHeader and UiBreadcrumbService.\r\n */\r\n\r\nimport { InjectionToken } from '@angular/core';\r\n\r\n/**\r\n * Single breadcrumb item rendered in the navigation trail.\r\n *\r\n * @usageNotes\r\n * ### Structure\r\n * ```typescript\r\n * const item: UiBreadcrumbItem = {\r\n *   label: 'Dashboard',\r\n *   url: '/dashboard',\r\n *   isLast: false,\r\n * };\r\n * ```\r\n */\r\nexport interface UiBreadcrumbItem {\r\n  /** Display text for the breadcrumb link. */\r\n  label: string;\r\n  /** Navigation URL (Angular Router path). */\r\n  url: string;\r\n  /** Whether this is the last (current) breadcrumb in the trail. */\r\n  isLast: boolean;\r\n}\r\n\r\n/**\r\n * Internal route configuration stored by UiBreadcrumbService.\r\n * Built from Angular route `data` properties.\r\n *\r\n * @usageNotes\r\n * ### Route data convention\r\n * ```typescript\r\n * {\r\n *   path: 'users/:userId',\r\n *   data: {\r\n *     id: 'user-detail',\r\n *     title: 'Dettaglio utente',\r\n *     breadcrumbs: ['users-list'],\r\n *   },\r\n *   component: UserDetailComponent,\r\n * }\r\n * ```\r\n */\r\nexport interface UiBreadcrumbConfig {\r\n  /** Unique route identifier (from `route.data.id`). */\r\n  id: string;\r\n  /** Resolved route path pattern (may contain `:param` placeholders). */\r\n  path: string;\r\n  /** Display label (from `route.data.title` or fallback). */\r\n  label: string;\r\n  /** Ordered array of parent route IDs for building the breadcrumb chain. */\r\n  parentIds: string[];\r\n  /** Fully resolved URL captured at navigation time. */\r\n  fullPath?: string;\r\n  /** Raw route data metadata. */\r\n  metadata?: Record<string, any>;\r\n}\r\n\r\n/**\r\n * Function signature for resolving route parameter values to human-readable labels.\r\n *\r\n * Consumers can provide a custom implementation via `UI_BREADCRUMB_LABEL_RESOLVER`\r\n * to translate cryptic parameter values (e.g. UUIDs, slugs) into user-friendly text.\r\n *\r\n * @param paramName - The route parameter name (e.g. `'userId'`).\r\n * @param paramValue - The raw parameter value from the URL (e.g. `'abc-123'`).\r\n * @returns A human-readable label, or the original value if no mapping exists.\r\n *\r\n * @usageNotes\r\n * ### Custom resolver\r\n * ```typescript\r\n * const myResolver: UiLabelResolverFn = (name, value) => {\r\n *   if (name === 'status') {\r\n *     return { pending: 'In attesa', active: 'Attivo' }[value] ?? value;\r\n *   }\r\n *   return value;\r\n * };\r\n *\r\n * providers: [\r\n *   { provide: UI_BREADCRUMB_LABEL_RESOLVER, useValue: myResolver },\r\n * ]\r\n * ```\r\n */\r\nexport type UiLabelResolverFn = (paramName: string, paramValue: string) => string;\r\n\r\n/**\r\n * Injection token for providing a custom label resolver to UiBreadcrumbService.\r\n *\r\n * When not provided, parameters are displayed as-is (identity function).\r\n *\r\n * @example\r\n * ```typescript\r\n * // In your app.config.ts or module providers:\r\n * { provide: UI_BREADCRUMB_LABEL_RESOLVER, useValue: myLabelResolver }\r\n * ```\r\n */\r\nexport const UI_BREADCRUMB_LABEL_RESOLVER = new InjectionToken<UiLabelResolverFn>('UI_BREADCRUMB_LABEL_RESOLVER', {\r\n  providedIn: 'root',\r\n  factory: () => (_name: string, value: string) => value,\r\n});\r\n","/** biome-ignore-all lint/complexity/useLiteralKeys: <explanation> */\r\nimport { Injectable, inject } from '@angular/core';\r\nimport { type ActivatedRoute, NavigationEnd, Router, type Routes } from '@angular/router';\r\nimport { filter } from 'rxjs/operators';\r\nimport {\r\n  UI_BREADCRUMB_LABEL_RESOLVER,\r\n  type UiBreadcrumbConfig,\r\n  type UiBreadcrumbItem,\r\n} from './page-header.types';\r\n\r\n/**\r\n * Service that builds a nested breadcrumb trail from Angular route configuration.\r\n *\r\n * Routes must define `data.id`, `data.title`, and optionally `data.breadcrumbs`\r\n * (an array of parent route IDs) for the chain to resolve correctly.\r\n *\r\n * Supports lazy-loaded routes: the internal route map is rebuilt automatically\r\n * whenever new routes are loaded via `NavigationEnd`.\r\n *\r\n * Label resolution for route parameters (`:param`) is delegated to an injectable\r\n * `UiLabelResolverFn` via the `UI_BREADCRUMB_LABEL_RESOLVER` token.\r\n *\r\n * @usageNotes\r\n * ### Route configuration\r\n * ```typescript\r\n * const routes: Routes = [\r\n *   {\r\n *     path: 'users',\r\n *     data: { id: 'users', title: 'Utenti' },\r\n *     children: [\r\n *       {\r\n *         path: ':userId',\r\n *         data: { id: 'user-detail', title: ':userId', breadcrumbs: ['users'] },\r\n *         component: UserDetailComponent,\r\n *       },\r\n *     ],\r\n *   },\r\n * ];\r\n * ```\r\n *\r\n * ### Custom label resolver\r\n * ```typescript\r\n * providers: [\r\n *   {\r\n *     provide: UI_BREADCRUMB_LABEL_RESOLVER,\r\n *     useValue: (name: string, value: string) =>\r\n *       name === 'userId' ? `User #${value}` : value,\r\n *   },\r\n * ]\r\n * ```\r\n */\r\n@Injectable({ providedIn: 'root' })\r\nexport class UiBreadcrumbService {\r\n  private readonly router = inject(Router);\r\n  private readonly labelResolver = inject(UI_BREADCRUMB_LABEL_RESOLVER);\r\n\r\n  /** @internal Map of route ID → breadcrumb configuration. */\r\n  private breadcrumbMap = new Map<string, UiBreadcrumbConfig>();\r\n  /** @internal Tracks route count to detect lazy-loaded route additions. */\r\n  private lastRouteConfigLength = 0;\r\n  /** @internal Last computed breadcrumbs for navigateBack. */\r\n  private lastBreadcrumbs: UiBreadcrumbItem[] = [];\r\n\r\n  constructor() {\r\n    this.rebuildRouteMap();\r\n\r\n    this.router.events\r\n      .pipe(filter((event) => event instanceof NavigationEnd))\r\n      .subscribe(() => this.rebuildRouteMapIfNeeded());\r\n  }\r\n\r\n  /**\r\n   * Computes the breadcrumb trail for the currently active route.\r\n   *\r\n   * @param route - The root `ActivatedRoute` (typically injected in the component).\r\n   * @returns Ordered array of breadcrumb items from root to current route.\r\n   */\r\n  getBreadcrumbsForRoute(route: ActivatedRoute): UiBreadcrumbItem[] {\r\n    let deepestRoute = route;\r\n    while (deepestRoute.firstChild) {\r\n      deepestRoute = deepestRoute.firstChild;\r\n    }\r\n\r\n    let routeWithId: ActivatedRoute | null = deepestRoute;\r\n    while (routeWithId && !routeWithId.snapshot.data['id']) {\r\n      routeWithId = routeWithId.parent;\r\n    }\r\n    const routeId = routeWithId?.snapshot.data['id'];\r\n    if (!routeId) {\r\n      this.lastBreadcrumbs = [];\r\n      return [];\r\n    }\r\n\r\n    const params = this.collectParamsFromPath(deepestRoute);\r\n    const breadcrumbs = this.buildBreadcrumbChain(routeId, params);\r\n    this.lastBreadcrumbs = breadcrumbs;\r\n    return breadcrumbs;\r\n  }\r\n\r\n  /**\r\n   * Navigates to the previous breadcrumb (parent route).\r\n   * Falls back to `fallbackUrl` (default: `/`) when no parent exists.\r\n   */\r\n  navigateBack(fallbackUrl = '/'): void {\r\n    const prev = this.lastBreadcrumbs.length > 1 ? this.lastBreadcrumbs[this.lastBreadcrumbs.length - 2] : null;\r\n    const target = prev?.url ?? fallbackUrl;\r\n    this.router.navigateByUrl(target);\r\n  }\r\n\r\n  /** @internal Collects all route params from the full path (including parents). */\r\n  private collectParamsFromPath(route: ActivatedRoute): Record<string, string> {\r\n    const params: Record<string, string> = {};\r\n    for (const r of route.pathFromRoot) {\r\n      Object.assign(params, r.snapshot.params);\r\n    }\r\n    return params;\r\n  }\r\n\r\n  // ─── Private helpers ─────────────────────────────────────────────\r\n\r\n  /** @internal Rebuilds the map only when new lazy routes appear. */\r\n  private rebuildRouteMapIfNeeded(): void {\r\n    const currentLength = this.countRoutes(this.router.config);\r\n    if (currentLength !== this.lastRouteConfigLength) {\r\n      this.rebuildRouteMap();\r\n    }\r\n  }\r\n\r\n  /** @internal Recursively counts routes including lazy-loaded children. */\r\n  private countRoutes(routes: Routes): number {\r\n    let count = routes.length;\r\n    for (const route of routes) {\r\n      if (route.children) {\r\n        count += this.countRoutes(route.children);\r\n      }\r\n      if ((route as any)._loadedRoutes) {\r\n        count += this.countRoutes((route as any)._loadedRoutes);\r\n      }\r\n    }\r\n    return count;\r\n  }\r\n\r\n  /** @internal Clears and rebuilds the full route → breadcrumb map. */\r\n  private rebuildRouteMap(): void {\r\n    this.breadcrumbMap.clear();\r\n    this.buildRouteMap(this.router.config);\r\n    this.lastRouteConfigLength = this.countRoutes(this.router.config);\r\n  }\r\n\r\n  /** @internal Recursively walks route tree to build the breadcrumb map. */\r\n  private buildRouteMap(routes: Routes, parentPath = ''): void {\r\n    for (const route of routes) {\r\n      const currentPath = `${parentPath}/${route.path || ''}`;\r\n\r\n      if (route.data?.['id']) {\r\n        const fullPath = this.normalizePath(currentPath);\r\n        this.breadcrumbMap.set(route.data['id'], {\r\n          id: route.data['id'],\r\n          path: fullPath,\r\n          label: route.data['title'] || route.path || route.data['id'],\r\n          parentIds: route.data['breadcrumbs'] || [],\r\n          metadata: route.data,\r\n        });\r\n      }\r\n\r\n      if (route.children) {\r\n        this.buildRouteMap(route.children, currentPath);\r\n      }\r\n      if ((route as any)._loadedRoutes) {\r\n        this.buildRouteMap((route as any)._loadedRoutes, currentPath);\r\n      }\r\n    }\r\n  }\r\n\r\n  /** @internal Builds the full breadcrumb chain for a route by its ID. */\r\n  private buildBreadcrumbChain(routeId: string, params: Record<string, string>): UiBreadcrumbItem[] {\r\n    const config = this.breadcrumbMap.get(routeId);\r\n    if (!config) return [];\r\n\r\n    this.saveFullPath(routeId, this.router.url);\r\n\r\n    const parentChain = this.getParentChain(config.parentIds, params);\r\n    const breadcrumbs: UiBreadcrumbItem[] = [...parentChain];\r\n\r\n    breadcrumbs.push({\r\n      label: this.resolveLabel(config.label, params),\r\n      url: this.stripQueryParams(this.router.url),\r\n      isLast: true,\r\n    });\r\n\r\n    return breadcrumbs;\r\n  }\r\n\r\n  /** @internal Resolves parent breadcrumbs from ordered parent IDs. */\r\n  private getParentChain(parentIds: string[], params: Record<string, string>): UiBreadcrumbItem[] {\r\n    if (!parentIds?.length) return [];\r\n\r\n    return parentIds\r\n      .map((id) => {\r\n        const config = this.breadcrumbMap.get(id);\r\n        if (!config) return null;\r\n\r\n        return {\r\n          label: this.resolveLabel(config.label, params),\r\n          url: this.resolveUrl(config.path, params),\r\n          isLast: false,\r\n        };\r\n      })\r\n      .filter(Boolean) as UiBreadcrumbItem[];\r\n  }\r\n\r\n  /**\r\n   * @internal Resolves `:param` placeholders in a label using\r\n   * the injected label resolver function.\r\n   */\r\n  private resolveLabel(label: string, params: Record<string, string>): string {\r\n    if (!label.includes(':')) return label;\r\n\r\n    let resolved = label;\r\n    for (const [key, value] of Object.entries(params)) {\r\n      const readableValue = this.labelResolver(key, value);\r\n      resolved = resolved.replace(`:${key}`, readableValue);\r\n    }\r\n    return resolved;\r\n  }\r\n\r\n  /** @internal Resolves `:param` placeholders in a path and creates a URL. */\r\n  private resolveUrl(path: string, params: Record<string, string>): string {\r\n    let processedPath = path;\r\n\r\n    if (path.includes(':')) {\r\n      const segments = path.split('/');\r\n      const processedSegments = segments.map((segment) => {\r\n        if (segment.startsWith(':')) {\r\n          const paramName = segment.substring(1);\r\n          return params[paramName] || segment;\r\n        }\r\n        return segment;\r\n      });\r\n      processedPath = processedSegments.join('/');\r\n    }\r\n\r\n    try {\r\n      return this.router.createUrlTree([processedPath]).toString();\r\n    } catch {\r\n      return processedPath;\r\n    }\r\n  }\r\n\r\n  /** @internal Normalizes path by collapsing double slashes and trimming trailing slash. */\r\n  private normalizePath(path: string): string {\r\n    return path.replace(/\\/+/g, '/').replace(/\\/$/, '');\r\n  }\r\n\r\n  /** @internal Removes query parameters from a URL. */\r\n  private stripQueryParams(url: string): string {\r\n    return url.split('?')[0];\r\n  }\r\n\r\n  /** @internal Caches the fully resolved URL for a route ID. */\r\n  private saveFullPath(routeId: string, fullPath: string): void {\r\n    const config = this.breadcrumbMap.get(routeId);\r\n    if (config) {\r\n      config.fullPath = this.stripQueryParams(fullPath);\r\n    }\r\n  }\r\n}\r\n","import {\r\n  ChangeDetectorRef,\r\n  Component,\r\n  DestroyRef,\r\n  inject,\r\n  Input,\r\n  OnInit,\r\n  ChangeDetectionStrategy,\r\n  ViewEncapsulation,\r\n} from '@angular/core';\r\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\r\nimport { ActivatedRoute, NavigationEnd, Router, RouterLink } from '@angular/router';\r\nimport { Title } from '@angular/platform-browser';\r\nimport { filter } from 'rxjs/operators';\r\nimport { LucideAngularModule } from 'lucide-angular';\r\nimport { UiBreadcrumbService } from './breadcrumb.service';\r\nimport { UiBreadcrumbItem } from './page-header.types';\r\n\r\n/**\r\n * Page header component that renders a breadcrumb navigation trail\r\n * and a page title. Integrates with `UiBreadcrumbService` to\r\n * automatically derive breadcrumbs from Angular route configuration.\r\n *\r\n * The breadcrumb trail is generated from route `data` properties:\r\n * - `data.id` — unique route identifier\r\n * - `data.title` — display label\r\n * - `data.breadcrumbs` — ordered array of parent route IDs\r\n *\r\n * @selector ui-page-header\r\n *\r\n * @example\r\n * ```html\r\n * <!-- Auto breadcrumbs from route data -->\r\n * <ui-page-header />\r\n *\r\n * <!-- With explicit title override -->\r\n * <ui-page-header title=\"Custom Title\" />\r\n *\r\n * <!-- With document title update -->\r\n * <ui-page-header [updateDocumentTitle]=\"true\" titleSuffix=\" | My App\" />\r\n * ```\r\n */\r\n@Component({\r\n  selector: 'ui-page-header',\r\n  standalone: true,\r\n  imports: [RouterLink, LucideAngularModule],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  encapsulation: ViewEncapsulation.None,\r\n  host: {\r\n    class: 'ui-page-header-host',\r\n  },\r\n  template: `\r\n    <header class=\"ui-page-header\">\r\n      <nav aria-label=\"Breadcrumb\" class=\"ui-page-header__nav\">\r\n        <ol\r\n          class=\"ui-page-header__breadcrumb\"\r\n          itemscope\r\n          itemtype=\"https://schema.org/BreadcrumbList\"\r\n        >\r\n          @if (showHome) {\r\n            <li\r\n              class=\"ui-page-header__item\"\r\n              itemprop=\"itemListElement\"\r\n              itemscope\r\n              itemtype=\"https://schema.org/ListItem\"\r\n            >\r\n              <a\r\n                itemprop=\"item\"\r\n                [routerLink]=\"homeRoute\"\r\n                class=\"ui-page-header__link\"\r\n                aria-label=\"Home\"\r\n              >\r\n                <lucide-icon name=\"home\" [size]=\"14\" aria-hidden=\"true\" />\r\n                <span itemprop=\"name\" class=\"ui-page-header__text\">Home</span>\r\n              </a>\r\n              <meta itemprop=\"position\" content=\"1\" />\r\n              <span class=\"ui-page-header__separator\" aria-hidden=\"true\">\r\n                <lucide-icon name=\"chevron-right\" [size]=\"14\" />\r\n              </span>\r\n            </li>\r\n          }\r\n          @for (crumb of breadcrumbs; track crumb.url; let i = $index) {\r\n            <li\r\n              class=\"ui-page-header__item\"\r\n              [class.ui-page-header__item--current]=\"crumb.isLast\"\r\n              itemprop=\"itemListElement\"\r\n              itemscope\r\n              itemtype=\"https://schema.org/ListItem\"\r\n            >\r\n              @if (!crumb.isLast) {\r\n                <a\r\n                  itemprop=\"item\"\r\n                  [routerLink]=\"crumb.url\"\r\n                  class=\"ui-page-header__link\"\r\n                >\r\n                  <span itemprop=\"name\" class=\"ui-page-header__text\">{{ crumb.label }}</span>\r\n                </a>\r\n                <span class=\"ui-page-header__separator\" aria-hidden=\"true\">\r\n                  <lucide-icon name=\"chevron-right\" [size]=\"14\" />\r\n                </span>\r\n              } @else {\r\n                <span\r\n                  itemprop=\"name\"\r\n                  class=\"ui-page-header__text ui-page-header__text--current\"\r\n                  aria-current=\"page\"\r\n                >\r\n                  {{ crumb.label }}\r\n                </span>\r\n              }\r\n              <meta itemprop=\"position\" [attr.content]=\"showHome ? i + 2 : i + 1\" />\r\n            </li>\r\n          }\r\n        </ol>\r\n      </nav>\r\n\r\n      <h1 class=\"ui-page-header__title\" id=\"page-title\">\r\n        {{ displayTitle }}\r\n      </h1>\r\n    </header>\r\n  `,\r\n  styleUrl: './page-header.component.scss',\r\n})\r\nexport class UiPageHeaderComponent implements OnInit {\r\n  /** Override the auto-detected page title. When empty, title is derived from the last breadcrumb. */\r\n  @Input() title = '';\r\n\r\n  /** Route path for the Home breadcrumb link. */\r\n  @Input() homeRoute = '/';\r\n\r\n  /** Whether to display the Home link at the start of the trail. */\r\n  @Input() showHome = true;\r\n\r\n  /** When `true`, updates `document.title` on each navigation. */\r\n  @Input() updateDocumentTitle = false;\r\n\r\n  /** Suffix appended to `document.title` (e.g. `' | My App'`). Only used when `updateDocumentTitle` is `true`. */\r\n  @Input() titleSuffix = '';\r\n\r\n  /** @internal */\r\n  breadcrumbs: UiBreadcrumbItem[] = [];\r\n\r\n  private readonly router = inject(Router);\r\n  private readonly activatedRoute = inject(ActivatedRoute);\r\n  private readonly titleService = inject(Title);\r\n  private readonly breadcrumbService = inject(UiBreadcrumbService);\r\n  private readonly destroyRef = inject(DestroyRef);\r\n  private readonly cdr = inject(ChangeDetectorRef);\r\n\r\n  /** Resolved page title: explicit `title` input wins, otherwise last breadcrumb label. */\r\n  get displayTitle(): string {\r\n    if (this.title) return this.title;\r\n    if (this.breadcrumbs.length > 0) {\r\n      return this.breadcrumbs[this.breadcrumbs.length - 1].label;\r\n    }\r\n    return '';\r\n  }\r\n\r\n  ngOnInit(): void {\r\n    this.refresh();\r\n\r\n    this.router.events\r\n      .pipe(\r\n        filter((event) => event instanceof NavigationEnd),\r\n        takeUntilDestroyed(this.destroyRef),\r\n      )\r\n      .subscribe(() => this.refresh());\r\n  }\r\n\r\n  /**\r\n   * Navigates to the previous breadcrumb (parent route).\r\n   * @param fallbackUrl - URL to navigate to when no parent exists (default: homeRoute).\r\n   */\r\n  navigateBack(fallbackUrl?: string): void {\r\n    this.breadcrumbService.navigateBack(fallbackUrl ?? this.homeRoute);\r\n  }\r\n\r\n  /** @internal */\r\n  private refresh(): void {\r\n    this.breadcrumbs = this.breadcrumbService.getBreadcrumbsForRoute(this.activatedRoute);\r\n    if (this.updateDocumentTitle) {\r\n      const title = this.displayTitle;\r\n      if (title) {\r\n        this.titleService.setTitle(`${title}${this.titleSuffix}`);\r\n      }\r\n    }\r\n    this.cdr.markForCheck();\r\n  }\r\n}\r\n","/**\r\n * ng-ui-system — Page Header entry point.\r\n *\r\n * @example\r\n * ```typescript\r\n * import {\r\n *   UiPageHeaderComponent,\r\n *   UiBreadcrumbService,\r\n *   UiBreadcrumbItem,\r\n *   UI_BREADCRUMB_LABEL_RESOLVER,\r\n * } from 'ng-ui-system';\r\n * ```\r\n */\r\n\r\n// Components\r\nexport { UiPageHeaderComponent } from './page-header.component';\r\n\r\n// Services\r\nexport { UiBreadcrumbService } from './breadcrumb.service';\r\n\r\n// Types & Tokens\r\nexport {\r\n  UiBreadcrumbItem,\r\n  UiBreadcrumbConfig,\r\n  UiLabelResolverFn,\r\n  UI_BREADCRUMB_LABEL_RESOLVER,\r\n} from './page-header.types';\r\n","/**\n * Bootstrap del secondary entry `@gnggln/ng-ui-system/page-header`. Page Header e breadcrumb.\n */\nexport * from './lib/components/page-header/index';\n\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './entry-page-header';\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,533 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, ChangeDetectionStrategy, ViewEncapsulation, Input, Output } from '@angular/core';
+import { NgTemplateOutlet } from '@angular/common';
+import * as i1 from '@angular/material/paginator';
+import { MatPaginatorModule } from '@angular/material/paginator';
+import * as i2 from '@angular/material/tooltip';
+import { MatTooltipModule } from '@angular/material/tooltip';
+import * as i3 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}` : '';
+}
+
+/**
+ * Tabella paginata standalone con ordinamento, colonne sticky,
+ * ellipsis automatica, stato di caricamento e template personalizzabili.
+ *
+ * Progettata per paginazione server-side: emette eventi di cambio pagina
+ * e ordinamento che il componente genitore gestisce per il recupero dati.
+ *
+ * @selector ui-paginated-table
+ *
+ * @example
+ * ```html
+ * <ui-paginated-table
+ *   [data]="users"
+ *   [columns]="columns"
+ *   [totalItems]="totalUsers"
+ *   [pageSize]="10"
+ *   [loading]="isLoading"
+ *   (pageChange)="onPageChange($event)"
+ *   (sortChange)="onSort($event)"
+ *   (rowClick)="onUserClick($event)"
+ * />
+ * ```
+ */
+class UiPaginatedTableComponent {
+    constructor() {
+        /** @internal Identificatore univoco per l'istanza. */
+        this.tableId = uiUniqueId('ui-table');
+        // ── Inputs dati ──────────────────────────────────────────────
+        /** Array di righe da visualizzare nella pagina corrente. */
+        this.data = [];
+        /** Definizione delle colonne della tabella. */
+        this.columns = [];
+        /** Numero totale di elementi (per la paginazione server-side). */
+        this.totalItems = 0;
+        // ── Inputs paginazione ───────────────────────────────────────
+        /** Numero di righe per pagina. */
+        this.pageSize = 10;
+        /** Opzioni selezionabili per il numero di righe per pagina. */
+        this.pageSizeOptions = [5, 10, 25, 50];
+        /** Indice della pagina corrente (0-based). */
+        this.pageIndex = 0;
+        /** Mostra il paginatore sotto la tabella. */
+        this.showPaginator = true;
+        // ── Inputs stato ─────────────────────────────────────────────
+        /** Mostra l'overlay di caricamento sopra la tabella. */
+        this.loading = false;
+        /** Messaggio visualizzato quando non ci sono dati. */
+        this.emptyMessage = 'Nessun risultato trovato';
+        /** Template personalizzato per lo stato vuoto. */
+        this.emptyTemplate = null;
+        // ── Outputs ──────────────────────────────────────────────────
+        /** Emesso quando l'utente cambia pagina o numero di righe. */
+        this.pageChange = new EventEmitter();
+        /** Emesso quando l'utente ordina una colonna. */
+        this.sortChange = new EventEmitter();
+        /** Emesso quando l'utente clicca su una riga. */
+        this.rowClick = new EventEmitter();
+        // ── Stato ordinamento interno ────────────────────────────────
+        /** @internal Colonna attualmente ordinata. */
+        this.currentSortColumn = null;
+        /** @internal Direzione ordinamento corrente. */
+        this.currentSortDirection = null;
+    }
+    // ── Gestione header ──────────────────────────────────────────
+    /** @internal Gestisce il click su un'intestazione di colonna. */
+    onHeaderClick(col) {
+        if (!col.sortable)
+            return;
+        if (this.currentSortColumn === col.property) {
+            this.currentSortDirection = this.nextSortDirection(this.currentSortDirection);
+            if (this.currentSortDirection === null) {
+                this.currentSortColumn = null;
+            }
+        }
+        else {
+            this.currentSortColumn = col.property;
+            this.currentSortDirection = 'asc';
+        }
+        this.sortChange.emit({
+            column: col.property,
+            direction: this.currentSortDirection,
+            sortType: col.sortType || 'text',
+        });
+    }
+    /** @internal Indica se la colonna e attualmente ordinata. */
+    isColumnSorted(col) {
+        return col.sortable === true && col.property === this.currentSortColumn && this.currentSortDirection !== null;
+    }
+    /** @internal Attributo aria-sort per accessibilita. */
+    getAriaSort(col) {
+        if (!col.sortable)
+            return null;
+        if (!this.isColumnSorted(col))
+            return 'none';
+        return this.currentSortDirection === 'asc' ? 'ascending' : 'descending';
+    }
+    // ── Gestione paginazione ─────────────────────────────────────
+    /** @internal Gestisce il cambio pagina dal MatPaginator. */
+    onPageChange(event) {
+        this.pageIndex = event.pageIndex;
+        this.pageSize = event.pageSize;
+        this.pageChange.emit({
+            pageIndex: event.pageIndex,
+            pageSize: event.pageSize,
+            length: event.length,
+        });
+    }
+    // ── Gestione righe ───────────────────────────────────────────
+    /** @internal Gestisce il click su una riga. */
+    onRowClick(row) {
+        this.rowClick.emit(row);
+    }
+    /** @internal Track function per il loop @for sulle righe. */
+    trackRow(index, row) {
+        return row['id'] ?? index;
+    }
+    // ── Ellipsis ─────────────────────────────────────────────────
+    /** @internal Verifica se il testo deve essere troncato. */
+    shouldTruncate(value, col) {
+        if (value == null)
+            return false;
+        return String(value).length > (col.maxLength ?? 50);
+    }
+    /** @internal Tronca il testo con ellipsis. */
+    truncateText(value, col) {
+        if (value == null)
+            return '';
+        const str = String(value);
+        const max = col.maxLength ?? 50;
+        return str.length > max ? str.substring(0, max) + '\u2026' : str;
+    }
+    // ── Classi CSS ───────────────────────────────────────────────
+    /** @internal Classi CSS per l'header di colonna. */
+    getHeaderClasses(col) {
+        return [
+            'ui-table__th',
+            col.sortable ? 'ui-table__th--sortable' : '',
+            this.isColumnSorted(col) ? 'ui-table__th--sorted' : '',
+            col.sticky ? 'ui-table__th--sticky' : '',
+        ]
+            .filter(Boolean)
+            .join(' ');
+    }
+    /** @internal Classi CSS per una cella. */
+    getCellClasses(col) {
+        return ['ui-table__td', col.sticky ? 'ui-table__td--sticky' : ''].filter(Boolean).join(' ');
+    }
+    // ── Utilita private ──────────────────────────────────────────
+    /** @internal Calcola la prossima direzione nel ciclo asc -> desc -> null. */
+    nextSortDirection(current) {
+        const cycle = ['asc', 'desc', null];
+        return cycle[(cycle.indexOf(current) + 1) % cycle.length];
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: UiPaginatedTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: UiPaginatedTableComponent, isStandalone: true, selector: "ui-paginated-table", inputs: { data: "data", columns: "columns", totalItems: "totalItems", pageSize: "pageSize", pageSizeOptions: "pageSizeOptions", pageIndex: "pageIndex", showPaginator: "showPaginator", loading: "loading", emptyMessage: "emptyMessage", emptyTemplate: "emptyTemplate" }, outputs: { pageChange: "pageChange", sortChange: "sortChange", rowClick: "rowClick" }, host: { classAttribute: "ui-paginated-table-host" }, ngImport: i0, template: `
+    <div class="ui-table" [attr.id]="tableId">
+      <div class="ui-table__container">
+        @if (data.length > 0) {
+          <table class="ui-table__table" role="grid" [attr.aria-busy]="loading">
+            <thead>
+              <tr>
+                @for (col of columns; track col.property) {
+                  <th
+                    [class]="getHeaderClasses(col)"
+                    [style.width]="col.width || null"
+                    [style.text-align]="col.align || 'left'"
+                    [attr.aria-sort]="getAriaSort(col)"
+                    [attr.role]="col.sortable ? 'columnheader button' : 'columnheader'"
+                    [attr.tabindex]="col.sortable ? 0 : null"
+                    (click)="onHeaderClick(col)"
+                    (keydown.enter)="onHeaderClick(col)"
+                    (keydown.space)="onHeaderClick(col); $event.preventDefault()"
+                  >
+                    <div class="ui-table__header-content">
+                      @if (col.headerTemplate) {
+                        <ng-container
+                          [ngTemplateOutlet]="col.headerTemplate"
+                          [ngTemplateOutletContext]="{ $implicit: col, column: col }"
+                        />
+                      } @else {
+                        <span class="ui-table__header-text">{{ col.header }}</span>
+                      }
+                      @if (col.sortable) {
+                        <span class="ui-table__sort-icon" aria-hidden="true">
+                          @if (isColumnSorted(col)) {
+                            @if (currentSortDirection === 'asc') {
+                              <lucide-icon name="chevron-up" [size]="14" />
+                            } @else {
+                              <lucide-icon name="chevron-down" [size]="14" />
+                            }
+                          } @else {
+                            <span class="ui-table__sort-hint">
+                              <lucide-icon name="chevron-up" [size]="10" />
+                              <lucide-icon name="chevron-down" [size]="10" />
+                            </span>
+                          }
+                        </span>
+                      }
+                    </div>
+                  </th>
+                }
+              </tr>
+            </thead>
+            <tbody>
+              @for (row of data; track trackRow($index, row)) {
+                <tr
+                  class="ui-table__row"
+                  [class.ui-table__row--clickable]="rowClick.observed"
+                  (click)="onRowClick(row)"
+                  [attr.tabindex]="rowClick.observed ? 0 : null"
+                  (keydown.enter)="rowClick.observed ? onRowClick(row) : null"
+                >
+                  @for (col of columns; track col.property) {
+                    <td
+                      [class]="getCellClasses(col)"
+                      [style.text-align]="col.align || 'left'"
+                    >
+                      @if (col.template) {
+                        <ng-container
+                          [ngTemplateOutlet]="col.template"
+                          [ngTemplateOutletContext]="{ $implicit: row, column: col }"
+                        />
+                      } @else if (col.ellipsis && shouldTruncate(row[col.property], col)) {
+                        <span
+                          class="ui-table__ellipsis"
+                          [matTooltip]="'' + row[col.property]"
+                        >{{ truncateText(row[col.property], col) }}</span>
+                      } @else {
+                        {{ row[col.property] }}
+                      }
+                    </td>
+                  }
+                </tr>
+              }
+            </tbody>
+          </table>
+        } @else if (!loading) {
+          <div class="ui-table__empty" role="status">
+            @if (emptyTemplate) {
+              <ng-container [ngTemplateOutlet]="emptyTemplate" />
+            } @else {
+              <lucide-icon name="info" [size]="24" class="ui-table__empty-icon" aria-hidden="true" />
+              <p class="ui-table__empty-text">{{ emptyMessage }}</p>
+            }
+          </div>
+        }
+
+        @if (loading) {
+          <div class="ui-table__loading" aria-live="polite">
+            <span class="ui-table__spinner" aria-hidden="true"></span>
+            <span class="ui-table__sr-only">Caricamento in corso</span>
+          </div>
+        }
+      </div>
+
+      @if (showPaginator && totalItems > 0) {
+        <mat-paginator
+          [length]="totalItems"
+          [pageSize]="pageSize"
+          [pageSizeOptions]="pageSizeOptions"
+          [pageIndex]="pageIndex"
+          (page)="onPageChange($event)"
+          showFirstLastButtons
+        />
+      }
+    </div>
+  `, isInline: true, styles: [".ui-paginated-table-host{display:block;width:100%}.ui-table{width:100%;position:relative}.ui-table__container{position:relative;overflow-x:auto;min-height:80px;border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-lg);background:var(--ui-color-surface)}.ui-table__table{width:100%;border-collapse:collapse;font-family:var(--ui-font-family);font-size:var(--ui-font-size-sm)}.ui-table__th{padding:var(--ui-spacing-3) var(--ui-spacing-4);border-bottom:2px solid var(--ui-color-border);background:var(--ui-color-bg-subtle);font-weight:var(--ui-font-weight-semibold);color:var(--ui-color-text-secondary);text-align:left;white-space:nowrap;-webkit-user-select:none;user-select:none;vertical-align:middle}.ui-table__th--sortable{cursor:pointer;transition:background-color var(--ui-transition-fast),color var(--ui-transition-fast)}.ui-table__th--sortable:focus{outline:none}.ui-table__th--sortable:focus-visible{outline:var(--ui-focus-ring-width) solid var(--ui-focus-ring-color);outline-offset:var(--ui-focus-ring-offset)}.ui-table__th--sortable:hover{background:var(--ui-color-surface-hover);color:var(--ui-color-text)}.ui-table__th--sorted{color:var(--ui-color-primary);background:var(--ui-color-primary-light)}.ui-table__th--sorted:hover{background:var(--ui-color-primary-light)}.ui-table__th--sticky{position:sticky;right:0;z-index:2;box-shadow:-2px 0 5px #00000014}.ui-table__header-content{display:flex;align-items:center;gap:var(--ui-spacing-1)}.ui-table__header-text{flex:1}.ui-table__sort-icon{display:inline-flex;align-items:center;color:var(--ui-color-text-muted);transition:color var(--ui-transition-fast)}.ui-table__th--sorted .ui-table__sort-icon{color:var(--ui-color-primary)}.ui-table__sort-hint{display:flex;flex-direction:column;align-items:center;line-height:0;opacity:.4}.ui-table__th--sortable:hover .ui-table__sort-hint{opacity:.7}.ui-table__td{padding:var(--ui-spacing-3) var(--ui-spacing-4);border-bottom:1px solid var(--ui-color-border);color:var(--ui-color-text);vertical-align:middle;word-break:break-word}.ui-table__td--sticky{position:sticky;right:0;background:var(--ui-color-surface);z-index:1;box-shadow:-2px 0 5px #00000014}.ui-table__row{transition:background-color var(--ui-transition-fast)}.ui-table__row:hover{background:var(--ui-color-surface-hover)}.ui-table__row--clickable{cursor:pointer}.ui-table__row--clickable:focus-visible{outline:var(--ui-focus-ring-width) solid var(--ui-focus-ring-color);outline-offset:var(--ui-focus-ring-offset);outline-offset:-2px}.ui-table__row:last-child .ui-table__td{border-bottom:none}.ui-table__row:hover .ui-table__td--sticky{background:var(--ui-color-surface-hover)}.ui-table__ellipsis{cursor:help}.ui-table__ellipsis:hover{text-decoration:underline;text-decoration-style:dotted;text-underline-offset:2px}.ui-table__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--ui-spacing-10) var(--ui-spacing-4);gap:var(--ui-spacing-2)}.ui-table__empty-icon{color:var(--ui-color-text-muted)}.ui-table__empty-text{margin:0;font-size:var(--ui-font-size-sm);color:var(--ui-color-text-muted)}.ui-table__loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#ffffffb3;z-index:3;border-radius:var(--ui-radius-lg)}.ui-table__spinner{width:24px;height:24px;border:3px solid var(--ui-color-primary-light);border-top-color:var(--ui-color-primary);border-radius:50%;animation:ui-table-spin .7s linear infinite}@keyframes ui-table-spin{to{transform:rotate(360deg)}}.ui-table__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ui-paginated-table-host mat-paginator{margin-top:var(--ui-spacing-3);background:transparent;font-family:var(--ui-font-family);border-radius:var(--ui-radius-md)}@media (max-width: 768px){.ui-table__th,.ui-table__td{padding:var(--ui-spacing-2) var(--ui-spacing-3);font-size:var(--ui-font-size-xs)}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: MatPaginatorModule }, { kind: "component", type: i1.MatPaginator, selector: "mat-paginator", inputs: ["color", "pageIndex", "length", "pageSize", "pageSizeOptions", "hidePageSize", "showFirstLastButtons", "selectConfig", "disabled"], outputs: ["page"], exportAs: ["matPaginator"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: LucideAngularModule }, { kind: "component", type: i3.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: UiPaginatedTableComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ui-paginated-table', standalone: true, imports: [NgTemplateOutlet, MatPaginatorModule, MatTooltipModule, LucideAngularModule], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: { class: 'ui-paginated-table-host' }, template: `
+    <div class="ui-table" [attr.id]="tableId">
+      <div class="ui-table__container">
+        @if (data.length > 0) {
+          <table class="ui-table__table" role="grid" [attr.aria-busy]="loading">
+            <thead>
+              <tr>
+                @for (col of columns; track col.property) {
+                  <th
+                    [class]="getHeaderClasses(col)"
+                    [style.width]="col.width || null"
+                    [style.text-align]="col.align || 'left'"
+                    [attr.aria-sort]="getAriaSort(col)"
+                    [attr.role]="col.sortable ? 'columnheader button' : 'columnheader'"
+                    [attr.tabindex]="col.sortable ? 0 : null"
+                    (click)="onHeaderClick(col)"
+                    (keydown.enter)="onHeaderClick(col)"
+                    (keydown.space)="onHeaderClick(col); $event.preventDefault()"
+                  >
+                    <div class="ui-table__header-content">
+                      @if (col.headerTemplate) {
+                        <ng-container
+                          [ngTemplateOutlet]="col.headerTemplate"
+                          [ngTemplateOutletContext]="{ $implicit: col, column: col }"
+                        />
+                      } @else {
+                        <span class="ui-table__header-text">{{ col.header }}</span>
+                      }
+                      @if (col.sortable) {
+                        <span class="ui-table__sort-icon" aria-hidden="true">
+                          @if (isColumnSorted(col)) {
+                            @if (currentSortDirection === 'asc') {
+                              <lucide-icon name="chevron-up" [size]="14" />
+                            } @else {
+                              <lucide-icon name="chevron-down" [size]="14" />
+                            }
+                          } @else {
+                            <span class="ui-table__sort-hint">
+                              <lucide-icon name="chevron-up" [size]="10" />
+                              <lucide-icon name="chevron-down" [size]="10" />
+                            </span>
+                          }
+                        </span>
+                      }
+                    </div>
+                  </th>
+                }
+              </tr>
+            </thead>
+            <tbody>
+              @for (row of data; track trackRow($index, row)) {
+                <tr
+                  class="ui-table__row"
+                  [class.ui-table__row--clickable]="rowClick.observed"
+                  (click)="onRowClick(row)"
+                  [attr.tabindex]="rowClick.observed ? 0 : null"
+                  (keydown.enter)="rowClick.observed ? onRowClick(row) : null"
+                >
+                  @for (col of columns; track col.property) {
+                    <td
+                      [class]="getCellClasses(col)"
+                      [style.text-align]="col.align || 'left'"
+                    >
+                      @if (col.template) {
+                        <ng-container
+                          [ngTemplateOutlet]="col.template"
+                          [ngTemplateOutletContext]="{ $implicit: row, column: col }"
+                        />
+                      } @else if (col.ellipsis && shouldTruncate(row[col.property], col)) {
+                        <span
+                          class="ui-table__ellipsis"
+                          [matTooltip]="'' + row[col.property]"
+                        >{{ truncateText(row[col.property], col) }}</span>
+                      } @else {
+                        {{ row[col.property] }}
+                      }
+                    </td>
+                  }
+                </tr>
+              }
+            </tbody>
+          </table>
+        } @else if (!loading) {
+          <div class="ui-table__empty" role="status">
+            @if (emptyTemplate) {
+              <ng-container [ngTemplateOutlet]="emptyTemplate" />
+            } @else {
+              <lucide-icon name="info" [size]="24" class="ui-table__empty-icon" aria-hidden="true" />
+              <p class="ui-table__empty-text">{{ emptyMessage }}</p>
+            }
+          </div>
+        }
+
+        @if (loading) {
+          <div class="ui-table__loading" aria-live="polite">
+            <span class="ui-table__spinner" aria-hidden="true"></span>
+            <span class="ui-table__sr-only">Caricamento in corso</span>
+          </div>
+        }
+      </div>
+
+      @if (showPaginator && totalItems > 0) {
+        <mat-paginator
+          [length]="totalItems"
+          [pageSize]="pageSize"
+          [pageSizeOptions]="pageSizeOptions"
+          [pageIndex]="pageIndex"
+          (page)="onPageChange($event)"
+          showFirstLastButtons
+        />
+      }
+    </div>
+  `, styles: [".ui-paginated-table-host{display:block;width:100%}.ui-table{width:100%;position:relative}.ui-table__container{position:relative;overflow-x:auto;min-height:80px;border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-lg);background:var(--ui-color-surface)}.ui-table__table{width:100%;border-collapse:collapse;font-family:var(--ui-font-family);font-size:var(--ui-font-size-sm)}.ui-table__th{padding:var(--ui-spacing-3) var(--ui-spacing-4);border-bottom:2px solid var(--ui-color-border);background:var(--ui-color-bg-subtle);font-weight:var(--ui-font-weight-semibold);color:var(--ui-color-text-secondary);text-align:left;white-space:nowrap;-webkit-user-select:none;user-select:none;vertical-align:middle}.ui-table__th--sortable{cursor:pointer;transition:background-color var(--ui-transition-fast),color var(--ui-transition-fast)}.ui-table__th--sortable:focus{outline:none}.ui-table__th--sortable:focus-visible{outline:var(--ui-focus-ring-width) solid var(--ui-focus-ring-color);outline-offset:var(--ui-focus-ring-offset)}.ui-table__th--sortable:hover{background:var(--ui-color-surface-hover);color:var(--ui-color-text)}.ui-table__th--sorted{color:var(--ui-color-primary);background:var(--ui-color-primary-light)}.ui-table__th--sorted:hover{background:var(--ui-color-primary-light)}.ui-table__th--sticky{position:sticky;right:0;z-index:2;box-shadow:-2px 0 5px #00000014}.ui-table__header-content{display:flex;align-items:center;gap:var(--ui-spacing-1)}.ui-table__header-text{flex:1}.ui-table__sort-icon{display:inline-flex;align-items:center;color:var(--ui-color-text-muted);transition:color var(--ui-transition-fast)}.ui-table__th--sorted .ui-table__sort-icon{color:var(--ui-color-primary)}.ui-table__sort-hint{display:flex;flex-direction:column;align-items:center;line-height:0;opacity:.4}.ui-table__th--sortable:hover .ui-table__sort-hint{opacity:.7}.ui-table__td{padding:var(--ui-spacing-3) var(--ui-spacing-4);border-bottom:1px solid var(--ui-color-border);color:var(--ui-color-text);vertical-align:middle;word-break:break-word}.ui-table__td--sticky{position:sticky;right:0;background:var(--ui-color-surface);z-index:1;box-shadow:-2px 0 5px #00000014}.ui-table__row{transition:background-color var(--ui-transition-fast)}.ui-table__row:hover{background:var(--ui-color-surface-hover)}.ui-table__row--clickable{cursor:pointer}.ui-table__row--clickable:focus-visible{outline:var(--ui-focus-ring-width) solid var(--ui-focus-ring-color);outline-offset:var(--ui-focus-ring-offset);outline-offset:-2px}.ui-table__row:last-child .ui-table__td{border-bottom:none}.ui-table__row:hover .ui-table__td--sticky{background:var(--ui-color-surface-hover)}.ui-table__ellipsis{cursor:help}.ui-table__ellipsis:hover{text-decoration:underline;text-decoration-style:dotted;text-underline-offset:2px}.ui-table__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--ui-spacing-10) var(--ui-spacing-4);gap:var(--ui-spacing-2)}.ui-table__empty-icon{color:var(--ui-color-text-muted)}.ui-table__empty-text{margin:0;font-size:var(--ui-font-size-sm);color:var(--ui-color-text-muted)}.ui-table__loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#ffffffb3;z-index:3;border-radius:var(--ui-radius-lg)}.ui-table__spinner{width:24px;height:24px;border:3px solid var(--ui-color-primary-light);border-top-color:var(--ui-color-primary);border-radius:50%;animation:ui-table-spin .7s linear infinite}@keyframes ui-table-spin{to{transform:rotate(360deg)}}.ui-table__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ui-paginated-table-host mat-paginator{margin-top:var(--ui-spacing-3);background:transparent;font-family:var(--ui-font-family);border-radius:var(--ui-radius-md)}@media (max-width: 768px){.ui-table__th,.ui-table__td{padding:var(--ui-spacing-2) var(--ui-spacing-3);font-size:var(--ui-font-size-xs)}}\n"] }]
+        }], propDecorators: { data: [{
+                type: Input
+            }], columns: [{
+                type: Input
+            }], totalItems: [{
+                type: Input
+            }], pageSize: [{
+                type: Input
+            }], pageSizeOptions: [{
+                type: Input
+            }], pageIndex: [{
+                type: Input
+            }], showPaginator: [{
+                type: Input
+            }], loading: [{
+                type: Input
+            }], emptyMessage: [{
+                type: Input
+            }], emptyTemplate: [{
+                type: Input
+            }], pageChange: [{
+                type: Output
+            }], sortChange: [{
+                type: Output
+            }], rowClick: [{
+                type: Output
+            }] } });
+
+/**
+ * Bootstrap del secondary entry `@gnggln/ng-ui-system/table`. Tabella paginata.
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { UiPaginatedTableComponent };
+//# sourceMappingURL=gnggln-ng-ui-system-table.mjs.map