@nova-design-system/nova-angular-18 3.2.0 → 3.4.0

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

@@ -15,6 +15,6 @@ export declare class NovaComponentsModule {
 }
 export declare class NovaComponentsValueAccessorModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<NovaComponentsValueAccessorModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<NovaComponentsValueAccessorModule, [typeof i2.NvAlertValueAccessor, typeof i2.NvDialogValueAccessor, typeof i2.NvFieldcheckboxValueAccessor, typeof i2.NvFielddropdownValueAccessor, typeof i2.NvFieldmultiselectValueAccessor, typeof i2.NvFieldnumberValueAccessor, typeof i2.NvFieldpasswordValueAccessor, typeof i2.NvFieldradioValueAccessor, typeof i2.NvFieldselectValueAccessor, typeof i2.NvFieldsliderValueAccessor, typeof i2.NvFieldtextValueAccessor, typeof i2.NvFieldtextareaValueAccessor, typeof i2.NvPopoverValueAccessor, typeof i2.NvToggleValueAccessor], never, [typeof i2.NvAlertValueAccessor, typeof i2.NvDialogValueAccessor, typeof i2.NvFieldcheckboxValueAccessor, typeof i2.NvFielddropdownValueAccessor, typeof i2.NvFieldmultiselectValueAccessor, typeof i2.NvFieldnumberValueAccessor, typeof i2.NvFieldpasswordValueAccessor, typeof i2.NvFieldradioValueAccessor, typeof i2.NvFieldselectValueAccessor, typeof i2.NvFieldsliderValueAccessor, typeof i2.NvFieldtextValueAccessor, typeof i2.NvFieldtextareaValueAccessor, typeof i2.NvPopoverValueAccessor, typeof i2.NvToggleValueAccessor]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NovaComponentsValueAccessorModule, [typeof i2.NvAlertValueAccessor, typeof i2.NvCalendarValueAccessor, typeof i2.NvDatagridValueAccessor, typeof i2.NvDialogValueAccessor, typeof i2.NvFieldcheckboxValueAccessor, typeof i2.NvFielddateValueAccessor, typeof i2.NvFielddaterangeValueAccessor, typeof i2.NvFielddropdownValueAccessor, typeof i2.NvFieldmultiselectValueAccessor, typeof i2.NvFieldnumberValueAccessor, typeof i2.NvFieldpasswordValueAccessor, typeof i2.NvFieldradioValueAccessor, typeof i2.NvFieldselectValueAccessor, typeof i2.NvFieldsliderValueAccessor, typeof i2.NvFieldtextValueAccessor, typeof i2.NvFieldtextareaValueAccessor, typeof i2.NvPopoverValueAccessor, typeof i2.NvToggleValueAccessor], never, [typeof i2.NvAlertValueAccessor, typeof i2.NvCalendarValueAccessor, typeof i2.NvDatagridValueAccessor, typeof i2.NvDialogValueAccessor, typeof i2.NvFieldcheckboxValueAccessor, typeof i2.NvFielddateValueAccessor, typeof i2.NvFielddaterangeValueAccessor, typeof i2.NvFielddropdownValueAccessor, typeof i2.NvFieldmultiselectValueAccessor, typeof i2.NvFieldnumberValueAccessor, typeof i2.NvFieldpasswordValueAccessor, typeof i2.NvFieldradioValueAccessor, typeof i2.NvFieldselectValueAccessor, typeof i2.NvFieldsliderValueAccessor, typeof i2.NvFieldtextValueAccessor, typeof i2.NvFieldtextareaValueAccessor, typeof i2.NvPopoverValueAccessor, typeof i2.NvToggleValueAccessor]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<NovaComponentsValueAccessorModule>;
 }

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

@@ -8,6 +8,20 @@ export declare class NvAlertValueAccessor extends ValueAccessor {
     static ɵfac: i0.ɵɵFactoryDeclaration<NvAlertValueAccessor, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<NvAlertValueAccessor, "nv-alert", never, {}, {}, never, never, false, never>;
 }
+export declare class NvCalendarValueAccessor extends ValueAccessor {
+    constructor(el: ElementRef);
+    handleValueChanged(event: any): void;
+    writeValue(value: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NvCalendarValueAccessor, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NvCalendarValueAccessor, "nv-calendar", never, {}, {}, never, never, false, never>;
+}
+export declare class NvDatagridValueAccessor extends ValueAccessor {
+    constructor(el: ElementRef);
+    handleStateChanged(event: any): void;
+    writeValue(value: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NvDatagridValueAccessor, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NvDatagridValueAccessor, "nv-datagrid", never, {}, {}, never, never, false, never>;
+}
 export declare class NvDialogValueAccessor extends ValueAccessor {
     constructor(el: ElementRef);
     handleOpenChanged(event: any): void;
@@ -22,6 +36,20 @@ export declare class NvFieldcheckboxValueAccessor extends ValueAccessor {
     static ɵfac: i0.ɵɵFactoryDeclaration<NvFieldcheckboxValueAccessor, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<NvFieldcheckboxValueAccessor, "nv-fieldcheckbox", never, {}, {}, never, never, false, never>;
 }
+export declare class NvFielddateValueAccessor extends ValueAccessor {
+    constructor(el: ElementRef);
+    handleValueChanged(event: any): void;
+    writeValue(value: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NvFielddateValueAccessor, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NvFielddateValueAccessor, "nv-fielddate", never, {}, {}, never, never, false, never>;
+}
+export declare class NvFielddaterangeValueAccessor extends ValueAccessor {
+    constructor(el: ElementRef);
+    handleValueChanged(event: any): void;
+    writeValue(value: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NvFielddaterangeValueAccessor, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NvFielddaterangeValueAccessor, "nv-fielddaterange", never, {}, {}, never, never, false, never>;
+}
 export declare class NvFielddropdownValueAccessor extends ValueAccessor {
     constructor(el: ElementRef);
     handleValueChanged(event: any): void;
@@ -99,4 +127,4 @@ export declare class NvToggleValueAccessor extends ValueAccessor {
     static ɵfac: i0.ɵɵFactoryDeclaration<NvToggleValueAccessor, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<NvToggleValueAccessor, "nv-toggle", never, {}, {}, never, never, false, never>;
 }
-export declare const VALUE_ACCESSORS: (typeof NvAlertValueAccessor | typeof NvDialogValueAccessor | typeof NvFieldcheckboxValueAccessor | typeof NvFielddropdownValueAccessor)[];
+export declare const VALUE_ACCESSORS: (typeof NvAlertValueAccessor | typeof NvCalendarValueAccessor | typeof NvDatagridValueAccessor | typeof NvDialogValueAccessor | typeof NvFieldcheckboxValueAccessor)[];

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

@@ -86,7 +86,7 @@ export declare class NvCalendar {
     protected el: HTMLNvCalendarElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<NvCalendar, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NvCalendar, "nv-calendar", never, { "dateFormat": { "alias": "dateFormat"; "required": false; }; "disabledDates": { "alias": "disabledDates"; "required": false; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "numberOfCalendars": { "alias": "numberOfCalendars"; "required": false; }; "rangeValue": { "alias": "rangeValue"; "required": false; }; "selectionType": { "alias": "selectionType"; "required": false; }; "shortcuts": { "alias": "shortcuts"; "required": false; }; "shortcutsPlacement": { "alias": "shortcutsPlacement"; "required": false; }; "showActions": { "alias": "showActions"; "required": false; }; "showWeekNumbers": { "alias": "showWeekNumbers"; "required": false; }; "singleValue": { "alias": "singleValue"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NvCalendar, "nv-calendar", never, { "dateFormat": { "alias": "dateFormat"; "required": false; }; "disabledDates": { "alias": "disabledDates"; "required": false; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "numberOfCalendars": { "alias": "numberOfCalendars"; "required": false; }; "rangeValue": { "alias": "rangeValue"; "required": false; }; "selectionType": { "alias": "selectionType"; "required": false; }; "shortcuts": { "alias": "shortcuts"; "required": false; }; "shortcutsPlacement": { "alias": "shortcutsPlacement"; "required": false; }; "showActions": { "alias": "showActions"; "required": false; }; "showWeekNumbers": { "alias": "showWeekNumbers"; "required": false; }; "singleValue": { "alias": "singleValue"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface NvCalendar extends Components.NvCalendar {
     /**
@@ -97,6 +97,10 @@ export declare interface NvCalendar extends Components.NvCalendar {
      * Emitted when a date range is selected
      */
     rangeDateChange: EventEmitter<CustomEvent<HTMLNvCalendarElement['rangeValue']>>;
+    /**
+     * Emitted when the unified value changes @bind value
+     */
+    valueChanged: EventEmitter<CustomEvent<string>>;
 }
 export declare class NvCol {
     protected z: NgZone;
@@ -112,7 +116,7 @@ export declare class NvDatagrid {
     protected el: HTMLNvDatagridElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<NvDatagrid, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NvDatagrid, "nv-datagrid", never, { "autoGenerateColumns": { "alias": "autoGenerateColumns"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "data": { "alias": "data"; "required": false; }; "enableGlobalFilter": { "alias": "enableGlobalFilter"; "required": false; }; "enablePagination": { "alias": "enablePagination"; "required": false; }; "enableRowSelection": { "alias": "enableRowSelection"; "required": false; }; "enableSorting": { "alias": "enableSorting"; "required": false; }; "fallbackValue": { "alias": "fallbackValue"; "required": false; }; "globalFilterPosition": { "alias": "globalFilterPosition"; "required": false; }; "noColumnsNoDataMessage": { "alias": "noColumnsNoDataMessage"; "required": false; }; "noDataMessage": { "alias": "noDataMessage"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "pageSizes": { "alias": "pageSizes"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NvDatagrid, "nv-datagrid", never, { "autoGenerateColumns": { "alias": "autoGenerateColumns"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "data": { "alias": "data"; "required": false; }; "enableGlobalFilter": { "alias": "enableGlobalFilter"; "required": false; }; "enablePagination": { "alias": "enablePagination"; "required": false; }; "enableRowSelection": { "alias": "enableRowSelection"; "required": false; }; "enableSorting": { "alias": "enableSorting"; "required": false; }; "fallbackValue": { "alias": "fallbackValue"; "required": false; }; "globalFilterPosition": { "alias": "globalFilterPosition"; "required": false; }; "noColumnsNoDataMessage": { "alias": "noColumnsNoDataMessage"; "required": false; }; "noDataMessage": { "alias": "noDataMessage"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "pageSizes": { "alias": "pageSizes"; "required": false; }; "state": { "alias": "state"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface NvDatagrid extends Components.NvDatagrid {
     /**
@@ -126,6 +130,20 @@ export declare interface NvDatagrid extends Components.NvDatagrid {
      * Emitted when the selection of the rows are changed.
      */
     selectedRows: EventEmitter<CustomEvent<any[]>>;
+    /**
+     * Emitted when the state is changed @bind state
+     */
+    stateChanged: EventEmitter<CustomEvent<{
+        globalFilterSearchTerm: string; /** * Pagination State */
+        paginationState: {
+            pageIndex: number; /** * Page Size */
+            pageSize: number;
+        }; /** * Sorting the columns */
+        sortingState: {
+            desc: boolean; /** * Column Id */
+            id: string;
+        }[];
+    }>>;
 }
 export declare class NvDatagridcolumn {
     protected z: NgZone;
@@ -197,11 +215,9 @@ export declare class NvFielddate {
 }
 export declare interface NvFielddate extends Components.NvFielddate {
     /**
-     * Emits an event when the date changes.
+     * Emitted when the value changes (unified value binding). @bind value
      */
-    dateChange: EventEmitter<CustomEvent<{
-        value: string;
-    }>>;
+    valueChanged: EventEmitter<CustomEvent<string>>;
 }
 export declare class NvFielddaterange {
     protected z: NgZone;
@@ -212,9 +228,13 @@ export declare class NvFielddaterange {
 }
 export declare interface NvFielddaterange extends Components.NvFielddaterange {
     /**
-     * Emits an event when the date range changes.
+     * Emitted when the date range changes.
      */
     dateRangeChange: EventEmitter<CustomEvent<HTMLNvCalendarElementEventMap['rangeDateChange']>>;
+    /**
+     * Emitted when the unified value changes @bind value
+     */
+    valueChanged: EventEmitter<CustomEvent<string>>;
 }
 export declare class NvFielddropdown {
     protected z: NgZone;
@@ -348,7 +368,7 @@ export declare interface NvFieldslider extends Components.NvFieldslider {
     /**
      * Emitted when the slider values change. @bind value
      */
-    valueChanged: EventEmitter<CustomEvent<string>>;
+    valueChanged: EventEmitter<CustomEvent<number[]>>;
 }
 export declare class NvFieldtext {
     protected z: NgZone;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nova-design-system/nova-angular-18",
-  "version": "3.2.0",
+  "version": "3.4.0",
   "description": "Nova is a design system created by Elia Group to empower creators to efficiently build solutions that people love to use.",
   "author": "Elia Group",
   "homepage": "https://nova.eliagroup.io",
@@ -15,7 +15,7 @@
     "build": "ng build",
     "watch": "ng build --watch --configuration development",
     "test": "ng test",
-    "clean": "rimraf dist .angular projects/nova-components/src/lib/stencil-generated projects/nova-components/src/stories",
+    "clean": "rimraf dist .angular projects/nova-components/src/lib/stencil-generated",
     "storybook": "ng run nova-components:storybook",
     "storybook.build": "ng run nova-components:storybook.build",
     "typecheck": "tsc --emitDeclarationOnly false --noEmit"