@neural-ui/core 1.7.5 → 1.8.0

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

@@ -1,9 +1,22 @@
 import * as i0 from '@angular/core';
-import { input, output, signal, computed, effect, ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
+import { Directive, contentChild, input, output, signal, computed, effect, ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
 import { NgTemplateOutlet } from '@angular/common';
 import { NeuCheckboxComponent } from '@neural-ui/core/checkbox';
 
+class NeuTreeNodeDirective {
+    templateRef;
+    constructor(templateRef) {
+        this.templateRef = templateRef;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: NeuTreeNodeDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: NeuTreeNodeDirective, isStandalone: true, selector: "ng-template[neuTreeNode]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: NeuTreeNodeDirective, decorators: [{
+            type: Directive,
+            args: [{ selector: 'ng-template[neuTreeNode]' }]
+        }], ctorParameters: () => [{ type: i0.TemplateRef }] });
 class NeuTreeComponent {
+    nodeTpl = contentChild(NeuTreeNodeDirective, ...(ngDevMode ? [{ debugName: "nodeTpl" }] : /* istanbul ignore next */ []));
     nodes = input([], ...(ngDevMode ? [{ debugName: "nodes" }] : /* istanbul ignore next */ []));
     selectable = input(false, ...(ngDevMode ? [{ debugName: "selectable" }] : /* istanbul ignore next */ []));
     searchable = input(false, ...(ngDevMode ? [{ debugName: "searchable" }] : /* istanbul ignore next */ []));
@@ -157,7 +170,7 @@ class NeuTreeComponent {
         return filtered;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: NeuTreeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: NeuTreeComponent, isStandalone: true, selector: "neu-tree", inputs: { nodes: { classPropertyName: "nodes", publicName: "nodes", isSignal: true, isRequired: false, transformFunction: null }, selectable: { classPropertyName: "selectable", publicName: "selectable", isSignal: true, isRequired: false, transformFunction: null }, searchable: { classPropertyName: "searchable", publicName: "searchable", isSignal: true, isRequired: false, transformFunction: null }, selectionMode: { classPropertyName: "selectionMode", publicName: "selectionMode", isSignal: true, isRequired: false, transformFunction: null }, indentSize: { classPropertyName: "indentSize", publicName: "indentSize", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, searchPlaceholder: { classPropertyName: "searchPlaceholder", publicName: "searchPlaceholder", isSignal: true, isRequired: false, transformFunction: null }, emptyLabel: { classPropertyName: "emptyLabel", publicName: "emptyLabel", isSignal: true, isRequired: false, transformFunction: null }, expandLabel: { classPropertyName: "expandLabel", publicName: "expandLabel", isSignal: true, isRequired: false, transformFunction: null }, collapseLabel: { classPropertyName: "collapseLabel", publicName: "collapseLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectionChange: "selectionChange", expansionChange: "expansionChange", nodeClick: "nodeClick" }, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: NeuTreeComponent, isStandalone: true, selector: "neu-tree", inputs: { nodes: { classPropertyName: "nodes", publicName: "nodes", isSignal: true, isRequired: false, transformFunction: null }, selectable: { classPropertyName: "selectable", publicName: "selectable", isSignal: true, isRequired: false, transformFunction: null }, searchable: { classPropertyName: "searchable", publicName: "searchable", isSignal: true, isRequired: false, transformFunction: null }, selectionMode: { classPropertyName: "selectionMode", publicName: "selectionMode", isSignal: true, isRequired: false, transformFunction: null }, indentSize: { classPropertyName: "indentSize", publicName: "indentSize", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, searchPlaceholder: { classPropertyName: "searchPlaceholder", publicName: "searchPlaceholder", isSignal: true, isRequired: false, transformFunction: null }, emptyLabel: { classPropertyName: "emptyLabel", publicName: "emptyLabel", isSignal: true, isRequired: false, transformFunction: null }, expandLabel: { classPropertyName: "expandLabel", publicName: "expandLabel", isSignal: true, isRequired: false, transformFunction: null }, collapseLabel: { classPropertyName: "collapseLabel", publicName: "collapseLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectionChange: "selectionChange", expansionChange: "expansionChange", nodeClick: "nodeClick" }, queries: [{ propertyName: "nodeTpl", first: true, predicate: NeuTreeNodeDirective, descendants: true, isSignal: true }], ngImport: i0, template: `
     <div class="neu-tree">
       @if (searchable()) {
         <label class="neu-tree__search" [attr.aria-label]="searchPlaceholder()">
@@ -255,7 +268,7 @@ class NeuTreeComponent {
               [disabled]="node.disabled"
               (click)="activateNode(node)"
             >
-              <span class="neu-tree__main">
+              @if (nodeTpl()) { <ng-container [ngTemplateOutlet]="nodeTpl()!.templateRef" [ngTemplateOutletContext]="{ $implicit: node, level, selected: isSelected(node.id), expanded: isRenderedExpanded(node), toggle: toggleNode.bind(this, node) }" /> } @else { <span class="neu-tree__main">
                 <span class="neu-tree__label">{{ node.label }}</span>
                 @if (node.badge) {
                   <span class="neu-tree__badge">{{ node.badge }}</span>
@@ -264,6 +277,7 @@ class NeuTreeComponent {
               @if (node.description) {
                 <span class="neu-tree__description">{{ node.description }}</span>
               }
+              }
             </button>
           </div>
 
@@ -380,7 +394,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
               [disabled]="node.disabled"
               (click)="activateNode(node)"
             >
-              <span class="neu-tree__main">
+              @if (nodeTpl()) { <ng-container [ngTemplateOutlet]="nodeTpl()!.templateRef" [ngTemplateOutletContext]="{ $implicit: node, level, selected: isSelected(node.id), expanded: isRenderedExpanded(node), toggle: toggleNode.bind(this, node) }" /> } @else { <span class="neu-tree__main">
                 <span class="neu-tree__label">{{ node.label }}</span>
                 @if (node.badge) {
                   <span class="neu-tree__badge">{{ node.badge }}</span>
@@ -389,6 +403,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
               @if (node.description) {
                 <span class="neu-tree__description">{{ node.description }}</span>
               }
+              }
             </button>
           </div>
 
@@ -404,11 +419,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
       }
     </ng-template>
   `, styles: [".neu-tree{display:flex;flex-direction:column;gap:.75rem;min-width:0}.neu-tree__search{position:relative;display:flex;align-items:center}.neu-tree__search-icon{position:absolute;left:.875rem;width:.9375rem;height:.9375rem;color:var(--neu-text-muted);pointer-events:none}.neu-tree__search-input{width:100%;min-height:2.625rem;border:1px solid var(--neu-border);border-radius:var(--neu-radius-lg, 14px);background:var(--neu-surface);color:var(--neu-text);padding:.6875rem .875rem .6875rem 2.4rem;outline:none;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}.neu-tree__search-input::placeholder{color:var(--neu-text-muted)}.neu-tree__search-input:focus{border-color:color-mix(in srgb,var(--neu-primary) 62%,var(--neu-border));box-shadow:0 0 0 3px color-mix(in srgb,var(--neu-primary) 16%,transparent)}.neu-tree__list{list-style:none;margin:0;padding:0}.neu-tree__list--root{display:flex;flex-direction:column;gap:.375rem}.neu-tree__node{position:relative}.neu-tree__row{display:flex;align-items:flex-start;gap:.5rem;min-width:0;border-radius:calc(var(--neu-radius-lg, 14px) - 2px);transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease}.neu-tree__row:hover{background:color-mix(in srgb,var(--neu-primary) 5%,var(--neu-surface))}.neu-tree__row--selected{background:color-mix(in srgb,var(--neu-primary) 10%,var(--neu-surface));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--neu-primary) 20%,var(--neu-border))}.neu-tree__row--disabled{opacity:.6}.neu-tree__toggle{flex:0 0 auto;width:1.75rem;height:1.75rem;margin-top:.4rem;border:0;border-radius:999px;background:transparent;color:var(--neu-text-muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .16s ease,color .16s ease,transform .16s ease}.neu-tree__toggle svg{width:.95rem;height:.95rem;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;transition:transform .16s ease}.neu-tree__toggle:hover{background:color-mix(in srgb,var(--neu-primary) 9%,transparent);color:var(--neu-primary)}.neu-tree__toggle--open svg{transform:rotate(90deg)}.neu-tree__toggle--placeholder{cursor:default}.neu-tree__checkbox{flex:0 0 auto;margin:.8rem 0 0}.neu-tree__checkbox .neu-checkbox{gap:0}.neu-tree__checkbox .neu-checkbox__box{width:1rem;height:1rem}.neu-tree__content{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:.125rem;border:0;background:transparent;text-align:left;padding:.55rem .75rem .6rem 0;color:inherit;cursor:pointer}.neu-tree__main{display:inline-flex;align-items:center;gap:.5rem;min-width:0}.neu-tree__label{font-size:.9375rem;font-weight:600;color:var(--neu-text)}.neu-tree__badge{display:inline-flex;align-items:center;min-height:1.25rem;padding:0 .45rem;border-radius:999px;background:color-mix(in srgb,var(--neu-primary) 12%,transparent);color:var(--neu-primary);font-size:.6875rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.neu-tree__description{color:var(--neu-text-muted);font-size:.8125rem;line-height:1.45}.neu-tree__empty{border:1px dashed var(--neu-border);border-radius:var(--neu-radius-lg, 14px);background:color-mix(in srgb,var(--neu-surface-2) 72%,transparent);color:var(--neu-text-muted);padding:1rem 1.125rem;font-size:.875rem}.neu-tree__node>.neu-tree__list{margin-top:.125rem}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { nodes: [{ type: i0.Input, args: [{ isSignal: true, alias: "nodes", required: false }] }], selectable: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectable", required: false }] }], searchable: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchable", required: false }] }], selectionMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectionMode", required: false }] }], indentSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "indentSize", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], searchPlaceholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchPlaceholder", required: false }] }], emptyLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyLabel", required: false }] }], expandLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "expandLabel", required: false }] }], collapseLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapseLabel", required: false }] }], selectionChange: [{ type: i0.Output, args: ["selectionChange"] }], expansionChange: [{ type: i0.Output, args: ["expansionChange"] }], nodeClick: [{ type: i0.Output, args: ["nodeClick"] }] } });
+        }], ctorParameters: () => [], propDecorators: { nodeTpl: [{ type: i0.ContentChild, args: [i0.forwardRef(() => NeuTreeNodeDirective), { isSignal: true }] }], nodes: [{ type: i0.Input, args: [{ isSignal: true, alias: "nodes", required: false }] }], selectable: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectable", required: false }] }], searchable: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchable", required: false }] }], selectionMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectionMode", required: false }] }], indentSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "indentSize", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], searchPlaceholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchPlaceholder", required: false }] }], emptyLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyLabel", required: false }] }], expandLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "expandLabel", required: false }] }], collapseLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapseLabel", required: false }] }], selectionChange: [{ type: i0.Output, args: ["selectionChange"] }], expansionChange: [{ type: i0.Output, args: ["expansionChange"] }], nodeClick: [{ type: i0.Output, args: ["nodeClick"] }] } });
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { NeuTreeComponent };
+export { NeuTreeComponent, NeuTreeNodeDirective };
 //# sourceMappingURL=neural-ui-core-tree.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"neural-ui-core-tree.mjs","sources":["../../../../projects/ui-core/tree/neu-tree.component.ts","../../../../projects/ui-core/tree/neural-ui-core-tree.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  effect,\n  input,\n  output,\n  signal,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { NeuCheckboxComponent } from '@neural-ui/core/checkbox';\n\nexport interface NeuTreeNode<T = unknown> {\n  id: string;\n  label: string;\n  description?: string;\n  badge?: string;\n  children?: NeuTreeNode<T>[];\n  disabled?: boolean;\n  expanded?: boolean;\n  selectable?: boolean;\n  data?: T;\n}\n\nexport type NeuTreeSelectionMode = 'single' | 'multiple';\n\n@Component({\n  selector: 'neu-tree',\n  standalone: true,\n  imports: [NgTemplateOutlet, NeuCheckboxComponent],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `\n    <div class=\"neu-tree\">\n      @if (searchable()) {\n        <label class=\"neu-tree__search\" [attr.aria-label]=\"searchPlaceholder()\">\n          <svg\n            class=\"neu-tree__search-icon\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"2\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            aria-hidden=\"true\"\n          >\n            <circle cx=\"11\" cy=\"11\" r=\"7\"></circle>\n            <path d=\"m20 20-3.5-3.5\"></path>\n          </svg>\n          <input\n            class=\"neu-tree__search-input\"\n            type=\"search\"\n            [value]=\"searchQuery()\"\n            [attr.placeholder]=\"searchPlaceholder()\"\n            (input)=\"onSearch($event)\"\n          />\n        </label>\n      }\n\n      @if (visibleNodes().length) {\n        <ul\n          class=\"neu-tree__list neu-tree__list--root\"\n          role=\"tree\"\n          [attr.aria-label]=\"ariaLabel()\"\n          [attr.aria-multiselectable]=\"\n            selectable() && selectionMode() === 'multiple' ? 'true' : null\n          \"\n        >\n          <ng-container\n            [ngTemplateOutlet]=\"treeNodes\"\n            [ngTemplateOutletContext]=\"{ $implicit: visibleNodes(), level: 1 }\"\n          />\n        </ul>\n      } @else {\n        <div class=\"neu-tree__empty\">{{ emptyLabel() }}</div>\n      }\n    </div>\n\n    <ng-template #treeNodes let-nodes let-level=\"level\">\n      @for (node of nodes; track node.id) {\n        <li\n          class=\"neu-tree__node\"\n          role=\"treeitem\"\n          [attr.aria-level]=\"level\"\n          [attr.aria-expanded]=\"hasChildren(node) ? isRenderedExpanded(node) : null\"\n          [attr.aria-selected]=\"canSelect(node) ? isSelected(node.id) : null\"\n          [attr.aria-disabled]=\"node.disabled ? 'true' : null\"\n        >\n          <div\n            class=\"neu-tree__row\"\n            [class.neu-tree__row--selected]=\"isSelected(node.id)\"\n            [class.neu-tree__row--disabled]=\"node.disabled\"\n            [style.padding-inline-start.px]=\"(level - 1) * indentSize() + 6\"\n          >\n            @if (hasChildren(node)) {\n              <button\n                class=\"neu-tree__toggle\"\n                type=\"button\"\n                [class.neu-tree__toggle--open]=\"isRenderedExpanded(node)\"\n                [attr.aria-label]=\"isRenderedExpanded(node) ? collapseLabel() : expandLabel()\"\n                (click)=\"toggleNode(node, $event)\"\n              >\n                <svg viewBox=\"0 0 20 20\" fill=\"none\" aria-hidden=\"true\">\n                  <path d=\"m7 5 6 5-6 5\" />\n                </svg>\n              </button>\n            } @else {\n              <span\n                class=\"neu-tree__toggle neu-tree__toggle--placeholder\"\n                aria-hidden=\"true\"\n              ></span>\n            }\n\n            @if (canSelect(node) && selectionMode() === 'multiple') {\n              <neu-checkbox\n                class=\"neu-tree__checkbox\"\n                [checked]=\"isSelected(node.id)\"\n                [disabled]=\"node.disabled\"\n                [ariaLabel]=\"'Select ' + node.label\"\n                (click)=\"$event.stopPropagation()\"\n                (checkedChange)=\"onCheckboxChange(node, $event)\"\n              />\n            }\n\n            <button\n              class=\"neu-tree__content\"\n              type=\"button\"\n              [disabled]=\"node.disabled\"\n              (click)=\"activateNode(node)\"\n            >\n              <span class=\"neu-tree__main\">\n                <span class=\"neu-tree__label\">{{ node.label }}</span>\n                @if (node.badge) {\n                  <span class=\"neu-tree__badge\">{{ node.badge }}</span>\n                }\n              </span>\n              @if (node.description) {\n                <span class=\"neu-tree__description\">{{ node.description }}</span>\n              }\n            </button>\n          </div>\n\n          @if (hasChildren(node) && isRenderedExpanded(node)) {\n            <ul class=\"neu-tree__list\" role=\"group\">\n              <ng-container\n                [ngTemplateOutlet]=\"treeNodes\"\n                [ngTemplateOutletContext]=\"{ $implicit: node.children ?? [], level: level + 1 }\"\n              />\n            </ul>\n          }\n        </li>\n      }\n    </ng-template>\n  `,\n  styleUrl: './neu-tree.component.scss',\n})\nexport class NeuTreeComponent {\n  nodes = input<NeuTreeNode[]>([]);\n  selectable = input(false);\n  searchable = input(false);\n  selectionMode = input<NeuTreeSelectionMode>('single');\n  indentSize = input(18);\n  ariaLabel = input('Tree');\n  searchPlaceholder = input('Search nodes');\n  emptyLabel = input('No nodes available');\n  expandLabel = input('Expand node');\n  collapseLabel = input('Collapse node');\n\n  selectionChange = output<NeuTreeNode[]>();\n  expansionChange = output<string[]>();\n  nodeClick = output<NeuTreeNode>();\n\n  readonly searchQuery = signal('');\n\n  private readonly expandedKeys = signal<Set<string>>(new Set());\n  private readonly selectedKeys = signal<Set<string>>(new Set());\n\n  readonly visibleNodes = computed(() => {\n    const query = this.searchQuery().trim().toLowerCase();\n    if (!query) {\n      return this.nodes();\n    }\n\n    return this.filterNodes(this.nodes(), query);\n  });\n\n  constructor() {\n    effect(() => {\n      const nextExpanded = this.collectExpandedKeys(this.nodes());\n      this.expandedKeys.set(nextExpanded);\n      this.selectedKeys.set(new Set());\n      this.searchQuery.set('');\n    });\n  }\n\n  hasChildren(node: NeuTreeNode): boolean {\n    return !!node.children?.length;\n  }\n\n  canSelect(node: NeuTreeNode): boolean {\n    return this.selectable() && node.selectable !== false;\n  }\n\n  isExpanded(nodeId: string): boolean {\n    return this.expandedKeys().has(nodeId);\n  }\n\n  isRenderedExpanded(node: NeuTreeNode): boolean {\n    if (this.searchQuery().trim()) {\n      return node.expanded ?? this.isExpanded(node.id);\n    }\n\n    return this.isExpanded(node.id);\n  }\n\n  isSelected(nodeId: string): boolean {\n    return this.selectedKeys().has(nodeId);\n  }\n\n  onSearch(event: Event): void {\n    const target = event.target as HTMLInputElement;\n    this.searchQuery.set(target.value);\n  }\n\n  toggleNode(node: NeuTreeNode, event?: Event): void {\n    event?.stopPropagation();\n    if (node.disabled || !this.hasChildren(node)) {\n      return;\n    }\n\n    const next = new Set(this.expandedKeys());\n    if (next.has(node.id)) {\n      next.delete(node.id);\n    } else {\n      next.add(node.id);\n    }\n\n    this.expandedKeys.set(next);\n    this.expansionChange.emit([...next]);\n  }\n\n  activateNode(node: NeuTreeNode): void {\n    if (node.disabled) {\n      return;\n    }\n\n    this.nodeClick.emit(node);\n\n    if (!this.canSelect(node)) {\n      return;\n    }\n\n    if (this.selectionMode() === 'multiple') {\n      const checked = !this.isSelected(node.id);\n      this.updateSelection(node, checked);\n      return;\n    }\n\n    this.updateSelection(node, true);\n  }\n\n  onCheckboxChange(node: NeuTreeNode, checkedOrEvent: boolean | Event): void {\n    const checked =\n      typeof checkedOrEvent === 'boolean'\n        ? checkedOrEvent\n        : (checkedOrEvent.target as HTMLInputElement).checked;\n    this.updateSelection(node, checked);\n  }\n\n  private updateSelection(node: NeuTreeNode, checked: boolean): void {\n    if (node.disabled || !this.canSelect(node)) {\n      return;\n    }\n\n    const next = new Set(this.selectedKeys());\n\n    if (this.selectionMode() === 'single') {\n      next.clear();\n      if (checked) {\n        next.add(node.id);\n      }\n    } else if (checked) {\n      next.add(node.id);\n    } else {\n      next.delete(node.id);\n    }\n\n    this.selectedKeys.set(next);\n    this.selectionChange.emit(this.collectSelectedNodes(this.nodes(), next));\n  }\n\n  private collectExpandedKeys(nodes: NeuTreeNode[]): Set<string> {\n    const expanded = new Set<string>();\n    for (const node of nodes) {\n      if (node.expanded) {\n        expanded.add(node.id);\n      }\n      if (node.children?.length) {\n        for (const childId of this.collectExpandedKeys(node.children)) {\n          expanded.add(childId);\n        }\n      }\n    }\n    return expanded;\n  }\n\n  private collectSelectedNodes(nodes: NeuTreeNode[], selected: Set<string>): NeuTreeNode[] {\n    const result: NeuTreeNode[] = [];\n    for (const node of nodes) {\n      if (selected.has(node.id)) {\n        result.push(node);\n      }\n      if (node.children?.length) {\n        result.push(...this.collectSelectedNodes(node.children, selected));\n      }\n    }\n    return result;\n  }\n\n  private filterNodes(nodes: NeuTreeNode[], query: string): NeuTreeNode[] {\n    const filtered: NeuTreeNode[] = [];\n    for (const node of nodes) {\n      const children = node.children?.length ? this.filterNodes(node.children, query) : [];\n      const matches =\n        node.label.toLowerCase().includes(query) ||\n        node.description?.toLowerCase().includes(query) ||\n        node.badge?.toLowerCase().includes(query);\n\n      if (matches || children.length) {\n        filtered.push({\n          ...node,\n          children,\n          expanded: children.length ? true : node.expanded,\n        });\n      }\n    }\n    return filtered;\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"neural-ui-core-tree.mjs","sources":["../../../../projects/ui-core/tree/neu-tree.component.ts","../../../../projects/ui-core/tree/neural-ui-core-tree.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  Directive,\n  TemplateRef,\n  computed,\n  contentChild,\n  effect,\n  input,\n  output,\n  signal,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { NeuCheckboxComponent } from '@neural-ui/core/checkbox';\n\nexport interface NeuTreeNode<T = unknown> {\n  id: string;\n  label: string;\n  description?: string;\n  badge?: string;\n  children?: NeuTreeNode<T>[];\n  disabled?: boolean;\n  expanded?: boolean;\n  selectable?: boolean;\n  data?: T;\n}\n\nexport type NeuTreeSelectionMode = 'single' | 'multiple';\nexport interface NeuTreeNodeTemplateContext { $implicit: NeuTreeNode; level: number; selected: boolean; expanded: boolean; toggle: () => void; }\n@Directive({ selector: 'ng-template[neuTreeNode]' })\nexport class NeuTreeNodeDirective { constructor(readonly templateRef: TemplateRef<NeuTreeNodeTemplateContext>) {} }\n\n@Component({\n  selector: 'neu-tree',\n  standalone: true,\n  imports: [NgTemplateOutlet, NeuCheckboxComponent],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `\n    <div class=\"neu-tree\">\n      @if (searchable()) {\n        <label class=\"neu-tree__search\" [attr.aria-label]=\"searchPlaceholder()\">\n          <svg\n            class=\"neu-tree__search-icon\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"2\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            aria-hidden=\"true\"\n          >\n            <circle cx=\"11\" cy=\"11\" r=\"7\"></circle>\n            <path d=\"m20 20-3.5-3.5\"></path>\n          </svg>\n          <input\n            class=\"neu-tree__search-input\"\n            type=\"search\"\n            [value]=\"searchQuery()\"\n            [attr.placeholder]=\"searchPlaceholder()\"\n            (input)=\"onSearch($event)\"\n          />\n        </label>\n      }\n\n      @if (visibleNodes().length) {\n        <ul\n          class=\"neu-tree__list neu-tree__list--root\"\n          role=\"tree\"\n          [attr.aria-label]=\"ariaLabel()\"\n          [attr.aria-multiselectable]=\"\n            selectable() && selectionMode() === 'multiple' ? 'true' : null\n          \"\n        >\n          <ng-container\n            [ngTemplateOutlet]=\"treeNodes\"\n            [ngTemplateOutletContext]=\"{ $implicit: visibleNodes(), level: 1 }\"\n          />\n        </ul>\n      } @else {\n        <div class=\"neu-tree__empty\">{{ emptyLabel() }}</div>\n      }\n    </div>\n\n    <ng-template #treeNodes let-nodes let-level=\"level\">\n      @for (node of nodes; track node.id) {\n        <li\n          class=\"neu-tree__node\"\n          role=\"treeitem\"\n          [attr.aria-level]=\"level\"\n          [attr.aria-expanded]=\"hasChildren(node) ? isRenderedExpanded(node) : null\"\n          [attr.aria-selected]=\"canSelect(node) ? isSelected(node.id) : null\"\n          [attr.aria-disabled]=\"node.disabled ? 'true' : null\"\n        >\n          <div\n            class=\"neu-tree__row\"\n            [class.neu-tree__row--selected]=\"isSelected(node.id)\"\n            [class.neu-tree__row--disabled]=\"node.disabled\"\n            [style.padding-inline-start.px]=\"(level - 1) * indentSize() + 6\"\n          >\n            @if (hasChildren(node)) {\n              <button\n                class=\"neu-tree__toggle\"\n                type=\"button\"\n                [class.neu-tree__toggle--open]=\"isRenderedExpanded(node)\"\n                [attr.aria-label]=\"isRenderedExpanded(node) ? collapseLabel() : expandLabel()\"\n                (click)=\"toggleNode(node, $event)\"\n              >\n                <svg viewBox=\"0 0 20 20\" fill=\"none\" aria-hidden=\"true\">\n                  <path d=\"m7 5 6 5-6 5\" />\n                </svg>\n              </button>\n            } @else {\n              <span\n                class=\"neu-tree__toggle neu-tree__toggle--placeholder\"\n                aria-hidden=\"true\"\n              ></span>\n            }\n\n            @if (canSelect(node) && selectionMode() === 'multiple') {\n              <neu-checkbox\n                class=\"neu-tree__checkbox\"\n                [checked]=\"isSelected(node.id)\"\n                [disabled]=\"node.disabled\"\n                [ariaLabel]=\"'Select ' + node.label\"\n                (click)=\"$event.stopPropagation()\"\n                (checkedChange)=\"onCheckboxChange(node, $event)\"\n              />\n            }\n\n            <button\n              class=\"neu-tree__content\"\n              type=\"button\"\n              [disabled]=\"node.disabled\"\n              (click)=\"activateNode(node)\"\n            >\n              @if (nodeTpl()) { <ng-container [ngTemplateOutlet]=\"nodeTpl()!.templateRef\" [ngTemplateOutletContext]=\"{ $implicit: node, level, selected: isSelected(node.id), expanded: isRenderedExpanded(node), toggle: toggleNode.bind(this, node) }\" /> } @else { <span class=\"neu-tree__main\">\n                <span class=\"neu-tree__label\">{{ node.label }}</span>\n                @if (node.badge) {\n                  <span class=\"neu-tree__badge\">{{ node.badge }}</span>\n                }\n              </span>\n              @if (node.description) {\n                <span class=\"neu-tree__description\">{{ node.description }}</span>\n              }\n              }\n            </button>\n          </div>\n\n          @if (hasChildren(node) && isRenderedExpanded(node)) {\n            <ul class=\"neu-tree__list\" role=\"group\">\n              <ng-container\n                [ngTemplateOutlet]=\"treeNodes\"\n                [ngTemplateOutletContext]=\"{ $implicit: node.children ?? [], level: level + 1 }\"\n              />\n            </ul>\n          }\n        </li>\n      }\n    </ng-template>\n  `,\n  styleUrl: './neu-tree.component.scss',\n})\nexport class NeuTreeComponent {\n  readonly nodeTpl = contentChild(NeuTreeNodeDirective);\n  nodes = input<NeuTreeNode[]>([]);\n  selectable = input(false);\n  searchable = input(false);\n  selectionMode = input<NeuTreeSelectionMode>('single');\n  indentSize = input(18);\n  ariaLabel = input('Tree');\n  searchPlaceholder = input('Search nodes');\n  emptyLabel = input('No nodes available');\n  expandLabel = input('Expand node');\n  collapseLabel = input('Collapse node');\n\n  selectionChange = output<NeuTreeNode[]>();\n  expansionChange = output<string[]>();\n  nodeClick = output<NeuTreeNode>();\n\n  readonly searchQuery = signal('');\n\n  private readonly expandedKeys = signal<Set<string>>(new Set());\n  private readonly selectedKeys = signal<Set<string>>(new Set());\n\n  readonly visibleNodes = computed(() => {\n    const query = this.searchQuery().trim().toLowerCase();\n    if (!query) {\n      return this.nodes();\n    }\n\n    return this.filterNodes(this.nodes(), query);\n  });\n\n  constructor() {\n    effect(() => {\n      const nextExpanded = this.collectExpandedKeys(this.nodes());\n      this.expandedKeys.set(nextExpanded);\n      this.selectedKeys.set(new Set());\n      this.searchQuery.set('');\n    });\n  }\n\n  hasChildren(node: NeuTreeNode): boolean {\n    return !!node.children?.length;\n  }\n\n  canSelect(node: NeuTreeNode): boolean {\n    return this.selectable() && node.selectable !== false;\n  }\n\n  isExpanded(nodeId: string): boolean {\n    return this.expandedKeys().has(nodeId);\n  }\n\n  isRenderedExpanded(node: NeuTreeNode): boolean {\n    if (this.searchQuery().trim()) {\n      return node.expanded ?? this.isExpanded(node.id);\n    }\n\n    return this.isExpanded(node.id);\n  }\n\n  isSelected(nodeId: string): boolean {\n    return this.selectedKeys().has(nodeId);\n  }\n\n  onSearch(event: Event): void {\n    const target = event.target as HTMLInputElement;\n    this.searchQuery.set(target.value);\n  }\n\n  toggleNode(node: NeuTreeNode, event?: Event): void {\n    event?.stopPropagation();\n    if (node.disabled || !this.hasChildren(node)) {\n      return;\n    }\n\n    const next = new Set(this.expandedKeys());\n    if (next.has(node.id)) {\n      next.delete(node.id);\n    } else {\n      next.add(node.id);\n    }\n\n    this.expandedKeys.set(next);\n    this.expansionChange.emit([...next]);\n  }\n\n  activateNode(node: NeuTreeNode): void {\n    if (node.disabled) {\n      return;\n    }\n\n    this.nodeClick.emit(node);\n\n    if (!this.canSelect(node)) {\n      return;\n    }\n\n    if (this.selectionMode() === 'multiple') {\n      const checked = !this.isSelected(node.id);\n      this.updateSelection(node, checked);\n      return;\n    }\n\n    this.updateSelection(node, true);\n  }\n\n  onCheckboxChange(node: NeuTreeNode, checkedOrEvent: boolean | Event): void {\n    const checked =\n      typeof checkedOrEvent === 'boolean'\n        ? checkedOrEvent\n        : (checkedOrEvent.target as HTMLInputElement).checked;\n    this.updateSelection(node, checked);\n  }\n\n  private updateSelection(node: NeuTreeNode, checked: boolean): void {\n    if (node.disabled || !this.canSelect(node)) {\n      return;\n    }\n\n    const next = new Set(this.selectedKeys());\n\n    if (this.selectionMode() === 'single') {\n      next.clear();\n      if (checked) {\n        next.add(node.id);\n      }\n    } else if (checked) {\n      next.add(node.id);\n    } else {\n      next.delete(node.id);\n    }\n\n    this.selectedKeys.set(next);\n    this.selectionChange.emit(this.collectSelectedNodes(this.nodes(), next));\n  }\n\n  private collectExpandedKeys(nodes: NeuTreeNode[]): Set<string> {\n    const expanded = new Set<string>();\n    for (const node of nodes) {\n      if (node.expanded) {\n        expanded.add(node.id);\n      }\n      if (node.children?.length) {\n        for (const childId of this.collectExpandedKeys(node.children)) {\n          expanded.add(childId);\n        }\n      }\n    }\n    return expanded;\n  }\n\n  private collectSelectedNodes(nodes: NeuTreeNode[], selected: Set<string>): NeuTreeNode[] {\n    const result: NeuTreeNode[] = [];\n    for (const node of nodes) {\n      if (selected.has(node.id)) {\n        result.push(node);\n      }\n      if (node.children?.length) {\n        result.push(...this.collectSelectedNodes(node.children, selected));\n      }\n    }\n    return result;\n  }\n\n  private filterNodes(nodes: NeuTreeNode[], query: string): NeuTreeNode[] {\n    const filtered: NeuTreeNode[] = [];\n    for (const node of nodes) {\n      const children = node.children?.length ? this.filterNodes(node.children, query) : [];\n      const matches =\n        node.label.toLowerCase().includes(query) ||\n        node.description?.toLowerCase().includes(query) ||\n        node.badge?.toLowerCase().includes(query);\n\n      if (matches || children.length) {\n        filtered.push({\n          ...node,\n          children,\n          expanded: children.length ? true : node.expanded,\n        });\n      }\n    }\n    return filtered;\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@neural-ui/core",
-  "version": "1.7.5",
+  "version": "1.8.0",
   "description": "Modern Angular UI component library built with signals, standalone components, and OnPush change detection.",
   "author": "PedroMorenoTrujillo",
   "keywords": [

package/types/neural-ui-core-accordion.d.ts

@@ -1,4 +1,5 @@
 import * as _angular_core from '@angular/core';
+import { TemplateRef } from '@angular/core';
 import { SafeHtml } from '@angular/platform-browser';
 
 interface NeuAccordionItem {
@@ -13,6 +14,18 @@ interface NeuAccordionItem {
     /** Deshabilita este panel / Disables this panel */
     disabled?: boolean;
 }
+declare class NeuAccordionHeaderDirective {
+    readonly templateRef: TemplateRef<{
+        $implicit: NeuAccordionItem;
+        expanded: boolean;
+    }>;
+    constructor(templateRef: TemplateRef<{
+        $implicit: NeuAccordionItem;
+        expanded: boolean;
+    }>);
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NeuAccordionHeaderDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NeuAccordionHeaderDirective, "ng-template[neuAccordionHeader]", never, {}, {}, never, never, true, never>;
+}
 /**
  * NeuralUI Accordion Component
  *
@@ -24,6 +37,7 @@ interface NeuAccordionItem {
  *   <neu-accordion [items]="items" [multiple]="true" />
  */
 declare class NeuAccordionComponent {
+    readonly headerTpl: _angular_core.Signal<NeuAccordionHeaderDirective | undefined>;
     private readonly _sanitizer;
     /** Lista de paneles / Panel list */
     items: _angular_core.InputSignal<NeuAccordionItem[]>;
@@ -48,8 +62,8 @@ declare class NeuAccordionComponent {
     sanitize(html: string): SafeHtml;
     toggle(id: string): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<NeuAccordionComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NeuAccordionComponent, "neu-accordion", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "bordered": { "alias": "bordered"; "required": false; "isSignal": true; }; }, { "panelToggle": "panelToggle"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NeuAccordionComponent, "neu-accordion", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "bordered": { "alias": "bordered"; "required": false; "isSignal": true; }; }, { "panelToggle": "panelToggle"; }, ["headerTpl"], never, true, never>;
 }
 
-export { NeuAccordionComponent };
+export { NeuAccordionComponent, NeuAccordionHeaderDirective };
 export type { NeuAccordionItem };

package/types/neural-ui-core-autocomplete.d.ts

@@ -22,6 +22,24 @@ declare class NeuAutocompleteItemDirective {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<NeuAutocompleteItemDirective, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NeuAutocompleteItemDirective, "ng-template[neuAutocompleteItem]", never, {}, {}, never, never, true, never>;
 }
+declare class NeuAutocompleteHeaderDirective {
+    readonly templateRef: TemplateRef<void>;
+    constructor(templateRef: TemplateRef<void>);
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NeuAutocompleteHeaderDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NeuAutocompleteHeaderDirective, "ng-template[neuAutocompleteHeader]", never, {}, {}, never, never, true, never>;
+}
+declare class NeuAutocompleteFooterDirective {
+    readonly templateRef: TemplateRef<void>;
+    constructor(templateRef: TemplateRef<void>);
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NeuAutocompleteFooterDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NeuAutocompleteFooterDirective, "ng-template[neuAutocompleteFooter]", never, {}, {}, never, never, true, never>;
+}
+declare class NeuAutocompleteEmptyDirective {
+    readonly templateRef: TemplateRef<void>;
+    constructor(templateRef: TemplateRef<void>);
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NeuAutocompleteEmptyDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NeuAutocompleteEmptyDirective, "ng-template[neuAutocompleteEmpty]", never, {}, {}, never, never, true, never>;
+}
 /**
  * NeuralUI Autocomplete
  *
@@ -62,6 +80,9 @@ declare class NeuAutocompleteComponent implements ControlValueAccessor {
     /** Emitido al cambiar el texto del input / Emitted on query change */
     readonly queryChange: _angular_core.OutputEmitterRef<string>;
     readonly itemTpl: _angular_core.Signal<NeuAutocompleteItemDirective | undefined>;
+    readonly headerTpl: _angular_core.Signal<NeuAutocompleteHeaderDirective | undefined>;
+    readonly footerTpl: _angular_core.Signal<NeuAutocompleteFooterDirective | undefined>;
+    readonly emptyTpl: _angular_core.Signal<NeuAutocompleteEmptyDirective | undefined>;
     readonly _id: string;
     readonly _listId: string;
     readonly _query: _angular_core.WritableSignal<string>;
@@ -108,8 +129,8 @@ declare class NeuAutocompleteComponent implements ControlValueAccessor {
     registerOnTouched(fn: () => void): void;
     setDisabledState(d: boolean): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<NeuAutocompleteComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NeuAutocompleteComponent, "neu-autocomplete", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "emptyLabel": { "alias": "emptyLabel"; "required": false; "isSignal": true; }; "minLength": { "alias": "minLength"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "loadingLabel": { "alias": "loadingLabel"; "required": false; "isSignal": true; }; "dropdown": { "alias": "dropdown"; "required": false; "isSignal": true; }; "dropdownAriaLabel": { "alias": "dropdownAriaLabel"; "required": false; "isSignal": true; }; "forceSelection": { "alias": "forceSelection"; "required": false; "isSignal": true; }; "floatingLabel": { "alias": "floatingLabel"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; "isSignal": true; }; "virtualScrollVisibleItems": { "alias": "virtualScrollVisibleItems"; "required": false; "isSignal": true; }; }, { "optionSelected": "optionSelected"; "queryChange": "queryChange"; }, ["itemTpl"], never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NeuAutocompleteComponent, "neu-autocomplete", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "emptyLabel": { "alias": "emptyLabel"; "required": false; "isSignal": true; }; "minLength": { "alias": "minLength"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "loadingLabel": { "alias": "loadingLabel"; "required": false; "isSignal": true; }; "dropdown": { "alias": "dropdown"; "required": false; "isSignal": true; }; "dropdownAriaLabel": { "alias": "dropdownAriaLabel"; "required": false; "isSignal": true; }; "forceSelection": { "alias": "forceSelection"; "required": false; "isSignal": true; }; "floatingLabel": { "alias": "floatingLabel"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; "isSignal": true; }; "virtualScrollVisibleItems": { "alias": "virtualScrollVisibleItems"; "required": false; "isSignal": true; }; }, { "optionSelected": "optionSelected"; "queryChange": "queryChange"; }, ["itemTpl", "headerTpl", "footerTpl", "emptyTpl"], never, true, never>;
 }
 
-export { NeuAutocompleteComponent, NeuAutocompleteItemDirective };
+export { NeuAutocompleteComponent, NeuAutocompleteEmptyDirective, NeuAutocompleteFooterDirective, NeuAutocompleteHeaderDirective, NeuAutocompleteItemDirective };
 export type { NeuAutocompleteOption };

package/types/neural-ui-core-calendar.d.ts

@@ -1,4 +1,5 @@
 import * as _angular_core from '@angular/core';
+import { TemplateRef } from '@angular/core';
 
 type NeuCalendarView = 'month' | 'week';
 type NeuCalendarEventVariant = 'default' | 'success' | 'warning' | 'danger' | 'info';
@@ -12,6 +13,19 @@ interface NeuCalendarEvent {
     allDay?: boolean;
     variant?: NeuCalendarEventVariant;
 }
+type NeuCalendarEventView = 'month' | 'week' | 'agenda';
+declare class NeuCalendarEventDirective {
+    readonly templateRef: TemplateRef<{
+        $implicit: NeuCalendarEvent;
+        view: NeuCalendarEventView;
+    }>;
+    constructor(templateRef: TemplateRef<{
+        $implicit: NeuCalendarEvent;
+        view: NeuCalendarEventView;
+    }>);
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NeuCalendarEventDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NeuCalendarEventDirective, "ng-template[neuCalendarEvent]", never, {}, {}, never, never, true, never>;
+}
 interface NeuCalendarLabels {
     previousButtonAriaLabel: string;
     nextButtonAriaLabel: string;
@@ -34,6 +48,7 @@ interface CalendarDayCell {
     events: NormalizedCalendarEvent[];
 }
 declare class NeuCalendarComponent {
+    readonly eventTpl: _angular_core.Signal<NeuCalendarEventDirective | undefined>;
     readonly events: _angular_core.InputSignal<NeuCalendarEvent[]>;
     readonly view: _angular_core.InputSignal<NeuCalendarView>;
     readonly selectedDate: _angular_core.InputSignal<string | Date>;
@@ -72,8 +87,8 @@ declare class NeuCalendarComponent {
     private monthVisibleEventLimit;
     private coerceDate;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<NeuCalendarComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NeuCalendarComponent, "neu-calendar", never, { "events": { "alias": "events"; "required": false; "isSignal": true; }; "view": { "alias": "view"; "required": false; "isSignal": true; }; "selectedDate": { "alias": "selectedDate"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "maxVisibleEvents": { "alias": "maxVisibleEvents"; "required": false; "isSignal": true; }; "showHeader": { "alias": "showHeader"; "required": false; "isSignal": true; }; "labels": { "alias": "labels"; "required": false; "isSignal": true; }; }, { "selectedDateChange": "selectedDateChange"; "dateSelect": "dateSelect"; "eventClick": "eventClick"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NeuCalendarComponent, "neu-calendar", never, { "events": { "alias": "events"; "required": false; "isSignal": true; }; "view": { "alias": "view"; "required": false; "isSignal": true; }; "selectedDate": { "alias": "selectedDate"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "maxVisibleEvents": { "alias": "maxVisibleEvents"; "required": false; "isSignal": true; }; "showHeader": { "alias": "showHeader"; "required": false; "isSignal": true; }; "labels": { "alias": "labels"; "required": false; "isSignal": true; }; }, { "selectedDateChange": "selectedDateChange"; "dateSelect": "dateSelect"; "eventClick": "eventClick"; }, ["eventTpl"], never, true, never>;
 }
 
-export { NeuCalendarComponent };
-export type { NeuCalendarEvent, NeuCalendarEventVariant, NeuCalendarLabelOverrides, NeuCalendarLabels, NeuCalendarView };
+export { NeuCalendarComponent, NeuCalendarEventDirective };
+export type { NeuCalendarEvent, NeuCalendarEventVariant, NeuCalendarEventView, NeuCalendarLabelOverrides, NeuCalendarLabels, NeuCalendarView };

package/types/neural-ui-core-command-palette.d.ts

@@ -1,4 +1,5 @@
-import * as _angular_core from '@angular/core';
+import * as i0 from '@angular/core';
+import { TemplateRef } from '@angular/core';
 
 interface NeuCommand {
     id: string;
@@ -12,6 +13,18 @@ interface NeuCommand {
     /** Handler invocado al seleccionar / Handler called on select */
     action: () => void;
 }
+declare class NeuCommandPaletteItemDirective {
+    readonly templateRef: TemplateRef<{
+        $implicit: NeuCommand;
+        index: number;
+    }>;
+    constructor(templateRef: TemplateRef<{
+        $implicit: NeuCommand;
+        index: number;
+    }>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<NeuCommandPaletteItemDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NeuCommandPaletteItemDirective, "ng-template[neuCommandPaletteItem]", never, {}, {}, never, never, true, never>;
+}
 /**
  * NeuralUI CommandPaletteService
  *
@@ -23,16 +36,16 @@ interface NeuCommand {
  */
 declare class NeuCommandPaletteService {
     private readonly _commands;
-    readonly isOpen: _angular_core.WritableSignal<boolean>;
-    readonly query: _angular_core.WritableSignal<string>;
-    readonly filteredCommands: _angular_core.Signal<NeuCommand[]>;
+    readonly isOpen: i0.WritableSignal<boolean>;
+    readonly query: i0.WritableSignal<string>;
+    readonly filteredCommands: i0.Signal<NeuCommand[]>;
     register(...commands: NeuCommand[]): void;
     unregister(...ids: string[]): void;
     open(): void;
     close(): void;
     execute(id: string): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NeuCommandPaletteService, never>;
-    static ɵprov: _angular_core.ɵɵInjectableDeclaration<NeuCommandPaletteService>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NeuCommandPaletteService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<NeuCommandPaletteService>;
 }
 /**
  * NeuralUI CommandPalette Component
@@ -44,13 +57,14 @@ declare class NeuCommandPaletteService {
  *   <neu-command-palette />  <!-- colócalo una vez en el root layout -->
  */
 declare class NeuCommandPaletteComponent {
+    readonly itemTpl: i0.Signal<NeuCommandPaletteItemDirective | undefined>;
     readonly _svc: NeuCommandPaletteService;
-    readonly _activeIndex: _angular_core.WritableSignal<number>;
+    readonly _activeIndex: i0.WritableSignal<number>;
     _onDocKey(e: KeyboardEvent): void;
     _onInputKey(e: KeyboardEvent): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NeuCommandPaletteComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NeuCommandPaletteComponent, "neu-command-palette", never, {}, {}, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NeuCommandPaletteComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NeuCommandPaletteComponent, "neu-command-palette", never, {}, {}, ["itemTpl"], never, true, never>;
 }
 
-export { NeuCommandPaletteComponent, NeuCommandPaletteService };
+export { NeuCommandPaletteComponent, NeuCommandPaletteItemDirective, NeuCommandPaletteService };
 export type { NeuCommand };

package/types/neural-ui-core-context-menu.d.ts

@@ -1,5 +1,5 @@
 import * as _angular_core from '@angular/core';
-import { OnDestroy } from '@angular/core';
+import { OnDestroy, TemplateRef } from '@angular/core';
 
 interface NeuContextMenuItem {
     /** Key para identificar la acción / Key to identify the action */
@@ -15,11 +15,24 @@ interface NeuContextMenuItem {
     /** Variante de color / Color variant */
     variant?: 'default' | 'danger';
 }
+declare class NeuContextMenuItemDirective {
+    readonly templateRef: TemplateRef<{
+        $implicit: NeuContextMenuItem;
+    }>;
+    constructor(templateRef: TemplateRef<{
+        $implicit: NeuContextMenuItem;
+    }>);
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NeuContextMenuItemDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NeuContextMenuItemDirective, "ng-template[neuContextMenuItem]", never, {}, {}, never, never, true, never>;
+}
 /**
  * NeuralUI ContextMenu Overlay Component (internal)
  */
 declare class NeuContextMenuOverlayComponent {
     readonly _items: _angular_core.WritableSignal<NeuContextMenuItem[]>;
+    itemTemplate: TemplateRef<{
+        $implicit: NeuContextMenuItem;
+    }> | null;
     _selectFn: ((item: NeuContextMenuItem) => void) | null;
     _escapeFn: (() => void) | null;
     select(item: NeuContextMenuItem): void;
@@ -38,6 +51,7 @@ declare class NeuContextMenuOverlayComponent {
  *   </div>
  */
 declare class NeuContextMenuDirective implements OnDestroy {
+    readonly itemTpl: _angular_core.Signal<NeuContextMenuItemDirective | undefined>;
     /** Ítems del menú / Menu items */
     readonly neuContextMenu: _angular_core.InputSignal<NeuContextMenuItem[]>;
     /** Desactiva el menú / Disables the menu */
@@ -59,8 +73,8 @@ declare class NeuContextMenuDirective implements OnDestroy {
     private _close;
     ngOnDestroy(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<NeuContextMenuDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NeuContextMenuDirective, "[neuContextMenu]", ["neuContextMenu"], { "neuContextMenu": { "alias": "neuContextMenu"; "required": false; "isSignal": true; }; "neuContextMenuDisabled": { "alias": "neuContextMenuDisabled"; "required": false; "isSignal": true; }; }, { "menuItemClick": "menuItemClick"; "menuOpened": "menuOpened"; "menuClosed": "menuClosed"; }, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NeuContextMenuDirective, "[neuContextMenu]", ["neuContextMenu"], { "neuContextMenu": { "alias": "neuContextMenu"; "required": false; "isSignal": true; }; "neuContextMenuDisabled": { "alias": "neuContextMenuDisabled"; "required": false; "isSignal": true; }; }, { "menuItemClick": "menuItemClick"; "menuOpened": "menuOpened"; "menuClosed": "menuClosed"; }, ["itemTpl"], never, true, never>;
 }
 
-export { NeuContextMenuDirective, NeuContextMenuOverlayComponent };
+export { NeuContextMenuDirective, NeuContextMenuItemDirective, NeuContextMenuOverlayComponent };
 export type { NeuContextMenuItem };

package/types/neural-ui-core-icon.d.ts

@@ -14,6 +14,10 @@ import * as _angular_core from '@angular/core';
 declare class NeuIconComponent {
     /** Nombre del icono registrado con provideIcons() / Icon name registered with provideIcons() */
     name: _angular_core.InputSignal<string>;
+    /** Los iconos son decorativos por defecto. Para exponer uno al lector de pantalla, usa decorative=false y ariaLabel. */
+    decorative: _angular_core.InputSignal<boolean>;
+    /** Nombre accesible obligatorio cuando decorative=false. */
+    ariaLabel: _angular_core.InputSignal<string>;
     /**
      * Grosor del trazo. Default '2' para estética fina y técnica.
      * Puede sobrescribirse por instancia.
@@ -27,7 +31,7 @@ declare class NeuIconComponent {
     /** Tamaño resuelto: usa el input `size` o cae al token CSS. / Resolved size: uses the `size` input or falls back to the CSS token. */
     readonly resolvedSize: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<NeuIconComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NeuIconComponent, "neu-icon", never, { "name": { "alias": "name"; "required": true; "isSignal": true; }; "strokeWidth": { "alias": "strokeWidth"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NeuIconComponent, "neu-icon", never, { "name": { "alias": "name"; "required": true; "isSignal": true; }; "decorative": { "alias": "decorative"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "strokeWidth": { "alias": "strokeWidth"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 export { NeuIconComponent };

package/types/neural-ui-core-listbox.d.ts

@@ -18,6 +18,24 @@ declare class NeuListboxItemDirective {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<NeuListboxItemDirective, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NeuListboxItemDirective, "ng-template[neuListboxItem]", never, {}, {}, never, never, true, never>;
 }
+declare class NeuListboxHeaderDirective {
+    readonly templateRef: TemplateRef<void>;
+    constructor(templateRef: TemplateRef<void>);
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NeuListboxHeaderDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NeuListboxHeaderDirective, "ng-template[neuListboxHeader]", never, {}, {}, never, never, true, never>;
+}
+declare class NeuListboxFooterDirective {
+    readonly templateRef: TemplateRef<void>;
+    constructor(templateRef: TemplateRef<void>);
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NeuListboxFooterDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NeuListboxFooterDirective, "ng-template[neuListboxFooter]", never, {}, {}, never, never, true, never>;
+}
+declare class NeuListboxEmptyDirective {
+    readonly templateRef: TemplateRef<void>;
+    constructor(templateRef: TemplateRef<void>);
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NeuListboxEmptyDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NeuListboxEmptyDirective, "ng-template[neuListboxEmpty]", never, {}, {}, never, never, true, never>;
+}
 declare class NeuListboxComponent implements ControlValueAccessor {
     readonly options: _angular_core.InputSignal<NeuListboxOption[]>;
     readonly label: _angular_core.InputSignal<string>;
@@ -30,6 +48,9 @@ declare class NeuListboxComponent implements ControlValueAccessor {
     readonly disabled: _angular_core.InputSignal<boolean>;
     readonly selectionChange: _angular_core.OutputEmitterRef<NeuListboxOption[]>;
     readonly itemTpl: _angular_core.Signal<NeuListboxItemDirective | undefined>;
+    readonly headerTpl: _angular_core.Signal<NeuListboxHeaderDirective | undefined>;
+    readonly footerTpl: _angular_core.Signal<NeuListboxFooterDirective | undefined>;
+    readonly emptyTpl: _angular_core.Signal<NeuListboxEmptyDirective | undefined>;
     readonly query: _angular_core.WritableSignal<string>;
     readonly activeIndex: _angular_core.WritableSignal<number>;
     readonly values: _angular_core.WritableSignal<string[]>;
@@ -47,8 +68,8 @@ declare class NeuListboxComponent implements ControlValueAccessor {
     toggleOption(option: NeuListboxOption): void;
     onKeyDown(event: KeyboardEvent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<NeuListboxComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NeuListboxComponent, "neu-listbox", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "emptyLabel": { "alias": "emptyLabel"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "selectionChange": "selectionChange"; }, ["itemTpl"], never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NeuListboxComponent, "neu-listbox", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "emptyLabel": { "alias": "emptyLabel"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "selectionChange": "selectionChange"; }, ["itemTpl", "headerTpl", "footerTpl", "emptyTpl"], never, true, never>;
 }
 
-export { NeuListboxComponent, NeuListboxItemDirective };
+export { NeuListboxComponent, NeuListboxEmptyDirective, NeuListboxFooterDirective, NeuListboxHeaderDirective, NeuListboxItemDirective };
 export type { NeuListboxOption };

package/types/neural-ui-core-menu.d.ts

@@ -1,4 +1,5 @@
 import * as _angular_core from '@angular/core';
+import { TemplateRef } from '@angular/core';
 
 interface NeuMenuItem {
     key: string;
@@ -10,15 +11,34 @@ interface NeuMenuItem {
     children?: NeuMenuItem[];
     data?: unknown;
 }
+/** Custom visual content for each menu item; menu semantics remain owned by the component. */
+declare class NeuMenuItemDirective {
+    readonly templateRef: TemplateRef<{
+        $implicit: NeuMenuItem;
+    }>;
+    constructor(templateRef: TemplateRef<{
+        $implicit: NeuMenuItem;
+    }>);
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NeuMenuItemDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NeuMenuItemDirective, "ng-template[neuMenuItem]", never, {}, {}, never, never, true, never>;
+}
 declare class NeuMenuComponent {
+    readonly itemTpl: _angular_core.Signal<NeuMenuItemDirective | undefined>;
+    readonly itemTemplate: _angular_core.InputSignal<TemplateRef<{
+        $implicit: NeuMenuItem;
+    }> | null>;
+    readonly itemTemplateRef: _angular_core.Signal<TemplateRef<{
+        $implicit: NeuMenuItem;
+    }> | null>;
     readonly items: _angular_core.InputSignal<NeuMenuItem[]>;
     readonly ariaLabel: _angular_core.InputSignal<string>;
     readonly itemClick: _angular_core.OutputEmitterRef<NeuMenuItem>;
     activate(item: NeuMenuItem): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<NeuMenuComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NeuMenuComponent, "neu-menu", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "itemClick": "itemClick"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NeuMenuComponent, "neu-menu", never, { "itemTemplate": { "alias": "itemTemplate"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "itemClick": "itemClick"; }, ["itemTpl"], never, true, never>;
 }
 declare class NeuMenuButtonComponent {
+    readonly itemTpl: _angular_core.Signal<NeuMenuItemDirective | undefined>;
     readonly items: _angular_core.InputSignal<NeuMenuItem[]>;
     readonly label: _angular_core.InputSignal<string>;
     readonly itemClick: _angular_core.OutputEmitterRef<NeuMenuItem>;
@@ -28,7 +48,7 @@ declare class NeuMenuButtonComponent {
     close(): void;
     onItemClick(item: NeuMenuItem): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<NeuMenuButtonComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NeuMenuButtonComponent, "neu-menu-button", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, { "itemClick": "itemClick"; "openChange": "openChange"; }, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NeuMenuButtonComponent, "neu-menu-button", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, { "itemClick": "itemClick"; "openChange": "openChange"; }, ["itemTpl"], ["*"], true, never>;
 }
 declare class NeuMenubarComponent {
     readonly items: _angular_core.InputSignal<NeuMenuItem[]>;
@@ -45,5 +65,5 @@ declare class NeuTieredMenuComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<NeuTieredMenuComponent, "neu-tiered-menu", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "itemClick": "itemClick"; }, never, never, true, never>;
 }
 
-export { NeuMenuButtonComponent, NeuMenuComponent, NeuMenubarComponent, NeuTieredMenuComponent };
+export { NeuMenuButtonComponent, NeuMenuComponent, NeuMenuItemDirective, NeuMenubarComponent, NeuTieredMenuComponent };
 export type { NeuMenuItem };