@nova-design-system/nova-angular-18 3.22.0 → 3.23.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, APP_INITIALIZER, NgModule, ElementRef, ViewChildren } 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, APP_INITIALIZER, NgModule, ElementRef, ViewChildren } 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: "18.2.13", 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: "18.2.13", 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: "18.2.13", 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: "18.2.13", ngImpo
                     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: "18.2.13", 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: "18.2.13", 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: "18.2.13", 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: "18.2.13", ngImpo
                     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: "18.2.13", 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: "18.2.13", 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: "18.2.13", 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: "18.2.13", ngImpo
                     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: "18.2.13", ngImpo
 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: "18.2.13", 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: "18.2.13", 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: "18.2.13", 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: "18.2.13", ngImpo
                     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: "18.2.13", ngImpo
 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: "18.2.13", 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: "18.2.13", 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: "18.2.13", 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: "18.2.13", ngImpo
                     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: "18.2.13", ngImpo
 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: "18.2.13", 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: "18.2.13", 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: "18.2.13", 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: "18.2.13", ngImpo
                     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: "18.2.13", ngImpo
 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: "18.2.13", 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: "18.2.13", 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: "18.2.13", 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: "18.2.13", ngImpo
                     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: "18.2.13", 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: "18.2.13", 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: "18.2.13", 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: "18.2.13", ngImpo
                     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;
@@ -480,16 +532,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
 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: "18.2.13", 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: "18.2.13", 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: "18.2.13", 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: "18.2.13", ngImport: i0, type: NvFieldcheckbox, decorators: [{
@@ -499,23 +551,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                     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: "18.2.13", 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: "18.2.13", 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: "18.2.13", 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 +581,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                     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: "18.2.13", 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: "18.2.13", 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: "18.2.13", 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 +612,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                     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: "18.2.13", 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: "18.2.13", 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: "18.2.13", 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 +647,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                     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: "18.2.13", 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: "18.2.13", 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: "18.2.13", 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 +683,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                     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: "18.2.13", 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: "18.2.13", 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: "18.2.13", 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 +712,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                     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: "18.2.13", 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: "18.2.13", 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: "18.2.13", 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 +742,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                     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: "18.2.13", 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: "18.2.13", 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: "18.2.13", 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: "18.2.13", ngImport: i0, type: NvFieldnumber, decorators: [{
@@ -685,23 +773,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                     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: "18.2.13", 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: "18.2.13", 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: "18.2.13", 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: "18.2.13", ngImport: i0, type: NvFieldpassword, decorators: [{
@@ -711,19 +802,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                     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: "18.2.13", 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: "18.2.13", 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: "18.2.13", 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 +832,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                     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: "18.2.13", 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: "18.2.13", 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: "18.2.13", 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: "18.2.13", ngImport: i0, type: NvFieldselect, decorators: [{
@@ -763,19 +860,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                     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: "18.2.13", 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: "18.2.13", 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: "18.2.13", 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 +890,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                     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: "18.2.13", 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: "18.2.13", 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: "18.2.13", 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: "18.2.13", ngImport: i0, type: NvFieldtext, decorators: [{
@@ -815,23 +918,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                     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: "18.2.13", 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: "18.2.13", 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: "18.2.13", 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: "18.2.13", ngImport: i0, type: NvFieldtextarea, decorators: [{
@@ -841,23 +947,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                     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: "18.2.13", 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: "18.2.13", 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: "18.2.13", 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: "18.2.13", ngImport: i0, type: NvFieldtime, decorators: [{
@@ -867,10 +976,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                     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 +1061,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
 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: "18.2.13", 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: "18.2.13", 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: "18.2.13", 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 +1082,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                     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: "18.2.13", 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: "18.2.13", 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: "18.2.13", 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 +1111,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                     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: "18.2.13", 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: "18.2.13", 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: "18.2.13", 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 +1141,34 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                     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: "18.2.13", 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: "18.2.13", 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: "18.2.13", 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 +1200,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
 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: "18.2.13", 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: "18.2.13", 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: "18.2.13", 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 +1221,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                     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 +1250,236 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                     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: "18.2.13", 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: "18.2.13", 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: "18.2.13", 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: "18.2.13", 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: "18.2.13", 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: "18.2.13", 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: "18.2.13", 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: "18.2.13", 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: "18.2.13", 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: "18.2.13", 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: "18.2.13", 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: "18.2.13", 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: "18.2.13", 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: "18.2.13", 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: "18.2.13", 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: "18.2.13", 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: "18.2.13", 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: "18.2.13", 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: "18.2.13", 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: "18.2.13", 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: "18.2.13", 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: "18.2.13", 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: "18.2.13", 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: "18.2.13", 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: "18.2.13", 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: "18.2.13", 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: "18.2.13", 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: "18.2.13", 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: "18.2.13", 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: "18.2.13", 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 +1495,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                     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 +1552,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
 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: "18.2.13", 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: "18.2.13", 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: "18.2.13", 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 +1572,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                     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: "18.2.13", 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: "18.2.13", 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: "18.2.13", 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 +1601,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                     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: "18.2.13", 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: "18.2.13", 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: "18.2.13", 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 +1630,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                     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: "18.2.13", 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: "18.2.13", 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: "18.2.13", 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 +1659,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                     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: "18.2.13", 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: "18.2.13", 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: "18.2.13", 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 +1688,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                     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,
@@ -1345,9 +1733,19 @@ const DIRECTIVES = [
     NvMenu,
     NvMenuitem,
     NvNotification,
+    NvNotificationBullet,
     NvNotificationcontainer,
     NvPopover,
     NvRow,
+    NvSidebar,
+    NvSidebarcontent,
+    NvSidebardivider,
+    NvSidebarfooter,
+    NvSidebargroup,
+    NvSidebarheader,
+    NvSidebarlogo,
+    NvSidebarnavitem,
+    NvSidebarnavsubitem,
     NvSplit,
     NvStack,
     NvTable,
@@ -3379,6 +3777,41 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 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: "18.2.13", ngImport: i0, type: NvSidebarValueAccessor, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", 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: "18.2.13", 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);
@@ -3505,6 +3938,7 @@ const VALUE_ACCESSORS = [
     NvFieldtimeValueAccessor,
     NvNotificationValueAccessor,
     NvPopoverValueAccessor,
+    NvSidebarValueAccessor,
     NvSplitValueAccessor,
     NvToggleValueAccessor,
     NvTogglebuttongroupValueAccessor,
@@ -3524,7 +3958,7 @@ function provideNovaComponents() {
 }
 class NovaComponentsModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NovaComponentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", 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: "18.2.13", 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, 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, 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: "18.2.13", ngImport: i0, type: NovaComponentsModule, providers: [provideNovaComponents()], imports: [NvDatatable] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NovaComponentsModule, decorators: [{
@@ -3538,7 +3972,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
         }] });
 class NovaComponentsValueAccessorModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NovaComponentsValueAccessorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", 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: "18.2.13", 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, NvSidebarValueAccessor, NvSplitValueAccessor, NvToggleValueAccessor, NvTogglebuttongroupValueAccessor], exports: [NvAccordionValueAccessor, NvAlertValueAccessor, NvCalendarValueAccessor, NvDatagridValueAccessor, NvDialogValueAccessor, 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: "18.2.13", ngImport: i0, type: NovaComponentsValueAccessorModule }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NovaComponentsValueAccessorModule, decorators: [{
@@ -3555,9 +3989,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  * @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.
@@ -3791,6 +4223,7 @@ class NotificationServiceComponent {
         "
         #notificationEl
         [attr.data-id]="notification.id"
+        [uid]="notification.id"
         [heading]="notification.heading"
         [message]="notification.message"
         [dismissible]="notification.dismissible"
@@ -3846,6 +4279,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
         "
         #notificationEl
         [attr.data-id]="notification.id"
+        [uid]="notification.id"
         [heading]="notification.heading"
         [message]="notification.message"
         [dismissible]="notification.dismissible"
@@ -3898,5 +4332,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { NotificationService, NotificationServiceComponent, NovaComponentsModule, 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, 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, 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