@nova-design-system/nova-angular-19 3.1.0 → 3.3.0

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

@@ -211,14 +211,14 @@ let NvCalendar = class NvCalendar {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['singleDateChange', 'rangeDateChange']);
+        proxyOutputs(this, this.el, ['singleDateChange', 'rangeDateChange', 'valueChanged']);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", 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: "19.1.5", type: NvCalendar, isStandalone: true, selector: "nv-calendar", inputs: { dateFormat: "dateFormat", disabledDates: "disabledDates", firstDayOfWeek: "firstDayOfWeek", locale: "locale", max: "max", min: "min", numberOfCalendars: "numberOfCalendars", rangeValue: "rangeValue", selectionType: "selectionType", shortcuts: "shortcuts", shortcutsPlacement: "shortcutsPlacement", showActions: "showActions", showWeekNumbers: "showWeekNumbers", singleValue: "singleValue" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.5", type: NvCalendar, isStandalone: true, selector: "nv-calendar", inputs: { dateFormat: "dateFormat", disabledDates: "disabledDates", firstDayOfWeek: "firstDayOfWeek", locale: "locale", max: "max", min: "min", numberOfCalendars: "numberOfCalendars", 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 }); }
 };
 NvCalendar = __decorate([
     ProxyCmp({
-        inputs: ['dateFormat', 'disabledDates', 'firstDayOfWeek', 'locale', 'max', 'min', 'numberOfCalendars', 'rangeValue', 'selectionType', 'shortcuts', 'shortcutsPlacement', 'showActions', 'showWeekNumbers', 'singleValue']
+        inputs: ['dateFormat', 'disabledDates', 'firstDayOfWeek', 'locale', 'max', 'min', 'numberOfCalendars', 'rangeValue', 'selectionType', 'shortcuts', 'shortcutsPlacement', 'showActions', 'showWeekNumbers', 'singleValue', 'value']
     })
 ], NvCalendar);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: NvCalendar, decorators: [{
@@ -228,7 +228,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['dateFormat', 'disabledDates', 'firstDayOfWeek', 'locale', 'max', 'min', 'numberOfCalendars', 'rangeValue', 'selectionType', 'shortcuts', 'shortcutsPlacement', 'showActions', 'showWeekNumbers', 'singleValue'],
+                    inputs: ['dateFormat', 'disabledDates', 'firstDayOfWeek', 'locale', 'max', 'min', 'numberOfCalendars', 'rangeValue', 'selectionType', 'shortcuts', 'shortcutsPlacement', 'showActions', 'showWeekNumbers', 'singleValue', 'value'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let NvCol = class NvCol {
@@ -263,11 +263,11 @@ let NvDatagrid = class NvDatagrid {
         proxyOutputs(this, this.el, ['action', 'selectedRows']);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", 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: "19.1.5", type: NvDatagrid, isStandalone: true, selector: "nv-datagrid", inputs: { autoGenerateColumns: "autoGenerateColumns", columns: "columns", columnsJson: "columnsJson", data: "data", dataJson: "dataJson", enableGlobalFilter: "enableGlobalFilter", enablePagination: "enablePagination", enableRowSelection: "enableRowSelection", enableSorting: "enableSorting", fallbackValue: "fallbackValue", globalFilterPosition: "globalFilterPosition", noColumnsNoDataMessage: "noColumnsNoDataMessage", noDataMessage: "noDataMessage", pageSize: "pageSize", pageSizes: "pageSizes" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.5", type: NvDatagrid, isStandalone: true, 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" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 NvDatagrid = __decorate([
     ProxyCmp({
-        inputs: ['autoGenerateColumns', 'columns', 'columnsJson', 'data', 'dataJson', 'enableGlobalFilter', 'enablePagination', 'enableRowSelection', 'enableSorting', 'fallbackValue', 'globalFilterPosition', 'noColumnsNoDataMessage', 'noDataMessage', 'pageSize', 'pageSizes']
+        inputs: ['autoGenerateColumns', 'columns', 'data', 'enableGlobalFilter', 'enablePagination', 'enableRowSelection', 'enableSorting', 'fallbackValue', 'globalFilterPosition', 'noColumnsNoDataMessage', 'noDataMessage', 'pageSize', 'pageSizes']
     })
 ], NvDatagrid);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: NvDatagrid, decorators: [{
@@ -277,7 +277,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['autoGenerateColumns', 'columns', 'columnsJson', 'data', 'dataJson', 'enableGlobalFilter', 'enablePagination', 'enableRowSelection', 'enableSorting', 'fallbackValue', 'globalFilterPosition', 'noColumnsNoDataMessage', 'noDataMessage', 'pageSize', 'pageSizes'],
+                    inputs: ['autoGenerateColumns', 'columns', 'data', 'enableGlobalFilter', 'enablePagination', 'enableRowSelection', 'enableSorting', 'fallbackValue', 'globalFilterPosition', 'noColumnsNoDataMessage', 'noDataMessage', 'pageSize', 'pageSizes'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let NvDatagridcolumn = class NvDatagridcolumn {
@@ -287,11 +287,11 @@ let NvDatagridcolumn = class NvDatagridcolumn {
         this.el = r.nativeElement;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: NvDatagridcolumn, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.5", type: NvDatagridcolumn, isStandalone: true, selector: "nv-datagridcolumn", inputs: { accessor: "accessor", header: "header", repeatTemplate: "repeatTemplate" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.5", type: NvDatagridcolumn, isStandalone: true, selector: "nv-datagridcolumn", inputs: { accessor: "accessor", group: "group", header: "header", repeatTemplate: "repeatTemplate" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 NvDatagridcolumn = __decorate([
     ProxyCmp({
-        inputs: ['accessor', 'header', 'repeatTemplate']
+        inputs: ['accessor', 'group', 'header', 'repeatTemplate']
     })
 ], NvDatagridcolumn);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: NvDatagridcolumn, decorators: [{
@@ -301,7 +301,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['accessor', 'header', 'repeatTemplate'],
+                    inputs: ['accessor', 'group', 'header', 'repeatTemplate'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let NvDialog = class NvDialog {
@@ -409,7 +409,7 @@ let NvFielddate = class NvFielddate {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['dateChange']);
+        proxyOutputs(this, this.el, ['valueChanged']);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", 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: "19.1.5", type: NvFielddate, isStandalone: true, 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 }); }
@@ -434,7 +434,7 @@ let NvFielddaterange = class NvFielddaterange {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['dateRangeChange']);
+        proxyOutputs(this, this.el, ['dateRangeChange', 'valueChanged']);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", 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: "19.1.5", type: NvFielddaterange, isStandalone: true, 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 }); }
@@ -462,11 +462,11 @@ let NvFielddropdown = class NvFielddropdown {
         proxyOutputs(this, this.el, ['valueChanged', 'dropdownItemSelected']);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", 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: "19.1.5", type: NvFielddropdown, isStandalone: true, selector: "nv-fielddropdown", inputs: { autocomplete: "autocomplete", autofocus: "autofocus", description: "description", disabled: "disabled", emptyResult: "emptyResult", error: "error", errorDescription: "errorDescription", filterable: "filterable", fluid: "fluid", inputId: "inputId", label: "label", name: "name", open: "open", 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: "19.1.5", type: NvFielddropdown, isStandalone: true, selector: "nv-fielddropdown", inputs: { autocomplete: "autocomplete", autofocus: "autofocus", debounceDelay: "debounceDelay", description: "description", disabled: "disabled", emptyResult: "emptyResult", error: "error", errorDescription: "errorDescription", filterable: "filterable", fluid: "fluid", inputId: "inputId", label: "label", maxHeight: "maxHeight", name: "name", open: "open", options: "options", placeholder: "placeholder", readonly: "readonly", required: "required", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 NvFielddropdown = __decorate([
     ProxyCmp({
-        inputs: ['autocomplete', 'autofocus', 'description', 'disabled', 'emptyResult', 'error', 'errorDescription', 'filterable', 'fluid', 'inputId', 'label', 'name', 'open', 'options', 'placeholder', 'readonly', 'required', 'value'],
+        inputs: ['autocomplete', 'autofocus', 'debounceDelay', 'description', 'disabled', 'emptyResult', 'error', 'errorDescription', 'filterable', 'fluid', 'inputId', 'label', 'maxHeight', 'name', 'open', 'options', 'placeholder', 'readonly', 'required', 'value'],
         methods: ['getFilterText']
     })
 ], NvFielddropdown);
@@ -477,7 +477,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['autocomplete', 'autofocus', 'description', 'disabled', 'emptyResult', 'error', 'errorDescription', 'filterable', 'fluid', 'inputId', 'label', 'name', 'open', 'options', 'placeholder', 'readonly', 'required', 'value'],
+                    inputs: ['autocomplete', 'autofocus', 'debounceDelay', 'description', 'disabled', 'emptyResult', 'error', 'errorDescription', 'filterable', 'fluid', 'inputId', 'label', 'maxHeight', 'name', 'open', 'options', 'placeholder', 'readonly', 'required', 'value'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let NvFielddropdownitem = class NvFielddropdownitem {
@@ -656,6 +656,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImpor
                     inputs: ['autofocus', 'description', 'disabled', 'displayValue', 'error', 'errorDescription', 'fluid', 'inputId', 'label', 'message', 'multiple', 'name', 'options', 'readonly', 'required', 'success', 'validation', 'value'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+let NvFieldslider = class NvFieldslider {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+        proxyOutputs(this, this.el, ['valueChanged']);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", 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: "19.1.5", type: NvFieldslider, isStandalone: true, 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 }); }
+};
+NvFieldslider = __decorate([
+    ProxyCmp({
+        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']
+    })
+], NvFieldslider);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: NvFieldslider, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'nv-fieldslider',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    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'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let NvFieldtext = class NvFieldtext {
     constructor(c, r, z) {
         this.z = z;
@@ -1050,6 +1075,7 @@ const DIRECTIVES = [
     NvFieldpassword,
     NvFieldradio,
     NvFieldselect,
+    NvFieldslider,
     NvFieldtext,
     NvFieldtextarea,
     NvFieldtime,
@@ -1141,6 +1167,41 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImpor
                 type: HostListener,
                 args: ['hiddenChanged', ['$event']]
             }] } });
+class NvCalendarValueAccessor extends ValueAccessor {
+    constructor(el) {
+        super(el);
+    }
+    handleValueChanged(event) {
+        this.handleChangeEvent(event.target.value);
+    }
+    writeValue(value) {
+        this.el.nativeElement.value = this.lastValue = value;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: NvCalendarValueAccessor, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.5", type: NvCalendarValueAccessor, isStandalone: true, selector: "nv-calendar", host: { listeners: { "valueChanged": "handleValueChanged($event)" } }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: NvCalendarValueAccessor,
+                multi: true,
+            },
+        ], usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: NvCalendarValueAccessor, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'nv-calendar',
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: NvCalendarValueAccessor,
+                            multi: true,
+                        },
+                    ],
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { handleValueChanged: [{
+                type: HostListener,
+                args: ['valueChanged', ['$event']]
+            }] } });
 class NvDialogValueAccessor extends ValueAccessor {
     constructor(el) {
         super(el);
@@ -1211,6 +1272,76 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImpor
                 type: HostListener,
                 args: ['checkedChanged', ['$event']]
             }] } });
+class NvFielddateValueAccessor extends ValueAccessor {
+    constructor(el) {
+        super(el);
+    }
+    handleValueChanged(event) {
+        this.handleChangeEvent(event.target.value);
+    }
+    writeValue(value) {
+        this.el.nativeElement.value = this.lastValue = value;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: NvFielddateValueAccessor, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.5", type: NvFielddateValueAccessor, isStandalone: true, selector: "nv-fielddate", host: { listeners: { "valueChanged": "handleValueChanged($event)" } }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: NvFielddateValueAccessor,
+                multi: true,
+            },
+        ], usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: NvFielddateValueAccessor, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'nv-fielddate',
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: NvFielddateValueAccessor,
+                            multi: true,
+                        },
+                    ],
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { handleValueChanged: [{
+                type: HostListener,
+                args: ['valueChanged', ['$event']]
+            }] } });
+class NvFielddaterangeValueAccessor extends ValueAccessor {
+    constructor(el) {
+        super(el);
+    }
+    handleValueChanged(event) {
+        this.handleChangeEvent(event.target.value);
+    }
+    writeValue(value) {
+        this.el.nativeElement.value = this.lastValue = value;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: NvFielddaterangeValueAccessor, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.5", type: NvFielddaterangeValueAccessor, isStandalone: true, selector: "nv-fielddaterange", host: { listeners: { "valueChanged": "handleValueChanged($event)" } }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: NvFielddaterangeValueAccessor,
+                multi: true,
+            },
+        ], usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: NvFielddaterangeValueAccessor, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'nv-fielddaterange',
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: NvFielddaterangeValueAccessor,
+                            multi: true,
+                        },
+                    ],
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { handleValueChanged: [{
+                type: HostListener,
+                args: ['valueChanged', ['$event']]
+            }] } });
 class NvFielddropdownValueAccessor extends ValueAccessor {
     constructor(el) {
         super(el);
@@ -1421,6 +1552,41 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImpor
                 type: HostListener,
                 args: ['valueChanged', ['$event']]
             }] } });
+class NvFieldsliderValueAccessor extends ValueAccessor {
+    constructor(el) {
+        super(el);
+    }
+    handleValueChanged(event) {
+        this.handleChangeEvent(event.target.value);
+    }
+    writeValue(value) {
+        this.el.nativeElement.value = this.lastValue = value;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: NvFieldsliderValueAccessor, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.5", type: NvFieldsliderValueAccessor, isStandalone: true, selector: "nv-fieldslider", host: { listeners: { "valueChanged": "handleValueChanged($event)" } }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: NvFieldsliderValueAccessor,
+                multi: true,
+            },
+        ], usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: NvFieldsliderValueAccessor, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'nv-fieldslider',
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: NvFieldsliderValueAccessor,
+                            multi: true,
+                        },
+                    ],
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { handleValueChanged: [{
+                type: HostListener,
+                args: ['valueChanged', ['$event']]
+            }] } });
 class NvFieldtextValueAccessor extends ValueAccessor {
     constructor(el) {
         super(el);
@@ -1563,14 +1729,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImpor
             }] } });
 const VALUE_ACCESSORS = [
     NvAlertValueAccessor,
+    NvCalendarValueAccessor,
     NvDialogValueAccessor,
     NvFieldcheckboxValueAccessor,
+    NvFielddateValueAccessor,
+    NvFielddaterangeValueAccessor,
     NvFielddropdownValueAccessor,
     NvFieldmultiselectValueAccessor,
     NvFieldnumberValueAccessor,
     NvFieldpasswordValueAccessor,
     NvFieldradioValueAccessor,
     NvFieldselectValueAccessor,
+    NvFieldsliderValueAccessor,
     NvFieldtextValueAccessor,
     NvFieldtextareaValueAccessor,
     NvPopoverValueAccessor,
@@ -1579,7 +1749,7 @@ const VALUE_ACCESSORS = [
 
 class NovaComponentsModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: NovaComponentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.5", ngImport: i0, type: NovaComponentsModule, imports: [NvAlert, NvAvatar, NvBadge, NvBreadcrumb, NvBreadcrumbs, NvButton, NvCalendar, NvCol, NvDatagrid, NvDatagridcolumn, NvDialog, NvDialogfooter, NvDialogheader, NvFieldcheckbox, NvFielddate, NvFielddaterange, NvFielddropdown, NvFielddropdownitem, NvFielddropdownitemcheck, NvFieldmultiselect, NvFieldnumber, NvFieldpassword, NvFieldradio, NvFieldselect, NvFieldtext, NvFieldtextarea, NvFieldtime, NvIcon, NvIconbutton, NvLoader, NvMenu, NvMenuitem, NvPopover, NvRow, NvStack, NvTable, NvTablecolumn, NvToggle, NvTooltip], exports: [NvAlert, NvAvatar, NvBadge, NvBreadcrumb, NvBreadcrumbs, NvButton, NvCalendar, NvCol, NvDatagrid, NvDatagridcolumn, NvDialog, NvDialogfooter, NvDialogheader, NvFieldcheckbox, NvFielddate, NvFielddaterange, NvFielddropdown, NvFielddropdownitem, NvFielddropdownitemcheck, NvFieldmultiselect, NvFieldnumber, NvFieldpassword, NvFieldradio, NvFieldselect, NvFieldtext, NvFieldtextarea, NvFieldtime, NvIcon, NvIconbutton, NvLoader, NvMenu, NvMenuitem, NvPopover, NvRow, NvStack, NvTable, NvTablecolumn, NvToggle, NvTooltip] }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.5", ngImport: i0, type: NovaComponentsModule, imports: [NvAlert, NvAvatar, NvBadge, NvBreadcrumb, NvBreadcrumbs, NvButton, 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, NvPopover, NvRow, NvStack, NvTable, NvTablecolumn, NvToggle, NvTooltip], exports: [NvAlert, NvAvatar, NvBadge, NvBreadcrumb, NvBreadcrumbs, NvButton, 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, NvPopover, NvRow, NvStack, NvTable, NvTablecolumn, NvToggle, NvTooltip] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: NovaComponentsModule }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: NovaComponentsModule, decorators: [{
@@ -1591,7 +1761,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImpor
         }] });
 class NovaComponentsValueAccessorModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: NovaComponentsValueAccessorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.5", ngImport: i0, type: NovaComponentsValueAccessorModule, imports: [NvAlertValueAccessor, NvDialogValueAccessor, NvFieldcheckboxValueAccessor, NvFielddropdownValueAccessor, NvFieldmultiselectValueAccessor, NvFieldnumberValueAccessor, NvFieldpasswordValueAccessor, NvFieldradioValueAccessor, NvFieldselectValueAccessor, NvFieldtextValueAccessor, NvFieldtextareaValueAccessor, NvPopoverValueAccessor, NvToggleValueAccessor], exports: [NvAlertValueAccessor, NvDialogValueAccessor, NvFieldcheckboxValueAccessor, NvFielddropdownValueAccessor, NvFieldmultiselectValueAccessor, NvFieldnumberValueAccessor, NvFieldpasswordValueAccessor, NvFieldradioValueAccessor, NvFieldselectValueAccessor, NvFieldtextValueAccessor, NvFieldtextareaValueAccessor, NvPopoverValueAccessor, NvToggleValueAccessor] }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.5", ngImport: i0, type: NovaComponentsValueAccessorModule, imports: [NvAlertValueAccessor, NvCalendarValueAccessor, NvDialogValueAccessor, NvFieldcheckboxValueAccessor, NvFielddateValueAccessor, NvFielddaterangeValueAccessor, NvFielddropdownValueAccessor, NvFieldmultiselectValueAccessor, NvFieldnumberValueAccessor, NvFieldpasswordValueAccessor, NvFieldradioValueAccessor, NvFieldselectValueAccessor, NvFieldsliderValueAccessor, NvFieldtextValueAccessor, NvFieldtextareaValueAccessor, NvPopoverValueAccessor, NvToggleValueAccessor], exports: [NvAlertValueAccessor, NvCalendarValueAccessor, NvDialogValueAccessor, NvFieldcheckboxValueAccessor, NvFielddateValueAccessor, NvFielddaterangeValueAccessor, NvFielddropdownValueAccessor, NvFieldmultiselectValueAccessor, NvFieldnumberValueAccessor, NvFieldpasswordValueAccessor, NvFieldradioValueAccessor, NvFieldselectValueAccessor, NvFieldsliderValueAccessor, NvFieldtextValueAccessor, NvFieldtextareaValueAccessor, NvPopoverValueAccessor, NvToggleValueAccessor] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: NovaComponentsValueAccessorModule }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: NovaComponentsValueAccessorModule, decorators: [{
@@ -1610,5 +1780,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { NovaComponentsModule, NovaComponentsValueAccessorModule, NvAlert, NvAlertValueAccessor, NvAvatar, NvBadge, NvBreadcrumb, NvBreadcrumbs, NvButton, NvCalendar, NvCol, NvDatagrid, NvDatagridcolumn, NvDialog, NvDialogValueAccessor, NvDialogfooter, NvDialogheader, NvFieldcheckbox, NvFieldcheckboxValueAccessor, NvFielddate, NvFielddaterange, NvFielddropdown, NvFielddropdownValueAccessor, NvFielddropdownitem, NvFielddropdownitemcheck, NvFieldmultiselect, NvFieldmultiselectValueAccessor, NvFieldnumber, NvFieldnumberValueAccessor, NvFieldpassword, NvFieldpasswordValueAccessor, NvFieldradio, NvFieldradioValueAccessor, NvFieldselect, NvFieldselectValueAccessor, NvFieldtext, NvFieldtextValueAccessor, NvFieldtextarea, NvFieldtextareaValueAccessor, NvFieldtime, NvIcon, NvIconbutton, NvLoader, NvMenu, NvMenuitem, NvPopover, NvPopoverValueAccessor, NvRow, NvStack, NvTable, NvTablecolumn, NvToggle, NvToggleValueAccessor, NvTooltip, VALUE_ACCESSORS };
+export { NovaComponentsModule, NovaComponentsValueAccessorModule, NvAlert, NvAlertValueAccessor, NvAvatar, NvBadge, NvBreadcrumb, NvBreadcrumbs, NvButton, NvCalendar, NvCalendarValueAccessor, NvCol, NvDatagrid, NvDatagridcolumn, 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, NvIcon, NvIconbutton, NvLoader, NvMenu, NvMenuitem, NvPopover, NvPopoverValueAccessor, NvRow, NvStack, NvTable, NvTablecolumn, NvToggle, NvToggleValueAccessor, NvTooltip, VALUE_ACCESSORS };
 //# sourceMappingURL=nova-components.mjs.map