@neural-ui/core 1.6.1 → 1.6.2

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

@@ -1 +1 @@
-{"version":3,"file":"neural-ui-core-tree-table.mjs","sources":["../../../../projects/ui-core/tree-table/neu-tree-table.component.ts","../../../../projects/ui-core/tree-table/neural-ui-core-tree-table.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  TemplateRef,\n  ViewEncapsulation,\n  computed,\n  effect,\n  input,\n  output,\n  signal,\n  viewChild,\n} from '@angular/core';\nimport { NeuTableComponent, NeuTableColumn } from '@neural-ui/core/table';\n\nexport interface NeuTreeTableNode<T extends Record<string, unknown> = Record<string, unknown>> {\n  id: string;\n  label: string;\n  description?: string;\n  badge?: string;\n  children?: NeuTreeTableNode<T>[];\n  expanded?: boolean;\n  disabled?: boolean;\n  data?: T;\n}\n\nexport interface NeuTreeTableRow<\n  T extends Record<string, unknown> = Record<string, unknown>,\n> extends Record<string, unknown> {\n  id: string;\n  label: string;\n  description?: string;\n  badge?: string;\n  __treeLevel: number;\n  __treeHasChildren: boolean;\n  __treeExpanded: boolean;\n  __treeDisabled: boolean;\n  __treeParentId?: string;\n  __treeNode: NeuTreeTableNode<T>;\n}\n\n@Component({\n  selector: 'neu-tree-table',\n  standalone: true,\n  imports: [NeuTableComponent],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `\n    <neu-table\n      class=\"neu-tree-table\"\n      [columns]=\"resolvedColumns()\"\n      [data]=\"flatRows()\"\n      [title]=\"title()\"\n      [rowKey]=\"rowKey()\"\n      [tableAriaLabel]=\"tableAriaLabel()\"\n      [searchable]=\"searchable()\"\n      [searchPlaceholder]=\"searchPlaceholder()\"\n      [pagination]=\"pagination()\"\n      [pageSizeOptions]=\"pageSizeOptions()\"\n      [selectable]=\"selectable()\"\n      [stickyHeader]=\"stickyHeader()\"\n      [stripedRows]=\"stripedRows()\"\n      [bordered]=\"bordered()\"\n      [roundedBorders]=\"roundedBorders()\"\n      [sortable]=\"sortable()\"\n      [showRowNumbers]=\"showRowNumbers()\"\n      [density]=\"density()\"\n      [useUrlState]=\"useUrlState()\"\n      [emptyMessage]=\"emptyMessage()\"\n      (selectionChange)=\"onTableSelectionChange($event)\"\n      (rowClick)=\"onTableRowClick($event)\"\n    />\n\n    <ng-template #treeCellTpl let-row>\n      <div\n        class=\"neu-tree-table__cell\"\n        [style.padding-inline-start.px]=\"treeIndent(row)\"\n        [class.neu-tree-table__cell--disabled]=\"isTreeRowDisabled(row)\"\n      >\n        @if (row.__treeHasChildren) {\n          <button\n            class=\"neu-tree-table__toggle\"\n            type=\"button\"\n            [class.neu-tree-table__toggle--open]=\"row.__treeExpanded\"\n            [attr.aria-label]=\"treeToggleAriaLabel(row)\"\n            (click)=\"toggleNode(row.__treeNode, $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 class=\"neu-tree-table__toggle neu-tree-table__toggle--placeholder\"></span>\n        }\n\n        <div class=\"neu-tree-table__content\">\n          <div class=\"neu-tree-table__main\">\n            <span class=\"neu-tree-table__label\">{{ row.label }}</span>\n            @if (row.badge) {\n              <span class=\"neu-tree-table__badge\">{{ row.badge }}</span>\n            }\n          </div>\n          @if (row.description) {\n            <span class=\"neu-tree-table__description\">{{ row.description }}</span>\n          }\n        </div>\n      </div>\n    </ng-template>\n  `,\n  styleUrl: './neu-tree-table.component.scss',\n})\nexport class NeuTreeTableComponent {\n  readonly nodes = input<NeuTreeTableNode[]>([]);\n  readonly columns = input<NeuTableColumn<Record<string, unknown>>[]>([]);\n  readonly title = input('');\n  readonly treeColumnKey = input('label');\n  readonly rowKey = input('id');\n  readonly tableAriaLabel = input('Tree table');\n  readonly searchPlaceholder = input('Search rows');\n  readonly emptyMessage = input('No rows found');\n  readonly expandLabel = input('Expand row');\n  readonly collapseLabel = input('Collapse row');\n  readonly indentSize = input(18);\n\n  readonly searchable = input(true);\n  readonly pagination = input(true);\n  readonly selectable = input(false);\n  readonly stickyHeader = input(false);\n  readonly stripedRows = input(false);\n  readonly bordered = input(true);\n  readonly roundedBorders = input(true);\n  readonly sortable = input(false);\n  readonly showRowNumbers = input(false);\n  readonly useUrlState = input(false);\n  readonly density = input<'compact' | 'normal' | 'relaxed'>('normal');\n  readonly pageSizeOptions = input<number[]>([5, 10, 20]);\n\n  readonly selectionChange = output<NeuTreeTableNode[]>();\n  readonly nodeClick = output<NeuTreeTableNode>();\n  readonly expansionChange = output<string[]>();\n\n  private readonly treeCellTpl = viewChild<TemplateRef<unknown>>('treeCellTpl');\n  private readonly expandedKeys = signal<Set<string>>(new Set());\n\n  readonly flatRows = computed<Record<string, unknown>[]>(() => this.flattenNodes(this.nodes(), 0));\n\n  readonly resolvedColumns = computed<NeuTableColumn<Record<string, unknown>>[]>(() => {\n    const tpl = this.treeCellTpl();\n    const treeColumnKey = this.treeColumnKey();\n    const columns = this.columns();\n    const hasConfiguredTreeColumn = columns.some((column) => column.key === treeColumnKey);\n\n    return columns.map((column, index) => {\n      const isTreeColumn = hasConfiguredTreeColumn ? column.key === treeColumnKey : index === 0;\n      if (!isTreeColumn) {\n        return column;\n      }\n\n      return {\n        ...column,\n        sortable: column.sortable ?? false,\n        cellTemplate: tpl as\n          | TemplateRef<{\n              $implicit: Record<string, unknown>;\n              row: Record<string, unknown>;\n              column: NeuTableColumn<Record<string, unknown>>;\n            }>\n          | undefined,\n      };\n    });\n  });\n\n  constructor() {\n    effect(() => {\n      this.expandedKeys.set(this.collectExpandedKeys(this.nodes()));\n    });\n  }\n\n  toggleNode(node: NeuTreeTableNode, event?: Event): void {\n    event?.stopPropagation();\n    if (!node.children?.length || node.disabled) {\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    this.expandedKeys.set(next);\n    this.expansionChange.emit([...next]);\n  }\n\n  onTableSelectionChange(rows: Record<string, unknown>[]): void {\n    this.selectionChange.emit(rows.map((row) => this.asFlatRow(row).__treeNode));\n  }\n\n  onTableRowClick(row: Record<string, unknown>): void {\n    this.nodeClick.emit(this.asFlatRow(row).__treeNode);\n  }\n\n  treeIndent(row: NeuTreeTableRow): number {\n    return row.__treeLevel * this.indentSize();\n  }\n\n  isTreeRowDisabled(row: NeuTreeTableRow): boolean {\n    return row.__treeDisabled;\n  }\n\n  treeToggleAriaLabel(row: NeuTreeTableRow): string {\n    return row.__treeExpanded ? this.collapseLabel() : this.expandLabel();\n  }\n\n  private flattenNodes(\n    nodes: NeuTreeTableNode[],\n    level: number,\n    parentId?: string,\n  ): Record<string, unknown>[] {\n    const rows: Record<string, unknown>[] = [];\n\n    for (const node of nodes) {\n      const expanded = this.expandedKeys().has(node.id);\n      rows.push({\n        ...(node.data ?? {}),\n        id: node.id,\n        label: node.label,\n        description: node.description,\n        badge: node.badge,\n        __treeLevel: level,\n        __treeHasChildren: !!node.children?.length,\n        __treeExpanded: expanded,\n        __treeDisabled: !!node.disabled,\n        __treeParentId: parentId,\n        __treeNode: node,\n      });\n\n      if (node.children?.length && expanded) {\n        rows.push(...this.flattenNodes(node.children, level + 1, node.id));\n      }\n    }\n\n    return rows;\n  }\n\n  private collectExpandedKeys(nodes: NeuTreeTableNode[]): 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 asFlatRow(row: Record<string, unknown>): NeuTreeTableRow {\n    return row as NeuTreeTableRow;\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-table.mjs","sources":["../../../../projects/ui-core/tree-table/neu-tree-table.component.ts","../../../../projects/ui-core/tree-table/neural-ui-core-tree-table.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  TemplateRef,\n  ViewEncapsulation,\n  computed,\n  effect,\n  input,\n  output,\n  signal,\n  viewChild,\n} from '@angular/core';\nimport { NeuTableComponent, NeuTableColumn } from '@neural-ui/core/table';\n\nexport interface NeuTreeTableNode<T extends Record<string, unknown> = Record<string, unknown>> {\n  id: string;\n  label: string;\n  description?: string;\n  badge?: string;\n  children?: NeuTreeTableNode<T>[];\n  expanded?: boolean;\n  disabled?: boolean;\n  data?: T;\n}\n\nexport interface NeuTreeTableRow<\n  T extends Record<string, unknown> = Record<string, unknown>,\n> extends Record<string, unknown> {\n  id: string;\n  label: string;\n  description?: string;\n  badge?: string;\n  __treeLevel: number;\n  __treeHasChildren: boolean;\n  __treeExpanded: boolean;\n  __treeDisabled: boolean;\n  __treeParentId?: string;\n  __treeNode: NeuTreeTableNode<T>;\n}\n\n@Component({\n  selector: 'neu-tree-table',\n  standalone: true,\n  imports: [NeuTableComponent],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `\n    <neu-table\n      class=\"neu-tree-table\"\n      [columns]=\"resolvedColumns()\"\n      [data]=\"flatRows()\"\n      [title]=\"title()\"\n      [rowKey]=\"rowKey()\"\n      [tableAriaLabel]=\"tableAriaLabel()\"\n      [searchable]=\"searchable()\"\n      [searchPlaceholder]=\"searchPlaceholder()\"\n      [pagination]=\"pagination()\"\n      [pageSizeOptions]=\"pageSizeOptions()\"\n      [selectable]=\"selectable()\"\n      [stickyHeader]=\"stickyHeader()\"\n      [stripedRows]=\"stripedRows()\"\n      [bordered]=\"bordered()\"\n      [roundedBorders]=\"roundedBorders()\"\n      [sortable]=\"sortable()\"\n      [showRowNumbers]=\"showRowNumbers()\"\n      [density]=\"density()\"\n      [useUrlState]=\"useUrlState()\"\n      [emptyMessage]=\"emptyMessage()\"\n      (selectionChange)=\"onTableSelectionChange($event)\"\n      (rowClick)=\"onTableRowClick($event)\"\n    />\n\n    <ng-template #treeCellTpl let-row>\n      <div\n        class=\"neu-tree-table__cell\"\n        [style.padding-inline-start.px]=\"treeIndent(row)\"\n        [class.neu-tree-table__cell--disabled]=\"isTreeRowDisabled(row)\"\n      >\n        @if (row.__treeHasChildren) {\n          <button\n            class=\"neu-tree-table__toggle\"\n            type=\"button\"\n            [class.neu-tree-table__toggle--open]=\"row.__treeExpanded\"\n            [attr.aria-label]=\"treeToggleAriaLabel(row)\"\n            (click)=\"toggleNode(row.__treeNode, $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 class=\"neu-tree-table__toggle neu-tree-table__toggle--placeholder\"></span>\n        }\n\n        <div class=\"neu-tree-table__content\">\n          <div class=\"neu-tree-table__main\">\n            <span class=\"neu-tree-table__label\">{{ row.label }}</span>\n            @if (row.badge) {\n              <span class=\"neu-tree-table__badge\">{{ row.badge }}</span>\n            }\n          </div>\n          @if (row.description) {\n            <span class=\"neu-tree-table__description\">{{ row.description }}</span>\n          }\n        </div>\n      </div>\n    </ng-template>\n  `,\n  styleUrl: './neu-tree-table.component.scss',\n})\nexport class NeuTreeTableComponent {\n  readonly nodes = input<NeuTreeTableNode[]>([]);\n  readonly columns = input<NeuTableColumn<Record<string, unknown>>[]>([]);\n  readonly title = input('');\n  readonly treeColumnKey = input('label');\n  readonly rowKey = input('id');\n  readonly tableAriaLabel = input('Tree table');\n  readonly searchPlaceholder = input('Search rows');\n  readonly emptyMessage = input('No rows found');\n  readonly expandLabel = input('Expand row');\n  readonly collapseLabel = input('Collapse row');\n  readonly indentSize = input(18);\n\n  readonly searchable = input(true);\n  readonly pagination = input(true);\n  readonly selectable = input(false);\n  readonly stickyHeader = input(false);\n  readonly stripedRows = input(false);\n  readonly bordered = input(true);\n  readonly roundedBorders = input(true);\n  readonly sortable = input(false);\n  readonly showRowNumbers = input(false);\n  readonly useUrlState = input(false);\n  readonly density = input<'compact' | 'normal' | 'relaxed'>('normal');\n  readonly pageSizeOptions = input<number[]>([5, 10, 20]);\n\n  readonly selectionChange = output<NeuTreeTableNode[]>();\n  readonly nodeClick = output<NeuTreeTableNode>();\n  readonly expansionChange = output<string[]>();\n\n  private readonly treeCellTpl = viewChild<TemplateRef<unknown>>('treeCellTpl');\n  private readonly expandedKeys = signal<Set<string>>(new Set());\n\n  readonly flatRows = computed<Record<string, unknown>[]>(() => this.flattenNodes(this.nodes(), 0));\n\n  readonly resolvedColumns = computed<NeuTableColumn<Record<string, unknown>>[]>(() => {\n    const tpl = this.treeCellTpl();\n    const treeColumnKey = this.treeColumnKey();\n    const columns = this.columns();\n    const hasConfiguredTreeColumn = columns.some((column) => column.key === treeColumnKey);\n\n    return columns.map((column, index) => {\n      const isTreeColumn = hasConfiguredTreeColumn ? column.key === treeColumnKey : index === 0;\n      if (!isTreeColumn) {\n        return column;\n      }\n\n      return {\n        ...column,\n        sortable: column.sortable ?? false,\n        cellTemplate: tpl as\n          | TemplateRef<{\n              $implicit: Record<string, unknown>;\n              row: Record<string, unknown>;\n              column: NeuTableColumn<Record<string, unknown>>;\n            }>\n          | undefined,\n      };\n    });\n  });\n\n  constructor() {\n    effect(() => {\n      this.expandedKeys.set(this.collectExpandedKeys(this.nodes()));\n    });\n  }\n\n  toggleNode(node: NeuTreeTableNode, event?: Event): void {\n    event?.stopPropagation();\n    if (!node.children?.length || node.disabled) {\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    this.expandedKeys.set(next);\n    this.expansionChange.emit([...next]);\n  }\n\n  onTableSelectionChange(rows: Record<string, unknown>[]): void {\n    this.selectionChange.emit(rows.map((row) => this.asFlatRow(row).__treeNode));\n  }\n\n  onTableRowClick(row: Record<string, unknown>): void {\n    this.nodeClick.emit(this.asFlatRow(row).__treeNode);\n  }\n\n  treeIndent(row: NeuTreeTableRow): number {\n    return row.__treeLevel * this.indentSize();\n  }\n\n  isTreeRowDisabled(row: NeuTreeTableRow): boolean {\n    return row.__treeDisabled;\n  }\n\n  treeToggleAriaLabel(row: NeuTreeTableRow): string {\n    return row.__treeExpanded ? this.collapseLabel() : this.expandLabel();\n  }\n\n  private flattenNodes(\n    nodes: NeuTreeTableNode[],\n    level: number,\n    parentId?: string,\n  ): Record<string, unknown>[] {\n    const rows: Record<string, unknown>[] = [];\n\n    for (const node of nodes) {\n      const expanded = this.expandedKeys().has(node.id);\n      rows.push({\n        ...(node.data ?? {}),\n        id: node.id,\n        label: node.label,\n        description: node.description,\n        badge: node.badge,\n        __treeLevel: level,\n        __treeHasChildren: !!node.children?.length,\n        __treeExpanded: expanded,\n        __treeDisabled: !!node.disabled,\n        __treeParentId: parentId,\n        __treeNode: node,\n      });\n\n      if (node.children?.length && expanded) {\n        rows.push(...this.flattenNodes(node.children, level + 1, node.id));\n      }\n    }\n\n    return rows;\n  }\n\n  private collectExpandedKeys(nodes: NeuTreeTableNode[]): 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 asFlatRow(row: Record<string, unknown>): NeuTreeTableRow {\n    return row as NeuTreeTableRow;\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

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

@@ -3,43 +3,29 @@ import { input, output, signal, computed, effect, ChangeDetectionStrategy, ViewE
 import { NgTemplateOutlet } from '@angular/common';
 
 class NeuTreeComponent {
-    nodes = input([], /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "nodes" }] : /* istanbul ignore next */ []));
-    selectable = input(false, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "selectable" }] : /* istanbul ignore next */ []));
-    searchable = input(false, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "searchable" }] : /* istanbul ignore next */ []));
-    selectionMode = input('single', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "selectionMode" }] : /* istanbul ignore next */ []));
-    indentSize = input(18, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "indentSize" }] : /* istanbul ignore next */ []));
-    ariaLabel = input('Tree', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
-    searchPlaceholder = input('Search nodes', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "searchPlaceholder" }] : /* istanbul ignore next */ []));
-    emptyLabel = input('No nodes available', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "emptyLabel" }] : /* istanbul ignore next */ []));
-    expandLabel = input('Expand node', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "expandLabel" }] : /* istanbul ignore next */ []));
-    collapseLabel = input('Collapse node', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "collapseLabel" }] : /* 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 */ []));
+    selectionMode = input('single', ...(ngDevMode ? [{ debugName: "selectionMode" }] : /* istanbul ignore next */ []));
+    indentSize = input(18, ...(ngDevMode ? [{ debugName: "indentSize" }] : /* istanbul ignore next */ []));
+    ariaLabel = input('Tree', ...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
+    searchPlaceholder = input('Search nodes', ...(ngDevMode ? [{ debugName: "searchPlaceholder" }] : /* istanbul ignore next */ []));
+    emptyLabel = input('No nodes available', ...(ngDevMode ? [{ debugName: "emptyLabel" }] : /* istanbul ignore next */ []));
+    expandLabel = input('Expand node', ...(ngDevMode ? [{ debugName: "expandLabel" }] : /* istanbul ignore next */ []));
+    collapseLabel = input('Collapse node', ...(ngDevMode ? [{ debugName: "collapseLabel" }] : /* istanbul ignore next */ []));
     selectionChange = output();
     expansionChange = output();
     nodeClick = output();
-    searchQuery = signal('', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "searchQuery" }] : /* istanbul ignore next */ []));
-    expandedKeys = signal(new Set(), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "expandedKeys" }] : /* istanbul ignore next */ []));
-    selectedKeys = signal(new Set(), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "selectedKeys" }] : /* istanbul ignore next */ []));
+    searchQuery = signal('', ...(ngDevMode ? [{ debugName: "searchQuery" }] : /* istanbul ignore next */ []));
+    expandedKeys = signal(new Set(), ...(ngDevMode ? [{ debugName: "expandedKeys" }] : /* istanbul ignore next */ []));
+    selectedKeys = signal(new Set(), ...(ngDevMode ? [{ debugName: "selectedKeys" }] : /* istanbul ignore next */ []));
     visibleNodes = computed(() => {
         const query = this.searchQuery().trim().toLowerCase();
         if (!query) {
             return this.nodes();
         }
         return this.filterNodes(this.nodes(), query);
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "visibleNodes" }] : /* istanbul ignore next */ []));
+    }, ...(ngDevMode ? [{ debugName: "visibleNodes" }] : /* istanbul ignore next */ []));
     constructor() {
         effect(() => {
             const nextExpanded = this.collectExpandedKeys(this.nodes());
@@ -167,8 +153,8 @@ class NeuTreeComponent {
         }
         return filtered;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: NeuTreeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.4", 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 ɵ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: `
     <div class="neu-tree">
       @if (searchable()) {
         <label class="neu-tree__search" [attr.aria-label]="searchPlaceholder()">
@@ -292,7 +278,7 @@ class NeuTreeComponent {
     </ng-template>
   `, isInline: true, 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;width:1rem;height:1rem;margin:.8rem 0 0;accent-color:var(--neu-primary)}.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"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: NeuTreeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: NeuTreeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'neu-tree', standalone: true, imports: [NgTemplateOutlet], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: `
     <div class="neu-tree">

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';\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],\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              <input\n                class=\"neu-tree__checkbox\"\n                type=\"checkbox\"\n                [attr.aria-label]=\"'Select ' + node.label\"\n                [checked]=\"isSelected(node.id)\"\n                [disabled]=\"node.disabled\"\n                (click)=\"$event.stopPropagation()\"\n                (change)=\"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, event: Event): void {\n    const target = event.target as HTMLInputElement;\n    this.updateSelection(node, target.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  computed,\n  effect,\n  input,\n  output,\n  signal,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\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],\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              <input\n                class=\"neu-tree__checkbox\"\n                type=\"checkbox\"\n                [attr.aria-label]=\"'Select ' + node.label\"\n                [checked]=\"isSelected(node.id)\"\n                [disabled]=\"node.disabled\"\n                (click)=\"$event.stopPropagation()\"\n                (change)=\"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, event: Event): void {\n    const target = event.target as HTMLInputElement;\n    this.updateSelection(node, target.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/fesm2022/neural-ui-core-uploader.mjs

@@ -7,99 +7,58 @@ import { NeuProgressBarComponent } from '@neural-ui/core/progress-bar';
 let _neuUploaderIdSeq = 0;
 class NeuUploaderComponent {
     fileInput = viewChild.required('fileInput');
-    label = input('', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
-    hint = input('', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "hint" }] : /* istanbul ignore next */ []));
-    errorMessage = input('', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "errorMessage" }] : /* istanbul ignore next */ []));
-    placeholder = input('Drag files here or select them from your device.', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
-    pickerDescription = input('Use the button below to choose files from your device.', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "pickerDescription" }] : /* istanbul ignore next */ []));
-    dropzoneLabel = input('Drop files here to add them', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "dropzoneLabel" }] : /* istanbul ignore next */ []));
-    chooseLabel = input('Choose files', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "chooseLabel" }] : /* istanbul ignore next */ []));
-    clearLabel = input('Clear', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "clearLabel" }] : /* istanbul ignore next */ []));
-    progressLabel = input('Upload in progress', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "progressLabel" }] : /* istanbul ignore next */ []));
-    showPickerText = input(false, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "showPickerText" }] : /* istanbul ignore next */ []));
-    showProgress = input(true, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "showProgress" }] : /* istanbul ignore next */ []));
-    listAriaLabel = input('Selected files', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "listAriaLabel" }] : /* istanbul ignore next */ []));
-    removeAriaLabel = input('Remove file', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "removeAriaLabel" }] : /* istanbul ignore next */ []));
-    acceptedTypesLabel = input('Allowed types', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "acceptedTypesLabel" }] : /* istanbul ignore next */ []));
-    maxFileSizeTextLabel = input('Max size', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "maxFileSizeTextLabel" }] : /* istanbul ignore next */ []));
-    fileCountSingularLabel = input('file', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "fileCountSingularLabel" }] : /* istanbul ignore next */ []));
-    fileCountPluralLabel = input('files', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "fileCountPluralLabel" }] : /* istanbul ignore next */ []));
-    emptySelectionMessage = input('No file was selected.', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "emptySelectionMessage" }] : /* istanbul ignore next */ []));
-    invalidTypeMessage = input('File {{fileName}} does not match the allowed file types.', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "invalidTypeMessage" }] : /* istanbul ignore next */ []));
-    maxFileSizeMessage = input('File {{fileName}} exceeds the allowed maximum size.', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "maxFileSizeMessage" }] : /* istanbul ignore next */ []));
-    duplicateFileMessage = input('File {{fileName}} has already been selected.', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "duplicateFileMessage" }] : /* istanbul ignore next */ []));
-    maxFilesMessage = input('You can only select up to {{maxFiles}} files.', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "maxFilesMessage" }] : /* istanbul ignore next */ []));
-    accept = input('', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "accept" }] : /* istanbul ignore next */ []));
-    multiple = input(true, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "multiple" }] : /* istanbul ignore next */ []));
-    dropzone = input(true, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "dropzone" }] : /* istanbul ignore next */ []));
-    disabled = input(false, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
-    size = input('md', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
-    maxFiles = input(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "maxFiles" }] : /* istanbul ignore next */ []));
-    maxFileSize = input(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "maxFileSize" }] : /* istanbul ignore next */ []));
-    progress = input(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "progress" }] : /* istanbul ignore next */ []));
+    label = input('', ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+    hint = input('', ...(ngDevMode ? [{ debugName: "hint" }] : /* istanbul ignore next */ []));
+    errorMessage = input('', ...(ngDevMode ? [{ debugName: "errorMessage" }] : /* istanbul ignore next */ []));
+    placeholder = input('Drag files here or select them from your device.', ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
+    pickerDescription = input('Use the button below to choose files from your device.', ...(ngDevMode ? [{ debugName: "pickerDescription" }] : /* istanbul ignore next */ []));
+    dropzoneLabel = input('Drop files here to add them', ...(ngDevMode ? [{ debugName: "dropzoneLabel" }] : /* istanbul ignore next */ []));
+    chooseLabel = input('Choose files', ...(ngDevMode ? [{ debugName: "chooseLabel" }] : /* istanbul ignore next */ []));
+    clearLabel = input('Clear', ...(ngDevMode ? [{ debugName: "clearLabel" }] : /* istanbul ignore next */ []));
+    progressLabel = input('Upload in progress', ...(ngDevMode ? [{ debugName: "progressLabel" }] : /* istanbul ignore next */ []));
+    showPickerText = input(false, ...(ngDevMode ? [{ debugName: "showPickerText" }] : /* istanbul ignore next */ []));
+    showProgress = input(true, ...(ngDevMode ? [{ debugName: "showProgress" }] : /* istanbul ignore next */ []));
+    listAriaLabel = input('Selected files', ...(ngDevMode ? [{ debugName: "listAriaLabel" }] : /* istanbul ignore next */ []));
+    removeAriaLabel = input('Remove file', ...(ngDevMode ? [{ debugName: "removeAriaLabel" }] : /* istanbul ignore next */ []));
+    acceptedTypesLabel = input('Allowed types', ...(ngDevMode ? [{ debugName: "acceptedTypesLabel" }] : /* istanbul ignore next */ []));
+    maxFileSizeTextLabel = input('Max size', ...(ngDevMode ? [{ debugName: "maxFileSizeTextLabel" }] : /* istanbul ignore next */ []));
+    fileCountSingularLabel = input('file', ...(ngDevMode ? [{ debugName: "fileCountSingularLabel" }] : /* istanbul ignore next */ []));
+    fileCountPluralLabel = input('files', ...(ngDevMode ? [{ debugName: "fileCountPluralLabel" }] : /* istanbul ignore next */ []));
+    emptySelectionMessage = input('No file was selected.', ...(ngDevMode ? [{ debugName: "emptySelectionMessage" }] : /* istanbul ignore next */ []));
+    invalidTypeMessage = input('File {{fileName}} does not match the allowed file types.', ...(ngDevMode ? [{ debugName: "invalidTypeMessage" }] : /* istanbul ignore next */ []));
+    maxFileSizeMessage = input('File {{fileName}} exceeds the allowed maximum size.', ...(ngDevMode ? [{ debugName: "maxFileSizeMessage" }] : /* istanbul ignore next */ []));
+    duplicateFileMessage = input('File {{fileName}} has already been selected.', ...(ngDevMode ? [{ debugName: "duplicateFileMessage" }] : /* istanbul ignore next */ []));
+    maxFilesMessage = input('You can only select up to {{maxFiles}} files.', ...(ngDevMode ? [{ debugName: "maxFilesMessage" }] : /* istanbul ignore next */ []));
+    accept = input('', ...(ngDevMode ? [{ debugName: "accept" }] : /* istanbul ignore next */ []));
+    multiple = input(true, ...(ngDevMode ? [{ debugName: "multiple" }] : /* istanbul ignore next */ []));
+    dropzone = input(true, ...(ngDevMode ? [{ debugName: "dropzone" }] : /* istanbul ignore next */ []));
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
+    size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    maxFiles = input(null, ...(ngDevMode ? [{ debugName: "maxFiles" }] : /* istanbul ignore next */ []));
+    maxFileSize = input(null, ...(ngDevMode ? [{ debugName: "maxFileSize" }] : /* istanbul ignore next */ []));
+    progress = input(null, ...(ngDevMode ? [{ debugName: "progress" }] : /* istanbul ignore next */ []));
     filesSelected = output();
     fileRemoved = output();
     filesRejected = output();
     cleared = output();
-    inputId = input(`neu-uploader-${++_neuUploaderIdSeq}`, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "inputId" }] : /* istanbul ignore next */ []));
-    isDragOver = signal(false, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "isDragOver" }] : /* istanbul ignore next */ []));
-    internalErrors = signal([], /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "internalErrors" }] : /* istanbul ignore next */ []));
-    fileItems = signal([], /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "fileItems" }] : /* istanbul ignore next */ []));
-    cvaDisabled = signal(false, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "cvaDisabled" }] : /* istanbul ignore next */ []));
+    inputId = input(`neu-uploader-${++_neuUploaderIdSeq}`, ...(ngDevMode ? [{ debugName: "inputId" }] : /* istanbul ignore next */ []));
+    isDragOver = signal(false, ...(ngDevMode ? [{ debugName: "isDragOver" }] : /* istanbul ignore next */ []));
+    internalErrors = signal([], ...(ngDevMode ? [{ debugName: "internalErrors" }] : /* istanbul ignore next */ []));
+    fileItems = signal([], ...(ngDevMode ? [{ debugName: "fileItems" }] : /* istanbul ignore next */ []));
+    cvaDisabled = signal(false, ...(ngDevMode ? [{ debugName: "cvaDisabled" }] : /* istanbul ignore next */ []));
     onChange = () => { };
     onTouched = () => { };
-    isDisabledFinal = computed(() => this.disabled() || this.cvaDisabled(), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "isDisabledFinal" }] : /* istanbul ignore next */ []));
-    hasError = computed(() => !!this.displayErrorMessage(), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "hasError" }] : /* istanbul ignore next */ []));
-    shouldShowProgress = computed(() => this.showProgress() && this.progress() !== null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "shouldShowProgress" }] : /* istanbul ignore next */ []));
-    pickerButtonAriaLabel = computed(() => this.showPickerText() && this.chooseLabel() ? null : this.chooseLabel(), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "pickerButtonAriaLabel" }] : /* istanbul ignore next */ []));
+    isDisabledFinal = computed(() => this.disabled() || this.cvaDisabled(), ...(ngDevMode ? [{ debugName: "isDisabledFinal" }] : /* istanbul ignore next */ []));
+    hasError = computed(() => !!this.displayErrorMessage(), ...(ngDevMode ? [{ debugName: "hasError" }] : /* istanbul ignore next */ []));
+    shouldShowProgress = computed(() => this.showProgress() && this.progress() !== null, ...(ngDevMode ? [{ debugName: "shouldShowProgress" }] : /* istanbul ignore next */ []));
+    pickerButtonAriaLabel = computed(() => this.showPickerText() && this.chooseLabel() ? null : this.chooseLabel(), ...(ngDevMode ? [{ debugName: "pickerButtonAriaLabel" }] : /* istanbul ignore next */ []));
     describedBy = computed(() => {
         if (this.hasError()) {
             return `${this.inputId()}-error`;
         }
         return this.hint() ? `${this.inputId()}-hint` : null;
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "describedBy" }] : /* istanbul ignore next */ []));
-    headlineText = computed(() => this.isDragOver() && this.dropzone() ? this.dropzoneLabel() : this.chooseLabel(), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "headlineText" }] : /* istanbul ignore next */ []));
+    }, ...(ngDevMode ? [{ debugName: "describedBy" }] : /* istanbul ignore next */ []));
+    headlineText = computed(() => this.isDragOver() && this.dropzone() ? this.dropzoneLabel() : this.chooseLabel(), ...(ngDevMode ? [{ debugName: "headlineText" }] : /* istanbul ignore next */ []));
     descriptionText = computed(() => {
         const parts = [this.dropzone() ? this.placeholder() : this.pickerDescription()];
         if (this.accept()) {
@@ -109,22 +68,19 @@ class NeuUploaderComponent {
             parts.push(`${this.maxFileSizeTextLabel()}: ${this.formatBytes(this.maxFileSize() ?? 0)}`);
         }
         return parts.join(' · ');
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "descriptionText" }] : /* istanbul ignore next */ []));
+    }, ...(ngDevMode ? [{ debugName: "descriptionText" }] : /* istanbul ignore next */ []));
     summaryText = computed(() => {
         const totalSize = this.fileItems().reduce((acc, item) => acc + item.size, 0);
         const fileCount = this.fileItems().length;
         return `${fileCount} ${fileCount === 1 ? this.fileCountSingularLabel() : this.fileCountPluralLabel()} · ${this.formatBytes(totalSize)}`;
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "summaryText" }] : /* istanbul ignore next */ []));
+    }, ...(ngDevMode ? [{ debugName: "summaryText" }] : /* istanbul ignore next */ []));
     displayErrorMessage = computed(() => {
         if (this.errorMessage()) {
             return this.errorMessage();
         }
         const [first] = this.internalErrors();
         return first?.message ?? '';
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "displayErrorMessage" }] : /* istanbul ignore next */ []));
+    }, ...(ngDevMode ? [{ debugName: "displayErrorMessage" }] : /* istanbul ignore next */ []));
     writeValue(value) {
         if (!value) {
             this.fileItems.set([]);
@@ -324,8 +280,8 @@ class NeuUploaderComponent {
             return mimeType === rule;
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: NeuUploaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.4", type: NeuUploaderComponent, isStandalone: true, selector: "neu-uploader", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, hint: { classPropertyName: "hint", publicName: "hint", isSignal: true, isRequired: false, transformFunction: null }, errorMessage: { classPropertyName: "errorMessage", publicName: "errorMessage", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, pickerDescription: { classPropertyName: "pickerDescription", publicName: "pickerDescription", isSignal: true, isRequired: false, transformFunction: null }, dropzoneLabel: { classPropertyName: "dropzoneLabel", publicName: "dropzoneLabel", isSignal: true, isRequired: false, transformFunction: null }, chooseLabel: { classPropertyName: "chooseLabel", publicName: "chooseLabel", isSignal: true, isRequired: false, transformFunction: null }, clearLabel: { classPropertyName: "clearLabel", publicName: "clearLabel", isSignal: true, isRequired: false, transformFunction: null }, progressLabel: { classPropertyName: "progressLabel", publicName: "progressLabel", isSignal: true, isRequired: false, transformFunction: null }, showPickerText: { classPropertyName: "showPickerText", publicName: "showPickerText", isSignal: true, isRequired: false, transformFunction: null }, showProgress: { classPropertyName: "showProgress", publicName: "showProgress", isSignal: true, isRequired: false, transformFunction: null }, listAriaLabel: { classPropertyName: "listAriaLabel", publicName: "listAriaLabel", isSignal: true, isRequired: false, transformFunction: null }, removeAriaLabel: { classPropertyName: "removeAriaLabel", publicName: "removeAriaLabel", isSignal: true, isRequired: false, transformFunction: null }, acceptedTypesLabel: { classPropertyName: "acceptedTypesLabel", publicName: "acceptedTypesLabel", isSignal: true, isRequired: false, transformFunction: null }, maxFileSizeTextLabel: { classPropertyName: "maxFileSizeTextLabel", publicName: "maxFileSizeTextLabel", isSignal: true, isRequired: false, transformFunction: null }, fileCountSingularLabel: { classPropertyName: "fileCountSingularLabel", publicName: "fileCountSingularLabel", isSignal: true, isRequired: false, transformFunction: null }, fileCountPluralLabel: { classPropertyName: "fileCountPluralLabel", publicName: "fileCountPluralLabel", isSignal: true, isRequired: false, transformFunction: null }, emptySelectionMessage: { classPropertyName: "emptySelectionMessage", publicName: "emptySelectionMessage", isSignal: true, isRequired: false, transformFunction: null }, invalidTypeMessage: { classPropertyName: "invalidTypeMessage", publicName: "invalidTypeMessage", isSignal: true, isRequired: false, transformFunction: null }, maxFileSizeMessage: { classPropertyName: "maxFileSizeMessage", publicName: "maxFileSizeMessage", isSignal: true, isRequired: false, transformFunction: null }, duplicateFileMessage: { classPropertyName: "duplicateFileMessage", publicName: "duplicateFileMessage", isSignal: true, isRequired: false, transformFunction: null }, maxFilesMessage: { classPropertyName: "maxFilesMessage", publicName: "maxFilesMessage", isSignal: true, isRequired: false, transformFunction: null }, accept: { classPropertyName: "accept", publicName: "accept", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, dropzone: { classPropertyName: "dropzone", publicName: "dropzone", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, maxFiles: { classPropertyName: "maxFiles", publicName: "maxFiles", isSignal: true, isRequired: false, transformFunction: null }, maxFileSize: { classPropertyName: "maxFileSize", publicName: "maxFileSize", isSignal: true, isRequired: false, transformFunction: null }, progress: { classPropertyName: "progress", publicName: "progress", isSignal: true, isRequired: false, transformFunction: null }, inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { filesSelected: "filesSelected", fileRemoved: "fileRemoved", filesRejected: "filesRejected", cleared: "cleared" }, host: { properties: { "class.neu-uploader-host--sm": "size() === \"sm\"", "class.neu-uploader-host--lg": "size() === \"lg\"" }, classAttribute: "neu-uploader-host" }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: NeuUploaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: NeuUploaderComponent, isStandalone: true, selector: "neu-uploader", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, hint: { classPropertyName: "hint", publicName: "hint", isSignal: true, isRequired: false, transformFunction: null }, errorMessage: { classPropertyName: "errorMessage", publicName: "errorMessage", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, pickerDescription: { classPropertyName: "pickerDescription", publicName: "pickerDescription", isSignal: true, isRequired: false, transformFunction: null }, dropzoneLabel: { classPropertyName: "dropzoneLabel", publicName: "dropzoneLabel", isSignal: true, isRequired: false, transformFunction: null }, chooseLabel: { classPropertyName: "chooseLabel", publicName: "chooseLabel", isSignal: true, isRequired: false, transformFunction: null }, clearLabel: { classPropertyName: "clearLabel", publicName: "clearLabel", isSignal: true, isRequired: false, transformFunction: null }, progressLabel: { classPropertyName: "progressLabel", publicName: "progressLabel", isSignal: true, isRequired: false, transformFunction: null }, showPickerText: { classPropertyName: "showPickerText", publicName: "showPickerText", isSignal: true, isRequired: false, transformFunction: null }, showProgress: { classPropertyName: "showProgress", publicName: "showProgress", isSignal: true, isRequired: false, transformFunction: null }, listAriaLabel: { classPropertyName: "listAriaLabel", publicName: "listAriaLabel", isSignal: true, isRequired: false, transformFunction: null }, removeAriaLabel: { classPropertyName: "removeAriaLabel", publicName: "removeAriaLabel", isSignal: true, isRequired: false, transformFunction: null }, acceptedTypesLabel: { classPropertyName: "acceptedTypesLabel", publicName: "acceptedTypesLabel", isSignal: true, isRequired: false, transformFunction: null }, maxFileSizeTextLabel: { classPropertyName: "maxFileSizeTextLabel", publicName: "maxFileSizeTextLabel", isSignal: true, isRequired: false, transformFunction: null }, fileCountSingularLabel: { classPropertyName: "fileCountSingularLabel", publicName: "fileCountSingularLabel", isSignal: true, isRequired: false, transformFunction: null }, fileCountPluralLabel: { classPropertyName: "fileCountPluralLabel", publicName: "fileCountPluralLabel", isSignal: true, isRequired: false, transformFunction: null }, emptySelectionMessage: { classPropertyName: "emptySelectionMessage", publicName: "emptySelectionMessage", isSignal: true, isRequired: false, transformFunction: null }, invalidTypeMessage: { classPropertyName: "invalidTypeMessage", publicName: "invalidTypeMessage", isSignal: true, isRequired: false, transformFunction: null }, maxFileSizeMessage: { classPropertyName: "maxFileSizeMessage", publicName: "maxFileSizeMessage", isSignal: true, isRequired: false, transformFunction: null }, duplicateFileMessage: { classPropertyName: "duplicateFileMessage", publicName: "duplicateFileMessage", isSignal: true, isRequired: false, transformFunction: null }, maxFilesMessage: { classPropertyName: "maxFilesMessage", publicName: "maxFilesMessage", isSignal: true, isRequired: false, transformFunction: null }, accept: { classPropertyName: "accept", publicName: "accept", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, dropzone: { classPropertyName: "dropzone", publicName: "dropzone", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, maxFiles: { classPropertyName: "maxFiles", publicName: "maxFiles", isSignal: true, isRequired: false, transformFunction: null }, maxFileSize: { classPropertyName: "maxFileSize", publicName: "maxFileSize", isSignal: true, isRequired: false, transformFunction: null }, progress: { classPropertyName: "progress", publicName: "progress", isSignal: true, isRequired: false, transformFunction: null }, inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { filesSelected: "filesSelected", fileRemoved: "fileRemoved", filesRejected: "filesRejected", cleared: "cleared" }, host: { properties: { "class.neu-uploader-host--sm": "size() === \"sm\"", "class.neu-uploader-host--lg": "size() === \"lg\"" }, classAttribute: "neu-uploader-host" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => NeuUploaderComponent),
@@ -489,7 +445,7 @@ class NeuUploaderComponent {
     }
   `, isInline: true, styles: [".neu-uploader-host{display:block}.neu-uploader-host--sm .neu-uploader__dropzone{min-height:144px;padding:var(--neu-space-4)}.neu-uploader-host--sm .neu-uploader__headline{font-size:var(--neu-text-base)}.neu-uploader-host--lg .neu-uploader__dropzone{min-height:208px;padding:var(--neu-space-8)}.neu-uploader-host--lg .neu-uploader__headline{font-size:var(--neu-text-xl)}.neu-uploader__label{display:block;font-size:var(--neu-text-sm);font-weight:500;color:var(--neu-text-muted);margin-bottom:var(--neu-space-2)}.neu-uploader__native-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.neu-uploader{display:grid;gap:var(--neu-space-3)}.neu-uploader--picker-only{gap:var(--neu-space-2)}.neu-uploader--picker-only .neu-uploader__copy{gap:2px;max-width:none}.neu-uploader--picker-only .neu-uploader__progress{padding:var(--neu-space-2) var(--neu-space-3)}.neu-uploader--picker-only .neu-uploader__headline{font-size:var(--neu-text-base)}.neu-uploader--drag-over .neu-uploader__dropzone{border-color:var(--neu-primary);box-shadow:var(--neu-focus-ring-strong);transform:translateY(-1px)}.neu-uploader--error .neu-uploader__dropzone{border-color:var(--neu-error);background:radial-gradient(circle at top right,color-mix(in srgb,var(--neu-error) 6%,transparent),transparent 35%),color-mix(in srgb,var(--neu-error) 5%,var(--neu-surface))}.neu-uploader--disabled .neu-uploader__dropzone{opacity:.7;cursor:not-allowed;background:var(--neu-surface-2)}.neu-uploader__dropzone{position:relative;display:grid;justify-items:center;gap:var(--neu-space-3);min-height:176px;padding:var(--neu-space-6);background:radial-gradient(circle at top right,color-mix(in srgb,var(--neu-primary) 7%,transparent),transparent 35%),color-mix(in srgb,var(--neu-surface) 97%,var(--neu-primary));border:1.5px dashed var(--neu-border-hover);border-radius:var(--neu-radius-lg);box-shadow:var(--neu-shadow-sm);cursor:pointer;text-align:center;transition:border-color var(--neu-transition),box-shadow var(--neu-transition),background var(--neu-transition),transform var(--neu-transition)}.neu-uploader__dropzone:hover{border-color:var(--neu-primary);box-shadow:var(--neu-shadow)}.neu-uploader__dropzone:focus-visible{outline:none;box-shadow:var(--neu-focus-ring-strong);border-color:var(--neu-primary)}.neu-uploader__picker-trigger{justify-self:start}.neu-uploader__actions--picker-only{justify-content:flex-end;flex-shrink:0}@media(max-width:640px){.neu-uploader__actions--picker-only{justify-content:flex-start}}.neu-uploader__empty-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:var(--neu-radius-full);background:color-mix(in srgb,var(--neu-primary) 12%,transparent);color:var(--neu-primary)}.neu-uploader__empty-icon svg{width:24px;height:24px}.neu-uploader__copy{display:grid;gap:var(--neu-space-1);max-width:40rem}.neu-uploader__headline{margin:0;color:var(--neu-text);font-size:var(--neu-text-lg);font-weight:700}.neu-uploader__description{margin:0;color:var(--neu-text-muted);font-size:var(--neu-text-sm);line-height:1.55}.neu-uploader__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--neu-space-2)}.neu-uploader__progress,.neu-uploader__summary,.neu-uploader__list{background:var(--neu-surface);border:1px solid var(--neu-border);border-radius:var(--neu-radius)}.neu-uploader__progress{padding:var(--neu-space-3)}.neu-uploader__summary{display:flex;align-items:center;justify-content:space-between;gap:var(--neu-space-3);padding:var(--neu-space-3) var(--neu-space-4);font-size:var(--neu-text-sm);color:var(--neu-text-muted)}.neu-uploader__list{list-style:none;margin:0;padding:0;overflow:hidden}.neu-uploader__item{display:flex;align-items:center;justify-content:space-between;gap:var(--neu-space-3);padding:var(--neu-space-3) var(--neu-space-4)}.neu-uploader__item:not(:last-child){border-bottom:1px solid var(--neu-border)}.neu-uploader__item-main{display:grid;gap:2px;min-width:0}.neu-uploader__item-name{font-size:var(--neu-text-sm);font-weight:600;color:var(--neu-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.neu-uploader__item-meta{font-size:var(--neu-text-xs);color:var(--neu-text-muted)}.neu-uploader__remove{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:none;border-radius:var(--neu-radius-full);background:transparent;color:var(--neu-text-muted);cursor:pointer;transition:background-color var(--neu-transition),color var(--neu-transition),box-shadow var(--neu-transition)}.neu-uploader__remove:hover:not(:disabled){background:var(--neu-error-bg);color:var(--neu-error)}.neu-uploader__remove:focus-visible{outline:none;box-shadow:var(--neu-focus-ring)}.neu-uploader__remove:disabled{cursor:not-allowed;opacity:.55}.neu-uploader__remove svg{width:1rem;height:1rem}.neu-uploader__error,.neu-uploader__hint{margin-top:var(--neu-space-1);font-size:var(--neu-text-xs);line-height:1.45}.neu-uploader__error{color:var(--neu-error-text)}.neu-uploader__hint{color:var(--neu-text-muted)}@media(max-width:399px){.neu-uploader__dropzone{min-height:auto;padding:var(--neu-space-5)}.neu-uploader--picker-only .neu-uploader__dropzone{grid-template-columns:1fr;align-items:start;gap:var(--neu-space-3);padding:var(--neu-space-4)}.neu-uploader--picker-only .neu-uploader__actions{justify-content:flex-start}.neu-uploader__summary,.neu-uploader__item{align-items:flex-start;flex-direction:column}.neu-uploader__remove{align-self:flex-end}}\n"], dependencies: [{ kind: "component", type: NeuButtonComponent, selector: "button[neu-button]", inputs: ["variant", "size", "disabled", "loading", "fullWidth", "icon", "iconPosition", "iconOnly", "ariaLabel"], outputs: ["neuClick"] }, { kind: "component", type: NeuProgressBarComponent, selector: "neu-progress-bar", inputs: ["value", "variant", "label", "showValue", "indeterminate", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: NeuUploaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: NeuUploaderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'neu-uploader', imports: [NeuButtonComponent, NeuProgressBarComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {