@nova-design-system/nova-angular 3.22.0 → 3.24.0

package/dist/nova-components/fesm2022/nova-components.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { ChangeDetectionStrategy, Component, Input, Directive, untracked, computed, InjectionToken, inject, reflectComponentType, ViewContainerRef, Injectable, KeyValueDiffers, ChangeDetectorRef, OutputEmitterRef, TemplateRef, Type, Injector, runInInjectionContext, effect, Inject, signal, input, viewChild, ContentChildren, ContentChild, CUSTOM_ELEMENTS_SCHEMA, HostListener, ElementRef, ViewChildren, APP_INITIALIZER, NgModule } from '@angular/core';
+import { EventEmitter, Output, ChangeDetectionStrategy, Component, Input, Directive, untracked, computed, InjectionToken, inject, reflectComponentType, ViewContainerRef, Injectable, KeyValueDiffers, ChangeDetectorRef, OutputEmitterRef, TemplateRef, Type, Injector, runInInjectionContext, effect, Inject, signal, input, viewChild, ContentChildren, ContentChild, CUSTOM_ELEMENTS_SCHEMA, HostListener, ElementRef, ViewChildren, APP_INITIALIZER, NgModule } from '@angular/core';
 import { defineCustomElements } from '@nova-design-system/nova-webcomponents/loader';
 import { __decorate } from 'tslib';
 import { fromEvent, BehaviorSubject } from 'rxjs';
@@ -7,6 +7,7 @@ import * as i2 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import { memo, createTable, getSortedRowModel, getCoreRowModel, getPaginationRowModel } from '@tanstack/table-core';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { v4 } from 'uuid';
 export * from '@nova-design-system/nova-webcomponents/constants';
 
 /* eslint-disable */
@@ -70,12 +71,12 @@ function ProxyCmp(opts) {
 let NvAccordion = class NvAccordion {
     constructor(c, r, z) {
         this.z = z;
+        this.openIndexesChanged = new EventEmitter();
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['openIndexesChanged']);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: NvAccordion, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: NvAccordion, selector: "nv-accordion", inputs: { data: "data", mode: "mode", openIndexes: "openIndexes" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: NvAccordion, selector: "nv-accordion", inputs: { data: "data", mode: "mode", openIndexes: "openIndexes" }, outputs: { openIndexesChanged: "openIndexesChanged" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 NvAccordion = __decorate([
     ProxyCmp({
@@ -91,18 +92,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImpor
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['data', 'mode', 'openIndexes'],
+                    outputs: ['openIndexesChanged'],
                     standalone: false
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { openIndexesChanged: [{
+                type: Output
+            }] } });
 let NvAccordionItem = class NvAccordionItem {
     constructor(c, r, z) {
         this.z = z;
+        this.itemToggle = new EventEmitter();
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['itemToggle']);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: NvAccordionItem, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: NvAccordionItem, selector: "nv-accordion-item", inputs: { disabled: "disabled", itemTitle: "itemTitle", maxContentHeight: "maxContentHeight", mode: "mode", open: "open", subtitle: "subtitle" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: NvAccordionItem, selector: "nv-accordion-item", inputs: { disabled: "disabled", itemTitle: "itemTitle", maxContentHeight: "maxContentHeight", mode: "mode", open: "open", subtitle: "subtitle" }, outputs: { itemToggle: "itemToggle" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 NvAccordionItem = __decorate([
     ProxyCmp({
@@ -118,18 +122,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImpor
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['disabled', 'itemTitle', 'maxContentHeight', 'mode', 'open', 'subtitle'],
+                    outputs: ['itemToggle'],
                     standalone: false
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { itemToggle: [{
+                type: Output
+            }] } });
 let NvAlert = class NvAlert {
     constructor(c, r, z) {
         this.z = z;
+        this.hiddenChanged = new EventEmitter();
+        this.hiddenChangedComplete = new EventEmitter();
+        this.closeClicked = new EventEmitter();
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['hiddenChanged', 'hiddenChangedComplete', 'closeClicked']);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: NvAlert, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: NvAlert, selector: "nv-alert", inputs: { color: "color", dismissible: "dismissible", feedback: "feedback", hasNoAnimations: "hasNoAnimations", heading: "heading", hidden: "hidden", icon: "icon", message: "message", preventAutoClose: "preventAutoClose" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: NvAlert, selector: "nv-alert", inputs: { color: "color", dismissible: "dismissible", feedback: "feedback", hasNoAnimations: "hasNoAnimations", heading: "heading", hidden: "hidden", icon: "icon", message: "message", preventAutoClose: "preventAutoClose" }, outputs: { hiddenChanged: "hiddenChanged", hiddenChangedComplete: "hiddenChangedComplete", closeClicked: "closeClicked" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 NvAlert = __decorate([
     ProxyCmp({
@@ -144,9 +153,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImpor
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['color', 'dismissible', 'feedback', 'hasNoAnimations', 'heading', 'hidden', 'icon', 'message', 'preventAutoClose'],
+                    outputs: ['hiddenChanged', 'hiddenChangedComplete', 'closeClicked'],
                     standalone: false
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { hiddenChanged: [{
+                type: Output
+            }], hiddenChangedComplete: [{
+                type: Output
+            }], closeClicked: [{
+                type: Output
+            }] } });
 let NvAvatar = class NvAvatar {
     constructor(c, r, z) {
         this.z = z;
@@ -175,12 +191,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImpor
 let NvBadge = class NvBadge {
     constructor(c, r, z) {
         this.z = z;
+        this.closeClicked = new EventEmitter();
+        this.hiddenChanged = new EventEmitter();
+        this.hiddenChangedComplete = new EventEmitter();
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['closeClicked', 'hiddenChanged', 'hiddenChangedComplete']);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: NvBadge, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: NvBadge, selector: "nv-badge", inputs: { color: "color", dismissal: "dismissal", dismissible: "dismissible", hidden: "hidden", icon: "icon", iconLocation: "iconLocation", isIconOnly: "isIconOnly", label: "label", leadIcon: "leadIcon", preventAutoClose: "preventAutoClose" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: NvBadge, selector: "nv-badge", inputs: { color: "color", dismissal: "dismissal", dismissible: "dismissible", hidden: "hidden", icon: "icon", iconLocation: "iconLocation", isIconOnly: "isIconOnly", label: "label", leadIcon: "leadIcon", preventAutoClose: "preventAutoClose" }, outputs: { closeClicked: "closeClicked", hiddenChanged: "hiddenChanged", hiddenChangedComplete: "hiddenChangedComplete" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 NvBadge = __decorate([
     ProxyCmp({
@@ -195,9 +213,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImpor
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['color', 'dismissal', 'dismissible', 'hidden', 'icon', 'iconLocation', 'isIconOnly', 'label', 'leadIcon', 'preventAutoClose'],
+                    outputs: ['closeClicked', 'hiddenChanged', 'hiddenChangedComplete'],
                     standalone: false
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { closeClicked: [{
+                type: Output
+            }], hiddenChanged: [{
+                type: Output
+            }], hiddenChangedComplete: [{
+                type: Output
+            }] } });
 let NvBreadcrumb = class NvBreadcrumb {
     constructor(c, r, z) {
         this.z = z;
@@ -299,12 +324,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImpor
 let NvCalendar = class NvCalendar {
     constructor(c, r, z) {
         this.z = z;
+        this.singleDateChange = new EventEmitter();
+        this.rangeDateChange = new EventEmitter();
+        this.valueChanged = new EventEmitter();
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['singleDateChange', 'rangeDateChange', 'valueChanged']);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: NvCalendar, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: NvCalendar, selector: "nv-calendar", inputs: { cancelLabel: "cancelLabel", dateFormat: "dateFormat", disabledDates: "disabledDates", firstDayOfWeek: "firstDayOfWeek", locale: "locale", max: "max", min: "min", numberOfCalendars: "numberOfCalendars", primaryLabel: "primaryLabel", rangeValue: "rangeValue", selectionType: "selectionType", shortcuts: "shortcuts", shortcutsPlacement: "shortcutsPlacement", showActions: "showActions", showWeekNumbers: "showWeekNumbers", singleValue: "singleValue", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: NvCalendar, selector: "nv-calendar", inputs: { cancelLabel: "cancelLabel", dateFormat: "dateFormat", disabledDates: "disabledDates", firstDayOfWeek: "firstDayOfWeek", locale: "locale", max: "max", min: "min", numberOfCalendars: "numberOfCalendars", primaryLabel: "primaryLabel", rangeValue: "rangeValue", selectionType: "selectionType", shortcuts: "shortcuts", shortcutsPlacement: "shortcutsPlacement", showActions: "showActions", showWeekNumbers: "showWeekNumbers", singleValue: "singleValue", value: "value" }, outputs: { singleDateChange: "singleDateChange", rangeDateChange: "rangeDateChange", valueChanged: "valueChanged" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 NvCalendar = __decorate([
     ProxyCmp({
@@ -320,9 +347,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImpor
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['cancelLabel', 'dateFormat', 'disabledDates', 'firstDayOfWeek', 'locale', 'max', 'min', 'numberOfCalendars', 'primaryLabel', 'rangeValue', 'selectionType', 'shortcuts', 'shortcutsPlacement', 'showActions', 'showWeekNumbers', 'singleValue', 'value'],
+                    outputs: ['singleDateChange', 'rangeDateChange', 'valueChanged'],
                     standalone: false
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { singleDateChange: [{
+                type: Output
+            }], rangeDateChange: [{
+                type: Output
+            }], valueChanged: [{
+                type: Output
+            }] } });
 let NvCol = class NvCol {
     constructor(c, r, z) {
         this.z = z;
@@ -351,12 +385,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImpor
 let NvDatagrid = class NvDatagrid {
     constructor(c, r, z) {
         this.z = z;
+        this.action = new EventEmitter();
+        this.selectedRows = new EventEmitter();
+        this.stateChanged = new EventEmitter();
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['action', 'selectedRows', 'stateChanged']);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: NvDatagrid, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: NvDatagrid, selector: "nv-datagrid", inputs: { autoGenerateColumns: "autoGenerateColumns", columns: "columns", data: "data", enableGlobalFilter: "enableGlobalFilter", enablePagination: "enablePagination", enableRowSelection: "enableRowSelection", enableSorting: "enableSorting", fallbackValue: "fallbackValue", globalFilterPosition: "globalFilterPosition", noColumnsNoDataMessage: "noColumnsNoDataMessage", noDataMessage: "noDataMessage", pageSize: "pageSize", pageSizes: "pageSizes", state: "state" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: NvDatagrid, selector: "nv-datagrid", inputs: { autoGenerateColumns: "autoGenerateColumns", columns: "columns", data: "data", enableGlobalFilter: "enableGlobalFilter", enablePagination: "enablePagination", enableRowSelection: "enableRowSelection", enableSorting: "enableSorting", fallbackValue: "fallbackValue", globalFilterPosition: "globalFilterPosition", noColumnsNoDataMessage: "noColumnsNoDataMessage", noDataMessage: "noDataMessage", pageSize: "pageSize", pageSizes: "pageSizes", state: "state" }, outputs: { action: "action", selectedRows: "selectedRows", stateChanged: "stateChanged" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 NvDatagrid = __decorate([
     ProxyCmp({
@@ -371,9 +407,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImpor
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['autoGenerateColumns', 'columns', 'data', 'enableGlobalFilter', 'enablePagination', 'enableRowSelection', 'enableSorting', 'fallbackValue', 'globalFilterPosition', 'noColumnsNoDataMessage', 'noDataMessage', 'pageSize', 'pageSizes', 'state'],
+                    outputs: ['action', 'selectedRows', 'stateChanged'],
                     standalone: false
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { action: [{
+                type: Output
+            }], selectedRows: [{
+                type: Output
+            }], stateChanged: [{
+                type: Output
+            }] } });
 let NvDatagridcolumn = class NvDatagridcolumn {
     constructor(c, r, z) {
         this.z = z;
@@ -402,12 +445,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImpor
 let NvDialog = class NvDialog {
     constructor(c, r, z) {
         this.z = z;
+        this.openChanged = new EventEmitter();
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['openChanged']);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: NvDialog, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: NvDialog, selector: "nv-dialog", inputs: { autofocus: "autofocus", clickOutside: "clickOutside", controlled: "controlled", full: "full", open: "open", undismissable: "undismissable" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: NvDialog, selector: "nv-dialog", inputs: { autofocus: "autofocus", clickOutside: "clickOutside", controlled: "controlled", full: "full", open: "open", undismissable: "undismissable" }, outputs: { openChanged: "openChanged" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 NvDialog = __decorate([
     ProxyCmp({
@@ -423,18 +466,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImpor
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['autofocus', 'clickOutside', 'controlled', 'full', 'open', 'undismissable'],
+                    outputs: ['openChanged'],
                     standalone: false
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { openChanged: [{
+                type: Output
+            }] } });
 let NvDialogfooter = class NvDialogfooter {
     constructor(c, r, z) {
         this.z = z;
+        this.dialogCanceled = new EventEmitter();
+        this.dialogPrimaryClicked = new EventEmitter();
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['dialogCanceled', 'dialogPrimaryClicked']);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: NvDialogfooter, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: NvDialogfooter, selector: "nv-dialogfooter", inputs: { cancelLabel: "cancelLabel", danger: "danger", disabled: "disabled", form: "form", leadingIcon: "leadingIcon", primaryButtonType: "primaryButtonType", primaryLabel: "primaryLabel", trailingIcon: "trailingIcon", undismissable: "undismissable" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: NvDialogfooter, selector: "nv-dialogfooter", inputs: { cancelLabel: "cancelLabel", danger: "danger", disabled: "disabled", form: "form", leadingIcon: "leadingIcon", primaryButtonType: "primaryButtonType", primaryLabel: "primaryLabel", trailingIcon: "trailingIcon", undismissable: "undismissable" }, outputs: { dialogCanceled: "dialogCanceled", dialogPrimaryClicked: "dialogPrimaryClicked" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 NvDialogfooter = __decorate([
     ProxyCmp({
@@ -449,9 +496,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImpor
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['cancelLabel', 'danger', 'disabled', 'form', 'leadingIcon', 'primaryButtonType', 'primaryLabel', 'trailingIcon', 'undismissable'],
+                    outputs: ['dialogCanceled', 'dialogPrimaryClicked'],
                     standalone: false
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dialogCanceled: [{
+                type: Output
+            }], dialogPrimaryClicked: [{
+                type: Output
+            }] } });
 let NvDialogheader = class NvDialogheader {
     constructor(c, r, z) {
         this.z = z;
@@ -477,19 +529,106 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImpor
                     standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+let NvDrawer = class NvDrawer {
+    constructor(c, r, z) {
+        this.z = z;
+        this.openChanged = new EventEmitter();
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: NvDrawer, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: NvDrawer, selector: "nv-drawer", inputs: { autofocus: "autofocus", clickOutside: "clickOutside", controlled: "controlled", open: "open", side: "side", size: "size", swipeToOpen: "swipeToOpen", undismissable: "undismissable", width: "width" }, outputs: { openChanged: "openChanged" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+NvDrawer = __decorate([
+    ProxyCmp({
+        inputs: ['autofocus', 'clickOutside', 'controlled', 'open', 'side', 'size', 'swipeToOpen', 'undismissable', 'width'],
+        methods: ['show', 'close']
+    })
+], NvDrawer);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: NvDrawer, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'nv-drawer',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['autofocus', 'clickOutside', 'controlled', 'open', 'side', 'size', 'swipeToOpen', 'undismissable', 'width'],
+                    outputs: ['openChanged'],
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { openChanged: [{
+                type: Output
+            }] } });
+let NvDrawerfooter = class NvDrawerfooter {
+    constructor(c, r, z) {
+        this.z = z;
+        this.drawerCanceled = new EventEmitter();
+        this.drawerPrimaryClicked = new EventEmitter();
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: NvDrawerfooter, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: NvDrawerfooter, selector: "nv-drawerfooter", inputs: { cancelLabel: "cancelLabel", danger: "danger", disabled: "disabled", form: "form", leadingIcon: "leadingIcon", primaryButtonType: "primaryButtonType", primaryLabel: "primaryLabel", trailingIcon: "trailingIcon", undismissable: "undismissable" }, outputs: { drawerCanceled: "drawerCanceled", drawerPrimaryClicked: "drawerPrimaryClicked" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+NvDrawerfooter = __decorate([
+    ProxyCmp({
+        inputs: ['cancelLabel', 'danger', 'disabled', 'form', 'leadingIcon', 'primaryButtonType', 'primaryLabel', 'trailingIcon', 'undismissable']
+    })
+], NvDrawerfooter);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: NvDrawerfooter, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'nv-drawerfooter',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['cancelLabel', 'danger', 'disabled', 'form', 'leadingIcon', 'primaryButtonType', 'primaryLabel', 'trailingIcon', 'undismissable'],
+                    outputs: ['drawerCanceled', 'drawerPrimaryClicked'],
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { drawerCanceled: [{
+                type: Output
+            }], drawerPrimaryClicked: [{
+                type: Output
+            }] } });
+let NvDrawerheader = class NvDrawerheader {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: NvDrawerheader, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: NvDrawerheader, selector: "nv-drawerheader", inputs: { heading: "heading", subheading: "subheading" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+NvDrawerheader = __decorate([
+    ProxyCmp({
+        inputs: ['heading', 'subheading']
+    })
+], NvDrawerheader);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: NvDrawerheader, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'nv-drawerheader',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['heading', 'subheading'],
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let NvFieldcheckbox = class NvFieldcheckbox {
     constructor(c, r, z) {
         this.z = z;
+        this.checkedChanged = new EventEmitter();
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['checkedChanged']);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: NvFieldcheckbox, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: NvFieldcheckbox, selector: "nv-fieldcheckbox", inputs: { autofocus: "autofocus", checked: "checked", description: "description", disabled: "disabled", error: "error", errorDescription: "errorDescription", hideLabel: "hideLabel", indeterminate: "indeterminate", inputId: "inputId", label: "label", labelBefore: "labelBefore", labelPlacement: "labelPlacement", message: "message", name: "name", readonly: "readonly", required: "required", validation: "validation", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: NvFieldcheckbox, selector: "nv-fieldcheckbox", inputs: { ariaRequiredAttr: "ariaRequiredAttr", autofocus: "autofocus", checked: "checked", description: "description", disabled: "disabled", error: "error", errorDescription: "errorDescription", hideLabel: "hideLabel", indeterminate: "indeterminate", inputId: "inputId", label: "label", labelBefore: "labelBefore", labelPlacement: "labelPlacement", message: "message", name: "name", readonly: "readonly", required: "required", validation: "validation", value: "value" }, outputs: { checkedChanged: "checkedChanged" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 NvFieldcheckbox = __decorate([
     ProxyCmp({
-        inputs: ['autofocus', 'checked', 'description', 'disabled', 'error', 'errorDescription', 'hideLabel', 'indeterminate', 'inputId', 'label', 'labelBefore', 'labelPlacement', 'message', 'name', 'readonly', 'required', 'validation', 'value']
+        inputs: ['ariaRequiredAttr', 'autofocus', 'checked', 'description', 'disabled', 'error', 'errorDescription', 'hideLabel', 'indeterminate', 'inputId', 'label', 'labelBefore', 'labelPlacement', 'message', 'name', 'readonly', 'required', 'validation', 'value']
     })
 ], NvFieldcheckbox);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: NvFieldcheckbox, decorators: [{
@@ -499,23 +638,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['autofocus', 'checked', 'description', 'disabled', 'error', 'errorDescription', 'hideLabel', 'indeterminate', 'inputId', 'label', 'labelBefore', 'labelPlacement', 'message', 'name', 'readonly', 'required', 'validation', 'value'],
+                    inputs: ['ariaRequiredAttr', 'autofocus', 'checked', 'description', 'disabled', 'error', 'errorDescription', 'hideLabel', 'indeterminate', 'inputId', 'label', 'labelBefore', 'labelPlacement', 'message', 'name', 'readonly', 'required', 'validation', 'value'],
+                    outputs: ['checkedChanged'],
                     standalone: false
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { checkedChanged: [{
+                type: Output
+            }] } });
 let NvFielddate = class NvFielddate {
     constructor(c, r, z) {
         this.z = z;
+        this.valueChanged = new EventEmitter();
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['valueChanged']);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: NvFielddate, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: NvFielddate, selector: "nv-fielddate", inputs: { autofocus: "autofocus", dateFormat: "dateFormat", description: "description", disabled: "disabled", disabledDates: "disabledDates", error: "error", errorDescription: "errorDescription", firstDayOfWeek: "firstDayOfWeek", fluid: "fluid", inputId: "inputId", label: "label", locale: "locale", max: "max", min: "min", name: "name", numberOfCalendars: "numberOfCalendars", placeholder: "placeholder", readonly: "readonly", required: "required", shortcuts: "shortcuts", shortcutsPlacement: "shortcutsPlacement", showActions: "showActions", showWeekNumbers: "showWeekNumbers", success: "success", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: NvFielddate, selector: "nv-fielddate", inputs: { ariaRequiredAttr: "ariaRequiredAttr", autofocus: "autofocus", dateFormat: "dateFormat", description: "description", disabled: "disabled", disabledDates: "disabledDates", error: "error", errorDescription: "errorDescription", firstDayOfWeek: "firstDayOfWeek", fluid: "fluid", inputId: "inputId", label: "label", locale: "locale", max: "max", min: "min", name: "name", numberOfCalendars: "numberOfCalendars", placeholder: "placeholder", readonly: "readonly", required: "required", shortcuts: "shortcuts", shortcutsPlacement: "shortcutsPlacement", showActions: "showActions", showWeekNumbers: "showWeekNumbers", success: "success", value: "value" }, outputs: { valueChanged: "valueChanged" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 NvFielddate = __decorate([
     ProxyCmp({
-        inputs: ['autofocus', 'dateFormat', 'description', 'disabled', 'disabledDates', 'error', 'errorDescription', 'firstDayOfWeek', 'fluid', 'inputId', 'label', 'locale', 'max', 'min', 'name', 'numberOfCalendars', 'placeholder', 'readonly', 'required', 'shortcuts', 'shortcutsPlacement', 'showActions', 'showWeekNumbers', 'success', 'value'],
+        inputs: ['ariaRequiredAttr', 'autofocus', 'dateFormat', 'description', 'disabled', 'disabledDates', 'error', 'errorDescription', 'firstDayOfWeek', 'fluid', 'inputId', 'label', 'locale', 'max', 'min', 'name', 'numberOfCalendars', 'placeholder', 'readonly', 'required', 'shortcuts', 'shortcutsPlacement', 'showActions', 'showWeekNumbers', 'success', 'value'],
         methods: ['clear']
     })
 ], NvFielddate);
@@ -526,23 +668,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['autofocus', 'dateFormat', 'description', 'disabled', 'disabledDates', 'error', 'errorDescription', 'firstDayOfWeek', 'fluid', 'inputId', 'label', 'locale', 'max', 'min', 'name', 'numberOfCalendars', 'placeholder', 'readonly', 'required', 'shortcuts', 'shortcutsPlacement', 'showActions', 'showWeekNumbers', 'success', 'value'],
+                    inputs: ['ariaRequiredAttr', 'autofocus', 'dateFormat', 'description', 'disabled', 'disabledDates', 'error', 'errorDescription', 'firstDayOfWeek', 'fluid', 'inputId', 'label', 'locale', 'max', 'min', 'name', 'numberOfCalendars', 'placeholder', 'readonly', 'required', 'shortcuts', 'shortcutsPlacement', 'showActions', 'showWeekNumbers', 'success', 'value'],
+                    outputs: ['valueChanged'],
                     standalone: false
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { valueChanged: [{
+                type: Output
+            }] } });
 let NvFielddaterange = class NvFielddaterange {
     constructor(c, r, z) {
         this.z = z;
+        this.dateRangeChange = new EventEmitter();
+        this.valueChanged = new EventEmitter();
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['dateRangeChange', 'valueChanged']);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: NvFielddaterange, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: NvFielddaterange, selector: "nv-fielddaterange", inputs: { autofocus: "autofocus", dateFormat: "dateFormat", description: "description", disabled: "disabled", disabledDates: "disabledDates", endInputId: "endInputId", endName: "endName", endPlaceholder: "endPlaceholder", error: "error", errorDescription: "errorDescription", firstDayOfWeek: "firstDayOfWeek", fluid: "fluid", label: "label", locale: "locale", max: "max", min: "min", numberOfCalendars: "numberOfCalendars", readonly: "readonly", required: "required", shortcuts: "shortcuts", shortcutsPlacement: "shortcutsPlacement", showActions: "showActions", showWeekNumbers: "showWeekNumbers", startInputId: "startInputId", startName: "startName", startPlaceholder: "startPlaceholder", success: "success", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: NvFielddaterange, selector: "nv-fielddaterange", inputs: { ariaRequiredAttr: "ariaRequiredAttr", autofocus: "autofocus", dateFormat: "dateFormat", description: "description", disabled: "disabled", disabledDates: "disabledDates", endInputId: "endInputId", endName: "endName", endPlaceholder: "endPlaceholder", error: "error", errorDescription: "errorDescription", firstDayOfWeek: "firstDayOfWeek", fluid: "fluid", label: "label", locale: "locale", max: "max", min: "min", numberOfCalendars: "numberOfCalendars", readonly: "readonly", required: "required", shortcuts: "shortcuts", shortcutsPlacement: "shortcutsPlacement", showActions: "showActions", showWeekNumbers: "showWeekNumbers", startInputId: "startInputId", startName: "startName", startPlaceholder: "startPlaceholder", success: "success", value: "value" }, outputs: { dateRangeChange: "dateRangeChange", valueChanged: "valueChanged" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 NvFielddaterange = __decorate([
     ProxyCmp({
-        inputs: ['autofocus', 'dateFormat', 'description', 'disabled', 'disabledDates', 'endInputId', 'endName', 'endPlaceholder', 'error', 'errorDescription', 'firstDayOfWeek', 'fluid', 'label', 'locale', 'max', 'min', 'numberOfCalendars', 'readonly', 'required', 'shortcuts', 'shortcutsPlacement', 'showActions', 'showWeekNumbers', 'startInputId', 'startName', 'startPlaceholder', 'success', 'value'],
+        inputs: ['ariaRequiredAttr', 'autofocus', 'dateFormat', 'description', 'disabled', 'disabledDates', 'endInputId', 'endName', 'endPlaceholder', 'error', 'errorDescription', 'firstDayOfWeek', 'fluid', 'label', 'locale', 'max', 'min', 'numberOfCalendars', 'readonly', 'required', 'shortcuts', 'shortcutsPlacement', 'showActions', 'showWeekNumbers', 'startInputId', 'startName', 'startPlaceholder', 'success', 'value'],
         methods: ['clear']
     })
 ], NvFielddaterange);
@@ -553,23 +699,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['autofocus', 'dateFormat', 'description', 'disabled', 'disabledDates', 'endInputId', 'endName', 'endPlaceholder', 'error', 'errorDescription', 'firstDayOfWeek', 'fluid', 'label', 'locale', 'max', 'min', 'numberOfCalendars', 'readonly', 'required', 'shortcuts', 'shortcutsPlacement', 'showActions', 'showWeekNumbers', 'startInputId', 'startName', 'startPlaceholder', 'success', 'value'],
+                    inputs: ['ariaRequiredAttr', 'autofocus', 'dateFormat', 'description', 'disabled', 'disabledDates', 'endInputId', 'endName', 'endPlaceholder', 'error', 'errorDescription', 'firstDayOfWeek', 'fluid', 'label', 'locale', 'max', 'min', 'numberOfCalendars', 'readonly', 'required', 'shortcuts', 'shortcutsPlacement', 'showActions', 'showWeekNumbers', 'startInputId', 'startName', 'startPlaceholder', 'success', 'value'],
+                    outputs: ['dateRangeChange', 'valueChanged'],
                     standalone: false
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dateRangeChange: [{
+                type: Output
+            }], valueChanged: [{
+                type: Output
+            }] } });
 let NvFielddropdown = class NvFielddropdown {
     constructor(c, r, z) {
         this.z = z;
+        this.valueChanged = new EventEmitter();
+        this.filterTextChanged = new EventEmitter();
+        this.openChanged = new EventEmitter();
+        this.dropdownItemSelected = new EventEmitter();
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['valueChanged', 'filterTextChanged', 'openChanged', 'dropdownItemSelected']);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: NvFielddropdown, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: NvFielddropdown, selector: "nv-fielddropdown", inputs: { autocomplete: "autocomplete", autofocus: "autofocus", controlledFilter: "controlledFilter", debounceDelay: "debounceDelay", description: "description", disabled: "disabled", emptyResult: "emptyResult", error: "error", errorDescription: "errorDescription", filterable: "filterable", fluid: "fluid", inputId: "inputId", label: "label", maxHeight: "maxHeight", name: "name", openOnSelect: "openOnSelect", options: "options", placeholder: "placeholder", readonly: "readonly", required: "required", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: NvFielddropdown, selector: "nv-fielddropdown", inputs: { ariaRequiredAttr: "ariaRequiredAttr", autocomplete: "autocomplete", autofocus: "autofocus", controlledFilter: "controlledFilter", debounceDelay: "debounceDelay", description: "description", disabled: "disabled", emptyResult: "emptyResult", error: "error", errorDescription: "errorDescription", filterMode: "filterMode", filterable: "filterable", fluid: "fluid", fuzzyThreshold: "fuzzyThreshold", inputId: "inputId", label: "label", locale: "locale", maxHeight: "maxHeight", maxResults: "maxResults", name: "name", openOnSelect: "openOnSelect", options: "options", placeholder: "placeholder", readonly: "readonly", required: "required", startFilterAt: "startFilterAt", truncatedResultsText: "truncatedResultsText", value: "value", workerThreshold: "workerThreshold" }, outputs: { valueChanged: "valueChanged", filterTextChanged: "filterTextChanged", openChanged: "openChanged", dropdownItemSelected: "dropdownItemSelected" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 NvFielddropdown = __decorate([
     ProxyCmp({
-        inputs: ['autocomplete', 'autofocus', 'controlledFilter', 'debounceDelay', 'description', 'disabled', 'emptyResult', 'error', 'errorDescription', 'filterable', 'fluid', 'inputId', 'label', 'maxHeight', 'name', 'openOnSelect', 'options', 'placeholder', 'readonly', 'required', 'value'],
+        inputs: ['ariaRequiredAttr', 'autocomplete', 'autofocus', 'controlledFilter', 'debounceDelay', 'description', 'disabled', 'emptyResult', 'error', 'errorDescription', 'filterMode', 'filterable', 'fluid', 'fuzzyThreshold', 'inputId', 'label', 'locale', 'maxHeight', 'maxResults', 'name', 'openOnSelect', 'options', 'placeholder', 'readonly', 'required', 'startFilterAt', 'truncatedResultsText', 'value', 'workerThreshold'],
         methods: ['clearFilter', 'toggleDropdown']
     })
 ], NvFielddropdown);
@@ -580,19 +734,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['autocomplete', 'autofocus', 'controlledFilter', 'debounceDelay', 'description', 'disabled', 'emptyResult', 'error', 'errorDescription', 'filterable', 'fluid', 'inputId', 'label', 'maxHeight', 'name', 'openOnSelect', 'options', 'placeholder', 'readonly', 'required', 'value'],
+                    inputs: ['ariaRequiredAttr', 'autocomplete', 'autofocus', 'controlledFilter', 'debounceDelay', 'description', 'disabled', 'emptyResult', 'error', 'errorDescription', 'filterMode', 'filterable', 'fluid', 'fuzzyThreshold', 'inputId', 'label', 'locale', 'maxHeight', 'maxResults', 'name', 'openOnSelect', 'options', 'placeholder', 'readonly', 'required', 'startFilterAt', 'truncatedResultsText', 'value', 'workerThreshold'],
+                    outputs: ['valueChanged', 'filterTextChanged', 'openChanged', 'dropdownItemSelected'],
                     standalone: false
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { valueChanged: [{
+                type: Output
+            }], filterTextChanged: [{
+                type: Output
+            }], openChanged: [{
+                type: Output
+            }], dropdownItemSelected: [{
+                type: Output
+            }] } });
 let NvFielddropdownitem = class NvFielddropdownitem {
     constructor(c, r, z) {
         this.z = z;
+        this.dropdownItemSelected = new EventEmitter();
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['dropdownItemSelected']);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: NvFielddropdownitem, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: NvFielddropdownitem, selector: "nv-fielddropdownitem", inputs: { detached: "detached", disabled: "disabled", label: "label", selected: "selected", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: NvFielddropdownitem, selector: "nv-fielddropdownitem", inputs: { detached: "detached", disabled: "disabled", label: "label", selected: "selected", value: "value" }, outputs: { dropdownItemSelected: "dropdownItemSelected" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 NvFielddropdownitem = __decorate([
     ProxyCmp({
@@ -607,18 +770,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImpor
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['detached', 'disabled', 'label', 'selected', 'value'],
+                    outputs: ['dropdownItemSelected'],
                     standalone: false
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dropdownItemSelected: [{
+                type: Output
+            }] } });
 let NvFielddropdownitemcheck = class NvFielddropdownitemcheck {
     constructor(c, r, z) {
         this.z = z;
+        this.itemChecked = new EventEmitter();
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['itemChecked']);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: NvFielddropdownitemcheck, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: NvFielddropdownitemcheck, selector: "nv-fielddropdownitemcheck", inputs: { checked: "checked", description: "description", disabled: "disabled", group: "group", label: "label", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: NvFielddropdownitemcheck, selector: "nv-fielddropdownitemcheck", inputs: { checked: "checked", description: "description", disabled: "disabled", group: "group", label: "label", value: "value" }, outputs: { itemChecked: "itemChecked" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 NvFielddropdownitemcheck = __decorate([
     ProxyCmp({
@@ -633,22 +799,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImpor
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['checked', 'description', 'disabled', 'group', 'label', 'value'],
+                    outputs: ['itemChecked'],
                     standalone: false
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { itemChecked: [{
+                type: Output
+            }] } });
 let NvFieldmultiselect = class NvFieldmultiselect {
     constructor(c, r, z) {
         this.z = z;
+        this.valueChanged = new EventEmitter();
+        this.filterTextChanged = new EventEmitter();
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['valueChanged', 'filterTextChanged']);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: NvFieldmultiselect, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: NvFieldmultiselect, selector: "nv-fieldmultiselect", inputs: { autocomplete: "autocomplete", autofocus: "autofocus", badgeLabel: "badgeLabel", debounceDelay: "debounceDelay", description: "description", deselectAllLabel: "deselectAllLabel", disabled: "disabled", emptyResult: "emptyResult", enableSelectAll: "enableSelectAll", error: "error", errorDescription: "errorDescription", filterText: "filterText", filterable: "filterable", fluid: "fluid", inputId: "inputId", label: "label", maxHeight: "maxHeight", name: "name", open: "open", options: "options", placeholder: "placeholder", readonly: "readonly", required: "required", selectAllLabel: "selectAllLabel", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: NvFieldmultiselect, selector: "nv-fieldmultiselect", inputs: { ariaRequiredAttr: "ariaRequiredAttr", autocomplete: "autocomplete", autofocus: "autofocus", badgeLabel: "badgeLabel", debounceDelay: "debounceDelay", description: "description", deselectAllLabel: "deselectAllLabel", disabled: "disabled", emptyResult: "emptyResult", enableSelectAll: "enableSelectAll", error: "error", errorDescription: "errorDescription", filterMode: "filterMode", filterText: "filterText", filterable: "filterable", fluid: "fluid", fuzzyThreshold: "fuzzyThreshold", inputId: "inputId", label: "label", locale: "locale", maxHeight: "maxHeight", maxResults: "maxResults", name: "name", open: "open", options: "options", placeholder: "placeholder", readonly: "readonly", required: "required", selectAllLabel: "selectAllLabel", startFilterAt: "startFilterAt", truncatedResultsText: "truncatedResultsText", value: "value", workerThreshold: "workerThreshold" }, outputs: { valueChanged: "valueChanged", filterTextChanged: "filterTextChanged" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 NvFieldmultiselect = __decorate([
     ProxyCmp({
-        inputs: ['autocomplete', 'autofocus', 'badgeLabel', 'debounceDelay', 'description', 'deselectAllLabel', 'disabled', 'emptyResult', 'enableSelectAll', 'error', 'errorDescription', 'filterText', 'filterable', 'fluid', 'inputId', 'label', 'maxHeight', 'name', 'open', 'options', 'placeholder', 'readonly', 'required', 'selectAllLabel', 'value'],
+        inputs: ['ariaRequiredAttr', 'autocomplete', 'autofocus', 'badgeLabel', 'debounceDelay', 'description', 'deselectAllLabel', 'disabled', 'emptyResult', 'enableSelectAll', 'error', 'errorDescription', 'filterMode', 'filterText', 'filterable', 'fluid', 'fuzzyThreshold', 'inputId', 'label', 'locale', 'maxHeight', 'maxResults', 'name', 'open', 'options', 'placeholder', 'readonly', 'required', 'selectAllLabel', 'startFilterAt', 'truncatedResultsText', 'value', 'workerThreshold'],
         methods: ['getFilterText', 'resetFilter', 'getSelectedValues', 'selectAll', 'deselectAll', 'toggleSelectAll']
     })
 ], NvFieldmultiselect);
@@ -659,23 +829,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['autocomplete', 'autofocus', 'badgeLabel', 'debounceDelay', 'description', 'deselectAllLabel', 'disabled', 'emptyResult', 'enableSelectAll', 'error', 'errorDescription', 'filterText', 'filterable', 'fluid', 'inputId', 'label', 'maxHeight', 'name', 'open', 'options', 'placeholder', 'readonly', 'required', 'selectAllLabel', 'value'],
+                    inputs: ['ariaRequiredAttr', 'autocomplete', 'autofocus', 'badgeLabel', 'debounceDelay', 'description', 'deselectAllLabel', 'disabled', 'emptyResult', 'enableSelectAll', 'error', 'errorDescription', 'filterMode', 'filterText', 'filterable', 'fluid', 'fuzzyThreshold', 'inputId', 'label', 'locale', 'maxHeight', 'maxResults', 'name', 'open', 'options', 'placeholder', 'readonly', 'required', 'selectAllLabel', 'startFilterAt', 'truncatedResultsText', 'value', 'workerThreshold'],
+                    outputs: ['valueChanged', 'filterTextChanged'],
                     standalone: false
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { valueChanged: [{
+                type: Output
+            }], filterTextChanged: [{
+                type: Output
+            }] } });
 let NvFieldnumber = class NvFieldnumber {
     constructor(c, r, z) {
         this.z = z;
+        this.valueChanged = new EventEmitter();
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['valueChanged']);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: NvFieldnumber, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: NvFieldnumber, selector: "nv-fieldnumber", inputs: { autofocus: "autofocus", description: "description", disabled: "disabled", error: "error", errorDescription: "errorDescription", fluid: "fluid", inputId: "inputId", label: "label", max: "max", message: "message", min: "min", name: "name", placeholder: "placeholder", readonly: "readonly", required: "required", step: "step", success: "success", validation: "validation", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: NvFieldnumber, selector: "nv-fieldnumber", inputs: { ariaRequiredAttr: "ariaRequiredAttr", autofocus: "autofocus", description: "description", disabled: "disabled", error: "error", errorDescription: "errorDescription", fluid: "fluid", inputId: "inputId", label: "label", max: "max", message: "message", min: "min", name: "name", placeholder: "placeholder", readonly: "readonly", required: "required", step: "step", success: "success", validation: "validation", value: "value" }, outputs: { valueChanged: "valueChanged" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 NvFieldnumber = __decorate([
     ProxyCmp({
-        inputs: ['autofocus', 'description', 'disabled', 'error', 'errorDescription', 'fluid', 'inputId', 'label', 'max', 'message', 'min', 'name', 'placeholder', 'readonly', 'required', 'step', 'success', 'validation', 'value']
+        inputs: ['ariaRequiredAttr', 'autofocus', 'description', 'disabled', 'error', 'errorDescription', 'fluid', 'inputId', 'label', 'max', 'message', 'min', 'name', 'placeholder', 'readonly', 'required', 'step', 'success', 'validation', 'value']
     })
 ], NvFieldnumber);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: NvFieldnumber, decorators: [{
@@ -685,23 +860,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['autofocus', 'description', 'disabled', 'error', 'errorDescription', 'fluid', 'inputId', 'label', 'max', 'message', 'min', 'name', 'placeholder', 'readonly', 'required', 'step', 'success', 'validation', 'value'],
+                    inputs: ['ariaRequiredAttr', 'autofocus', 'description', 'disabled', 'error', 'errorDescription', 'fluid', 'inputId', 'label', 'max', 'message', 'min', 'name', 'placeholder', 'readonly', 'required', 'step', 'success', 'validation', 'value'],
+                    outputs: ['valueChanged'],
                     standalone: false
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { valueChanged: [{
+                type: Output
+            }] } });
 let NvFieldpassword = class NvFieldpassword {
     constructor(c, r, z) {
         this.z = z;
+        this.valueChanged = new EventEmitter();
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['valueChanged']);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: NvFieldpassword, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: NvFieldpassword, selector: "nv-fieldpassword", inputs: { autocomplete: "autocomplete", autofocus: "autofocus", description: "description", disabled: "disabled", error: "error", errorDescription: "errorDescription", fluid: "fluid", hidePasswordIcon: "hidePasswordIcon", inputId: "inputId", label: "label", maxlength: "maxlength", minlength: "minlength", mode: "mode", name: "name", pattern: "pattern", placeholder: "placeholder", readonly: "readonly", required: "required", showPassword: "showPassword", success: "success", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: NvFieldpassword, selector: "nv-fieldpassword", inputs: { ariaRequiredAttr: "ariaRequiredAttr", autocomplete: "autocomplete", autofocus: "autofocus", description: "description", disabled: "disabled", error: "error", errorDescription: "errorDescription", fluid: "fluid", hidePasswordIcon: "hidePasswordIcon", inputId: "inputId", label: "label", maxlength: "maxlength", minlength: "minlength", mode: "mode", name: "name", pattern: "pattern", placeholder: "placeholder", readonly: "readonly", required: "required", showPassword: "showPassword", success: "success", value: "value" }, outputs: { valueChanged: "valueChanged" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 NvFieldpassword = __decorate([
     ProxyCmp({
-        inputs: ['autocomplete', 'autofocus', 'description', 'disabled', 'error', 'errorDescription', 'fluid', 'hidePasswordIcon', 'inputId', 'label', 'maxlength', 'minlength', 'mode', 'name', 'pattern', 'placeholder', 'readonly', 'required', 'showPassword', 'success', 'value']
+        inputs: ['ariaRequiredAttr', 'autocomplete', 'autofocus', 'description', 'disabled', 'error', 'errorDescription', 'fluid', 'hidePasswordIcon', 'inputId', 'label', 'maxlength', 'minlength', 'mode', 'name', 'pattern', 'placeholder', 'readonly', 'required', 'showPassword', 'success', 'value']
     })
 ], NvFieldpassword);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: NvFieldpassword, decorators: [{
@@ -711,19 +889,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['autocomplete', 'autofocus', 'description', 'disabled', 'error', 'errorDescription', 'fluid', 'hidePasswordIcon', 'inputId', 'label', 'maxlength', 'minlength', 'mode', 'name', 'pattern', 'placeholder', 'readonly', 'required', 'showPassword', 'success', 'value'],
+                    inputs: ['ariaRequiredAttr', 'autocomplete', 'autofocus', 'description', 'disabled', 'error', 'errorDescription', 'fluid', 'hidePasswordIcon', 'inputId', 'label', 'maxlength', 'minlength', 'mode', 'name', 'pattern', 'placeholder', 'readonly', 'required', 'showPassword', 'success', 'value'],
+                    outputs: ['valueChanged'],
                     standalone: false
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { valueChanged: [{
+                type: Output
+            }] } });
 let NvFieldradio = class NvFieldradio {
     constructor(c, r, z) {
         this.z = z;
+        this.checkedChanged = new EventEmitter();
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['checkedChanged']);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: NvFieldradio, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: NvFieldradio, selector: "nv-fieldradio", inputs: { autofocus: "autofocus", checked: "checked", description: "description", disabled: "disabled", error: "error", errorDescription: "errorDescription", inputId: "inputId", label: "label", labelBefore: "labelBefore", labelPlacement: "labelPlacement", message: "message", name: "name", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: NvFieldradio, selector: "nv-fieldradio", inputs: { autofocus: "autofocus", checked: "checked", description: "description", disabled: "disabled", error: "error", errorDescription: "errorDescription", inputId: "inputId", label: "label", labelBefore: "labelBefore", labelPlacement: "labelPlacement", message: "message", name: "name", value: "value" }, outputs: { checkedChanged: "checkedChanged" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 NvFieldradio = __decorate([
     ProxyCmp({
@@ -738,22 +919,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImpor
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['autofocus', 'checked', 'description', 'disabled', 'error', 'errorDescription', 'inputId', 'label', 'labelBefore', 'labelPlacement', 'message', 'name', 'value'],
+                    outputs: ['checkedChanged'],
                     standalone: false
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { checkedChanged: [{
+                type: Output
+            }] } });
 let NvFieldselect = class NvFieldselect {
     constructor(c, r, z) {
         this.z = z;
+        this.valueChanged = new EventEmitter();
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['valueChanged']);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: NvFieldselect, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: NvFieldselect, selector: "nv-fieldselect", inputs: { autofocus: "autofocus", description: "description", disabled: "disabled", displayValue: "displayValue", error: "error", errorDescription: "errorDescription", fluid: "fluid", inputId: "inputId", label: "label", message: "message", multiple: "multiple", name: "name", options: "options", readonly: "readonly", required: "required", success: "success", validation: "validation", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: NvFieldselect, selector: "nv-fieldselect", inputs: { ariaRequiredAttr: "ariaRequiredAttr", autofocus: "autofocus", description: "description", disabled: "disabled", displayValue: "displayValue", error: "error", errorDescription: "errorDescription", fluid: "fluid", inputId: "inputId", label: "label", message: "message", multiple: "multiple", name: "name", options: "options", readonly: "readonly", required: "required", success: "success", validation: "validation", value: "value" }, outputs: { valueChanged: "valueChanged" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 NvFieldselect = __decorate([
     ProxyCmp({
-        inputs: ['autofocus', 'description', 'disabled', 'displayValue', 'error', 'errorDescription', 'fluid', 'inputId', 'label', 'message', 'multiple', 'name', 'options', 'readonly', 'required', 'success', 'validation', 'value']
+        inputs: ['ariaRequiredAttr', 'autofocus', 'description', 'disabled', 'displayValue', 'error', 'errorDescription', 'fluid', 'inputId', 'label', 'message', 'multiple', 'name', 'options', 'readonly', 'required', 'success', 'validation', 'value']
     })
 ], NvFieldselect);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: NvFieldselect, decorators: [{
@@ -763,19 +947,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['autofocus', 'description', 'disabled', 'displayValue', 'error', 'errorDescription', 'fluid', 'inputId', 'label', 'message', 'multiple', 'name', 'options', 'readonly', 'required', 'success', 'validation', 'value'],
+                    inputs: ['ariaRequiredAttr', 'autofocus', 'description', 'disabled', 'displayValue', 'error', 'errorDescription', 'fluid', 'inputId', 'label', 'message', 'multiple', 'name', 'options', 'readonly', 'required', 'success', 'validation', 'value'],
+                    outputs: ['valueChanged'],
                     standalone: false
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { valueChanged: [{
+                type: Output
+            }] } });
 let NvFieldslider = class NvFieldslider {
     constructor(c, r, z) {
         this.z = z;
+        this.valueChanged = new EventEmitter();
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['valueChanged']);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: NvFieldslider, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: NvFieldslider, selector: "nv-fieldslider", inputs: { description: "description", disabled: "disabled", endInputId: "endInputId", endName: "endName", error: "error", errorDescription: "errorDescription", fluid: "fluid", hasField: "hasField", hideLabel: "hideLabel", label: "label", labelAfterValue: "labelAfterValue", labelBeforeValue: "labelBeforeValue", max: "max", min: "min", name: "name", range: "range", readonly: "readonly", showTicks: "showTicks", snap: "snap", snapTicks: "snapTicks", startInputId: "startInputId", step: "step", success: "success", ticks: "ticks", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: NvFieldslider, selector: "nv-fieldslider", inputs: { description: "description", disabled: "disabled", endInputId: "endInputId", endName: "endName", error: "error", errorDescription: "errorDescription", fluid: "fluid", hasField: "hasField", hideLabel: "hideLabel", label: "label", labelAfterValue: "labelAfterValue", labelBeforeValue: "labelBeforeValue", max: "max", min: "min", name: "name", range: "range", readonly: "readonly", showTicks: "showTicks", snap: "snap", snapTicks: "snapTicks", startInputId: "startInputId", step: "step", success: "success", ticks: "ticks", value: "value" }, outputs: { valueChanged: "valueChanged" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 NvFieldslider = __decorate([
     ProxyCmp({
@@ -790,22 +977,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImpor
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['description', 'disabled', 'endInputId', 'endName', 'error', 'errorDescription', 'fluid', 'hasField', 'hideLabel', 'label', 'labelAfterValue', 'labelBeforeValue', 'max', 'min', 'name', 'range', 'readonly', 'showTicks', 'snap', 'snapTicks', 'startInputId', 'step', 'success', 'ticks', 'value'],
+                    outputs: ['valueChanged'],
                     standalone: false
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { valueChanged: [{
+                type: Output
+            }] } });
 let NvFieldtext = class NvFieldtext {
     constructor(c, r, z) {
         this.z = z;
+        this.valueChanged = new EventEmitter();
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['valueChanged']);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: NvFieldtext, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: NvFieldtext, selector: "nv-fieldtext", inputs: { autocomplete: "autocomplete", autofocus: "autofocus", description: "description", disabled: "disabled", error: "error", errorDescription: "errorDescription", fluid: "fluid", inputId: "inputId", label: "label", maxlength: "maxlength", message: "message", minlength: "minlength", multiple: "multiple", name: "name", pattern: "pattern", placeholder: "placeholder", readonly: "readonly", required: "required", success: "success", textInputType: "textInputType", type: "type", validation: "validation", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: NvFieldtext, selector: "nv-fieldtext", inputs: { ariaRequiredAttr: "ariaRequiredAttr", autocomplete: "autocomplete", autofocus: "autofocus", description: "description", disabled: "disabled", error: "error", errorDescription: "errorDescription", fluid: "fluid", inputId: "inputId", label: "label", maxlength: "maxlength", message: "message", minlength: "minlength", multiple: "multiple", name: "name", pattern: "pattern", placeholder: "placeholder", readonly: "readonly", required: "required", success: "success", textInputType: "textInputType", type: "type", validation: "validation", value: "value" }, outputs: { valueChanged: "valueChanged" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 NvFieldtext = __decorate([
     ProxyCmp({
-        inputs: ['autocomplete', 'autofocus', 'description', 'disabled', 'error', 'errorDescription', 'fluid', 'inputId', 'label', 'maxlength', 'message', 'minlength', 'multiple', 'name', 'pattern', 'placeholder', 'readonly', 'required', 'success', 'textInputType', 'type', 'validation', 'value']
+        inputs: ['ariaRequiredAttr', 'autocomplete', 'autofocus', 'description', 'disabled', 'error', 'errorDescription', 'fluid', 'inputId', 'label', 'maxlength', 'message', 'minlength', 'multiple', 'name', 'pattern', 'placeholder', 'readonly', 'required', 'success', 'textInputType', 'type', 'validation', 'value']
     })
 ], NvFieldtext);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: NvFieldtext, decorators: [{
@@ -815,23 +1005,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['autocomplete', 'autofocus', 'description', 'disabled', 'error', 'errorDescription', 'fluid', 'inputId', 'label', 'maxlength', 'message', 'minlength', 'multiple', 'name', 'pattern', 'placeholder', 'readonly', 'required', 'success', 'textInputType', 'type', 'validation', 'value'],
+                    inputs: ['ariaRequiredAttr', 'autocomplete', 'autofocus', 'description', 'disabled', 'error', 'errorDescription', 'fluid', 'inputId', 'label', 'maxlength', 'message', 'minlength', 'multiple', 'name', 'pattern', 'placeholder', 'readonly', 'required', 'success', 'textInputType', 'type', 'validation', 'value'],
+                    outputs: ['valueChanged'],
                     standalone: false
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { valueChanged: [{
+                type: Output
+            }] } });
 let NvFieldtextarea = class NvFieldtextarea {
     constructor(c, r, z) {
         this.z = z;
+        this.valueChanged = new EventEmitter();
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['valueChanged']);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: NvFieldtextarea, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: NvFieldtextarea, selector: "nv-fieldtextarea", inputs: { autofocus: "autofocus", autosize: "autosize", description: "description", disabled: "disabled", error: "error", errorDescription: "errorDescription", fluid: "fluid", inputId: "inputId", label: "label", maxlength: "maxlength", message: "message", minlength: "minlength", name: "name", placeholder: "placeholder", readonly: "readonly", required: "required", resize: "resize", rows: "rows", success: "success", validation: "validation", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: NvFieldtextarea, selector: "nv-fieldtextarea", inputs: { ariaRequiredAttr: "ariaRequiredAttr", autofocus: "autofocus", autosize: "autosize", description: "description", disabled: "disabled", error: "error", errorDescription: "errorDescription", fluid: "fluid", inputId: "inputId", label: "label", maxlength: "maxlength", message: "message", minlength: "minlength", name: "name", placeholder: "placeholder", readonly: "readonly", required: "required", resize: "resize", rows: "rows", success: "success", validation: "validation", value: "value" }, outputs: { valueChanged: "valueChanged" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 NvFieldtextarea = __decorate([
     ProxyCmp({
-        inputs: ['autofocus', 'autosize', 'description', 'disabled', 'error', 'errorDescription', 'fluid', 'inputId', 'label', 'maxlength', 'message', 'minlength', 'name', 'placeholder', 'readonly', 'required', 'resize', 'rows', 'success', 'validation', 'value']
+        inputs: ['ariaRequiredAttr', 'autofocus', 'autosize', 'description', 'disabled', 'error', 'errorDescription', 'fluid', 'inputId', 'label', 'maxlength', 'message', 'minlength', 'name', 'placeholder', 'readonly', 'required', 'resize', 'rows', 'success', 'validation', 'value']
     })
 ], NvFieldtextarea);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: NvFieldtextarea, decorators: [{
@@ -841,23 +1034,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['autofocus', 'autosize', 'description', 'disabled', 'error', 'errorDescription', 'fluid', 'inputId', 'label', 'maxlength', 'message', 'minlength', 'name', 'placeholder', 'readonly', 'required', 'resize', 'rows', 'success', 'validation', 'value'],
+                    inputs: ['ariaRequiredAttr', 'autofocus', 'autosize', 'description', 'disabled', 'error', 'errorDescription', 'fluid', 'inputId', 'label', 'maxlength', 'message', 'minlength', 'name', 'placeholder', 'readonly', 'required', 'resize', 'rows', 'success', 'validation', 'value'],
+                    outputs: ['valueChanged'],
                     standalone: false
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { valueChanged: [{
+                type: Output
+            }] } });
 let NvFieldtime = class NvFieldtime {
     constructor(c, r, z) {
         this.z = z;
+        this.valueChanged = new EventEmitter();
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['valueChanged']);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: NvFieldtime, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: NvFieldtime, selector: "nv-fieldtime", inputs: { autofocus: "autofocus", description: "description", disabled: "disabled", error: "error", errorDescription: "errorDescription", format: "format", inputId: "inputId", label: "label", max: "max", min: "min", name: "name", open: "open", readonly: "readonly", required: "required", step: "step", success: "success", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: NvFieldtime, selector: "nv-fieldtime", inputs: { ariaRequiredAttr: "ariaRequiredAttr", autofocus: "autofocus", description: "description", disabled: "disabled", error: "error", errorDescription: "errorDescription", format: "format", inputId: "inputId", label: "label", max: "max", min: "min", name: "name", open: "open", readonly: "readonly", required: "required", step: "step", success: "success", value: "value" }, outputs: { valueChanged: "valueChanged" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 NvFieldtime = __decorate([
     ProxyCmp({
-        inputs: ['autofocus', 'description', 'disabled', 'error', 'errorDescription', 'format', 'inputId', 'label', 'max', 'min', 'name', 'open', 'readonly', 'required', 'step', 'success', 'value']
+        inputs: ['ariaRequiredAttr', 'autofocus', 'description', 'disabled', 'error', 'errorDescription', 'format', 'inputId', 'label', 'max', 'min', 'name', 'open', 'readonly', 'required', 'step', 'success', 'value']
     })
 ], NvFieldtime);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: NvFieldtime, decorators: [{
@@ -867,10 +1063,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['autofocus', 'description', 'disabled', 'error', 'errorDescription', 'format', 'inputId', 'label', 'max', 'min', 'name', 'open', 'readonly', 'required', 'step', 'success', 'value'],
+                    inputs: ['ariaRequiredAttr', 'autofocus', 'description', 'disabled', 'error', 'errorDescription', 'format', 'inputId', 'label', 'max', 'min', 'name', 'open', 'readonly', 'required', 'step', 'success', 'value'],
+                    outputs: ['valueChanged'],
                     standalone: false
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { valueChanged: [{
+                type: Output
+            }] } });
 let NvIcon = class NvIcon {
     constructor(c, r, z) {
         this.z = z;
@@ -949,12 +1148,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImpor
 let NvMenu = class NvMenu {
     constructor(c, r, z) {
         this.z = z;
+        this.menuitemSelected = new EventEmitter();
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['menuitemSelected']);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: NvMenu, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: NvMenu, selector: "nv-menu", inputs: { disableCloseOnSelect: "disableCloseOnSelect", items: "items", nested: "nested", open: "open", placement: "placement" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: NvMenu, selector: "nv-menu", inputs: { disableCloseOnSelect: "disableCloseOnSelect", items: "items", nested: "nested", open: "open", placement: "placement" }, outputs: { menuitemSelected: "menuitemSelected" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 NvMenu = __decorate([
     ProxyCmp({
@@ -970,18 +1169,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImpor
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['disableCloseOnSelect', 'items', 'nested', 'open', 'placement'],
+                    outputs: ['menuitemSelected'],
                     standalone: false
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { menuitemSelected: [{
+                type: Output
+            }] } });
 let NvMenuitem = class NvMenuitem {
     constructor(c, r, z) {
         this.z = z;
+        this.menuitemSelected = new EventEmitter();
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['menuitemSelected']);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: NvMenuitem, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: NvMenuitem, selector: "nv-menuitem", inputs: { disabled: "disabled", hasSubmenu: "hasSubmenu", icon: "icon", label: "label", name: "name", shortcut: "shortcut" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: NvMenuitem, selector: "nv-menuitem", inputs: { disabled: "disabled", hasSubmenu: "hasSubmenu", icon: "icon", label: "label", name: "name", shortcut: "shortcut" }, outputs: { menuitemSelected: "menuitemSelected" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 NvMenuitem = __decorate([
     ProxyCmp({
@@ -996,18 +1198,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImpor
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['disabled', 'hasSubmenu', 'icon', 'label', 'name', 'shortcut'],
+                    outputs: ['menuitemSelected'],
                     standalone: false
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { menuitemSelected: [{
+                type: Output
+            }] } });
 let NvNotification = class NvNotification {
     constructor(c, r, z) {
         this.z = z;
+        this.hiddenChanged = new EventEmitter();
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['hiddenChanged']);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: NvNotification, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: NvNotification, selector: "nv-notification", inputs: { dismissible: "dismissible", emphasis: "emphasis", feedback: "feedback", heading: "heading", hidden: "hidden", icon: "icon", initiallyHidden: "initiallyHidden", message: "message", uid: "uid" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: NvNotification, selector: "nv-notification", inputs: { dismissible: "dismissible", emphasis: "emphasis", feedback: "feedback", heading: "heading", hidden: "hidden", icon: "icon", initiallyHidden: "initiallyHidden", message: "message", uid: "uid" }, outputs: { hiddenChanged: "hiddenChanged" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 NvNotification = __decorate([
     ProxyCmp({
@@ -1023,6 +1228,34 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImpor
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['dismissible', 'emphasis', 'feedback', 'heading', 'hidden', 'icon', 'initiallyHidden', 'message', 'uid'],
+                    outputs: ['hiddenChanged'],
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { hiddenChanged: [{
+                type: Output
+            }] } });
+let NvNotificationBullet = class NvNotificationBullet {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: NvNotificationBullet, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: NvNotificationBullet, selector: "nv-notification-bullet", inputs: { contrastingBorder: "contrastingBorder", count: "count", emphasis: "emphasis", intention: "intention", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+NvNotificationBullet = __decorate([
+    ProxyCmp({
+        inputs: ['contrastingBorder', 'count', 'emphasis', 'intention', 'size']
+    })
+], NvNotificationBullet);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: NvNotificationBullet, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'nv-notification-bullet',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['contrastingBorder', 'count', 'emphasis', 'intention', 'size'],
                     standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
@@ -1054,12 +1287,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImpor
 let NvPopover = class NvPopover {
     constructor(c, r, z) {
         this.z = z;
+        this.openChanged = new EventEmitter();
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['openChanged']);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: NvPopover, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: NvPopover, selector: "nv-popover", inputs: { disableFlip: "disableFlip", enterDelay: "enterDelay", groupName: "groupName", hasArrow: "hasArrow", nested: "nested", offset: "offset", open: "open", placement: "placement", shiftPadding: "shiftPadding", strategy: "strategy", triggerMode: "triggerMode" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: NvPopover, selector: "nv-popover", inputs: { disableFlip: "disableFlip", enterDelay: "enterDelay", groupName: "groupName", hasArrow: "hasArrow", nested: "nested", offset: "offset", open: "open", placement: "placement", shiftPadding: "shiftPadding", strategy: "strategy", triggerMode: "triggerMode" }, outputs: { openChanged: "openChanged" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 NvPopover = __decorate([
     ProxyCmp({
@@ -1075,9 +1308,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImpor
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['disableFlip', 'enterDelay', 'groupName', 'hasArrow', 'nested', 'offset', 'open', 'placement', 'shiftPadding', 'strategy', 'triggerMode'],
+                    outputs: ['openChanged'],
                     standalone: false
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { openChanged: [{
+                type: Output
+            }] } });
 let NvRow = class NvRow {
     constructor(c, r, z) {
         this.z = z;
@@ -1101,15 +1337,236 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImpor
                     standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+let NvSidebar = class NvSidebar {
+    constructor(c, r, z) {
+        this.z = z;
+        this.openChanged = new EventEmitter();
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: NvSidebar, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: NvSidebar, selector: "nv-sidebar", inputs: { activePath: "activePath", notificationEmphasis: "notificationEmphasis", notificationIntention: "notificationIntention", open: "open", type: "type" }, outputs: { openChanged: "openChanged" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+NvSidebar = __decorate([
+    ProxyCmp({
+        inputs: ['activePath', 'notificationEmphasis', 'notificationIntention', 'open', 'type']
+    })
+], NvSidebar);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: NvSidebar, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'nv-sidebar',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['activePath', 'notificationEmphasis', 'notificationIntention', 'open', 'type'],
+                    outputs: ['openChanged'],
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { openChanged: [{
+                type: Output
+            }] } });
+let NvSidebarcontent = class NvSidebarcontent {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: NvSidebarcontent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: NvSidebarcontent, selector: "nv-sidebarcontent", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+NvSidebarcontent = __decorate([
+    ProxyCmp({})
+], NvSidebarcontent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: NvSidebarcontent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'nv-sidebarcontent',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: [],
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+let NvSidebardivider = class NvSidebardivider {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: NvSidebardivider, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: NvSidebardivider, selector: "nv-sidebardivider", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+NvSidebardivider = __decorate([
+    ProxyCmp({})
+], NvSidebardivider);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: NvSidebardivider, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'nv-sidebardivider',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: [],
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+let NvSidebarfooter = class NvSidebarfooter {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: NvSidebarfooter, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: NvSidebarfooter, selector: "nv-sidebarfooter", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+NvSidebarfooter = __decorate([
+    ProxyCmp({})
+], NvSidebarfooter);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: NvSidebarfooter, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'nv-sidebarfooter',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: [],
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+let NvSidebargroup = class NvSidebargroup {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: NvSidebargroup, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: NvSidebargroup, selector: "nv-sidebargroup", inputs: { label: "label" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+NvSidebargroup = __decorate([
+    ProxyCmp({
+        inputs: ['label']
+    })
+], NvSidebargroup);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: NvSidebargroup, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'nv-sidebargroup',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['label'],
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+let NvSidebarheader = class NvSidebarheader {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: NvSidebarheader, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: NvSidebarheader, selector: "nv-sidebarheader", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+NvSidebarheader = __decorate([
+    ProxyCmp({})
+], NvSidebarheader);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: NvSidebarheader, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'nv-sidebarheader',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: [],
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+let NvSidebarlogo = class NvSidebarlogo {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: NvSidebarlogo, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: NvSidebarlogo, selector: "nv-sidebarlogo", inputs: { collapsedLogo: "collapsedLogo", label: "label", logo: "logo" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+NvSidebarlogo = __decorate([
+    ProxyCmp({
+        inputs: ['collapsedLogo', 'label', 'logo']
+    })
+], NvSidebarlogo);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: NvSidebarlogo, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'nv-sidebarlogo',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['collapsedLogo', 'label', 'logo'],
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+let NvSidebarnavitem = class NvSidebarnavitem {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: NvSidebarnavitem, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: NvSidebarnavitem, selector: "nv-sidebarnavitem", inputs: { active: "active", collapsible: "collapsible", icon: "icon", notificationCount: "notificationCount", open: "open" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+NvSidebarnavitem = __decorate([
+    ProxyCmp({
+        inputs: ['active', 'collapsible', 'icon', 'notificationCount', 'open']
+    })
+], NvSidebarnavitem);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: NvSidebarnavitem, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'nv-sidebarnavitem',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['active', 'collapsible', 'icon', 'notificationCount', 'open'],
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+let NvSidebarnavsubitem = class NvSidebarnavsubitem {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: NvSidebarnavsubitem, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: NvSidebarnavsubitem, selector: "nv-sidebarnavsubitem", inputs: { active: "active" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+NvSidebarnavsubitem = __decorate([
+    ProxyCmp({
+        inputs: ['active']
+    })
+], NvSidebarnavsubitem);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: NvSidebarnavsubitem, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'nv-sidebarnavsubitem',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['active'],
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let NvSplit = class NvSplit {
     constructor(c, r, z) {
         this.z = z;
+        this.sizesChanged = new EventEmitter();
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['sizesChanged']);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: NvSplit, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: NvSplit, selector: "nv-split", inputs: { direction: "direction", gutterSize: "gutterSize", minSizes: "minSizes", sizes: "sizes" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: NvSplit, selector: "nv-split", inputs: { direction: "direction", gutterSize: "gutterSize", minSizes: "minSizes", sizes: "sizes" }, outputs: { sizesChanged: "sizesChanged" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 NvSplit = __decorate([
     ProxyCmp({
@@ -1125,9 +1582,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImpor
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['direction', 'gutterSize', 'minSizes', 'sizes'],
+                    outputs: ['sizesChanged'],
                     standalone: false
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { sizesChanged: [{
+                type: Output
+            }] } });
 let NvStack = class NvStack {
     constructor(c, r, z) {
         this.z = z;
@@ -1179,12 +1639,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImpor
 let NvTableheader = class NvTableheader {
     constructor(c, r, z) {
         this.z = z;
+        this.sortDirectionChanged = new EventEmitter();
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['sortDirectionChanged']);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: NvTableheader, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: NvTableheader, selector: "nv-tableheader", inputs: { sortDirection: "sortDirection", sortable: "sortable" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: NvTableheader, selector: "nv-tableheader", inputs: { sortDirection: "sortDirection", sortable: "sortable" }, outputs: { sortDirectionChanged: "sortDirectionChanged" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 NvTableheader = __decorate([
     ProxyCmp({
@@ -1199,18 +1659,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImpor
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['sortDirection', 'sortable'],
+                    outputs: ['sortDirectionChanged'],
                     standalone: false
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { sortDirectionChanged: [{
+                type: Output
+            }] } });
 let NvToggle = class NvToggle {
     constructor(c, r, z) {
         this.z = z;
+        this.checkedChanged = new EventEmitter();
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['checkedChanged']);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: NvToggle, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: NvToggle, selector: "nv-toggle", inputs: { checked: "checked", description: "description", disabled: "disabled", hideLabel: "hideLabel", inputId: "inputId", label: "label", labelPlacement: "labelPlacement", name: "name", readonly: "readonly", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: NvToggle, selector: "nv-toggle", inputs: { checked: "checked", description: "description", disabled: "disabled", hideLabel: "hideLabel", inputId: "inputId", label: "label", labelPlacement: "labelPlacement", name: "name", readonly: "readonly", value: "value" }, outputs: { checkedChanged: "checkedChanged" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 NvToggle = __decorate([
     ProxyCmp({
@@ -1225,18 +1688,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImpor
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['checked', 'description', 'disabled', 'hideLabel', 'inputId', 'label', 'labelPlacement', 'name', 'readonly', 'value'],
+                    outputs: ['checkedChanged'],
                     standalone: false
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { checkedChanged: [{
+                type: Output
+            }] } });
 let NvTogglebutton = class NvTogglebutton {
     constructor(c, r, z) {
         this.z = z;
+        this.toggled = new EventEmitter();
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['toggled']);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: NvTogglebutton, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: NvTogglebutton, selector: "nv-togglebutton", inputs: { active: "active", disabled: "disabled", emphasis: "emphasis", size: "size", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: NvTogglebutton, selector: "nv-togglebutton", inputs: { active: "active", disabled: "disabled", emphasis: "emphasis", size: "size", value: "value" }, outputs: { toggled: "toggled" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 NvTogglebutton = __decorate([
     ProxyCmp({
@@ -1251,18 +1717,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImpor
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['active', 'disabled', 'emphasis', 'size', 'value'],
+                    outputs: ['toggled'],
                     standalone: false
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { toggled: [{
+                type: Output
+            }] } });
 let NvTogglebuttongroup = class NvTogglebuttongroup {
     constructor(c, r, z) {
         this.z = z;
+        this.valueChanged = new EventEmitter();
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['valueChanged']);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: NvTogglebuttongroup, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: NvTogglebuttongroup, selector: "nv-togglebuttongroup", inputs: { emphasis: "emphasis", enforceValue: "enforceValue", exclusive: "exclusive", size: "size", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: NvTogglebuttongroup, selector: "nv-togglebuttongroup", inputs: { emphasis: "emphasis", enforceValue: "enforceValue", exclusive: "exclusive", size: "size", value: "value" }, outputs: { valueChanged: "valueChanged" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 NvTogglebuttongroup = __decorate([
     ProxyCmp({
@@ -1277,18 +1746,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImpor
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['emphasis', 'enforceValue', 'exclusive', 'size', 'value'],
+                    outputs: ['valueChanged'],
                     standalone: false
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { valueChanged: [{
+                type: Output
+            }] } });
 let NvTooltip = class NvTooltip {
     constructor(c, r, z) {
         this.z = z;
+        this.openChanged = new EventEmitter();
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['openChanged']);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: NvTooltip, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: NvTooltip, selector: "nv-tooltip", inputs: { enterDelay: "enterDelay", message: "message", placement: "placement", strategy: "strategy" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: NvTooltip, selector: "nv-tooltip", inputs: { enterDelay: "enterDelay", message: "message", placement: "placement", strategy: "strategy" }, outputs: { openChanged: "openChanged" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 NvTooltip = __decorate([
     ProxyCmp({
@@ -1303,9 +1775,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImpor
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['enterDelay', 'message', 'placement', 'strategy'],
+                    outputs: ['openChanged'],
                     standalone: false
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { openChanged: [{
+                type: Output
+            }] } });
 
 const DIRECTIVES = [
     NvAccordion,
@@ -1324,6 +1799,9 @@ const DIRECTIVES = [
     NvDialog,
     NvDialogfooter,
     NvDialogheader,
+    NvDrawer,
+    NvDrawerfooter,
+    NvDrawerheader,
     NvFieldcheckbox,
     NvFielddate,
     NvFielddaterange,
@@ -1345,9 +1823,19 @@ const DIRECTIVES = [
     NvMenu,
     NvMenuitem,
     NvNotification,
+    NvNotificationBullet,
     NvNotificationcontainer,
     NvPopover,
     NvRow,
+    NvSidebar,
+    NvSidebarcontent,
+    NvSidebardivider,
+    NvSidebarfooter,
+    NvSidebargroup,
+    NvSidebarheader,
+    NvSidebarlogo,
+    NvSidebarnavitem,
+    NvSidebarnavsubitem,
     NvSplit,
     NvStack,
     NvTable,
@@ -2166,6 +2654,12 @@ class NvDatatable {
         this.columns = input([]);
         /** Row data */
         this.rows = input([]);
+        /**
+         * Data handling mode for sorting and filtering operations.
+         * - 'client': All operations handled in browser (default)
+         * - 'server': Operations trigger callbacks for server-side handling
+         */
+        this.mode = input('client');
         /** Optional pagination configuration */
         this.pagination = input(undefined);
         /** Optional sorting configuration */
@@ -2194,7 +2688,7 @@ class NvDatatable {
         /** Intersection observer for infinite scroll */
         this.observer = null;
         /** Helper to check if using infinite scroll */
-        this.isInfiniteScroll = computed(() => this.pagination()?.mode === 'infinite');
+        this.isInfiniteScroll = computed(() => this.pagination()?.infinite === true);
         /** Computed table columns with proper typing and filtering. */
         this.tableColumns = computed(() => {
             const templateMap = this.cellTemplateMap();
@@ -2257,21 +2751,24 @@ class NvDatatable {
         this.tableInstance = createAngularTable(() => {
             const paginationConfig = this.pagination();
             const sortingConfig = this.sorting();
+            const componentMode = this.mode();
+            const isServerMode = componentMode === 'server';
+            const isInfinite = paginationConfig?.infinite === true;
             // Determine base table configuration with sorting
             const getBaseTableConfig = () => {
                 const baseConfig = {
                     data: this.rows(),
                     columns: this.tableColumns(),
                     getCoreRowModel: getCoreRowModel(),
-                    // Sorting configuration
+                    // Sorting configuration - uses top-level mode
                     ...(sortingConfig && {
                         state: {
-                            sorting: sortingConfig.mode === 'server' && sortingConfig.sortState
+                            sorting: isServerMode && sortingConfig.sortState
                                 ? sortingConfig.sortState
                                 : this.sortingState(),
                         },
                         onSortingChange: (updaterOrValue) => {
-                            const currentSort = sortingConfig.mode === 'server' && sortingConfig.sortState
+                            const currentSort = isServerMode && sortingConfig.sortState
                                 ? sortingConfig.sortState
                                 : this.sortingState();
                             const newSort = typeof updaterOrValue === 'function'
@@ -2280,12 +2777,11 @@ class NvDatatable {
                             // Always update internal state for reactivity
                             this.sortingState.set(newSort);
                             // For server-side sorting, also call the callback
-                            if (sortingConfig?.mode === 'server' &&
-                                sortingConfig.onSortingChange) {
+                            if (isServerMode && sortingConfig.onSortingChange) {
                                 sortingConfig.onSortingChange(newSort);
                             }
                         },
-                        manualSorting: sortingConfig.mode === 'server',
+                        manualSorting: isServerMode,
                         enableSorting: true,
                         enableMultiSort: sortingConfig.enableMultiSort ?? false,
                         enableSortingRemoval: sortingConfig.enableSortingRemoval ?? true,
@@ -2295,17 +2791,22 @@ class NvDatatable {
                         isMultiSortEvent: sortingConfig.enableMultiSort
                             ? () => true
                             : undefined,
-                        getSortedRowModel: sortingConfig.mode === 'client' ? getSortedRowModel() : undefined,
+                        getSortedRowModel: !isServerMode ? getSortedRowModel() : undefined,
                     }),
                 };
                 return baseConfig;
             };
-            if (!paginationConfig || paginationConfig.mode === 'infinite') {
-                // No pagination or infinite scroll - simple config
+            // Infinite scroll mode (requires server mode)
+            if (isInfinite) {
+                // No pagination row model for infinite scroll - simple config
+                return getBaseTableConfig();
+            }
+            // No pagination configured
+            if (!paginationConfig) {
                 return getBaseTableConfig();
             }
-            else if (paginationConfig.mode === 'client') {
-                // Client-side pagination
+            // Client-side pagination
+            if (!isServerMode) {
                 return {
                     ...getBaseTableConfig(),
                     getPaginationRowModel: getPaginationRowModel(),
@@ -2317,37 +2818,35 @@ class NvDatatable {
                     },
                 };
             }
-            else {
-                // Server-side pagination - manual pagination with reactive state
-                const baseConfig = getBaseTableConfig();
-                const pageSize = this.paginationState().pageSize;
-                return {
-                    ...baseConfig,
-                    manualPagination: true,
-                    pageCount: paginationConfig.totalPageCount !== undefined
-                        ? paginationConfig.totalPageCount
-                        : paginationConfig.totalRowCount !== undefined
-                            ? Math.ceil(paginationConfig.totalRowCount / pageSize)
-                            : -1,
-                    state: {
-                        pagination: this.paginationState(),
-                        ...(baseConfig.state && { sorting: baseConfig.state.sorting }),
-                    },
-                    onPaginationChange: (updaterOrValue) => {
-                        const newState = typeof updaterOrValue === 'function'
-                            ? updaterOrValue(this.paginationState())
-                            : updaterOrValue;
-                        this.paginationState.set(newState);
-                        // Call user's callback for server-side pagination
-                        if (paginationConfig.onPaginationChange) {
-                            paginationConfig.onPaginationChange({
-                                pageIndex: newState.pageIndex,
-                                pageSize: newState.pageSize,
-                            });
-                        }
-                    },
-                };
-            }
+            // Server-side pagination - manual pagination with reactive state
+            const baseConfig = getBaseTableConfig();
+            const pageSize = this.paginationState().pageSize;
+            return {
+                ...baseConfig,
+                manualPagination: true,
+                pageCount: paginationConfig.totalPageCount !== undefined
+                    ? paginationConfig.totalPageCount
+                    : paginationConfig.totalRowCount !== undefined
+                        ? Math.ceil(paginationConfig.totalRowCount / pageSize)
+                        : -1,
+                state: {
+                    pagination: this.paginationState(),
+                    ...(baseConfig.state && { sorting: baseConfig.state.sorting }),
+                },
+                onPaginationChange: (updaterOrValue) => {
+                    const newState = typeof updaterOrValue === 'function'
+                        ? updaterOrValue(this.paginationState())
+                        : updaterOrValue;
+                    this.paginationState.set(newState);
+                    // Call user's callback for server-side pagination
+                    if (paginationConfig.onPaginationChange) {
+                        paginationConfig.onPaginationChange({
+                            pageIndex: newState.pageIndex,
+                            pageSize: newState.pageSize,
+                        });
+                    }
+                },
+            };
         });
         /** Build pagination API for template */
         this.paginationAPI = computed(() => {
@@ -2355,10 +2854,13 @@ class NvDatatable {
             if (!paginationConfig) {
                 return null;
             }
+            const componentMode = this.mode();
+            const isServerMode = componentMode === 'server';
+            const isInfinite = paginationConfig.infinite === true;
             const table = this.table();
             const tablePaginationState = table.getState().pagination;
             const pageCount = table.getPageCount();
-            const rowCount = paginationConfig.mode === 'server'
+            const rowCount = isServerMode
                 ? paginationConfig.totalRowCount || this.rows().length
                 : this.rows().length;
             return {
@@ -2374,25 +2876,31 @@ class NvDatatable {
                 setPageSize: (size) => table.setPageSize(size),
                 canPreviousPage: table.getCanPreviousPage(),
                 canNextPage: table.getCanNextPage(),
-                isLoading: paginationConfig.mode === 'infinite'
-                    ? paginationConfig.isLoading
-                    : undefined,
-                hasMore: paginationConfig.mode === 'infinite'
-                    ? paginationConfig.hasMore
-                    : undefined,
+                isLoading: isInfinite ? paginationConfig.isLoading : undefined,
+                hasMore: isInfinite ? paginationConfig.hasMore : undefined,
             };
         });
+        // Validate infinite scroll requires server mode
+        effect(() => {
+            const paginationConfig = this.pagination();
+            const componentMode = this.mode();
+            if (paginationConfig?.infinite === true && componentMode !== 'server') {
+                console.warn('[NvDatatable] pagination.infinite=true requires mode="server". ' +
+                    'Infinite scroll relies on server-side data loading.');
+            }
+        });
         // Set up intersection observer for infinite scroll
         effect(() => {
             const paginationConfig = this.pagination();
             const rows = this.rows(); // Track rows changes
+            const isInfinite = paginationConfig?.infinite === true;
             // Clean up existing observer
             if (this.observer) {
                 this.observer.disconnect();
                 this.observer = null;
             }
             // Only set up observer for infinite scroll mode
-            if (paginationConfig?.mode !== 'infinite' || rows.length === 0) {
+            if (!isInfinite || rows.length === 0) {
                 return;
             }
             // Use setTimeout to ensure DOM is updated
@@ -2407,7 +2915,6 @@ class NvDatatable {
                 this.observer = new IntersectionObserver((entries) => {
                     const entry = entries[0];
                     if (entry.isIntersecting &&
-                        paginationConfig.mode === 'infinite' &&
                         paginationConfig.hasMore &&
                         !paginationConfig.isLoading &&
                         paginationConfig.onLoadMore) {
@@ -2440,7 +2947,7 @@ class NvDatatable {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: NvDatatable, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.9", type: NvDatatable, isStandalone: true, selector: "nv-datatable", inputs: { columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null }, pagination: { classPropertyName: "pagination", publicName: "pagination", isSignal: true, isRequired: false, transformFunction: null }, sorting: { classPropertyName: "sorting", publicName: "sorting", isSignal: true, isRequired: false, transformFunction: null }, stickyHeader: { classPropertyName: "stickyHeader", publicName: "stickyHeader", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "paginationTemplate", first: true, predicate: ["paginationTemplate"], descendants: true, read: TemplateRef }, { propertyName: "cellTemplates", predicate: NvDatatableCellDirective }], viewQueries: [{ propertyName: "tableRows", first: true, predicate: ["tableRow"], descendants: true, isSignal: true }], ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.9", type: NvDatatable, isStandalone: true, selector: "nv-datatable", inputs: { columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, pagination: { classPropertyName: "pagination", publicName: "pagination", isSignal: true, isRequired: false, transformFunction: null }, sorting: { classPropertyName: "sorting", publicName: "sorting", isSignal: true, isRequired: false, transformFunction: null }, stickyHeader: { classPropertyName: "stickyHeader", publicName: "stickyHeader", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "paginationTemplate", first: true, predicate: ["paginationTemplate"], descendants: true, read: TemplateRef }, { propertyName: "cellTemplates", predicate: NvDatatableCellDirective }], viewQueries: [{ propertyName: "tableRows", first: true, predicate: ["tableRow"], descendants: true, isSignal: true }], ngImport: i0, template: `
     <nv-table>
       <table>
         <thead [attr.data-sticky-top]="stickyHeader() ? 'true' : null">
@@ -2854,6 +3361,41 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImpor
                 type: HostListener,
                 args: ['openChanged', ['$event']]
             }] } });
+class NvDrawerValueAccessor extends ValueAccessor {
+    constructor(el) {
+        super(el);
+    }
+    handleOpenChanged(event) {
+        this.handleChangeEvent(event.target.open);
+    }
+    writeValue(value) {
+        this.el.nativeElement.open = this.lastValue = value;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: NvDrawerValueAccessor, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.9", type: NvDrawerValueAccessor, selector: "nv-drawer", host: { listeners: { "openChanged": "handleOpenChanged($event)" } }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: NvDrawerValueAccessor,
+                multi: true,
+            },
+        ], usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: NvDrawerValueAccessor, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'nv-drawer',
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: NvDrawerValueAccessor,
+                            multi: true,
+                        },
+                    ],
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { handleOpenChanged: [{
+                type: HostListener,
+                args: ['openChanged', ['$event']]
+            }] } });
 class NvFieldcheckboxValueAccessor extends ValueAccessor {
     constructor(el) {
         super(el);
@@ -3379,6 +3921,41 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImpor
                 type: HostListener,
                 args: ['openChanged', ['$event']]
             }] } });
+class NvSidebarValueAccessor extends ValueAccessor {
+    constructor(el) {
+        super(el);
+    }
+    handleOpenChanged(event) {
+        this.handleChangeEvent(event.target.open);
+    }
+    writeValue(value) {
+        this.el.nativeElement.open = this.lastValue = value;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: NvSidebarValueAccessor, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.9", type: NvSidebarValueAccessor, selector: "nv-sidebar", host: { listeners: { "openChanged": "handleOpenChanged($event)" } }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: NvSidebarValueAccessor,
+                multi: true,
+            },
+        ], usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: NvSidebarValueAccessor, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'nv-sidebar',
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: NvSidebarValueAccessor,
+                            multi: true,
+                        },
+                    ],
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { handleOpenChanged: [{
+                type: HostListener,
+                args: ['openChanged', ['$event']]
+            }] } });
 class NvSplitValueAccessor extends ValueAccessor {
     constructor(el) {
         super(el);
@@ -3490,6 +4067,7 @@ const VALUE_ACCESSORS = [
     NvCalendarValueAccessor,
     NvDatagridValueAccessor,
     NvDialogValueAccessor,
+    NvDrawerValueAccessor,
     NvFieldcheckboxValueAccessor,
     NvFielddateValueAccessor,
     NvFielddaterangeValueAccessor,
@@ -3505,6 +4083,7 @@ const VALUE_ACCESSORS = [
     NvFieldtimeValueAccessor,
     NvNotificationValueAccessor,
     NvPopoverValueAccessor,
+    NvSidebarValueAccessor,
     NvSplitValueAccessor,
     NvToggleValueAccessor,
     NvTogglebuttongroupValueAccessor,
@@ -3516,9 +4095,7 @@ const VALUE_ACCESSORS = [
  * @returns {string} A unique identifier string
  */
 const generateId = () => {
-    return `notification-${Date.now()}-${Math.random()
-        .toString(36)
-        .substr(2, 9)}`;
+    return `notification-${v4()}`;
 };
 /**
  * Angular service for managing notifications.
@@ -3752,6 +4329,7 @@ class NotificationServiceComponent {
         "
         #notificationEl
         [attr.data-id]="notification.id"
+        [uid]="notification.id"
         [heading]="notification.heading"
         [message]="notification.message"
         [dismissible]="notification.dismissible"
@@ -3807,6 +4385,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImpor
         "
         #notificationEl
         [attr.data-id]="notification.id"
+        [uid]="notification.id"
         [heading]="notification.heading"
         [message]="notification.message"
         [dismissible]="notification.dismissible"
@@ -3865,7 +4444,7 @@ function provideNovaComponents() {
 }
 class NovaComponentsModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: NovaComponentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.9", ngImport: i0, type: NovaComponentsModule, declarations: [NvAccordion, NvAccordionItem, NvAlert, NvAvatar, NvBadge, NvBreadcrumb, NvBreadcrumbs, NvButton, NvButtongroup, NvCalendar, NvCol, NvDatagrid, NvDatagridcolumn, NvDialog, NvDialogfooter, NvDialogheader, NvFieldcheckbox, NvFielddate, NvFielddaterange, NvFielddropdown, NvFielddropdownitem, NvFielddropdownitemcheck, NvFieldmultiselect, NvFieldnumber, NvFieldpassword, NvFieldradio, NvFieldselect, NvFieldslider, NvFieldtext, NvFieldtextarea, NvFieldtime, NvIcon, NvIconbutton, NvLoader, NvMenu, NvMenuitem, NvNotification, NvNotificationcontainer, NvPopover, NvRow, NvSplit, NvStack, NvTable, NvTableheader, NvToggle, NvTogglebutton, NvTogglebuttongroup, NvTooltip], imports: [NvDatatable], exports: [NvAccordion, NvAccordionItem, NvAlert, NvAvatar, NvBadge, NvBreadcrumb, NvBreadcrumbs, NvButton, NvButtongroup, NvCalendar, NvCol, NvDatagrid, NvDatagridcolumn, NvDialog, NvDialogfooter, NvDialogheader, NvFieldcheckbox, NvFielddate, NvFielddaterange, NvFielddropdown, NvFielddropdownitem, NvFielddropdownitemcheck, NvFieldmultiselect, NvFieldnumber, NvFieldpassword, NvFieldradio, NvFieldselect, NvFieldslider, NvFieldtext, NvFieldtextarea, NvFieldtime, NvIcon, NvIconbutton, NvLoader, NvMenu, NvMenuitem, NvNotification, NvNotificationcontainer, NvPopover, NvRow, NvSplit, NvStack, NvTable, NvTableheader, NvToggle, NvTogglebutton, NvTogglebuttongroup, NvTooltip, NvDatatable] }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.9", ngImport: i0, type: NovaComponentsModule, declarations: [NvAccordion, NvAccordionItem, NvAlert, NvAvatar, NvBadge, NvBreadcrumb, NvBreadcrumbs, NvButton, NvButtongroup, NvCalendar, NvCol, NvDatagrid, NvDatagridcolumn, NvDialog, NvDialogfooter, NvDialogheader, NvDrawer, NvDrawerfooter, NvDrawerheader, NvFieldcheckbox, NvFielddate, NvFielddaterange, NvFielddropdown, NvFielddropdownitem, NvFielddropdownitemcheck, NvFieldmultiselect, NvFieldnumber, NvFieldpassword, NvFieldradio, NvFieldselect, NvFieldslider, NvFieldtext, NvFieldtextarea, NvFieldtime, NvIcon, NvIconbutton, NvLoader, NvMenu, NvMenuitem, NvNotification, NvNotificationBullet, NvNotificationcontainer, NvPopover, NvRow, NvSidebar, NvSidebarcontent, NvSidebardivider, NvSidebarfooter, NvSidebargroup, NvSidebarheader, NvSidebarlogo, NvSidebarnavitem, NvSidebarnavsubitem, NvSplit, NvStack, NvTable, NvTableheader, NvToggle, NvTogglebutton, NvTogglebuttongroup, NvTooltip], imports: [NvDatatable], exports: [NvAccordion, NvAccordionItem, NvAlert, NvAvatar, NvBadge, NvBreadcrumb, NvBreadcrumbs, NvButton, NvButtongroup, NvCalendar, NvCol, NvDatagrid, NvDatagridcolumn, NvDialog, NvDialogfooter, NvDialogheader, NvDrawer, NvDrawerfooter, NvDrawerheader, NvFieldcheckbox, NvFielddate, NvFielddaterange, NvFielddropdown, NvFielddropdownitem, NvFielddropdownitemcheck, NvFieldmultiselect, NvFieldnumber, NvFieldpassword, NvFieldradio, NvFieldselect, NvFieldslider, NvFieldtext, NvFieldtextarea, NvFieldtime, NvIcon, NvIconbutton, NvLoader, NvMenu, NvMenuitem, NvNotification, NvNotificationBullet, NvNotificationcontainer, NvPopover, NvRow, NvSidebar, NvSidebarcontent, NvSidebardivider, NvSidebarfooter, NvSidebargroup, NvSidebarheader, NvSidebarlogo, NvSidebarnavitem, NvSidebarnavsubitem, NvSplit, NvStack, NvTable, NvTableheader, NvToggle, NvTogglebutton, NvTogglebuttongroup, NvTooltip, NvDatatable] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: NovaComponentsModule, imports: [NvDatatable] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: NovaComponentsModule, decorators: [{
@@ -3878,7 +4457,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImpor
         }] });
 class NovaComponentsValueAccessorModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: NovaComponentsValueAccessorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.9", ngImport: i0, type: NovaComponentsValueAccessorModule, declarations: [NvAccordionValueAccessor, NvAlertValueAccessor, NvCalendarValueAccessor, NvDatagridValueAccessor, NvDialogValueAccessor, NvFieldcheckboxValueAccessor, NvFielddateValueAccessor, NvFielddaterangeValueAccessor, NvFielddropdownValueAccessor, NvFieldmultiselectValueAccessor, NvFieldnumberValueAccessor, NvFieldpasswordValueAccessor, NvFieldradioValueAccessor, NvFieldselectValueAccessor, NvFieldsliderValueAccessor, NvFieldtextValueAccessor, NvFieldtextareaValueAccessor, NvFieldtimeValueAccessor, NvNotificationValueAccessor, NvPopoverValueAccessor, NvSplitValueAccessor, NvToggleValueAccessor, NvTogglebuttongroupValueAccessor], exports: [NvAccordionValueAccessor, NvAlertValueAccessor, NvCalendarValueAccessor, NvDatagridValueAccessor, NvDialogValueAccessor, NvFieldcheckboxValueAccessor, NvFielddateValueAccessor, NvFielddaterangeValueAccessor, NvFielddropdownValueAccessor, NvFieldmultiselectValueAccessor, NvFieldnumberValueAccessor, NvFieldpasswordValueAccessor, NvFieldradioValueAccessor, NvFieldselectValueAccessor, NvFieldsliderValueAccessor, NvFieldtextValueAccessor, NvFieldtextareaValueAccessor, NvFieldtimeValueAccessor, NvNotificationValueAccessor, NvPopoverValueAccessor, NvSplitValueAccessor, NvToggleValueAccessor, NvTogglebuttongroupValueAccessor] }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.9", ngImport: i0, type: NovaComponentsValueAccessorModule, declarations: [NvAccordionValueAccessor, NvAlertValueAccessor, NvCalendarValueAccessor, NvDatagridValueAccessor, NvDialogValueAccessor, NvDrawerValueAccessor, NvFieldcheckboxValueAccessor, NvFielddateValueAccessor, NvFielddaterangeValueAccessor, NvFielddropdownValueAccessor, NvFieldmultiselectValueAccessor, NvFieldnumberValueAccessor, NvFieldpasswordValueAccessor, NvFieldradioValueAccessor, NvFieldselectValueAccessor, NvFieldsliderValueAccessor, NvFieldtextValueAccessor, NvFieldtextareaValueAccessor, NvFieldtimeValueAccessor, NvNotificationValueAccessor, NvPopoverValueAccessor, NvSidebarValueAccessor, NvSplitValueAccessor, NvToggleValueAccessor, NvTogglebuttongroupValueAccessor], exports: [NvAccordionValueAccessor, NvAlertValueAccessor, NvCalendarValueAccessor, NvDatagridValueAccessor, NvDialogValueAccessor, NvDrawerValueAccessor, NvFieldcheckboxValueAccessor, NvFielddateValueAccessor, NvFielddaterangeValueAccessor, NvFielddropdownValueAccessor, NvFieldmultiselectValueAccessor, NvFieldnumberValueAccessor, NvFieldpasswordValueAccessor, NvFieldradioValueAccessor, NvFieldselectValueAccessor, NvFieldsliderValueAccessor, NvFieldtextValueAccessor, NvFieldtextareaValueAccessor, NvFieldtimeValueAccessor, NvNotificationValueAccessor, NvPopoverValueAccessor, NvSidebarValueAccessor, NvSplitValueAccessor, NvToggleValueAccessor, NvTogglebuttongroupValueAccessor] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: NovaComponentsValueAccessorModule }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: NovaComponentsValueAccessorModule, decorators: [{
@@ -3909,5 +4488,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { NotificationService, NotificationServiceComponent, NovaComponentsModule, NovaComponentsProvidersModule, NovaComponentsValueAccessorModule, NvAccordion, NvAccordionItem, NvAccordionValueAccessor, NvAlert, NvAlertValueAccessor, NvAvatar, NvBadge, NvBreadcrumb, NvBreadcrumbs, NvButton, NvButtongroup, NvCalendar, NvCalendarValueAccessor, NvCol, NvDatagrid, NvDatagridValueAccessor, NvDatagridcolumn, NvDatatable, NvDatatableCellDirective, NvDialog, NvDialogValueAccessor, NvDialogfooter, NvDialogheader, NvFieldcheckbox, NvFieldcheckboxValueAccessor, NvFielddate, NvFielddateValueAccessor, NvFielddaterange, NvFielddaterangeValueAccessor, NvFielddropdown, NvFielddropdownValueAccessor, NvFielddropdownitem, NvFielddropdownitemcheck, NvFieldmultiselect, NvFieldmultiselectValueAccessor, NvFieldnumber, NvFieldnumberValueAccessor, NvFieldpassword, NvFieldpasswordValueAccessor, NvFieldradio, NvFieldradioValueAccessor, NvFieldselect, NvFieldselectValueAccessor, NvFieldslider, NvFieldsliderValueAccessor, NvFieldtext, NvFieldtextValueAccessor, NvFieldtextarea, NvFieldtextareaValueAccessor, NvFieldtime, NvFieldtimeValueAccessor, NvIcon, NvIconbutton, NvLoader, NvMenu, NvMenuitem, NvNotification, NvNotificationValueAccessor, NvNotificationcontainer, NvPopover, NvPopoverValueAccessor, NvRow, NvSplit, NvSplitValueAccessor, NvStack, NvTable, NvTableheader, NvToggle, NvToggleValueAccessor, NvTogglebutton, NvTogglebuttongroup, NvTogglebuttongroupValueAccessor, NvTooltip, VALUE_ACCESSORS, makeColumn, flexRenderComponent as nvDatatableRenderComponent, provideNovaComponents };
+export { NotificationService, NotificationServiceComponent, NovaComponentsModule, NovaComponentsProvidersModule, NovaComponentsValueAccessorModule, NvAccordion, NvAccordionItem, NvAccordionValueAccessor, NvAlert, NvAlertValueAccessor, NvAvatar, NvBadge, NvBreadcrumb, NvBreadcrumbs, NvButton, NvButtongroup, NvCalendar, NvCalendarValueAccessor, NvCol, NvDatagrid, NvDatagridValueAccessor, NvDatagridcolumn, NvDatatable, NvDatatableCellDirective, NvDialog, NvDialogValueAccessor, NvDialogfooter, NvDialogheader, NvDrawer, NvDrawerValueAccessor, NvDrawerfooter, NvDrawerheader, NvFieldcheckbox, NvFieldcheckboxValueAccessor, NvFielddate, NvFielddateValueAccessor, NvFielddaterange, NvFielddaterangeValueAccessor, NvFielddropdown, NvFielddropdownValueAccessor, NvFielddropdownitem, NvFielddropdownitemcheck, NvFieldmultiselect, NvFieldmultiselectValueAccessor, NvFieldnumber, NvFieldnumberValueAccessor, NvFieldpassword, NvFieldpasswordValueAccessor, NvFieldradio, NvFieldradioValueAccessor, NvFieldselect, NvFieldselectValueAccessor, NvFieldslider, NvFieldsliderValueAccessor, NvFieldtext, NvFieldtextValueAccessor, NvFieldtextarea, NvFieldtextareaValueAccessor, NvFieldtime, NvFieldtimeValueAccessor, NvIcon, NvIconbutton, NvLoader, NvMenu, NvMenuitem, NvNotification, NvNotificationBullet, NvNotificationValueAccessor, NvNotificationcontainer, NvPopover, NvPopoverValueAccessor, NvRow, NvSidebar, NvSidebarValueAccessor, NvSidebarcontent, NvSidebardivider, NvSidebarfooter, NvSidebargroup, NvSidebarheader, NvSidebarlogo, NvSidebarnavitem, NvSidebarnavsubitem, NvSplit, NvSplitValueAccessor, NvStack, NvTable, NvTableheader, NvToggle, NvToggleValueAccessor, NvTogglebutton, NvTogglebuttongroup, NvTogglebuttongroupValueAccessor, NvTooltip, VALUE_ACCESSORS, makeColumn, flexRenderComponent as nvDatatableRenderComponent, provideNovaComponents };
 //# sourceMappingURL=nova-components.mjs.map