@nova-design-system/nova-angular-19 3.14.0 → 3.16.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.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.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.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.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.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.NvToggleValueAccessor, typeof i3.NvTogglebuttongroupValueAccessor]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<NovaComponentsValueAccessorModule>;
 }

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

@@ -0,0 +1,2 @@
+export * from './notification.service';
+export * from './notification-service.component';

package/dist/nova-components/lib/providers/notification-service.component.d.ts

@@ -0,0 +1,56 @@
+import { OnDestroy, OnInit } from '@angular/core';
+import { NotificationService, type Notification } from './notification.service';
+import * as i0 from "@angular/core";
+/**
+ * Angular component that renders the notification container with active notifications.
+ */
+export declare class NotificationServiceComponent implements OnInit, OnDestroy {
+    private notificationService;
+    /**
+     * Position of the notification container on the screen.
+     */
+    position?: string;
+    /**
+     * Additional CSS class name for the notification container.
+     */
+    className?: string;
+    /**
+     * Array of active notifications.
+     */
+    notifications: Notification[];
+    /**
+     * References to the notification elements.
+     */
+    private notificationEls;
+    private subscription?;
+    constructor(notificationService: NotificationService);
+    /**
+     * Component initialization.
+     */
+    ngOnInit(): void;
+    /**
+     * Synchronize notification elements/refs with the service.
+     */
+    ngAfterViewInit(): void;
+    /**
+     * Component cleanup.
+     */
+    ngOnDestroy(): void;
+    /**
+     * Track function for ngFor to optimize rendering.
+     *
+     * @param {number} index The index of the item
+     * @param {Notification} notification The notification item
+     * @returns {string} The notification ID
+     */
+    trackByNotificationId(index: number, notification: Notification): string | undefined;
+    /**
+     * Handle notification hidden state change.
+     *
+     * @param {CustomEvent<boolean>} event The hidden changed event
+     * @param {string} id The notification ID
+     */
+    handleHiddenChanged(event: CustomEvent<boolean>, id?: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NotificationServiceComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NotificationServiceComponent, "nv-notification-service", never, { "position": { "alias": "position"; "required": false; }; "className": { "alias": "className"; "required": false; }; }, {}, never, never, true, never>;
+}

package/dist/nova-components/lib/providers/notification.service.d.ts

@@ -0,0 +1,116 @@
+import { type Type } from '@angular/core';
+import { Observable } from 'rxjs';
+import { NotificationEmphasis, FeedbackColors } from '@nova-design-system/nova-webcomponents';
+import * as i0 from "@angular/core";
+/**
+ * Action callbacks for notifications. Will render buttons automatically.
+ */
+export interface NotificationAction {
+    /** The label of the action. */
+    label: string;
+    /** The callback to execute when the action is clicked. */
+    onClick: () => void;
+}
+/**
+ * Options for creating a notification.
+ */
+export interface NotificationOptions {
+    /** Unique identifier for the notification. If not provided, one will be generated. */
+    id?: string;
+    /** Short and concise text for the notification heading. */
+    heading?: string;
+    /** Main content of the notification. */
+    message?: string;
+    /** Whether the notification can be manually dismissed via close button. */
+    dismissible?: boolean;
+    /** Adjusts the emphasis to make the notification more or less visually
+     * prominent to users. Use this to draw attention to important actions or
+     * reduce focus on less critical ones */
+    emphasis?: `${NotificationEmphasis}`;
+    /** Type of the notification, used to determine the color and default icon. */
+    feedback?: `${FeedbackColors}`;
+    /** Custom icon name to override the default icon. */
+    icon?: string;
+    /** Notification actions */
+    actions?: NotificationAction[];
+    /** Custom components for the notification actions. */
+    actionSlot?: Type<unknown>;
+}
+/**
+ * A notification with all required fields populated.
+ */
+export interface Notification extends NotificationOptions {
+    /** Timestamp when the notification was created. */
+    createdAt: number;
+}
+/**
+ * Configuration options for the NotificationService.
+ */
+export interface NotificationServiceConfig {
+    /** Position of the notification container on the screen. */
+    position?: string;
+    /** Maximum number of notifications to display at once. */
+    maxNotifications?: number;
+    /** Additional CSS class name for the notification container. */
+    className?: string;
+}
+/**
+ * Angular service for managing notifications.
+ */
+export declare class NotificationService {
+    private readonly _notifications;
+    private readonly _config;
+    /**
+     * Observable stream of active notifications.
+     */
+    readonly notifications$: Observable<Notification[]>;
+    /**
+     * Current array of notifications.
+     *
+     * @returns {Notification[]} Array of active notifications
+     */
+    get notifications(): Notification[];
+    constructor();
+    /**
+     * Configure the notification service.
+     *
+     * @param {NotificationServiceConfig} config Configuration options
+     */
+    configure(config: NotificationServiceConfig): void;
+    /**
+     * Get the current configuration.
+     *
+     * @returns {Required<NotificationServiceConfig>} Current configuration
+     */
+    get config(): Required<NotificationServiceConfig>;
+    private elRefs;
+    registerRef(id: string, el: HTMLNvNotificationElement): void;
+    unregisterRef(id: string): void;
+    clearRefs(): void;
+    /**
+     * Show a new notification.
+     *
+     * @param {NotificationOptions} options The notification options
+     * @returns {string} The notification ID
+     */
+    show(options: NotificationOptions): string;
+    /**
+     * Dismiss a specific notification by ID. This will remove the notification
+     * after the animation completes.
+     *
+     * @param {string} id The notification ID to dismiss
+     */
+    dismiss(id: string): void;
+    /**
+     * Immediately remove a specific notification by ID.
+     *
+     * @param {string} id The notification ID to dismiss
+     */
+    remove(id: string): void;
+    /**
+     * Immediately remove all active notifications.
+     */
+    removeAll(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NotificationService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<NotificationService>;
+}

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;
@@ -141,4 +148,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)[];

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;
@@ -512,7 +510,7 @@ export declare class NvNotification {
     protected el: HTMLNvNotificationElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<NvNotification, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NvNotification, "nv-notification", never, { "dismissible": { "alias": "dismissible"; "required": false; }; "emphasis": { "alias": "emphasis"; "required": false; }; "feedback": { "alias": "feedback"; "required": false; }; "heading": { "alias": "heading"; "required": false; }; "hidden": { "alias": "hidden"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "message": { "alias": "message"; "required": false; }; "uid": { "alias": "uid"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NvNotification, "nv-notification", never, { "dismissible": { "alias": "dismissible"; "required": false; }; "emphasis": { "alias": "emphasis"; "required": false; }; "feedback": { "alias": "feedback"; "required": false; }; "heading": { "alias": "heading"; "required": false; }; "hidden": { "alias": "hidden"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "initiallyHidden": { "alias": "initiallyHidden"; "required": false; }; "message": { "alias": "message"; "required": false; }; "uid": { "alias": "uid"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface NvNotification extends Components.NvNotification {
     /**
@@ -521,6 +519,15 @@ export declare interface NvNotification extends Components.NvNotification {
      */
     hiddenChanged: EventEmitter<CustomEvent<boolean>>;
 }
+export declare class NvNotificationcontainer {
+    protected z: NgZone;
+    protected el: HTMLNvNotificationcontainerElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<NvNotificationcontainer, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NvNotificationcontainer, "nv-notificationcontainer", never, { "position": { "alias": "position"; "required": false; }; }, {}, never, ["*"], false, never>;
+}
+export declare interface NvNotificationcontainer extends Components.NvNotificationcontainer {
+}
 export declare class NvPopover {
     protected z: NgZone;
     protected el: HTMLNvPopoverElement;
@@ -557,25 +564,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.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.NvStack | typeof d.NvTable | typeof d.NvToggle | typeof d.NvTogglebutton | typeof d.NvTogglebuttongroup | typeof d.NvTooltip)[];

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

@@ -1,4 +1,6 @@
 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.14.0",
+  "version": "3.16.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,10 +12,12 @@
   "scripts": {
     "ng": "ng",
     "start": "ng serve",
-    "build": "ng build",
+    "build": "npm run copy:providers && npm run copy:components && ng build",
     "watch": "ng build --watch --configuration development",
     "test": "ng test",
-    "clean": "rimraf dist .angular projects/nova-components/src/lib/stencil-generated",
+    "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 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"
@@ -51,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"