@neural-ui/core 1.2.1 → 1.3.0

package/README.md

@@ -4,12 +4,12 @@
   <a href="https://www.npmjs.com/package/@neural-ui/core"><img src="https://img.shields.io/npm/v/@neural-ui/core?color=0ea5e9&label=npm" alt="npm version" /></a>
   <a href="https://www.npmjs.com/package/@neural-ui/core"><img src="https://img.shields.io/npm/dm/@neural-ui/core?color=6366f1" alt="npm downloads" /></a>
   <img src="https://img.shields.io/badge/Angular-19--22-dd0031?logo=angular" alt="Angular 19-22" />
-  <img src="https://img.shields.io/badge/tests-534%20passing-22c55e" alt="534 tests passing" />
-  <img src="https://img.shields.io/badge/coverage-91%25-22c55e" alt="91% coverage" />
+  <img src="https://img.shields.io/badge/tests-1440%20passing-22c55e" alt="1440 tests passing" />
+  <img src="https://img.shields.io/badge/coverage-96.33%25-22c55e" alt="96.33% coverage" />
   <img src="https://img.shields.io/badge/license-MIT-blue" alt="MIT license" />
 </p>
 
-Modern Angular UI component library — **signals-first**, fully **standalone**, zero Zone.js dependency.  
+Modern Angular UI component library — **signals-first**, fully **standalone**, with dedicated subpath entry points and no Zone.js requirement.  
 Built for Angular 19–22 with OnPush change detection and no Zone.js requirement.
 
 > Live documentation and examples → [neural-ui-three.vercel.app](https://neural-ui-three.vercel.app)
@@ -18,15 +18,28 @@ Built for Angular 19–22 with OnPush change detection and no Zone.js requiremen
 
 ## Features
 
-- **40+ components** — forms, navigation, layout, feedback, and data display
-- **Signals API** — all inputs/outputs use `input()`, `output()`, `model()` — no `@Input()` decorators
+- **50+ entry points** — components, overlays, data display primitives, utilities, and styles
+- **Signals API** — inputs, outputs and internal state are built with `input()`, `output()`, `signal()`, `computed()` and `effect()`
 - **Standalone** — every component is standalone, import only what you need
 - **OnPush everywhere** — maximum performance out of the box
-- **Accessible** — ARIA attributes, keyboard navigation and focus management built in
+- **Accessible by design** — ARIA attributes, keyboard navigation and focus management across the main interactive components
+- **Well-tested** — 1440 passing tests with 96.33% statements coverage and 95.59% branch coverage
 - **Themeable** — full design token system via CSS custom properties
 
 ---
 
+## Quality Snapshot
+
+- Signals-first architecture across `ui-core`
+- Standalone + OnPush component model
+- Zoneless-oriented test setup
+- Global coverage above 90% in all main metrics
+- Strong accessibility baseline validated in showcase and reinforced in core components
+
+For the current quality checklist and accessibility audit snapshot, see [QUALITY_STATUS.md](./QUALITY_STATUS.md).
+
+---
+
 ## Installation
 
 ```bash
@@ -61,6 +74,15 @@ Import the global stylesheet in your `styles.scss`:
 @use '@neural-ui/core/styles' as *;
 ```
 
+Component APIs are imported from dedicated subpaths. The package root is reserved for setup utilities such as `provideNeuralUI()`.
+
+```typescript
+import { NeuButtonComponent } from '@neural-ui/core/button';
+import { NeuInputComponent } from '@neural-ui/core/input';
+import { NeuTableComponent } from '@neural-ui/core/table';
+import { NeuToastService } from '@neural-ui/core/toast';
+```
+
 ---
 
 ## Usage
@@ -68,8 +90,9 @@ Import the global stylesheet in your `styles.scss`:
 Import any component directly into your standalone component:
 
 ```typescript
-import { NeuButtonComponent, NeuInputComponent } from '@neural-ui/core';
 import { FormControl, ReactiveFormsModule } from '@angular/forms';
+import { NeuButtonComponent } from '@neural-ui/core/button';
+import { NeuInputComponent } from '@neural-ui/core/input';
 
 @Component({
   imports: [NeuButtonComponent, NeuInputComponent, ReactiveFormsModule],
@@ -87,13 +110,15 @@ export class LoginComponent {
 
 ## Components
 
-| Category        | Components                                                                                                                                                                                                                         |
-| --------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| **Forms**       | `NeuCheckbox` · `NeuDateInput` · `NeuInput` · `NeuMultiselect` · `NeuRadio` · `NeuRadioGroup` · `NeuSelect` · `NeuSlider` · `NeuSwitch` · `NeuTextarea` · `NeuToggleButtonGroup`                                                   |
-| **Navigation**  | `NeuBreadcrumb` · `NeuNav` · `NeuPagination` · `NeuSidebar` · `NeuStepper` · `NeuTabs`                                                                                                                                             |
-| **Layout**      | `NeuAccordion` · `NeuCard` · `NeuDivider` · `NeuModal` · `NeuTable`                                                                                                                                                                |
-| **UI Elements** | `NeuAvatar` · `NeuBadge` · `NeuButton` · `NeuChart` · `NeuChip` · `NeuCodeBlock` · `NeuEmptyState` · `NeuIcon` · `NeuProgressBar` · `NeuRating` · `NeuSkeleton` · `NeuSpinner` · `NeuSplitButton` · `NeuStatsCard` · `NeuTimeline` |
-| **Feedback**    | `NeuToast` · `NeuToastService` · `NeuTooltip`                                                                                                                                                                                      |
+Representative entry points in 1.3.0:
+
+- **Forms**: `@neural-ui/core/input`, `@neural-ui/core/select`, `@neural-ui/core/multiselect`, `@neural-ui/core/date-input`, `@neural-ui/core/number-input`, `@neural-ui/core/input-otp`
+- **Navigation and layout**: `@neural-ui/core/tabs`, `@neural-ui/core/nav`, `@neural-ui/core/sidebar`, `@neural-ui/core/accordion`, `@neural-ui/core/toolbar`, `@neural-ui/core/dashboard-grid`
+- **Data and overlays**: `@neural-ui/core/table`, `@neural-ui/core/popover`, `@neural-ui/core/context-menu`, `@neural-ui/core/command-palette`, `@neural-ui/core/virtual-list`, `@neural-ui/core/confirm-dialog`
+- **Feedback and utilities**: `@neural-ui/core/alert`, `@neural-ui/core/toast`, `@neural-ui/core/tooltip`, `@neural-ui/core/block-ui`, `@neural-ui/core/url-state`
+- **Visualization and display**: `@neural-ui/core/chart`, `@neural-ui/core/stats-card`, `@neural-ui/core/timeline`, `@neural-ui/core/meter-group`, `@neural-ui/core/knob`
+
+For the complete catalog, examples, and API tables, use the live docs at [neural-ui-three.vercel.app](https://neural-ui-three.vercel.app).
 
 ---
 
@@ -103,40 +128,26 @@ All visual properties are controlled via CSS custom properties. Override them in
 
 ```scss
 :root {
-  // Brand colors
-  --neu-color-primary: #6366f1;
-  --neu-color-primary-hover: #4f46e5;
-
-  // Neutral scale
-  --neu-color-surface: #ffffff;
-  --neu-color-surface-alt: #f8fafc;
-  --neu-color-border: #e2e8f0;
-  --neu-color-text: #0f172a;
-  --neu-color-text-muted: #64748b;
-
-  // Feedback
-  --neu-color-error: #ef4444;
-  --neu-color-success: #22c55e;
-  --neu-color-warning: #f59e0b;
-
-  // Shape & spacing
-  --neu-radius-sm: 0.25rem;
-  --neu-radius-md: 0.5rem;
-  --neu-radius-lg: 0.75rem;
-  --neu-radius-xl: 1rem;
-  --neu-spacing-xs: 0.25rem;
-  --neu-spacing-sm: 0.5rem;
-  --neu-spacing-md: 1rem;
-  --neu-spacing-lg: 1.5rem;
-
-  // Typography
-  --neu-font-family: 'Inter', system-ui, sans-serif;
-  --neu-font-size-sm: 0.875rem;
-  --neu-font-size-base: 1rem;
-  --neu-font-size-lg: 1.125rem;
+  --neu-primary: #2563eb;
+  --neu-primary-dark: #1d4ed8;
+  --neu-primary-50: #eff6ff;
+  --neu-surface: #ffffff;
+  --neu-surface-2: #f8fafc;
+  --neu-border: rgba(15, 23, 42, 0.08);
+  --neu-text: #0f172a;
+  --neu-text-muted: #64748b;
+  --neu-success: #10b981;
+  --neu-warning: #f59e0b;
+  --neu-error: #ef4444;
+  --neu-radius: 10px;
+  --neu-space-4: 1rem;
+  --neu-shadow: 0 4px 12px rgba(15, 23, 42, 0.08);
+  --neu-focus-ring: 0 0 0 3px rgba(37, 99, 235, 0.18);
 }
 ```
 
+For the full token list, see `styles/_tokens.scss` in the published package source.
+
 ---
 
 ## Peer dependencies
@@ -158,46 +169,3 @@ All visual properties are controlled via CSS custom properties. Override them in
 ## License
 
 MIT © [Pedro Moreno Trujillo](https://github.com/PedroMorenoTrujillo)
-
-```scss
-@use '@neural-ui/core/styles' as *;
-```
-
-## Usage
-
-Import components directly into your standalone component or NgModule:
-
-```typescript
-import { NeuButtonComponent } from '@neural-ui/core';
-
-@Component({
-  imports: [NeuButtonComponent],
-  template: `<neu-button variant="primary">Click me</neu-button>`,
-})
-export class AppComponent {}
-```
-
-## Components
-
-| Category        | Components                                                                                                                                                                                                           |
-| --------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| **Forms**       | `NeuCheckbox`, `NeuDateInput`, `NeuInput`, `NeuMultiselect`, `NeuRadio`, `NeuRadioGroup`, `NeuSelect`, `NeuSlider`, `NeuSwitch`, `NeuTextarea`, `NeuToggleButtonGroup`                                               |
-| **Navigation**  | `NeuBreadcrumb`, `NeuNav`, `NeuPagination`, `NeuSidebar`, `NeuStepper`, `NeuTabs`                                                                                                                                    |
-| **Layout**      | `NeuAccordion`, `NeuCard`, `NeuDivider`, `NeuDialog` / `NeuDialogService`, `NeuTable`                                                                                                                                |
-| **UI Elements** | `NeuAvatar`, `NeuBadge`, `NeuButton`, `NeuChart`, `NeuChip`, `NeuCodeBlock`, `NeuEmptyState`, `NeuIcon`, `NeuProgressBar`, `NeuRating`, `NeuSkeleton`, `NeuSpinner`, `NeuSplitButton`, `NeuStatsCard`, `NeuTimeline` |
-| **Feedback**    | `NeuToast` / `NeuToastService`, `NeuTooltip`                                                                                                                                                                         |
-
-## Peer Dependencies
-
-| Package            | Version            |
-| ------------------ | ------------------ |
-| `@angular/core`    | `>=19.0.0 <23.0.0` |
-| `@angular/cdk`     | `>=19.0.0 <23.0.0` |
-| `@ng-icons/core`   | `>=33.0.0`         |
-| `@ng-icons/lucide` | `>=33.0.0`         |
-| `apexcharts`       | `>=5.0.0`          |
-| `ng-apexcharts`    | `>=2.0.0`          |
-
-## License
-
-MIT

package/accordion/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/neural-ui-core-accordion.mjs",
+  "typings": "../types/neural-ui-core-accordion.d.ts"
+}

package/alert/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/neural-ui-core-alert.mjs",
+  "typings": "../types/neural-ui-core-alert.d.ts"
+}

package/autocomplete/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/neural-ui-core-autocomplete.mjs",
+  "typings": "../types/neural-ui-core-autocomplete.d.ts"
+}

package/avatar/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/neural-ui-core-avatar.mjs",
+  "typings": "../types/neural-ui-core-avatar.d.ts"
+}

package/badge/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/neural-ui-core-badge.mjs",
+  "typings": "../types/neural-ui-core-badge.d.ts"
+}

package/block-ui/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/neural-ui-core-block-ui.mjs",
+  "typings": "../types/neural-ui-core-block-ui.d.ts"
+}

package/breadcrumb/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/neural-ui-core-breadcrumb.mjs",
+  "typings": "../types/neural-ui-core-breadcrumb.d.ts"
+}

package/button/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/neural-ui-core-button.mjs",
+  "typings": "../types/neural-ui-core-button.d.ts"
+}

package/card/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/neural-ui-core-card.mjs",
+  "typings": "../types/neural-ui-core-card.d.ts"
+}

package/chart/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/neural-ui-core-chart.mjs",
+  "typings": "../types/neural-ui-core-chart.d.ts"
+}

package/checkbox/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/neural-ui-core-checkbox.mjs",
+  "typings": "../types/neural-ui-core-checkbox.d.ts"
+}

package/chip/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/neural-ui-core-chip.mjs",
+  "typings": "../types/neural-ui-core-chip.d.ts"
+}

package/code-block/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/neural-ui-core-code-block.mjs",
+  "typings": "../types/neural-ui-core-code-block.d.ts"
+}

package/color-picker/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/neural-ui-core-color-picker.mjs",
+  "typings": "../types/neural-ui-core-color-picker.d.ts"
+}

package/command-palette/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/neural-ui-core-command-palette.mjs",
+  "typings": "../types/neural-ui-core-command-palette.d.ts"
+}

package/confirm-dialog/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/neural-ui-core-confirm-dialog.mjs",
+  "typings": "../types/neural-ui-core-confirm-dialog.d.ts"
+}

package/context-menu/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/neural-ui-core-context-menu.mjs",
+  "typings": "../types/neural-ui-core-context-menu.d.ts"
+}

package/dashboard-grid/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/neural-ui-core-dashboard-grid.mjs",
+  "typings": "../types/neural-ui-core-dashboard-grid.d.ts"
+}

package/date-input/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/neural-ui-core-date-input.mjs",
+  "typings": "../types/neural-ui-core-date-input.d.ts"
+}

package/divider/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/neural-ui-core-divider.mjs",
+  "typings": "../types/neural-ui-core-divider.d.ts"
+}

package/empty-state/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/neural-ui-core-empty-state.mjs",
+  "typings": "../types/neural-ui-core-empty-state.d.ts"
+}

package/fesm2022/neural-ui-core-accordion.mjs

@@ -0,0 +1,162 @@
+import * as i0 from '@angular/core';
+import { inject, input, output, signal, effect, ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
+import { DomSanitizer } from '@angular/platform-browser';
+
+/**
+ * NeuralUI Accordion Component
+ *
+ * Paneles expandibles / colapsables con animación suave.
+ * Soporta modo múltiple (varios abiertos a la vez) o exclusivo. / Supports multiple (several open at once) or exclusive mode.
+ *
+ * Uso:
+ *   <neu-accordion [items]="items" />
+ *   <neu-accordion [items]="items" [multiple]="true" />
+ */
+class NeuAccordionComponent {
+    _sanitizer = inject(DomSanitizer);
+    /** Lista de paneles / Panel list */
+    items = input([], ...(ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []));
+    /** Permite varios paneles abiertos a la vez / Allows multiple panels open at once */
+    multiple = input(false, ...(ngDevMode ? [{ debugName: "multiple" }] : /* istanbul ignore next */ []));
+    /** Borde exterior alrededor del accordion / Outer border around the accordion */
+    bordered = input(true, ...(ngDevMode ? [{ debugName: "bordered" }] : /* istanbul ignore next */ []));
+    /** Emite el id del panel al abrirse/cerrarse / Emits the panel id on open/close */
+    panelToggle = output();
+    /**
+     * Set de IDs actualmente expandidos.
+     * Se inicializa desde los ítems con `expanded: true` en el primer render.
+     * Después se vuelve un signal mutable independiente (no se resetea al cambiar items).
+     */
+    _expandedInit = false;
+    _expanded = signal(new Set(), ...(ngDevMode ? [{ debugName: "_expanded" }] : /* istanbul ignore next */ []));
+    constructor() {
+        // Inicialización única desde items.expanded (equivalente a linkedSignal source+computation)
+        effect(() => {
+            const items = this.items();
+            if (!this._expandedInit) {
+                this._expanded.set(new Set(items.filter((i) => i.expanded).map((i) => i.id)));
+                this._expandedInit = true;
+            }
+        }, { allowSignalWrites: true });
+    }
+    isExpanded = (id) => this._expanded().has(id);
+    sanitize(html) {
+        return this._sanitizer.sanitize(1 /* HTML */, html) ?? '';
+    }
+    toggle(id) {
+        const current = new Set(this._expanded());
+        const willExpand = !current.has(id);
+        if (!this.multiple()) {
+            current.clear();
+        }
+        if (willExpand) {
+            current.add(id);
+        }
+        else {
+            current.delete(id);
+        }
+        this._expanded.set(current);
+        this.panelToggle.emit({ id, expanded: willExpand });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: NeuAccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: NeuAccordionComponent, isStandalone: true, selector: "neu-accordion", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, bordered: { classPropertyName: "bordered", publicName: "bordered", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { panelToggle: "panelToggle" }, ngImport: i0, template: `
+    <div class="neu-accordion" [class.neu-accordion--bordered]="bordered()">
+      @for (item of items(); track item.id) {
+        <div
+          class="neu-accordion__item"
+          [class.neu-accordion__item--expanded]="isExpanded(item.id)"
+          [class.neu-accordion__item--disabled]="item.disabled"
+        >
+          <button
+            class="neu-accordion__header"
+            type="button"
+            [id]="'neu-acc-btn-' + item.id"
+            [attr.aria-expanded]="isExpanded(item.id)"
+            [attr.aria-controls]="'neu-acc-panel-' + item.id"
+            [disabled]="item.disabled"
+            (click)="toggle(item.id)"
+          >
+            <span class="neu-accordion__title">{{ item.title }}</span>
+            <span class="neu-accordion__chevron" aria-hidden="true">
+              <svg
+                width="16"
+                height="16"
+                viewBox="0 0 24 24"
+                fill="none"
+                stroke="currentColor"
+                stroke-width="2.5"
+                stroke-linecap="round"
+                stroke-linejoin="round"
+              >
+                <polyline points="6 9 12 15 18 9" />
+              </svg>
+            </span>
+          </button>
+          <div
+            class="neu-accordion__panel"
+            [id]="'neu-acc-panel-' + item.id"
+            role="region"
+            [attr.aria-labelledby]="'neu-acc-btn-' + item.id"
+          >
+            <div class="neu-accordion__body" [innerHTML]="sanitize(item.content)"></div>
+          </div>
+        </div>
+      }
+    </div>
+  `, isInline: true, styles: [".neu-accordion{width:100%;font-family:var(--neu-font-sans)}.neu-accordion--bordered{border:1.5px solid var(--neu-border);border-radius:var(--neu-radius-lg);overflow:hidden}.neu-accordion__item{border-bottom:1.5px solid var(--neu-border)}.neu-accordion__item:last-child{border-bottom:none}.neu-accordion__item--disabled{opacity:.45;pointer-events:none}.neu-accordion__header{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--neu-space-4);padding:var(--neu-space-4) var(--neu-space-5);background:var(--neu-surface);border:none;cursor:pointer;font-family:var(--neu-font-sans);text-align:left;transition:background var(--neu-transition);outline:none}.neu-accordion__header:hover{background:var(--neu-surface-2)}.neu-accordion__header:focus-visible{outline:2px solid var(--neu-primary);outline-offset:-2px}.neu-accordion__title{font-size:var(--neu-text-base);font-weight:600;color:var(--neu-text)}.neu-accordion__chevron{display:inline-flex;flex-shrink:0;color:var(--neu-text-muted);transition:transform .25s cubic-bezier(.4,0,.2,1)}.neu-accordion__item--expanded .neu-accordion__chevron{transform:rotate(180deg)}.neu-accordion__panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .28s cubic-bezier(.4,0,.2,1)}.neu-accordion__item--expanded .neu-accordion__panel{grid-template-rows:1fr}.neu-accordion__body{overflow:hidden;font-size:var(--neu-text-sm);color:var(--neu-text-muted);line-height:1.7;padding:0;transition:padding .28s cubic-bezier(.4,0,.2,1)}.neu-accordion__item--expanded .neu-accordion__body{padding:var(--neu-space-4) var(--neu-space-5);padding-top:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: NeuAccordionComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'neu-accordion', imports: [], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <div class="neu-accordion" [class.neu-accordion--bordered]="bordered()">
+      @for (item of items(); track item.id) {
+        <div
+          class="neu-accordion__item"
+          [class.neu-accordion__item--expanded]="isExpanded(item.id)"
+          [class.neu-accordion__item--disabled]="item.disabled"
+        >
+          <button
+            class="neu-accordion__header"
+            type="button"
+            [id]="'neu-acc-btn-' + item.id"
+            [attr.aria-expanded]="isExpanded(item.id)"
+            [attr.aria-controls]="'neu-acc-panel-' + item.id"
+            [disabled]="item.disabled"
+            (click)="toggle(item.id)"
+          >
+            <span class="neu-accordion__title">{{ item.title }}</span>
+            <span class="neu-accordion__chevron" aria-hidden="true">
+              <svg
+                width="16"
+                height="16"
+                viewBox="0 0 24 24"
+                fill="none"
+                stroke="currentColor"
+                stroke-width="2.5"
+                stroke-linecap="round"
+                stroke-linejoin="round"
+              >
+                <polyline points="6 9 12 15 18 9" />
+              </svg>
+            </span>
+          </button>
+          <div
+            class="neu-accordion__panel"
+            [id]="'neu-acc-panel-' + item.id"
+            role="region"
+            [attr.aria-labelledby]="'neu-acc-btn-' + item.id"
+          >
+            <div class="neu-accordion__body" [innerHTML]="sanitize(item.content)"></div>
+          </div>
+        </div>
+      }
+    </div>
+  `, styles: [".neu-accordion{width:100%;font-family:var(--neu-font-sans)}.neu-accordion--bordered{border:1.5px solid var(--neu-border);border-radius:var(--neu-radius-lg);overflow:hidden}.neu-accordion__item{border-bottom:1.5px solid var(--neu-border)}.neu-accordion__item:last-child{border-bottom:none}.neu-accordion__item--disabled{opacity:.45;pointer-events:none}.neu-accordion__header{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--neu-space-4);padding:var(--neu-space-4) var(--neu-space-5);background:var(--neu-surface);border:none;cursor:pointer;font-family:var(--neu-font-sans);text-align:left;transition:background var(--neu-transition);outline:none}.neu-accordion__header:hover{background:var(--neu-surface-2)}.neu-accordion__header:focus-visible{outline:2px solid var(--neu-primary);outline-offset:-2px}.neu-accordion__title{font-size:var(--neu-text-base);font-weight:600;color:var(--neu-text)}.neu-accordion__chevron{display:inline-flex;flex-shrink:0;color:var(--neu-text-muted);transition:transform .25s cubic-bezier(.4,0,.2,1)}.neu-accordion__item--expanded .neu-accordion__chevron{transform:rotate(180deg)}.neu-accordion__panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .28s cubic-bezier(.4,0,.2,1)}.neu-accordion__item--expanded .neu-accordion__panel{grid-template-rows:1fr}.neu-accordion__body{overflow:hidden;font-size:var(--neu-text-sm);color:var(--neu-text-muted);line-height:1.7;padding:0;transition:padding .28s cubic-bezier(.4,0,.2,1)}.neu-accordion__item--expanded .neu-accordion__body{padding:var(--neu-space-4) var(--neu-space-5);padding-top:0}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], multiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiple", required: false }] }], bordered: [{ type: i0.Input, args: [{ isSignal: true, alias: "bordered", required: false }] }], panelToggle: [{ type: i0.Output, args: ["panelToggle"] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NeuAccordionComponent };
+//# sourceMappingURL=neural-ui-core-accordion.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"neural-ui-core-accordion.mjs","sources":["../../../../projects/ui-core/accordion/neu-accordion.component.ts","../../../../projects/ui-core/accordion/neural-ui-core-accordion.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  ViewEncapsulation,\n  effect,\n  inject,\n  input,\n  output,\n  signal,\n} from '@angular/core';\nimport { DomSanitizer, SafeHtml } from '@angular/platform-browser';\n\nexport interface NeuAccordionItem {\n  /** ID único del panel / Unique panel ID */\n  id: string;\n  /** Título del encabezado / Header title */\n  title: string;\n  /** Contenido del cuerpo (HTML o texto plano) / Body content (HTML or plain text) */\n  content: string;\n  /** Inicia expandido / Starts expanded */\n  expanded?: boolean;\n  /** Deshabilita este panel / Disables this panel */\n  disabled?: boolean;\n}\n\n/**\n * NeuralUI Accordion Component\n *\n * Paneles expandibles / colapsables con animación suave.\n * Soporta modo múltiple (varios abiertos a la vez) o exclusivo. / Supports multiple (several open at once) or exclusive mode.\n *\n * Uso:\n *   <neu-accordion [items]=\"items\" />\n *   <neu-accordion [items]=\"items\" [multiple]=\"true\" />\n */\n@Component({\n  selector: 'neu-accordion',\n  imports: [],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `\n    <div class=\"neu-accordion\" [class.neu-accordion--bordered]=\"bordered()\">\n      @for (item of items(); track item.id) {\n        <div\n          class=\"neu-accordion__item\"\n          [class.neu-accordion__item--expanded]=\"isExpanded(item.id)\"\n          [class.neu-accordion__item--disabled]=\"item.disabled\"\n        >\n          <button\n            class=\"neu-accordion__header\"\n            type=\"button\"\n            [id]=\"'neu-acc-btn-' + item.id\"\n            [attr.aria-expanded]=\"isExpanded(item.id)\"\n            [attr.aria-controls]=\"'neu-acc-panel-' + item.id\"\n            [disabled]=\"item.disabled\"\n            (click)=\"toggle(item.id)\"\n          >\n            <span class=\"neu-accordion__title\">{{ item.title }}</span>\n            <span class=\"neu-accordion__chevron\" aria-hidden=\"true\">\n              <svg\n                width=\"16\"\n                height=\"16\"\n                viewBox=\"0 0 24 24\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                stroke-width=\"2.5\"\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n              >\n                <polyline points=\"6 9 12 15 18 9\" />\n              </svg>\n            </span>\n          </button>\n          <div\n            class=\"neu-accordion__panel\"\n            [id]=\"'neu-acc-panel-' + item.id\"\n            role=\"region\"\n            [attr.aria-labelledby]=\"'neu-acc-btn-' + item.id\"\n          >\n            <div class=\"neu-accordion__body\" [innerHTML]=\"sanitize(item.content)\"></div>\n          </div>\n        </div>\n      }\n    </div>\n  `,\n  styleUrl: './neu-accordion.component.scss',\n})\nexport class NeuAccordionComponent {\n  private readonly _sanitizer = inject(DomSanitizer);\n\n  /** Lista de paneles / Panel list */\n  items = input<NeuAccordionItem[]>([]);\n\n  /** Permite varios paneles abiertos a la vez / Allows multiple panels open at once */\n  multiple = input<boolean>(false);\n\n  /** Borde exterior alrededor del accordion / Outer border around the accordion */\n  bordered = input<boolean>(true);\n\n  /** Emite el id del panel al abrirse/cerrarse / Emits the panel id on open/close */\n  panelToggle = output<{ id: string; expanded: boolean }>();\n\n  /**\n   * Set de IDs actualmente expandidos.\n   * Se inicializa desde los ítems con `expanded: true` en el primer render.\n   * Después se vuelve un signal mutable independiente (no se resetea al cambiar items).\n   */\n  private _expandedInit = false;\n  private readonly _expanded = signal<Set<string>>(new Set());\n\n  constructor() {\n    // Inicialización única desde items.expanded (equivalente a linkedSignal source+computation)\n    effect(\n      () => {\n        const items = this.items();\n        if (!this._expandedInit) {\n          this._expanded.set(new Set(items.filter((i) => i.expanded).map((i) => i.id)));\n          this._expandedInit = true;\n        }\n      },\n      { allowSignalWrites: true },\n    );\n  }\n\n  readonly isExpanded = (id: string) => this._expanded().has(id);\n\n  sanitize(html: string): SafeHtml {\n    return this._sanitizer.sanitize(1 /* HTML */, html) ?? '';\n  }\n\n  toggle(id: string): void {\n    const current = new Set(this._expanded());\n    const willExpand = !current.has(id);\n\n    if (!this.multiple()) {\n      current.clear();\n    }\n\n    if (willExpand) {\n      current.add(id);\n    } else {\n      current.delete(id);\n    }\n\n    this._expanded.set(current);\n    this.panelToggle.emit({ id, expanded: willExpand });\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}