@nova-design-system/nova-angular-19 3.15.0 → 3.17.0

package/dist/nova-components/lib/components/datatable.utils/flex-render/context.d.ts

@@ -0,0 +1,3 @@
+import { InjectionToken } from '@angular/core';
+export declare const FlexRenderComponentProps: InjectionToken<{}>;
+export declare function injectFlexRenderContext<T extends NonNullable<unknown>>(): T;

package/dist/nova-components/lib/components/datatable.utils/flex-render/flags.d.ts

@@ -0,0 +1,40 @@
+/**
+ * Flags used to manage and optimize the rendering lifecycle of content of the cell,
+ * while using FlexRenderDirective.
+ */
+export declare enum FlexRenderFlags {
+    /**
+     * Indicates that the view is being created for the first time or will be cleared during the next update phase.
+     * This is the initial state and will transition after the first ngDoCheck.
+     */
+    ViewFirstRender = 1,
+    /**
+     * Represents a state where the view is not dirty, meaning no changes require rendering updates.
+     */
+    Pristine = 2,
+    /**
+     * Indicates the `content` property has been modified or the view requires a complete re-render.
+     * When this flag is enabled, the view will be cleared and recreated from scratch.
+     */
+    ContentChanged = 4,
+    /**
+     * Indicates that the `props` property reference has changed.
+     * When this flag is enabled, the view context is updated based on the type of the content.
+     *
+     * For Component view, inputs will be updated and view will be marked as dirty.
+     * For TemplateRef and primitive values, view will be marked as dirty
+     */
+    PropsReferenceChanged = 8,
+    /**
+     * Indicates that the current rendered view needs to be checked for changes.
+     */
+    DirtyCheck = 16,
+    /**
+     * Indicates that a signal within the `content(props)` result has changed
+     */
+    DirtySignal = 32,
+    /**
+     * Indicates that the first render effect has been checked at least one time.
+     */
+    RenderEffectChecked = 64
+}

package/dist/nova-components/lib/components/datatable.utils/flex-render/flex-render-component-ref.d.ts

@@ -0,0 +1,39 @@
+import { ComponentRef, Injector, OutputEmitterRef } from '@angular/core';
+import { FlexRenderComponent } from './flex-render-component';
+import * as i0 from "@angular/core";
+export declare class FlexRenderComponentFactory {
+    #private;
+    createComponent<T>(flexRenderComponent: FlexRenderComponent<T>, componentInjector: Injector): FlexRenderComponentRef<T>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FlexRenderComponentFactory, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<FlexRenderComponentFactory>;
+}
+export declare class FlexRenderComponentRef<T> {
+    #private;
+    readonly componentRef: ComponentRef<T>;
+    readonly componentInjector: Injector;
+    constructor(componentRef: ComponentRef<T>, componentData: FlexRenderComponent<T>, componentInjector: Injector);
+    get component(): import("@angular/core").Type<T>;
+    get inputs(): {};
+    get outputs(): {};
+    /**
+     * Get component input and output diff by the given item
+     */
+    diff(item: FlexRenderComponent<T>): {
+        inputDiff: import("@angular/core").KeyValueChanges<string, unknown> | null;
+        outputDiff: import("@angular/core").KeyValueChanges<string, ((value: unknown) => void) | null | undefined> | null;
+    };
+    /**
+     *
+     * @param compare Whether the current ref component instance is the same as the given one
+     */
+    eqType(compare: FlexRenderComponent<T>): boolean;
+    /**
+     * Tries to update current component refs input by the new given content component.
+     */
+    update(content: FlexRenderComponent<T>): void;
+    markAsDirty(): void;
+    setInputs(inputs: Record<string, unknown>): void;
+    setInput(key: string, value: unknown): void;
+    setOutputs(outputs: Record<string, OutputEmitterRef<unknown>['emit'] | null | undefined>): void;
+    setOutput(outputName: string, emit: OutputEmitterRef<unknown>['emit'] | undefined | null): void;
+}

package/dist/nova-components/lib/components/datatable.utils/flex-render/flex-render-component.d.ts

@@ -0,0 +1,60 @@
+import { ComponentMirror, Injector, InputSignal, OutputEmitterRef, Type } from '@angular/core';
+type Inputs<T> = {
+    [K in keyof T as T[K] extends InputSignal<infer R> ? K : never]?: T[K] extends InputSignal<infer R> ? R : never;
+};
+type Outputs<T> = {
+    [K in keyof T as T[K] extends OutputEmitterRef<infer R> ? K : never]?: T[K] extends OutputEmitterRef<infer R> ? OutputEmitterRef<R>['emit'] : never;
+};
+type OptionalKeys<T, K = keyof T> = K extends keyof T ? T[K] extends Required<T>[K] ? undefined extends T[K] ? K : never : K : never;
+interface FlexRenderRequiredOptions<TInputs extends Record<string, any>, TOutputs extends Record<string, any>> {
+    /**
+     * Component instance inputs. They will be set via [componentRef.setInput API](https://angular.dev/api/core/ComponentRef#setInput)
+     */
+    inputs: TInputs;
+    /**
+     * Component instance outputs.
+     */
+    outputs?: TOutputs;
+    /**
+     * Optional {@link Injector} that will be used when rendering the component
+     */
+    injector?: Injector;
+}
+interface FlexRenderOptions<TInputs extends Record<string, any>, TOutputs extends Record<string, any>> {
+    /**
+     * Component instance inputs. They will be set via [componentRef.setInput API](https://angular.dev/api/core/ComponentRef#setInput)
+     */
+    inputs?: TInputs;
+    /**
+     * Component instance outputs.
+     */
+    outputs?: TOutputs;
+    /**
+     * Optional {@link Injector} that will be used when rendering the component
+     */
+    injector?: Injector;
+}
+/**
+ * Helper function to create a [@link FlexRenderComponent] instance, with better type-safety.
+ *
+ * - options object must be passed when the given component instance contains at least one required signal input.
+ * - options/inputs is typed with the given component inputs
+ * - options/outputs is typed with the given component outputs
+ */
+export declare function flexRenderComponent<TComponent = any, TInputs extends Inputs<TComponent> = Inputs<TComponent>, TOutputs extends Outputs<TComponent> = Outputs<TComponent>>(component: Type<TComponent>, ...options: OptionalKeys<TInputs> extends never ? [FlexRenderOptions<TInputs, TOutputs>?] : [FlexRenderRequiredOptions<TInputs, TOutputs>]): FlexRenderComponent<TComponent>;
+/**
+ * Wrapper class for a component that will be used as content for {@link FlexRenderDirective}
+ *
+ * Prefer {@link flexRenderComponent} helper for better type-safety
+ */
+export declare class FlexRenderComponent<TComponent = any> {
+    readonly component: Type<TComponent>;
+    readonly inputs?: Inputs<TComponent> | undefined;
+    readonly injector?: Injector | undefined;
+    readonly outputs?: Outputs<TComponent> | undefined;
+    readonly mirror: ComponentMirror<TComponent>;
+    readonly allowedInputNames: string[];
+    readonly allowedOutputNames: string[];
+    constructor(component: Type<TComponent>, inputs?: Inputs<TComponent> | undefined, injector?: Injector | undefined, outputs?: Outputs<TComponent> | undefined);
+}
+export {};

package/dist/nova-components/lib/components/datatable.utils/flex-render/view.d.ts

@@ -0,0 +1,49 @@
+import { FlexRenderComponentRef } from './flex-render-component-ref';
+import { EmbeddedViewRef, TemplateRef, Type } from '@angular/core';
+import type { FlexRenderContent } from '../flex-render';
+import { FlexRenderComponent } from './flex-render-component';
+export type FlexRenderTypedContent = {
+    kind: 'null';
+} | {
+    kind: 'primitive';
+    content: string | number | Record<string, any>;
+} | {
+    kind: 'flexRenderComponent';
+    content: FlexRenderComponent<unknown>;
+} | {
+    kind: 'templateRef';
+    content: TemplateRef<unknown>;
+} | {
+    kind: 'component';
+    content: Type<unknown>;
+};
+export declare function mapToFlexRenderTypedContent(content: FlexRenderContent<any>): FlexRenderTypedContent;
+export declare abstract class FlexRenderView<TView extends FlexRenderComponentRef<any> | EmbeddedViewRef<unknown> | null> {
+    #private;
+    readonly view: TView;
+    protected constructor(initialContent: Exclude<FlexRenderTypedContent, {
+        kind: 'null';
+    }>, view: TView);
+    get previousContent(): FlexRenderTypedContent;
+    get content(): FlexRenderTypedContent;
+    set content(content: FlexRenderTypedContent);
+    abstract updateProps(props: Record<string, any>): void;
+    abstract dirtyCheck(): void;
+    abstract onDestroy(callback: Function): void;
+}
+export declare class FlexRenderTemplateView extends FlexRenderView<EmbeddedViewRef<unknown>> {
+    constructor(initialContent: Extract<FlexRenderTypedContent, {
+        kind: 'primitive' | 'templateRef';
+    }>, view: EmbeddedViewRef<unknown>);
+    updateProps(props: Record<string, any>): void;
+    dirtyCheck(): void;
+    onDestroy(callback: Function): void;
+}
+export declare class FlexRenderComponentView extends FlexRenderView<FlexRenderComponentRef<unknown>> {
+    constructor(initialContent: Extract<FlexRenderTypedContent, {
+        kind: 'component' | 'flexRenderComponent';
+    }>, view: FlexRenderComponentRef<unknown>);
+    updateProps(props: Record<string, any>): void;
+    dirtyCheck(): void;
+    onDestroy(callback: Function): void;
+}

package/dist/nova-components/lib/components/datatable.utils/flex-render.d.ts

@@ -0,0 +1,26 @@
+import { DoCheck, Injector, OnChanges, SimpleChanges, TemplateRef, Type, ViewContainerRef } from '@angular/core';
+import { FlexRenderFlags } from './flex-render/flags';
+import { FlexRenderComponent } from './flex-render/flex-render-component';
+import { FlexRenderView } from './flex-render/view';
+import * as i0 from "@angular/core";
+export { injectFlexRenderContext, type FlexRenderComponentProps, } from './flex-render/context';
+export type FlexRenderContent<TProps extends NonNullable<unknown>> = string | number | Type<TProps> | FlexRenderComponent<TProps> | TemplateRef<{
+    $implicit: TProps;
+}> | null | Record<any, any> | undefined;
+export declare class FlexRenderDirective<TProps extends NonNullable<unknown>> implements OnChanges, DoCheck {
+    #private;
+    private readonly viewContainerRef;
+    private readonly templateRef;
+    content: number | string | ((props: TProps) => FlexRenderContent<TProps>) | null | undefined;
+    props: TProps;
+    injector: Injector;
+    renderFlags: FlexRenderFlags;
+    renderView: FlexRenderView<any> | null;
+    constructor(viewContainerRef: ViewContainerRef, templateRef: TemplateRef<any>);
+    ngOnChanges(changes: SimpleChanges): void;
+    ngDoCheck(): void;
+    update(): void;
+    render(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FlexRenderDirective<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FlexRenderDirective<any>, "[flexRender]", never, { "content": { "alias": "flexRender"; "required": true; }; "props": { "alias": "flexRenderProps"; "required": true; }; "injector": { "alias": "flexRenderInjector"; "required": false; }; }, {}, never, never, true, never>;
+}

package/dist/nova-components/lib/components/datatable.utils/index.d.ts

@@ -0,0 +1,6 @@
+import { type Signal } from '@angular/core';
+import { RowData, TableOptions, type Table } from '@tanstack/table-core';
+export * from '@tanstack/table-core';
+export { type FlexRenderContent, FlexRenderDirective, FlexRenderDirective as FlexRender, injectFlexRenderContext, type FlexRenderComponentProps, } from './flex-render';
+export { FlexRenderComponent, flexRenderComponent, } from './flex-render/flex-render-component';
+export declare function createAngularTable<TData extends RowData>(options: () => TableOptions<TData>): Table<TData> & Signal<Table<TData>>;

package/dist/nova-components/lib/components/datatable.utils/lazy-signal-initializer.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Implementation from @tanstack/angular-query
+ * {@link https://github.com/TanStack/query/blob/main/packages/angular-query-experimental/src/util/lazy-init/lazy-init.ts}
+ */
+export declare function lazyInit<T extends object>(initializer: () => T): T;

package/dist/nova-components/lib/components/datatable.utils/proxy.d.ts

@@ -0,0 +1,3 @@
+import { type Signal } from '@angular/core';
+import { type Table } from '@tanstack/table-core';
+export declare function proxifyTable<T>(tableSignal: Signal<Table<T>>): Table<T> & Signal<Table<T>>;

package/dist/nova-components/lib/components/index.d.ts

@@ -0,0 +1 @@
+export * from './nv-datatable.component';

package/dist/nova-components/lib/components/nv-datatable.component.d.ts

@@ -0,0 +1,46 @@
+import { TemplateRef } from '@angular/core';
+import { type FlexRenderComponent, type ColumnDef, type CellContext } from './datatable.utils';
+import * as i0 from "@angular/core";
+export type { CellContext as NvDatatableCellContext };
+export { flexRenderComponent as nvDatatableRenderComponent } from './datatable.utils';
+/** Type definition for a datatable row. */
+export type NvDatatableRow = Record<string, string | number | boolean | null | undefined | typeof Date>;
+/** Parameters for custom cell rendering function. */
+export interface NvTableRenderCellParams<T extends NvDatatableRow, V> {
+    value: V;
+    row: T;
+    field: keyof T;
+    rowIndex: number;
+}
+/** Column definition for NvDatatable. */
+export interface NvDatatableColumn<T extends NvDatatableRow> {
+    field: keyof T;
+    headerName?: string;
+    width?: number;
+    resizable?: boolean;
+    hidden?: boolean;
+    /**
+     * Custom cell renderer function that can return either a string or Angular TemplateRef.
+     * Use `$implicit` in your template to receive the CellContext.
+     */
+    renderCell?: (context: CellContext<T, unknown>) => string | FlexRenderComponent | TemplateRef<{
+        $implicit: CellContext<T, unknown>;
+    }>;
+}
+/**
+ * Nova Datatable built on TanStack Table (Angular).
+ */
+export declare class NvDatatable<T extends NvDatatableRow = NvDatatableRow> {
+    /** Column definitions */
+    columns: import("@angular/core").InputSignal<NvDatatableColumn<T>[]>;
+    /** Row data */
+    rows: import("@angular/core").InputSignal<T[]>;
+    /** Computed table columns with proper typing and filtering. */
+    tableColumns: import("@angular/core").Signal<ColumnDef<T>[]>;
+    /** TanStack table instance with Signals */
+    private tableInstance;
+    /** Public getter for table instance. */
+    table(): import("@tanstack/table-core").Table<T>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NvDatatable<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NvDatatable<any>, "nv-datatable", never, { "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/dist/nova-components/lib/nova-components.module.d.ts

@@ -1,13 +1,14 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./stencil-generated/components";
-import * as i2 from "./stencil-generated/component-value-accessors";
+import * as i2 from "./components/nv-datatable.component";
+import * as i3 from "./stencil-generated/component-value-accessors";
 export declare class NovaComponentsModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<NovaComponentsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<NovaComponentsModule, [typeof i1.NvAccordion, typeof i1.NvAccordionItem, typeof i1.NvAlert, typeof i1.NvAvatar, typeof i1.NvBadge, typeof i1.NvBreadcrumb, typeof i1.NvBreadcrumbs, typeof i1.NvButton, typeof i1.NvButtongroup, typeof i1.NvCalendar, typeof i1.NvCol, typeof i1.NvDatagrid, typeof i1.NvDatagridcolumn, typeof i1.NvDialog, typeof i1.NvDialogfooter, typeof i1.NvDialogheader, typeof i1.NvFieldcheckbox, typeof i1.NvFielddate, typeof i1.NvFielddaterange, typeof i1.NvFielddropdown, typeof i1.NvFielddropdownitem, typeof i1.NvFielddropdownitemcheck, typeof i1.NvFieldmultiselect, typeof i1.NvFieldnumber, typeof i1.NvFieldpassword, typeof i1.NvFieldradio, typeof i1.NvFieldselect, typeof i1.NvFieldslider, typeof i1.NvFieldtext, typeof i1.NvFieldtextarea, typeof i1.NvFieldtime, typeof i1.NvIcon, typeof i1.NvIconbutton, typeof i1.NvLoader, typeof i1.NvMenu, typeof i1.NvMenuitem, typeof i1.NvNotification, typeof i1.NvNotificationcontainer, typeof i1.NvPopover, typeof i1.NvRow, typeof i1.NvStack, typeof i1.NvTable, typeof i1.NvTablecolumn, typeof i1.NvToggle, typeof i1.NvTogglebutton, typeof i1.NvTogglebuttongroup, typeof i1.NvTooltip], never, [typeof i1.NvAccordion, typeof i1.NvAccordionItem, typeof i1.NvAlert, typeof i1.NvAvatar, typeof i1.NvBadge, typeof i1.NvBreadcrumb, typeof i1.NvBreadcrumbs, typeof i1.NvButton, typeof i1.NvButtongroup, typeof i1.NvCalendar, typeof i1.NvCol, typeof i1.NvDatagrid, typeof i1.NvDatagridcolumn, typeof i1.NvDialog, typeof i1.NvDialogfooter, typeof i1.NvDialogheader, typeof i1.NvFieldcheckbox, typeof i1.NvFielddate, typeof i1.NvFielddaterange, typeof i1.NvFielddropdown, typeof i1.NvFielddropdownitem, typeof i1.NvFielddropdownitemcheck, typeof i1.NvFieldmultiselect, typeof i1.NvFieldnumber, typeof i1.NvFieldpassword, typeof i1.NvFieldradio, typeof i1.NvFieldselect, typeof i1.NvFieldslider, typeof i1.NvFieldtext, typeof i1.NvFieldtextarea, typeof i1.NvFieldtime, typeof i1.NvIcon, typeof i1.NvIconbutton, typeof i1.NvLoader, typeof i1.NvMenu, typeof i1.NvMenuitem, typeof i1.NvNotification, typeof i1.NvNotificationcontainer, typeof i1.NvPopover, typeof i1.NvRow, typeof i1.NvStack, typeof i1.NvTable, typeof i1.NvTablecolumn, typeof i1.NvToggle, typeof i1.NvTogglebutton, typeof i1.NvTogglebuttongroup, typeof i1.NvTooltip]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NovaComponentsModule, [typeof i1.NvAccordion, typeof i1.NvAccordionItem, typeof i1.NvAlert, typeof i1.NvAvatar, typeof i1.NvBadge, typeof i1.NvBreadcrumb, typeof i1.NvBreadcrumbs, typeof i1.NvButton, typeof i1.NvButtongroup, typeof i1.NvCalendar, typeof i1.NvCol, typeof i1.NvDatagrid, typeof i1.NvDatagridcolumn, typeof i1.NvDialog, typeof i1.NvDialogfooter, typeof i1.NvDialogheader, typeof i1.NvFieldcheckbox, typeof i1.NvFielddate, typeof i1.NvFielddaterange, typeof i1.NvFielddropdown, typeof i1.NvFielddropdownitem, typeof i1.NvFielddropdownitemcheck, typeof i1.NvFieldmultiselect, typeof i1.NvFieldnumber, typeof i1.NvFieldpassword, typeof i1.NvFieldradio, typeof i1.NvFieldselect, typeof i1.NvFieldslider, typeof i1.NvFieldtext, typeof i1.NvFieldtextarea, typeof i1.NvFieldtime, typeof i1.NvIcon, typeof i1.NvIconbutton, typeof i1.NvLoader, typeof i1.NvMenu, typeof i1.NvMenuitem, typeof i1.NvNotification, typeof i1.NvNotificationcontainer, typeof i1.NvPopover, typeof i1.NvRow, typeof i1.NvSplit, typeof i1.NvStack, typeof i1.NvTable, typeof i1.NvToggle, typeof i1.NvTogglebutton, typeof i1.NvTogglebuttongroup, typeof i1.NvTooltip], [typeof i2.NvDatatable], [typeof i1.NvAccordion, typeof i1.NvAccordionItem, typeof i1.NvAlert, typeof i1.NvAvatar, typeof i1.NvBadge, typeof i1.NvBreadcrumb, typeof i1.NvBreadcrumbs, typeof i1.NvButton, typeof i1.NvButtongroup, typeof i1.NvCalendar, typeof i1.NvCol, typeof i1.NvDatagrid, typeof i1.NvDatagridcolumn, typeof i1.NvDialog, typeof i1.NvDialogfooter, typeof i1.NvDialogheader, typeof i1.NvFieldcheckbox, typeof i1.NvFielddate, typeof i1.NvFielddaterange, typeof i1.NvFielddropdown, typeof i1.NvFielddropdownitem, typeof i1.NvFielddropdownitemcheck, typeof i1.NvFieldmultiselect, typeof i1.NvFieldnumber, typeof i1.NvFieldpassword, typeof i1.NvFieldradio, typeof i1.NvFieldselect, typeof i1.NvFieldslider, typeof i1.NvFieldtext, typeof i1.NvFieldtextarea, typeof i1.NvFieldtime, typeof i1.NvIcon, typeof i1.NvIconbutton, typeof i1.NvLoader, typeof i1.NvMenu, typeof i1.NvMenuitem, typeof i1.NvNotification, typeof i1.NvNotificationcontainer, typeof i1.NvPopover, typeof i1.NvRow, typeof i1.NvSplit, typeof i1.NvStack, typeof i1.NvTable, typeof i1.NvToggle, typeof i1.NvTogglebutton, typeof i1.NvTogglebuttongroup, typeof i1.NvTooltip, typeof i2.NvDatatable]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<NovaComponentsModule>;
 }
 export declare class NovaComponentsValueAccessorModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<NovaComponentsValueAccessorModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<NovaComponentsValueAccessorModule, never, [typeof i2.NvAlertValueAccessor, typeof i2.NvCalendarValueAccessor, typeof i2.NvDatagridValueAccessor, typeof i2.NvDialogValueAccessor, typeof i2.NvFieldcheckboxValueAccessor, typeof i2.NvFielddateValueAccessor, typeof i2.NvFielddaterangeValueAccessor, typeof i2.NvFielddropdownValueAccessor, typeof i2.NvFieldmultiselectValueAccessor, typeof i2.NvFieldnumberValueAccessor, typeof i2.NvFieldpasswordValueAccessor, typeof i2.NvFieldradioValueAccessor, typeof i2.NvFieldselectValueAccessor, typeof i2.NvFieldsliderValueAccessor, typeof i2.NvFieldtextValueAccessor, typeof i2.NvFieldtextareaValueAccessor, typeof i2.NvNotificationValueAccessor, typeof i2.NvPopoverValueAccessor, typeof i2.NvToggleValueAccessor, typeof i2.NvTogglebuttongroupValueAccessor], [typeof i2.NvAlertValueAccessor, typeof i2.NvCalendarValueAccessor, typeof i2.NvDatagridValueAccessor, typeof i2.NvDialogValueAccessor, typeof i2.NvFieldcheckboxValueAccessor, typeof i2.NvFielddateValueAccessor, typeof i2.NvFielddaterangeValueAccessor, typeof i2.NvFielddropdownValueAccessor, typeof i2.NvFieldmultiselectValueAccessor, typeof i2.NvFieldnumberValueAccessor, typeof i2.NvFieldpasswordValueAccessor, typeof i2.NvFieldradioValueAccessor, typeof i2.NvFieldselectValueAccessor, typeof i2.NvFieldsliderValueAccessor, typeof i2.NvFieldtextValueAccessor, typeof i2.NvFieldtextareaValueAccessor, typeof i2.NvNotificationValueAccessor, typeof i2.NvPopoverValueAccessor, typeof i2.NvToggleValueAccessor, typeof i2.NvTogglebuttongroupValueAccessor]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NovaComponentsValueAccessorModule, never, [typeof i3.NvAccordionValueAccessor, typeof i3.NvAlertValueAccessor, typeof i3.NvCalendarValueAccessor, typeof i3.NvDatagridValueAccessor, typeof i3.NvDialogValueAccessor, typeof i3.NvFieldcheckboxValueAccessor, typeof i3.NvFielddateValueAccessor, typeof i3.NvFielddaterangeValueAccessor, typeof i3.NvFielddropdownValueAccessor, typeof i3.NvFieldmultiselectValueAccessor, typeof i3.NvFieldnumberValueAccessor, typeof i3.NvFieldpasswordValueAccessor, typeof i3.NvFieldradioValueAccessor, typeof i3.NvFieldselectValueAccessor, typeof i3.NvFieldsliderValueAccessor, typeof i3.NvFieldtextValueAccessor, typeof i3.NvFieldtextareaValueAccessor, typeof i3.NvNotificationValueAccessor, typeof i3.NvPopoverValueAccessor, typeof i3.NvSplitValueAccessor, typeof i3.NvToggleValueAccessor, typeof i3.NvTogglebuttongroupValueAccessor], [typeof i3.NvAccordionValueAccessor, typeof i3.NvAlertValueAccessor, typeof i3.NvCalendarValueAccessor, typeof i3.NvDatagridValueAccessor, typeof i3.NvDialogValueAccessor, typeof i3.NvFieldcheckboxValueAccessor, typeof i3.NvFielddateValueAccessor, typeof i3.NvFielddaterangeValueAccessor, typeof i3.NvFielddropdownValueAccessor, typeof i3.NvFieldmultiselectValueAccessor, typeof i3.NvFieldnumberValueAccessor, typeof i3.NvFieldpasswordValueAccessor, typeof i3.NvFieldradioValueAccessor, typeof i3.NvFieldselectValueAccessor, typeof i3.NvFieldsliderValueAccessor, typeof i3.NvFieldtextValueAccessor, typeof i3.NvFieldtextareaValueAccessor, typeof i3.NvNotificationValueAccessor, typeof i3.NvPopoverValueAccessor, typeof i3.NvSplitValueAccessor, typeof i3.NvToggleValueAccessor, typeof i3.NvTogglebuttongroupValueAccessor]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<NovaComponentsValueAccessorModule>;
 }

package/dist/nova-components/lib/stencil-generated/component-value-accessors.d.ts

@@ -1,6 +1,13 @@
 import { ElementRef } from '@angular/core';
 import { ValueAccessor } from '../value-accessor';
 import * as i0 from "@angular/core";
+export declare class NvAccordionValueAccessor extends ValueAccessor {
+    constructor(el: ElementRef);
+    handleOpenIndexesChanged(event: any): void;
+    writeValue(value: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NvAccordionValueAccessor, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NvAccordionValueAccessor, "nv-accordion", never, {}, {}, never, never, true, never>;
+}
 export declare class NvAlertValueAccessor extends ValueAccessor {
     constructor(el: ElementRef);
     handleHiddenChanged(event: any): void;
@@ -127,6 +134,13 @@ export declare class NvPopoverValueAccessor extends ValueAccessor {
     static ɵfac: i0.ɵɵFactoryDeclaration<NvPopoverValueAccessor, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<NvPopoverValueAccessor, "nv-popover", never, {}, {}, never, never, true, never>;
 }
+export declare class NvSplitValueAccessor extends ValueAccessor {
+    constructor(el: ElementRef);
+    handleSizesChanged(event: any): void;
+    writeValue(value: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NvSplitValueAccessor, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NvSplitValueAccessor, "nv-split", never, {}, {}, never, never, true, never>;
+}
 export declare class NvToggleValueAccessor extends ValueAccessor {
     constructor(el: ElementRef);
     handleCheckedChanged(event: any): void;
@@ -141,4 +155,4 @@ export declare class NvTogglebuttongroupValueAccessor extends ValueAccessor {
     static ɵfac: i0.ɵɵFactoryDeclaration<NvTogglebuttongroupValueAccessor, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<NvTogglebuttongroupValueAccessor, "nv-togglebuttongroup", never, {}, {}, never, never, true, never>;
 }
-export declare const VALUE_ACCESSORS: (typeof NvAlertValueAccessor | typeof NvCalendarValueAccessor | typeof NvDatagridValueAccessor | typeof NvDialogValueAccessor | typeof NvFieldcheckboxValueAccessor)[];
+export declare const VALUE_ACCESSORS: (typeof NvAccordionValueAccessor | typeof NvAlertValueAccessor | typeof NvCalendarValueAccessor | typeof NvDatagridValueAccessor | typeof NvDialogValueAccessor | typeof NvFieldcheckboxValueAccessor | typeof NvSplitValueAccessor)[];

package/dist/nova-components/lib/stencil-generated/components.d.ts

@@ -10,11 +10,9 @@ export declare class NvAccordion {
 }
 export declare interface NvAccordion extends Components.NvAccordion {
     /**
-     * Event emitted when an item's open state changes
+     * Event emitted when an item's open state changes @bind openIndexes
      */
-    openChanged: EventEmitter<CustomEvent<{
-        openIndexes: number[];
-    }>>;
+    openIndexesChanged: EventEmitter<CustomEvent<number[]>>;
 }
 export declare class NvAccordionItem {
     protected z: NgZone;
@@ -552,6 +550,19 @@ export declare class NvRow {
 }
 export declare interface NvRow extends Components.NvRow {
 }
+export declare class NvSplit {
+    protected z: NgZone;
+    protected el: HTMLNvSplitElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<NvSplit, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NvSplit, "nv-split", never, { "direction": { "alias": "direction"; "required": false; }; "gutterSize": { "alias": "gutterSize"; "required": false; }; "minSizes": { "alias": "minSizes"; "required": false; }; "sizes": { "alias": "sizes"; "required": false; }; }, {}, never, ["*"], false, never>;
+}
+export declare interface NvSplit extends Components.NvSplit {
+    /**
+     * Emitted when pane sizes are updated (either via dragging or programmatically). @bind sizes
+     */
+    sizesChanged: EventEmitter<CustomEvent<number[]>>;
+}
 export declare class NvStack {
     protected z: NgZone;
     protected el: HTMLNvStackElement;
@@ -566,25 +577,9 @@ export declare class NvTable {
     protected el: HTMLNvTableElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<NvTable, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NvTable, "nv-table", never, { "columnsConfig": { "alias": "columnsConfig"; "required": false; }; "columnsConfigJson": { "alias": "columnsConfigJson"; "required": false; }; "data": { "alias": "data"; "required": false; }; "dataJson": { "alias": "dataJson"; "required": false; }; "fallbackValue": { "alias": "fallbackValue"; "required": false; }; "noColumnsNoDataMessage": { "alias": "noColumnsNoDataMessage"; "required": false; }; "noDataMessage": { "alias": "noDataMessage"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NvTable, "nv-table", never, {}, {}, never, ["*"], false, never>;
 }
 export declare interface NvTable extends Components.NvTable {
-    /**
-     * *************************************************************************
-     */
-    action: EventEmitter<CustomEvent<{
-        keyAction: string; /** * Details of the action to be performed */
-        details: any;
-    }>>;
-}
-export declare class NvTablecolumn {
-    protected z: NgZone;
-    protected el: HTMLNvTablecolumnElement;
-    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
-    static ɵfac: i0.ɵɵFactoryDeclaration<NvTablecolumn, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NvTablecolumn, "nv-tablecolumn", never, { "header": { "alias": "header"; "required": false; }; "name": { "alias": "name"; "required": true; }; }, {}, never, ["*"], false, never>;
-}
-export declare interface NvTablecolumn extends Components.NvTablecolumn {
 }
 export declare class NvToggle {
     protected z: NgZone;

package/dist/nova-components/lib/stencil-generated/index.d.ts

@@ -1,2 +1,2 @@
 import * as d from './components';
-export declare const DIRECTIVES: (typeof d.NvAccordion | typeof d.NvAccordionItem | typeof d.NvAlert | typeof d.NvAvatar | typeof d.NvBadge | typeof d.NvBreadcrumb | typeof d.NvBreadcrumbs | typeof d.NvButton | typeof d.NvButtongroup | typeof d.NvCalendar | typeof d.NvCol | typeof d.NvDatagrid | typeof d.NvDatagridcolumn | typeof d.NvDialog | typeof d.NvDialogfooter | typeof d.NvDialogheader | typeof d.NvFieldcheckbox | typeof d.NvFielddate | typeof d.NvFielddaterange | typeof d.NvFielddropdown | typeof d.NvFielddropdownitem | typeof d.NvFielddropdownitemcheck | typeof d.NvFieldmultiselect | typeof d.NvFieldnumber | typeof d.NvFieldpassword | typeof d.NvFieldradio | typeof d.NvFieldselect | typeof d.NvFieldslider | typeof d.NvFieldtext | typeof d.NvFieldtextarea | typeof d.NvFieldtime | typeof d.NvIcon | typeof d.NvIconbutton | typeof d.NvLoader | typeof d.NvMenu | typeof d.NvMenuitem | typeof d.NvNotification | typeof d.NvNotificationcontainer | typeof d.NvPopover | typeof d.NvRow | typeof d.NvStack | typeof d.NvTable | typeof d.NvTablecolumn | typeof d.NvToggle | typeof d.NvTogglebutton | typeof d.NvTogglebuttongroup | typeof d.NvTooltip)[];
+export declare const DIRECTIVES: (typeof d.NvAccordion | typeof d.NvAccordionItem | typeof d.NvAlert | typeof d.NvAvatar | typeof d.NvBadge | typeof d.NvBreadcrumb | typeof d.NvBreadcrumbs | typeof d.NvButton | typeof d.NvButtongroup | typeof d.NvCalendar | typeof d.NvCol | typeof d.NvDatagrid | typeof d.NvDatagridcolumn | typeof d.NvDialog | typeof d.NvDialogfooter | typeof d.NvDialogheader | typeof d.NvFieldcheckbox | typeof d.NvFielddate | typeof d.NvFielddaterange | typeof d.NvFielddropdown | typeof d.NvFielddropdownitem | typeof d.NvFielddropdownitemcheck | typeof d.NvFieldmultiselect | typeof d.NvFieldnumber | typeof d.NvFieldpassword | typeof d.NvFieldradio | typeof d.NvFieldselect | typeof d.NvFieldslider | typeof d.NvFieldtext | typeof d.NvFieldtextarea | typeof d.NvFieldtime | typeof d.NvIcon | typeof d.NvIconbutton | typeof d.NvLoader | typeof d.NvMenu | typeof d.NvMenuitem | typeof d.NvNotification | typeof d.NvNotificationcontainer | typeof d.NvPopover | typeof d.NvRow | typeof d.NvSplit | typeof d.NvStack | typeof d.NvTable | typeof d.NvToggle | typeof d.NvTogglebutton | typeof d.NvTogglebuttongroup | typeof d.NvTooltip)[];

package/dist/nova-components/public-api.d.ts

@@ -2,4 +2,5 @@ export * from './lib/nova-components.module';
 export * from './lib/stencil-generated/components';
 export * from './lib/stencil-generated/component-value-accessors';
 export * from './lib/providers';
+export * from './lib/components';
 export * from '@nova-design-system/nova-webcomponents/constants';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nova-design-system/nova-angular-19",
-  "version": "3.15.0",
+  "version": "3.17.0",
   "description": "Nova is a design system created by Elia Group to empower creators to efficiently build solutions that people love to use.",
   "author": "Elia Group",
   "homepage": "https://nova.eliagroup.io",
@@ -12,11 +12,12 @@
   "scripts": {
     "ng": "ng",
     "start": "ng serve",
-    "build": "npm run copy:providers && ng build",
+    "build": "npm run copy:providers && npm run copy:components && ng build",
     "watch": "ng build --watch --configuration development",
     "test": "ng test",
+    "copy:components": "shx mkdir -p projects/nova-components/src/lib/components && shx cp -r ../angular/projects/nova-components/src/lib/components/* projects/nova-components/src/lib/components",
     "copy:providers": "shx mkdir -p projects/nova-components/src/lib/providers && shx cp -r ../angular/projects/nova-components/src/lib/providers/* projects/nova-components/src/lib/providers",
-    "clean": "rimraf dist .angular projects/nova-components/src/lib/stencil-generated projects/nova-components/src/lib/providers",
+    "clean": "rimraf dist .angular projects/nova-components/src/lib/stencil-generated projects/nova-components/src/lib/providers projects/nova-components/src/lib/components projects/nova-components/src/stories/generated",
     "storybook": "ng run nova-components:storybook",
     "storybook.build": "ng run nova-components:storybook.build",
     "typecheck": "tsc --emitDeclarationOnly false --noEmit"
@@ -52,6 +53,7 @@
     "@angular/platform-browser": "19.1.5",
     "@angular/platform-browser-dynamic": "19.1.5",
     "@angular/router": "19.1.5",
+    "@tanstack/angular-table": "8.21.3",
     "rxjs": "~7.8.0",
     "tslib": "^2.3.0",
     "zone.js": "0.15.0"