@neural-ui/core 1.2.1 → 1.3.0

package/fesm2022/neural-ui-core-nav.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"neural-ui-core-nav.mjs","sources":["../../../../projects/ui-core/nav/neu-nav.component.ts","../../../../projects/ui-core/nav/neural-ui-core-nav.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  DestroyRef,\n  ViewEncapsulation,\n  afterNextRender,\n  effect,\n  inject,\n  input,\n  output,\n  signal,\n} from '@angular/core';\nimport { RouterLink, RouterLinkActive, Router, NavigationEnd } from '@angular/router';\nimport { filter } from 'rxjs';\nimport { toSignal } from '@angular/core/rxjs-interop';\nimport { NeuIconComponent } from '@neural-ui/core/icon';\nimport { NeuTooltipDirective } from '@neural-ui/core/tooltip';\n\n// ---- Tipos públicos / Public types ----\n\n/**\n * Ítem de navegación con soporte para 3 niveles de profundidad.\n *\n * Destino del enlace — usa UNO de los dos:\n *   - `route`  → navegación interna Angular (RouterLink)\n *   - `href`   → URL externa, se abre en nueva pestaña con rel=\"noopener noreferrer\"\n *\n * Los ítems con `children` actúan como grupo acordeón (sin destino propio).\n * Máximo 3 niveles: raíz → hijos → nietos.\n * Los nietos no pueden tener `children`.\n */\nexport interface NeuNavItem {\n  id: string;\n  label: string;\n  icon: string;\n  /** Ruta Angular interna (RouterLink). Excluye `href`. / Internal Angular route (RouterLink). Excludes `href`. */\n  route?: string;\n  /** URL externa. Se abre en nueva pestaña. Excluye `route`. / External URL. Opens in a new tab. Excludes `route`. */\n  href?: string;\n  /** Ítems hijo (nivel 2). Cada hijo puede tener sus propios `children` (nivel 3). / Child items (level 2). Each child can have its own `children` (level 3). */\n  children?: NeuNavItem[];\n  badge?: string;\n  badgeVariant?: 'default' | 'success' | 'warning' | 'danger' | 'info';\n  disabled?: boolean;\n}\n\n@Component({\n  selector: 'neu-nav',\n  imports: [RouterLink, RouterLinkActive, NeuIconComponent, NeuTooltipDirective],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `\n    <div class=\"neu-nav-wrapper\" [class.neu-nav-wrapper--collapsed]=\"isCollapsed()\">\n      <nav\n        class=\"neu-nav\"\n        [class.neu-nav--collapsed]=\"isCollapsed()\"\n        [attr.aria-label]=\"ariaLabel()\"\n      >\n        <!-- Brand slot -->\n        <div class=\"neu-nav__brand\">\n          <!-- Icono visible solo en modo colapsado -->\n          <div class=\"neu-nav__brand-icon\">\n            <ng-content select=\"[neu-nav-brand-icon]\" />\n          </div>\n          <!-- Contenido completo visible en modo expandido -->\n          <div class=\"neu-nav__brand-content\">\n            <ng-content select=\"[neu-nav-brand]\" />\n          </div>\n        </div>\n\n        <!-- Items (nivel 1) -->\n        <div class=\"neu-nav__items\" role=\"list\">\n          @for (item of items(); track item.id) {\n            @if (item.children?.length) {\n              <!-- NIVEL 1 — Grupo acordeón -->\n              <div\n                class=\"neu-nav__group\"\n                [class.neu-nav__group--open]=\"isGroupOpen(item.id)\"\n                role=\"listitem\"\n                (mouseenter)=\"onGroupMouseEnter(item, $event)\"\n                (mouseleave)=\"onGroupMouseLeave()\"\n              >\n                <button\n                  class=\"neu-nav__item neu-nav__item--parent\"\n                  type=\"button\"\n                  [class.neu-nav__item--active]=\"isGroupActive(item)\"\n                  [class.neu-nav__item--disabled]=\"item.disabled\"\n                  [attr.aria-expanded]=\"isGroupOpen(item.id)\"\n                  [attr.aria-haspopup]=\"true\"\n                  [attr.disabled]=\"item.disabled ? '' : null\"\n                  [neuTooltip]=\"isCollapsed() ? item.label : ''\"\n                  neuTooltipPosition=\"right\"\n                  (click)=\"!isCollapsed() && toggleGroup(item.id)\"\n                >\n                  <neu-icon\n                    [name]=\"item.icon\"\n                    size=\"18px\"\n                    class=\"neu-nav__item-icon\"\n                    aria-hidden=\"true\"\n                  />\n                  <span class=\"neu-nav__item-label\">{{ item.label }}</span>\n                  @if (item.badge) {\n                    <span\n                      class=\"neu-nav__item-badge neu-nav__item-badge--{{\n                        item.badgeVariant ?? 'default'\n                      }}\"\n                      >{{ item.badge }}</span\n                    >\n                  }\n                  <neu-icon\n                    name=\"lucideChevronRight\"\n                    size=\"14px\"\n                    class=\"neu-nav__group-chevron\"\n                    aria-hidden=\"true\"\n                  />\n                </button>\n\n                <!-- Submenú nivel 2 -->\n                @if (!isCollapsed() && isGroupOpen(item.id)) {\n                  <div class=\"neu-nav__submenu\" role=\"list\">\n                    @for (child of item.children; track child.id) {\n                      @if (child.children?.length) {\n                        <!-- NIVEL 2 — Subgrupo acordeón -->\n                        <div\n                          class=\"neu-nav__group neu-nav__group--nested\"\n                          [class.neu-nav__group--open]=\"isGroupOpen(child.id)\"\n                          role=\"listitem\"\n                        >\n                          <button\n                            class=\"neu-nav__item neu-nav__item--child neu-nav__item--parent\"\n                            type=\"button\"\n                            [class.neu-nav__item--active]=\"isGroupActive(child)\"\n                            [class.neu-nav__item--disabled]=\"child.disabled\"\n                            [attr.aria-expanded]=\"isGroupOpen(child.id)\"\n                            [attr.aria-haspopup]=\"true\"\n                            [attr.disabled]=\"child.disabled ? '' : null\"\n                            (click)=\"toggleGroup(child.id)\"\n                          >\n                            <neu-icon\n                              [name]=\"child.icon\"\n                              size=\"15px\"\n                              class=\"neu-nav__item-icon\"\n                              aria-hidden=\"true\"\n                            />\n                            <span class=\"neu-nav__item-label\">{{ child.label }}</span>\n                            @if (child.badge) {\n                              <span\n                                class=\"neu-nav__item-badge neu-nav__item-badge--{{\n                                  child.badgeVariant ?? 'default'\n                                }}\"\n                                >{{ child.badge }}</span\n                              >\n                            }\n                            <neu-icon\n                              name=\"lucideChevronRight\"\n                              size=\"13px\"\n                              class=\"neu-nav__group-chevron\"\n                              aria-hidden=\"true\"\n                            />\n                          </button>\n\n                          <!-- Submenú nivel 3 -->\n                          @if (isGroupOpen(child.id)) {\n                            <div class=\"neu-nav__submenu neu-nav__submenu--nested\" role=\"list\">\n                              @for (grand of child.children; track grand.id) {\n                                @if (grand.href) {\n                                  <!-- NIVEL 3 — Enlace externo -->\n                                  <a\n                                    class=\"neu-nav__item neu-nav__item--grandchild\"\n                                    [class.neu-nav__item--disabled]=\"grand.disabled\"\n                                    [href]=\"grand.disabled ? null : grand.href\"\n                                    target=\"_blank\"\n                                    rel=\"noopener noreferrer\"\n                                    [attr.aria-disabled]=\"grand.disabled ? 'true' : null\"\n                                    role=\"listitem\"\n                                  >\n                                    <neu-icon\n                                      [name]=\"grand.icon\"\n                                      size=\"14px\"\n                                      class=\"neu-nav__item-icon\"\n                                      aria-hidden=\"true\"\n                                    />\n                                    <span class=\"neu-nav__item-label\">{{ grand.label }}</span>\n                                    <neu-icon\n                                      name=\"lucideExternalLink\"\n                                      size=\"11px\"\n                                      class=\"neu-nav__external-icon\"\n                                      aria-hidden=\"true\"\n                                    />\n                                  </a>\n                                } @else {\n                                  <!-- NIVEL 3 — Enlace interno -->\n                                  <a\n                                    class=\"neu-nav__item neu-nav__item--grandchild\"\n                                    [class.neu-nav__item--disabled]=\"grand.disabled\"\n                                    [routerLink]=\"grand.disabled ? null : (grand.route ?? null)\"\n                                    routerLinkActive=\"neu-nav__item--active\"\n                                    [routerLinkActiveOptions]=\"{ exact: true }\"\n                                    [attr.aria-current]=\"\n                                      isCurrentRoute(grand.route ?? '') ? 'page' : null\n                                    \"\n                                    role=\"listitem\"\n                                  >\n                                    <neu-icon\n                                      [name]=\"grand.icon\"\n                                      size=\"14px\"\n                                      class=\"neu-nav__item-icon\"\n                                      aria-hidden=\"true\"\n                                    />\n                                    <span class=\"neu-nav__item-label\">{{ grand.label }}</span>\n                                    @if (grand.badge) {\n                                      <span\n                                        class=\"neu-nav__item-badge neu-nav__item-badge--{{\n                                          grand.badgeVariant ?? 'default'\n                                        }}\"\n                                        >{{ grand.badge }}</span\n                                      >\n                                    }\n                                  </a>\n                                }\n                              }\n                            </div>\n                          }\n                        </div>\n                      } @else if (child.href) {\n                        <!-- NIVEL 2 — Enlace externo -->\n                        <a\n                          class=\"neu-nav__item neu-nav__item--child\"\n                          [class.neu-nav__item--disabled]=\"child.disabled\"\n                          [href]=\"child.disabled ? null : child.href\"\n                          target=\"_blank\"\n                          rel=\"noopener noreferrer\"\n                          [attr.aria-disabled]=\"child.disabled ? 'true' : null\"\n                          role=\"listitem\"\n                        >\n                          <neu-icon\n                            [name]=\"child.icon\"\n                            size=\"15px\"\n                            class=\"neu-nav__item-icon\"\n                            aria-hidden=\"true\"\n                          />\n                          <span class=\"neu-nav__item-label\">{{ child.label }}</span>\n                          @if (child.badge) {\n                            <span\n                              class=\"neu-nav__item-badge neu-nav__item-badge--{{\n                                child.badgeVariant ?? 'default'\n                              }}\"\n                              >{{ child.badge }}</span\n                            >\n                          }\n                          <neu-icon\n                            name=\"lucideExternalLink\"\n                            size=\"12px\"\n                            class=\"neu-nav__external-icon\"\n                            aria-hidden=\"true\"\n                          />\n                        </a>\n                      } @else {\n                        <!-- NIVEL 2 — Enlace interno -->\n                        <a\n                          class=\"neu-nav__item neu-nav__item--child\"\n                          [class.neu-nav__item--disabled]=\"child.disabled\"\n                          [routerLink]=\"child.disabled ? null : (child.route ?? null)\"\n                          routerLinkActive=\"neu-nav__item--active\"\n                          [routerLinkActiveOptions]=\"{ exact: true }\"\n                          [attr.aria-current]=\"isCurrentRoute(child.route ?? '') ? 'page' : null\"\n                          role=\"listitem\"\n                        >\n                          <neu-icon\n                            [name]=\"child.icon\"\n                            size=\"15px\"\n                            class=\"neu-nav__item-icon\"\n                            aria-hidden=\"true\"\n                          />\n                          <span class=\"neu-nav__item-label\">{{ child.label }}</span>\n                          @if (child.badge) {\n                            <span\n                              class=\"neu-nav__item-badge neu-nav__item-badge--{{\n                                child.badgeVariant ?? 'default'\n                              }}\"\n                              >{{ child.badge }}</span\n                            >\n                          }\n                        </a>\n                      }\n                    }\n                  </div>\n                }\n              </div>\n            } @else if (item.href) {\n              <!-- NIVEL 1 — Enlace externo -->\n              <a\n                class=\"neu-nav__item\"\n                [class.neu-nav__item--disabled]=\"item.disabled\"\n                [href]=\"item.disabled ? null : item.href\"\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                [attr.aria-disabled]=\"item.disabled ? 'true' : null\"\n                [neuTooltip]=\"isCollapsed() ? item.label : ''\"\n                neuTooltipPosition=\"right\"\n                role=\"listitem\"\n              >\n                <neu-icon\n                  [name]=\"item.icon\"\n                  size=\"18px\"\n                  class=\"neu-nav__item-icon\"\n                  aria-hidden=\"true\"\n                />\n                <span class=\"neu-nav__item-label\">{{ item.label }}</span>\n                @if (item.badge) {\n                  <span\n                    class=\"neu-nav__item-badge neu-nav__item-badge--{{\n                      item.badgeVariant ?? 'default'\n                    }}\"\n                    >{{ item.badge }}</span\n                  >\n                }\n                <neu-icon\n                  name=\"lucideExternalLink\"\n                  size=\"13px\"\n                  class=\"neu-nav__external-icon\"\n                  aria-hidden=\"true\"\n                />\n              </a>\n            } @else {\n              <!-- NIVEL 1 — Enlace interno -->\n              <a\n                class=\"neu-nav__item\"\n                [class.neu-nav__item--disabled]=\"item.disabled\"\n                [routerLink]=\"item.disabled ? null : (item.route ?? null)\"\n                routerLinkActive=\"neu-nav__item--active\"\n                [routerLinkActiveOptions]=\"{ exact: item.route === '/' }\"\n                [attr.aria-current]=\"isCurrentRoute(item.route ?? '') ? 'page' : null\"\n                [neuTooltip]=\"isCollapsed() ? item.label : ''\"\n                neuTooltipPosition=\"right\"\n                role=\"listitem\"\n              >\n                <neu-icon\n                  [name]=\"item.icon\"\n                  size=\"18px\"\n                  class=\"neu-nav__item-icon\"\n                  aria-hidden=\"true\"\n                />\n                <span class=\"neu-nav__item-label\">{{ item.label }}</span>\n                @if (item.badge) {\n                  <span\n                    class=\"neu-nav__item-badge neu-nav__item-badge--{{\n                      item.badgeVariant ?? 'default'\n                    }}\"\n                    >{{ item.badge }}</span\n                  >\n                }\n              </a>\n            }\n          }\n        </div>\n\n        <!-- Footer slot -->\n        <div class=\"neu-nav__footer\">\n          <ng-content select=\"[neu-nav-footer]\" />\n        </div>\n      </nav>\n\n      <!-- Flyout panel para grupos en modo colapsado -->\n      @if (flyoutState(); as flyout) {\n        <div\n          class=\"neu-nav__flyout\"\n          [style.top.px]=\"flyout.top\"\n          [style.left.px]=\"flyout.left\"\n          role=\"menu\"\n          (mouseenter)=\"onFlyoutMouseEnter()\"\n          (mouseleave)=\"onFlyoutMouseLeave()\"\n        >\n          <div class=\"neu-nav__flyout-title\">{{ flyout.item.label }}</div>\n          @for (child of flyout.item.children ?? []; track child.id) {\n            @if (child.children?.length) {\n              <div class=\"neu-nav__flyout-group\">\n                <span class=\"neu-nav__flyout-group-label\">{{ child.label }}</span>\n                @for (grand of child.children; track grand.id) {\n                  @if (grand.href) {\n                    <a\n                      class=\"neu-nav__flyout-item\"\n                      role=\"menuitem\"\n                      [href]=\"grand.href\"\n                      target=\"_blank\"\n                      rel=\"noopener noreferrer\"\n                      (click)=\"flyoutState.set(null)\"\n                    >\n                      <neu-icon [name]=\"grand.icon\" size=\"13px\" aria-hidden=\"true\" />\n                      <span>{{ grand.label }}</span>\n                      <neu-icon\n                        name=\"lucideExternalLink\"\n                        size=\"10px\"\n                        class=\"neu-nav__external-icon\"\n                      />\n                    </a>\n                  } @else {\n                    <a\n                      class=\"neu-nav__flyout-item\"\n                      role=\"menuitem\"\n                      [routerLink]=\"grand.route\"\n                      routerLinkActive=\"neu-nav__flyout-item--active\"\n                      (click)=\"flyoutState.set(null)\"\n                    >\n                      <neu-icon [name]=\"grand.icon\" size=\"13px\" aria-hidden=\"true\" />\n                      <span>{{ grand.label }}</span>\n                    </a>\n                  }\n                }\n              </div>\n            } @else if (child.href) {\n              <a\n                class=\"neu-nav__flyout-item\"\n                role=\"menuitem\"\n                [href]=\"child.href\"\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                (click)=\"flyoutState.set(null)\"\n              >\n                <neu-icon [name]=\"child.icon\" size=\"13px\" aria-hidden=\"true\" />\n                <span>{{ child.label }}</span>\n                <neu-icon name=\"lucideExternalLink\" size=\"10px\" class=\"neu-nav__external-icon\" />\n              </a>\n            } @else {\n              <a\n                class=\"neu-nav__flyout-item\"\n                role=\"menuitem\"\n                [routerLink]=\"child.route\"\n                routerLinkActive=\"neu-nav__flyout-item--active\"\n                (click)=\"flyoutState.set(null)\"\n              >\n                <neu-icon [name]=\"child.icon\" size=\"13px\" aria-hidden=\"true\" />\n                <span>{{ child.label }}</span>\n              </a>\n            }\n          }\n        </div>\n      }\n\n      <!-- Pestaña collapse/expand — fuera del nav para no ser recortada -->\n      @if (collapsible()) {\n        <button\n          class=\"neu-nav__toggle-tab\"\n          type=\"button\"\n          [attr.aria-label]=\"isCollapsed() ? expandLabel() : collapseLabel()\"\n          [attr.aria-expanded]=\"!isCollapsed()\"\n          (click)=\"toggleCollapse()\"\n        >\n          <neu-icon\n            [name]=\"isCollapsed() ? 'lucideChevronRight' : 'lucideChevronLeft'\"\n            size=\"12px\"\n            aria-hidden=\"true\"\n          />\n        </button>\n      }\n    </div>\n  `,\n  styleUrl: './neu-nav.component.scss',\n})\nexport class NeuNavComponent {\n  private readonly router = inject(Router);\n\n  // ---- Señal reactiva de ruta activa / Reactive active route signal ----\n  private readonly currentUrl = toSignal(\n    this.router.events.pipe(filter((e): e is NavigationEnd => e instanceof NavigationEnd)),\n    { initialValue: null },\n  );\n\n  // ---- Inputs ----\n\n  /** Lista de ítems de navegación / Navigation item list */\n  items = input<NeuNavItem[]>([]);\n\n  /** Estado inicial colapsado / Initial collapsed state */\n  collapsed = input<boolean>(false);\n\n  /** Muestra el botón de colapsar/expandir / Shows the collapse/expand button */\n  collapsible = input<boolean>(true);\n\n  /** Etiqueta accesible del <nav> / Accessible label for the <nav> */\n  ariaLabel = input<string>('Navegación principal');\n\n  /** Aria-label del botón cuando el nav está colapsado / Aria-label for the button when the nav is collapsed */\n  expandLabel = input<string>('Expandir menú');\n\n  /** Aria-label del botón cuando el nav está expandido / Aria-label for the button when the nav is expanded */\n  collapseLabel = input<string>('Colapsar menú');\n\n  /** Emite cuando cambia el estado colapsado / Emits when the collapsed state changes */\n  collapsedChange = output<boolean>();\n\n  // ---- Estado interno / Internal state ----\n\n  // Sigue el input `collapsed` del padre (permite el configurador)\n  // pero puede ser sobreescrito localmente con toggleCollapse()\n  readonly isCollapsed = signal(this.collapsed());\n  private readonly openGroups = signal<Set<string>>(new Set());\n\n  // ---- Flyout para modo colapsado / Flyout for collapsed mode ----\n  readonly flyoutState = signal<{ item: NeuNavItem; top: number; left: number } | null>(null);\n  private _flyoutTimer: ReturnType<typeof setTimeout> | null = null;\n\n  constructor() {\n    // Sincroniza isCollapsed cuando el input cambia desde el padre\n    effect(() => this.isCollapsed.set(this.collapsed()), { allowSignalWrites: true });\n    // Abrimos el grupo activo DESPUÉS de que el padre haya pasado los inputs\n    afterNextRender(() => this._openActiveGroup());\n    // Limpiamos el timer del flyout al destruir el componente\n    inject(DestroyRef).onDestroy(() => {\n      if (this._flyoutTimer) clearTimeout(this._flyoutTimer);\n    });\n  }\n\n  // ---- Helpers de estado / State helpers ----\n\n  toggleCollapse(): void {\n    this.isCollapsed.update((v) => {\n      const next = !v;\n      this.collapsedChange.emit(next);\n      return next;\n    });\n  }\n\n  toggleGroup(id: string): void {\n    this.openGroups.update((s) => {\n      const next = new Set(s);\n      if (next.has(id)) next.delete(id);\n      else next.add(id);\n      return next;\n    });\n  }\n\n  isGroupOpen(id: string): boolean {\n    return this.openGroups().has(id);\n  }\n\n  isCurrentRoute(route: string): boolean {\n    if (!route) return false;\n    // Consume la señal para que OnPush re-evalúe tras navegación\n    this.currentUrl();\n    return this.router.url === route || this.router.url.startsWith(route + '?');\n  }\n\n  isGroupActive(item: NeuNavItem): boolean {\n    if (!item.children?.length) return false;\n    return item.children.some(\n      (c) =>\n        this.isCurrentRoute(c.route ?? '') ||\n        (c.children?.some((g) => this.isCurrentRoute(g.route ?? '')) ?? false),\n    );\n  }\n\n  // ---- Flyout handlers ----\n\n  onGroupMouseEnter(item: NeuNavItem, event: MouseEvent): void {\n    if (!this.isCollapsed() || !item.children?.length) return;\n    if (this._flyoutTimer) {\n      clearTimeout(this._flyoutTimer);\n      this._flyoutTimer = null;\n    }\n    const rect = (event.currentTarget as HTMLElement).getBoundingClientRect();\n    this.flyoutState.set({ item, top: rect.top, left: rect.right });\n  }\n\n  onGroupMouseLeave(): void {\n    if (!this.isCollapsed()) return;\n    this._flyoutTimer = setTimeout(() => this.flyoutState.set(null), 150);\n  }\n\n  onFlyoutMouseEnter(): void {\n    if (this._flyoutTimer) {\n      clearTimeout(this._flyoutTimer);\n      this._flyoutTimer = null;\n    }\n  }\n\n  onFlyoutMouseLeave(): void {\n    this._flyoutTimer = setTimeout(() => this.flyoutState.set(null), 150);\n  }\n\n  private _openActiveGroup(): void {\n    const toOpen = new Set<string>();\n    for (const item of this.items()) {\n      if (!item.children) continue;\n      for (const child of item.children) {\n        if (child.route && this.router.url.startsWith(child.route)) {\n          toOpen.add(item.id);\n        }\n        if (child.children) {\n          for (const grand of child.children) {\n            if (grand.route && this.router.url.startsWith(grand.route)) {\n              toOpen.add(item.id);\n              toOpen.add(child.id);\n            }\n          }\n        }\n      }\n    }\n    if (toOpen.size > 0) {\n      this.openGroups.set(toOpen);\n    }\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

package/fesm2022/neural-ui-core-notification-center.mjs

@@ -0,0 +1,264 @@
+import * as i0 from '@angular/core';
+import { signal, computed, Injectable, inject, ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
+
+const DEFAULT_ICONS = {
+    info: 'ℹ️',
+    success: '✅',
+    warning: '⚠️',
+    error: '❌',
+};
+let _idSeq = 0;
+/**
+ * NeuralUI NotificationService
+ *
+ * Servicio inyectable que gestiona la cola de notificaciones.
+ *
+ * Uso:
+ *   inject(NeuNotificationService).push({ type: 'success', message: '¡Guardado!' });
+ */
+class NeuNotificationService {
+    notifications = signal([], ...(ngDevMode ? [{ debugName: "notifications" }] : /* istanbul ignore next */ []));
+    unreadCount = computed(() => this.notifications().filter((n) => !n.read).length, ...(ngDevMode ? [{ debugName: "unreadCount" }] : /* istanbul ignore next */ []));
+    /** Agrega una notificación / Adds a notification */
+    push(opts) {
+        const id = `neu-notif-${++_idSeq}`;
+        const n = {
+            id,
+            type: opts.type ?? 'info',
+            title: opts.title,
+            message: opts.message,
+            icon: opts.icon ?? DEFAULT_ICONS[opts.type ?? 'info'],
+            duration: opts.duration ?? 5000,
+            timestamp: new Date(),
+            read: false,
+        };
+        this.notifications.update((list) => [n, ...list]);
+        if (n.duration && n.duration > 0) {
+            setTimeout(() => this.remove(id), n.duration);
+        }
+        return id;
+    }
+    /** Elimina una notificación / Removes a notification */
+    remove(id) {
+        this.notifications.update((list) => list.filter((n) => n.id !== id));
+    }
+    /** Marca todas como leídas / Marks all as read */
+    markAllRead() {
+        this.notifications.update((list) => list.map((n) => ({ ...n, read: true })));
+    }
+    /** Elimina todas / Clears all */
+    clearAll() {
+        this.notifications.set([]);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: NeuNotificationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: NeuNotificationService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: NeuNotificationService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+let _panelSeq = 0;
+/**
+ * NeuralUI NotificationCenter Component
+ *
+ * Icono de campana con badge de no leídos y panel de notificaciones
+ * deslizante. Consume NeuNotificationService.
+ *
+ * Uso:
+ *   <neu-notification-center />
+ */
+class NeuNotificationCenterComponent {
+    _svc = inject(NeuNotificationService);
+    _isOpen = signal(false, ...(ngDevMode ? [{ debugName: "_isOpen" }] : /* istanbul ignore next */ []));
+    _panelId = `neu-nc-panel-${++_panelSeq}`;
+    _toggle() {
+        const opening = !this._isOpen();
+        this._isOpen.set(opening);
+        if (opening) {
+            // Mark all as read when panel opens
+            setTimeout(() => this._svc.markAllRead(), 500);
+        }
+    }
+    _relativeTime(date) {
+        const diff = Date.now() - date.getTime();
+        const mins = Math.floor(diff / 60000);
+        if (mins < 1)
+            return 'Ahora';
+        if (mins < 60)
+            return `Hace ${mins} min`;
+        const hours = Math.floor(mins / 60);
+        if (hours < 24)
+            return `Hace ${hours}h`;
+        return `Hace ${Math.floor(hours / 24)}d`;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: NeuNotificationCenterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: NeuNotificationCenterComponent, isStandalone: true, selector: "neu-notification-center", host: { properties: { "attr.aria-label": "\"Centro de notificaciones\"" }, classAttribute: "neu-nc" }, ngImport: i0, template: `
+    <!-- Bell button -->
+    <button
+      type="button"
+      class="neu-nc__bell"
+      [attr.aria-expanded]="_isOpen()"
+      [attr.aria-controls]="_panelId"
+      [attr.aria-label]="'Notificaciones. ' + _svc.unreadCount() + ' sin leer'"
+      (click)="_toggle()"
+    >
+      <span class="neu-nc__bell-icon" aria-hidden="true">🔔</span>
+      @if (_svc.unreadCount() > 0) {
+        <span class="neu-nc__badge" aria-hidden="true">{{
+          _svc.unreadCount() > 99 ? '99+' : _svc.unreadCount()
+        }}</span>
+      }
+    </button>
+
+    <!-- Panel -->
+    @if (_isOpen()) {
+      <div
+        class="neu-nc__panel"
+        [id]="_panelId"
+        role="dialog"
+        aria-modal="false"
+        aria-label="Notificaciones"
+      >
+        <div class="neu-nc__panel-header">
+          <span class="neu-nc__panel-title">Notificaciones</span>
+          <div class="neu-nc__panel-actions">
+            @if (_svc.unreadCount() > 0) {
+              <button type="button" class="neu-nc__action-btn" (click)="_svc.markAllRead()">
+                Leer todo
+              </button>
+            }
+            @if (_svc.notifications().length > 0) {
+              <button type="button" class="neu-nc__action-btn" (click)="_svc.clearAll()">
+                Limpiar
+              </button>
+            }
+          </div>
+        </div>
+
+        <div class="neu-nc__list" role="list">
+          @if (!_svc.notifications().length) {
+            <div class="neu-nc__empty" role="status">No hay notificaciones</div>
+          }
+          @for (n of _svc.notifications(); track n.id) {
+            <div
+              class="neu-nc__item"
+              role="listitem"
+              [class.neu-nc__item--unread]="!n.read"
+              [class]="'neu-nc__item--' + n.type"
+            >
+              <span class="neu-nc__item-icon" aria-hidden="true">{{ n.icon }}</span>
+              <div class="neu-nc__item-body">
+                @if (n.title) {
+                  <p class="neu-nc__item-title">{{ n.title }}</p>
+                }
+                <p class="neu-nc__item-msg">{{ n.message }}</p>
+                <time class="neu-nc__item-time" [dateTime]="n.timestamp.toISOString()">
+                  {{ _relativeTime(n.timestamp) }}
+                </time>
+              </div>
+              <button
+                type="button"
+                class="neu-nc__item-close"
+                [attr.aria-label]="'Cerrar notificación'"
+                (click)="_svc.remove(n.id)"
+              >
+                ×
+              </button>
+            </div>
+          }
+        </div>
+      </div>
+    }
+  `, isInline: true, styles: ["@charset \"UTF-8\";.neu-nc{position:relative;display:inline-block}.neu-nc__bell{all:unset;position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--neu-radius-lg, 12px);cursor:pointer;transition:background .12s}.neu-nc__bell:hover{background:var(--neu-surface-2, #f3f4f6)}.neu-nc__bell:focus-visible{outline:2px solid var(--neu-focus-ring, #0ea5e9);outline-offset:2px}.neu-nc__bell-icon{font-size:1.2rem}.neu-nc__badge{position:absolute;top:4px;right:4px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--neu-error);color:var(--neu-text-inverse);font-size:.625rem;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1}.neu-nc__panel{position:absolute;top:calc(100% + 8px);right:0;width:320px;max-height:420px;display:flex;flex-direction:column;background:var(--neu-surface-1, #ffffff);border:1px solid var(--neu-border-color, #e5e7eb);border-radius:var(--neu-radius-xl, 16px);box-shadow:0 12px 28px -6px #00000024;z-index:1001;overflow:hidden;animation:neu-nc-in .1s ease}@keyframes neu-nc-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.neu-nc__panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--neu-border-color, #e5e7eb);flex-shrink:0}.neu-nc__panel-title{font-size:.9375rem;font-weight:600;color:var(--neu-text-primary, #111)}.neu-nc__panel-actions{display:flex;gap:8px}.neu-nc__action-btn{all:unset;font-size:.75rem;color:var(--neu-color-primary, #0ea5e9);cursor:pointer;padding:2px 6px;border-radius:var(--neu-radius-sm, 4px)}.neu-nc__action-btn:hover{background:var(--neu-color-primary-alpha, rgba(14, 165, 233, .1))}.neu-nc__list{overflow-y:auto;flex:1;padding:6px}.neu-nc__empty{padding:24px;text-align:center;font-size:.875rem;color:var(--neu-text-secondary, #6b7280)}.neu-nc__item{display:flex;align-items:flex-start;gap:10px;padding:10px 10px 10px 12px;border-radius:var(--neu-radius-lg, 12px);position:relative;transition:background .1s}.neu-nc__item:hover{background:var(--neu-surface-2, #f3f4f6)}.neu-nc__item--unread:before{content:\"\";position:absolute;left:4px;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background:var(--neu-color-primary, #0ea5e9)}.neu-nc__item-icon{font-size:1.1rem;flex-shrink:0;padding-top:2px}.neu-nc__item-body{flex:1;min-width:0}.neu-nc__item-title{margin:0 0 2px;font-size:.8125rem;font-weight:600;color:var(--neu-text-primary, #111)}.neu-nc__item-msg{margin:0 0 4px;font-size:.8125rem;color:var(--neu-text-secondary, #4b5563);line-height:1.4}.neu-nc__item-time{font-size:.6875rem;color:var(--neu-text-secondary, #9ca3af)}.neu-nc__item-close{all:unset;opacity:0;cursor:pointer;padding:2px 6px;border-radius:4px;font-size:1rem;color:var(--neu-text-secondary, #9ca3af);flex-shrink:0;transition:opacity .1s}.neu-nc__item:hover .neu-nc__item-close{opacity:1}.neu-nc__item-close:hover{color:var(--neu-text-primary, #111)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: NeuNotificationCenterComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'neu-notification-center', imports: [], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        class: 'neu-nc',
+                        '[attr.aria-label]': '"Centro de notificaciones"',
+                    }, template: `
+    <!-- Bell button -->
+    <button
+      type="button"
+      class="neu-nc__bell"
+      [attr.aria-expanded]="_isOpen()"
+      [attr.aria-controls]="_panelId"
+      [attr.aria-label]="'Notificaciones. ' + _svc.unreadCount() + ' sin leer'"
+      (click)="_toggle()"
+    >
+      <span class="neu-nc__bell-icon" aria-hidden="true">🔔</span>
+      @if (_svc.unreadCount() > 0) {
+        <span class="neu-nc__badge" aria-hidden="true">{{
+          _svc.unreadCount() > 99 ? '99+' : _svc.unreadCount()
+        }}</span>
+      }
+    </button>
+
+    <!-- Panel -->
+    @if (_isOpen()) {
+      <div
+        class="neu-nc__panel"
+        [id]="_panelId"
+        role="dialog"
+        aria-modal="false"
+        aria-label="Notificaciones"
+      >
+        <div class="neu-nc__panel-header">
+          <span class="neu-nc__panel-title">Notificaciones</span>
+          <div class="neu-nc__panel-actions">
+            @if (_svc.unreadCount() > 0) {
+              <button type="button" class="neu-nc__action-btn" (click)="_svc.markAllRead()">
+                Leer todo
+              </button>
+            }
+            @if (_svc.notifications().length > 0) {
+              <button type="button" class="neu-nc__action-btn" (click)="_svc.clearAll()">
+                Limpiar
+              </button>
+            }
+          </div>
+        </div>
+
+        <div class="neu-nc__list" role="list">
+          @if (!_svc.notifications().length) {
+            <div class="neu-nc__empty" role="status">No hay notificaciones</div>
+          }
+          @for (n of _svc.notifications(); track n.id) {
+            <div
+              class="neu-nc__item"
+              role="listitem"
+              [class.neu-nc__item--unread]="!n.read"
+              [class]="'neu-nc__item--' + n.type"
+            >
+              <span class="neu-nc__item-icon" aria-hidden="true">{{ n.icon }}</span>
+              <div class="neu-nc__item-body">
+                @if (n.title) {
+                  <p class="neu-nc__item-title">{{ n.title }}</p>
+                }
+                <p class="neu-nc__item-msg">{{ n.message }}</p>
+                <time class="neu-nc__item-time" [dateTime]="n.timestamp.toISOString()">
+                  {{ _relativeTime(n.timestamp) }}
+                </time>
+              </div>
+              <button
+                type="button"
+                class="neu-nc__item-close"
+                [attr.aria-label]="'Cerrar notificación'"
+                (click)="_svc.remove(n.id)"
+              >
+                ×
+              </button>
+            </div>
+          }
+        </div>
+      </div>
+    }
+  `, styles: ["@charset \"UTF-8\";.neu-nc{position:relative;display:inline-block}.neu-nc__bell{all:unset;position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--neu-radius-lg, 12px);cursor:pointer;transition:background .12s}.neu-nc__bell:hover{background:var(--neu-surface-2, #f3f4f6)}.neu-nc__bell:focus-visible{outline:2px solid var(--neu-focus-ring, #0ea5e9);outline-offset:2px}.neu-nc__bell-icon{font-size:1.2rem}.neu-nc__badge{position:absolute;top:4px;right:4px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--neu-error);color:var(--neu-text-inverse);font-size:.625rem;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1}.neu-nc__panel{position:absolute;top:calc(100% + 8px);right:0;width:320px;max-height:420px;display:flex;flex-direction:column;background:var(--neu-surface-1, #ffffff);border:1px solid var(--neu-border-color, #e5e7eb);border-radius:var(--neu-radius-xl, 16px);box-shadow:0 12px 28px -6px #00000024;z-index:1001;overflow:hidden;animation:neu-nc-in .1s ease}@keyframes neu-nc-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.neu-nc__panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--neu-border-color, #e5e7eb);flex-shrink:0}.neu-nc__panel-title{font-size:.9375rem;font-weight:600;color:var(--neu-text-primary, #111)}.neu-nc__panel-actions{display:flex;gap:8px}.neu-nc__action-btn{all:unset;font-size:.75rem;color:var(--neu-color-primary, #0ea5e9);cursor:pointer;padding:2px 6px;border-radius:var(--neu-radius-sm, 4px)}.neu-nc__action-btn:hover{background:var(--neu-color-primary-alpha, rgba(14, 165, 233, .1))}.neu-nc__list{overflow-y:auto;flex:1;padding:6px}.neu-nc__empty{padding:24px;text-align:center;font-size:.875rem;color:var(--neu-text-secondary, #6b7280)}.neu-nc__item{display:flex;align-items:flex-start;gap:10px;padding:10px 10px 10px 12px;border-radius:var(--neu-radius-lg, 12px);position:relative;transition:background .1s}.neu-nc__item:hover{background:var(--neu-surface-2, #f3f4f6)}.neu-nc__item--unread:before{content:\"\";position:absolute;left:4px;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background:var(--neu-color-primary, #0ea5e9)}.neu-nc__item-icon{font-size:1.1rem;flex-shrink:0;padding-top:2px}.neu-nc__item-body{flex:1;min-width:0}.neu-nc__item-title{margin:0 0 2px;font-size:.8125rem;font-weight:600;color:var(--neu-text-primary, #111)}.neu-nc__item-msg{margin:0 0 4px;font-size:.8125rem;color:var(--neu-text-secondary, #4b5563);line-height:1.4}.neu-nc__item-time{font-size:.6875rem;color:var(--neu-text-secondary, #9ca3af)}.neu-nc__item-close{all:unset;opacity:0;cursor:pointer;padding:2px 6px;border-radius:4px;font-size:1rem;color:var(--neu-text-secondary, #9ca3af);flex-shrink:0;transition:opacity .1s}.neu-nc__item:hover .neu-nc__item-close{opacity:1}.neu-nc__item-close:hover{color:var(--neu-text-primary, #111)}\n"] }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NeuNotificationCenterComponent, NeuNotificationService };
+//# sourceMappingURL=neural-ui-core-notification-center.mjs.map

package/fesm2022/neural-ui-core-notification-center.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"neural-ui-core-notification-center.mjs","sources":["../../../../projects/ui-core/notification-center/neu-notification-center.component.ts","../../../../projects/ui-core/notification-center/neural-ui-core-notification-center.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  Injectable,\n  OnDestroy,\n  ViewEncapsulation,\n  computed,\n  inject,\n  signal,\n} from '@angular/core';\n\nexport type NeuNotificationType = 'info' | 'success' | 'warning' | 'error';\n\nexport interface NeuNotification {\n  id: string;\n  type: NeuNotificationType;\n  title?: string;\n  message: string;\n  /** Auto-dismiss duration in ms (0 = persistent) */\n  duration?: number;\n  /** Icon text / emoji */\n  icon?: string;\n  timestamp: Date;\n  read: boolean;\n}\n\nexport interface NeuNotificationOptions extends Omit<\n  NeuNotification,\n  'id' | 'timestamp' | 'read'\n> {}\n\nconst DEFAULT_ICONS: Record<NeuNotificationType, string> = {\n  info: 'ℹ️',\n  success: '✅',\n  warning: '⚠️',\n  error: '❌',\n};\n\nlet _idSeq = 0;\n\n/**\n * NeuralUI NotificationService\n *\n * Servicio inyectable que gestiona la cola de notificaciones.\n *\n * Uso:\n *   inject(NeuNotificationService).push({ type: 'success', message: '¡Guardado!' });\n */\n@Injectable({ providedIn: 'root' })\nexport class NeuNotificationService {\n  readonly notifications = signal<NeuNotification[]>([]);\n\n  readonly unreadCount = computed(() => this.notifications().filter((n) => !n.read).length);\n\n  /** Agrega una notificación / Adds a notification */\n  push(opts: Partial<NeuNotificationOptions> & Pick<NeuNotificationOptions, 'message'>): string {\n    const id = `neu-notif-${++_idSeq}`;\n    const n: NeuNotification = {\n      id,\n      type: opts.type ?? 'info',\n      title: opts.title,\n      message: opts.message,\n      icon: opts.icon ?? DEFAULT_ICONS[opts.type ?? 'info'],\n      duration: opts.duration ?? 5000,\n      timestamp: new Date(),\n      read: false,\n    };\n    this.notifications.update((list) => [n, ...list]);\n\n    if (n.duration && n.duration > 0) {\n      setTimeout(() => this.remove(id), n.duration);\n    }\n    return id;\n  }\n\n  /** Elimina una notificación / Removes a notification */\n  remove(id: string): void {\n    this.notifications.update((list) => list.filter((n) => n.id !== id));\n  }\n\n  /** Marca todas como leídas / Marks all as read */\n  markAllRead(): void {\n    this.notifications.update((list) => list.map((n) => ({ ...n, read: true })));\n  }\n\n  /** Elimina todas / Clears all */\n  clearAll(): void {\n    this.notifications.set([]);\n  }\n}\n\nlet _panelSeq = 0;\n\n/**\n * NeuralUI NotificationCenter Component\n *\n * Icono de campana con badge de no leídos y panel de notificaciones\n * deslizante. Consume NeuNotificationService.\n *\n * Uso:\n *   <neu-notification-center />\n */\n@Component({\n  selector: 'neu-notification-center',\n  imports: [],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'neu-nc',\n    '[attr.aria-label]': '\"Centro de notificaciones\"',\n  },\n  template: `\n    <!-- Bell button -->\n    <button\n      type=\"button\"\n      class=\"neu-nc__bell\"\n      [attr.aria-expanded]=\"_isOpen()\"\n      [attr.aria-controls]=\"_panelId\"\n      [attr.aria-label]=\"'Notificaciones. ' + _svc.unreadCount() + ' sin leer'\"\n      (click)=\"_toggle()\"\n    >\n      <span class=\"neu-nc__bell-icon\" aria-hidden=\"true\">🔔</span>\n      @if (_svc.unreadCount() > 0) {\n        <span class=\"neu-nc__badge\" aria-hidden=\"true\">{{\n          _svc.unreadCount() > 99 ? '99+' : _svc.unreadCount()\n        }}</span>\n      }\n    </button>\n\n    <!-- Panel -->\n    @if (_isOpen()) {\n      <div\n        class=\"neu-nc__panel\"\n        [id]=\"_panelId\"\n        role=\"dialog\"\n        aria-modal=\"false\"\n        aria-label=\"Notificaciones\"\n      >\n        <div class=\"neu-nc__panel-header\">\n          <span class=\"neu-nc__panel-title\">Notificaciones</span>\n          <div class=\"neu-nc__panel-actions\">\n            @if (_svc.unreadCount() > 0) {\n              <button type=\"button\" class=\"neu-nc__action-btn\" (click)=\"_svc.markAllRead()\">\n                Leer todo\n              </button>\n            }\n            @if (_svc.notifications().length > 0) {\n              <button type=\"button\" class=\"neu-nc__action-btn\" (click)=\"_svc.clearAll()\">\n                Limpiar\n              </button>\n            }\n          </div>\n        </div>\n\n        <div class=\"neu-nc__list\" role=\"list\">\n          @if (!_svc.notifications().length) {\n            <div class=\"neu-nc__empty\" role=\"status\">No hay notificaciones</div>\n          }\n          @for (n of _svc.notifications(); track n.id) {\n            <div\n              class=\"neu-nc__item\"\n              role=\"listitem\"\n              [class.neu-nc__item--unread]=\"!n.read\"\n              [class]=\"'neu-nc__item--' + n.type\"\n            >\n              <span class=\"neu-nc__item-icon\" aria-hidden=\"true\">{{ n.icon }}</span>\n              <div class=\"neu-nc__item-body\">\n                @if (n.title) {\n                  <p class=\"neu-nc__item-title\">{{ n.title }}</p>\n                }\n                <p class=\"neu-nc__item-msg\">{{ n.message }}</p>\n                <time class=\"neu-nc__item-time\" [dateTime]=\"n.timestamp.toISOString()\">\n                  {{ _relativeTime(n.timestamp) }}\n                </time>\n              </div>\n              <button\n                type=\"button\"\n                class=\"neu-nc__item-close\"\n                [attr.aria-label]=\"'Cerrar notificación'\"\n                (click)=\"_svc.remove(n.id)\"\n              >\n                ×\n              </button>\n            </div>\n          }\n        </div>\n      </div>\n    }\n  `,\n  styleUrl: './neu-notification-center.component.scss',\n})\nexport class NeuNotificationCenterComponent {\n  readonly _svc = inject(NeuNotificationService);\n  readonly _isOpen = signal(false);\n  readonly _panelId = `neu-nc-panel-${++_panelSeq}`;\n\n  _toggle(): void {\n    const opening = !this._isOpen();\n    this._isOpen.set(opening);\n    if (opening) {\n      // Mark all as read when panel opens\n      setTimeout(() => this._svc.markAllRead(), 500);\n    }\n  }\n\n  _relativeTime(date: Date): string {\n    const diff = Date.now() - date.getTime();\n    const mins = Math.floor(diff / 60000);\n    if (mins < 1) return 'Ahora';\n    if (mins < 60) return `Hace ${mins} min`;\n    const hours = Math.floor(mins / 60);\n    if (hours < 24) return `Hace ${hours}h`;\n    return `Hace ${Math.floor(hours / 24)}d`;\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}