@nova-design-system/nova-angular-18 3.0.0-beta.40 → 3.0.0-beta.42

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

@@ -10,7 +10,7 @@ import * as i2 from "./stencil-generated/component-value-accessors";
 export declare function provideNovaComponents(): Provider;
 export declare class NovaComponentsModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<NovaComponentsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<NovaComponentsModule, [typeof i1.NvAlert, typeof i1.NvAvatar, typeof i1.NvBadge, typeof i1.NvBase, typeof i1.NvBreadcrumb, typeof i1.NvBreadcrumbs, typeof i1.NvButton, typeof i1.NvCalendar, typeof i1.NvCol, typeof i1.NvDatagrid, typeof i1.NvDatagridcolumn, typeof i1.NvDialog, typeof i1.NvDialogfooter, typeof i1.NvDialogheader, typeof i1.NvFieldcheckbox, typeof i1.NvFielddropdown, typeof i1.NvFielddropdownitem, typeof i1.NvFielddropdownitemcheck, typeof i1.NvFieldmultiselect, typeof i1.NvFieldnumber, typeof i1.NvFieldpassword, typeof i1.NvFieldradio, typeof i1.NvFieldselect, typeof i1.NvFieldtext, typeof i1.NvFieldtextarea, typeof i1.NvFieldtime, typeof i1.NvIcon, typeof i1.NvIconbutton, typeof i1.NvLoader, typeof i1.NvMenu, typeof i1.NvMenuitem, typeof i1.NvPopover, typeof i1.NvRow, typeof i1.NvStack, typeof i1.NvTable, typeof i1.NvTablecolumn, typeof i1.NvToggle, typeof i1.NvTooltip], never, [typeof i1.NvAlert, typeof i1.NvAvatar, typeof i1.NvBadge, typeof i1.NvBase, typeof i1.NvBreadcrumb, typeof i1.NvBreadcrumbs, typeof i1.NvButton, typeof i1.NvCalendar, typeof i1.NvCol, typeof i1.NvDatagrid, typeof i1.NvDatagridcolumn, typeof i1.NvDialog, typeof i1.NvDialogfooter, typeof i1.NvDialogheader, typeof i1.NvFieldcheckbox, typeof i1.NvFielddropdown, typeof i1.NvFielddropdownitem, typeof i1.NvFielddropdownitemcheck, typeof i1.NvFieldmultiselect, typeof i1.NvFieldnumber, typeof i1.NvFieldpassword, typeof i1.NvFieldradio, typeof i1.NvFieldselect, typeof i1.NvFieldtext, typeof i1.NvFieldtextarea, typeof i1.NvFieldtime, typeof i1.NvIcon, typeof i1.NvIconbutton, typeof i1.NvLoader, typeof i1.NvMenu, typeof i1.NvMenuitem, typeof i1.NvPopover, typeof i1.NvRow, typeof i1.NvStack, typeof i1.NvTable, typeof i1.NvTablecolumn, typeof i1.NvToggle, typeof i1.NvTooltip]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NovaComponentsModule, [typeof i1.NvAlert, typeof i1.NvAvatar, typeof i1.NvBadge, typeof i1.NvBase, typeof i1.NvBreadcrumb, typeof i1.NvBreadcrumbs, typeof i1.NvButton, typeof i1.NvCalendar, typeof i1.NvCol, typeof i1.NvDatagrid, typeof i1.NvDatagridcolumn, typeof i1.NvDialog, typeof i1.NvDialogfooter, typeof i1.NvDialogheader, typeof i1.NvFieldcheckbox, typeof i1.NvFielddate, typeof i1.NvFielddaterange, typeof i1.NvFielddropdown, typeof i1.NvFielddropdownitem, typeof i1.NvFielddropdownitemcheck, typeof i1.NvFieldmultiselect, typeof i1.NvFieldnumber, typeof i1.NvFieldpassword, typeof i1.NvFieldradio, typeof i1.NvFieldselect, typeof i1.NvFieldtext, typeof i1.NvFieldtextarea, typeof i1.NvFieldtime, typeof i1.NvIcon, typeof i1.NvIconbutton, typeof i1.NvLoader, typeof i1.NvMenu, typeof i1.NvMenuitem, typeof i1.NvPopover, typeof i1.NvRow, typeof i1.NvStack, typeof i1.NvTable, typeof i1.NvTablecolumn, typeof i1.NvToggle, typeof i1.NvTooltip], never, [typeof i1.NvAlert, typeof i1.NvAvatar, typeof i1.NvBadge, typeof i1.NvBase, typeof i1.NvBreadcrumb, typeof i1.NvBreadcrumbs, typeof i1.NvButton, typeof i1.NvCalendar, typeof i1.NvCol, typeof i1.NvDatagrid, typeof i1.NvDatagridcolumn, typeof i1.NvDialog, typeof i1.NvDialogfooter, typeof i1.NvDialogheader, typeof i1.NvFieldcheckbox, typeof i1.NvFielddate, typeof i1.NvFielddaterange, typeof i1.NvFielddropdown, typeof i1.NvFielddropdownitem, typeof i1.NvFielddropdownitemcheck, typeof i1.NvFieldmultiselect, typeof i1.NvFieldnumber, typeof i1.NvFieldpassword, typeof i1.NvFieldradio, typeof i1.NvFieldselect, typeof i1.NvFieldtext, typeof i1.NvFieldtextarea, typeof i1.NvFieldtime, typeof i1.NvIcon, typeof i1.NvIconbutton, typeof i1.NvLoader, typeof i1.NvMenu, typeof i1.NvMenuitem, typeof i1.NvPopover, typeof i1.NvRow, typeof i1.NvStack, typeof i1.NvTable, typeof i1.NvTablecolumn, typeof i1.NvToggle, typeof i1.NvTooltip]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<NovaComponentsModule>;
 }
 export declare class NovaComponentsValueAccessorModule {

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

@@ -2,8 +2,7 @@ import { ChangeDetectorRef, ElementRef, EventEmitter, NgZone } from '@angular/co
 import { Components } from '@nova-design-system/nova-webcomponents';
 import type { DateRange as INvCalendarDateRange } from '@nova-design-system/nova-webcomponents';
 import type { ActionEvent as INvDatagridActionEvent } from '@nova-design-system/nova-webcomponents';
-import type { MenuitemSelectedEventDetail as INvMenuMenuitemSelectedEventDetail } from '@nova-design-system/nova-webcomponents';
-import type { MenuitemSelectedEventDetail as INvMenuitemMenuitemSelectedEventDetail } from '@nova-design-system/nova-webcomponents';
+import type { DateRange as INvFielddaterangeDateRange } from '@nova-design-system/nova-webcomponents';
 import type { ActionEvent as INvTableActionEvent } from '@nova-design-system/nova-webcomponents';
 import * as i0 from "@angular/core";
 export declare class NvAlert {
@@ -126,11 +125,11 @@ 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, { "columns": { "alias": "columns"; "required": false; }; "columnsJson": { "alias": "columnsJson"; "required": false; }; "data": { "alias": "data"; "required": false; }; "dataJson": { "alias": "dataJson"; "required": false; }; "fallbackValue": { "alias": "fallbackValue"; "required": false; }; "noColumnsNoDataMessage": { "alias": "noColumnsNoDataMessage"; "required": false; }; "noDataMessage": { "alias": "noDataMessage"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NvDatagrid, "nv-datagrid", never, { "columns": { "alias": "columns"; "required": false; }; "columnsJson": { "alias": "columnsJson"; "required": false; }; "data": { "alias": "data"; "required": false; }; "dataJson": { "alias": "dataJson"; "required": false; }; "enableGlobalFilter": { "alias": "enableGlobalFilter"; "required": false; }; "fallbackValue": { "alias": "fallbackValue"; "required": false; }; "noColumnsNoDataMessage": { "alias": "noColumnsNoDataMessage"; "required": false; }; "noDataMessage": { "alias": "noDataMessage"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface NvDatagrid extends Components.NvDatagrid {
     /**
-     * *************************************************************************
+     * Emitted when an action is triggered on a cell.
      */
     action: EventEmitter<CustomEvent<INvDatagridActionEvent>>;
 }
@@ -195,6 +194,34 @@ export declare interface NvFieldcheckbox extends Components.NvFieldcheckbox {
      */
     checkedChanged: EventEmitter<CustomEvent<boolean>>;
 }
+export declare class NvFielddate {
+    protected z: NgZone;
+    protected el: HTMLNvFielddateElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<NvFielddate, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NvFielddate, "nv-fielddate", never, { "autofocus": { "alias": "autofocus"; "required": false; }; "dateFormat": { "alias": "dateFormat"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "disabledDates": { "alias": "disabledDates"; "required": false; }; "error": { "alias": "error"; "required": false; }; "errorDescription": { "alias": "errorDescription"; "required": false; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "label": { "alias": "label"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "name": { "alias": "name"; "required": false; }; "numberOfCalendars": { "alias": "numberOfCalendars"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "shortcuts": { "alias": "shortcuts"; "required": false; }; "shortcutsPlacement": { "alias": "shortcutsPlacement"; "required": false; }; "showActions": { "alias": "showActions"; "required": false; }; "showWeekNumbers": { "alias": "showWeekNumbers"; "required": false; }; "success": { "alias": "success"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
+}
+export declare interface NvFielddate extends Components.NvFielddate {
+    /**
+     * Emits an event when the date changes.
+     */
+    dateChange: EventEmitter<CustomEvent<{
+        value: string;
+    }>>;
+}
+export declare class NvFielddaterange {
+    protected z: NgZone;
+    protected el: HTMLNvFielddaterangeElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<NvFielddaterange, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NvFielddaterange, "nv-fielddaterange", never, { "dateFormat": { "alias": "dateFormat"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "disabledDates": { "alias": "disabledDates"; "required": false; }; "endInputId": { "alias": "endInputId"; "required": false; }; "endName": { "alias": "endName"; "required": false; }; "endPlaceholder": { "alias": "endPlaceholder"; "required": false; }; "error": { "alias": "error"; "required": false; }; "errorDescription": { "alias": "errorDescription"; "required": false; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; }; "label": { "alias": "label"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "numberOfCalendars": { "alias": "numberOfCalendars"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "shortcuts": { "alias": "shortcuts"; "required": false; }; "shortcutsPlacement": { "alias": "shortcutsPlacement"; "required": false; }; "shouldAutoFocus": { "alias": "shouldAutoFocus"; "required": false; }; "showActions": { "alias": "showActions"; "required": false; }; "showWeekNumbers": { "alias": "showWeekNumbers"; "required": false; }; "startInputId": { "alias": "startInputId"; "required": false; }; "startName": { "alias": "startName"; "required": false; }; "startPlaceholder": { "alias": "startPlaceholder"; "required": false; }; "success": { "alias": "success"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
+}
+export declare interface NvFielddaterange extends Components.NvFielddaterange {
+    /**
+     * Emits an event when the date range changes.
+     */
+    dateRangeChange: EventEmitter<CustomEvent<INvFielddaterangeDateRange>>;
+}
 export declare class NvFielddropdown {
     protected z: NgZone;
     protected el: HTMLNvFielddropdownElement;
@@ -253,7 +280,7 @@ export declare class NvFieldmultiselect {
     protected el: HTMLNvFieldmultiselectElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<NvFieldmultiselect, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NvFieldmultiselect, "nv-fieldmultiselect", never, { "autocomplete": { "alias": "autocomplete"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "badgeLabel": { "alias": "badgeLabel"; "required": false; }; "debounceDelay": { "alias": "debounceDelay"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "emptyResult": { "alias": "emptyResult"; "required": false; }; "error": { "alias": "error"; "required": false; }; "errorDescription": { "alias": "errorDescription"; "required": false; }; "filterable": { "alias": "filterable"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "label": { "alias": "label"; "required": false; }; "maxHeight": { "alias": "maxHeight"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "name": { "alias": "name"; "required": false; }; "open": { "alias": "open"; "required": false; }; "options": { "alias": "options"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NvFieldmultiselect, "nv-fieldmultiselect", never, { "autocomplete": { "alias": "autocomplete"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "badgeLabel": { "alias": "badgeLabel"; "required": false; }; "debounceDelay": { "alias": "debounceDelay"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "emptyResult": { "alias": "emptyResult"; "required": false; }; "error": { "alias": "error"; "required": false; }; "errorDescription": { "alias": "errorDescription"; "required": false; }; "filterable": { "alias": "filterable"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "label": { "alias": "label"; "required": false; }; "maxHeight": { "alias": "maxHeight"; "required": false; }; "name": { "alias": "name"; "required": false; }; "open": { "alias": "open"; "required": false; }; "options": { "alias": "options"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface NvFieldmultiselect extends Components.NvFieldmultiselect {
     /**
@@ -398,21 +425,25 @@ export declare interface NvMenu extends Components.NvMenu {
   selected (via click or keyboard). This event listener can be attached to
   either the nv-menu or the nv-menuitem element.
      */
-    menuitemSelected: EventEmitter<CustomEvent<INvMenuMenuitemSelectedEventDetail>>;
+    menuitemSelected: EventEmitter<CustomEvent<HTMLNvMenuitemElementEventMap['menuitemSelected']>>;
 }
 export declare class NvMenuitem {
     protected z: NgZone;
     protected el: HTMLNvMenuitemElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<NvMenuitem, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NvMenuitem, "nv-menuitem", never, { "disabled": { "alias": "disabled"; "required": false; }; "hasSubmenu": { "alias": "hasSubmenu"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "name": { "alias": "name"; "required": false; }; "shortcut": { "alias": "shortcut"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NvMenuitem, "nv-menuitem", never, { "disabled": { "alias": "disabled"; "required": false; }; "hasSubmenu": { "alias": "hasSubmenu"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "label": { "alias": "label"; "required": false; }; "name": { "alias": "name"; "required": false; }; "shortcut": { "alias": "shortcut"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface NvMenuitem extends Components.NvMenuitem {
     /**
      * Fires when the menu item is selected (click or keypress). Will include the
   id and name of the menu item.
      */
-    menuitemSelected: EventEmitter<CustomEvent<INvMenuitemMenuitemSelectedEventDetail>>;
+    menuitemSelected: EventEmitter<CustomEvent<{
+        id?: HTMLElement['id']; /** * The name of the menu item that was selected. */
+        name?: string; /** * Indicates if the menu item has a nested submenu. */
+        hasSubmenu?: boolean;
+    }>>;
 }
 export declare class NvPopover {
     protected z: NgZone;

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

@@ -1,2 +1,2 @@
 import * as d from './components';
-export declare const DIRECTIVES: (typeof d.NvAlert | typeof d.NvAvatar | typeof d.NvBadge | typeof d.NvBase | typeof d.NvBreadcrumb | typeof d.NvBreadcrumbs | typeof d.NvButton | typeof d.NvCalendar | typeof d.NvCol | typeof d.NvDatagrid | typeof d.NvDatagridcolumn | typeof d.NvDialog | typeof d.NvDialogfooter | typeof d.NvDialogheader | typeof d.NvFieldcheckbox | typeof d.NvFielddropdown | typeof d.NvFielddropdownitem | typeof d.NvFielddropdownitemcheck | typeof d.NvFieldmultiselect | typeof d.NvFieldnumber | typeof d.NvFieldpassword | typeof d.NvFieldradio | typeof d.NvFieldselect | typeof d.NvFieldtext | typeof d.NvFieldtextarea | typeof d.NvFieldtime | typeof d.NvIcon | typeof d.NvIconbutton | typeof d.NvLoader | typeof d.NvMenu | typeof d.NvMenuitem | typeof d.NvPopover | typeof d.NvRow | typeof d.NvStack | typeof d.NvTable | typeof d.NvTablecolumn | typeof d.NvToggle | typeof d.NvTooltip)[];
+export declare const DIRECTIVES: (typeof d.NvAlert | typeof d.NvAvatar | typeof d.NvBadge | typeof d.NvBase | typeof d.NvBreadcrumb | typeof d.NvBreadcrumbs | typeof d.NvButton | typeof d.NvCalendar | typeof d.NvCol | typeof d.NvDatagrid | typeof d.NvDatagridcolumn | typeof d.NvDialog | typeof d.NvDialogfooter | typeof d.NvDialogheader | typeof d.NvFieldcheckbox | typeof d.NvFielddate | typeof d.NvFielddaterange | typeof d.NvFielddropdown | typeof d.NvFielddropdownitem | typeof d.NvFielddropdownitemcheck | typeof d.NvFieldmultiselect | typeof d.NvFieldnumber | typeof d.NvFieldpassword | typeof d.NvFieldradio | typeof d.NvFieldselect | typeof d.NvFieldtext | typeof d.NvFieldtextarea | typeof d.NvFieldtime | typeof d.NvIcon | typeof d.NvIconbutton | typeof d.NvLoader | typeof d.NvMenu | typeof d.NvMenuitem | typeof d.NvPopover | typeof d.NvRow | typeof d.NvStack | typeof d.NvTable | typeof d.NvTablecolumn | typeof d.NvToggle | typeof d.NvTooltip)[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nova-design-system/nova-angular-18",
-  "version": "3.0.0-beta.40",
+  "version": "3.0.0-beta.42",
   "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",