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

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

@@ -1,17 +1,17 @@
 import { ChangeDetectorRef, ElementRef, EventEmitter, NgZone } from '@angular/core';
 import { Components } from '@nova-design-system/nova-webcomponents';
-import type { DropdownItemSelectedEventDetail as INvFielddropdownDropdownItemSelectedEventDetail } from '@nova-design-system/nova-webcomponents';
-import type { DropdownItemSelectedEventDetail as INvFielddropdownitemDropdownItemSelectedEventDetail } from '@nova-design-system/nova-webcomponents';
-import type { DropdownItemSelectedEventDetail as INvFieldmultiselectDropdownItemSelectedEventDetail } 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 { ActionEvent as INvTableActionEvent } from '@nova-design-system/nova-webcomponents';
 import * as i0 from "@angular/core";
 export declare class NvAlert {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLNvAlertElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<NvAlert, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NvAlert, "nv-alert", never, { "color": { "alias": "color"; "required": false; }; "dismissible": { "alias": "dismissible"; "required": false; }; "feedback": { "alias": "feedback"; "required": false; }; "heading": { "alias": "heading"; "required": false; }; "hidden": { "alias": "hidden"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "message": { "alias": "message"; "required": false; }; "preventAutoClose": { "alias": "preventAutoClose"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NvAlert, "nv-alert", never, { "color": { "alias": "color"; "required": false; }; "dismissible": { "alias": "dismissible"; "required": false; }; "feedback": { "alias": "feedback"; "required": false; }; "hasNoAnimations": { "alias": "hasNoAnimations"; "required": false; }; "heading": { "alias": "heading"; "required": false; }; "hidden": { "alias": "hidden"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "message": { "alias": "message"; "required": false; }; "preventAutoClose": { "alias": "preventAutoClose"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface NvAlert extends Components.NvAlert {
     /**
@@ -30,7 +30,7 @@ export declare interface NvAlert extends Components.NvAlert {
 }
 export declare class NvAvatar {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLNvAvatarElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<NvAvatar, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<NvAvatar, "nv-avatar", never, { "alt": { "alias": "alt"; "required": false; }; "color": { "alias": "color"; "required": false; }; "initials": { "alias": "initials"; "required": false; }; "large": { "alias": "large"; "required": false; }; "medium": { "alias": "medium"; "required": false; }; "size": { "alias": "size"; "required": false; }; "small": { "alias": "small"; "required": false; }; "src": { "alias": "src"; "required": false; }; "text": { "alias": "text"; "required": false; }; "url": { "alias": "url"; "required": false; }; "xlarge": { "alias": "xlarge"; "required": false; }; "xsmall": { "alias": "xsmall"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -39,7 +39,7 @@ export declare interface NvAvatar extends Components.NvAvatar {
 }
 export declare class NvBadge {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLNvBadgeElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<NvBadge, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<NvBadge, "nv-badge", never, { "color": { "alias": "color"; "required": false; }; "dismissal": { "alias": "dismissal"; "required": false; }; "dismissible": { "alias": "dismissible"; "required": false; }; "hidden": { "alias": "hidden"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconLocation": { "alias": "iconLocation"; "required": false; }; "label": { "alias": "label"; "required": false; }; "leadIcon": { "alias": "leadIcon"; "required": false; }; "preventAutoClose": { "alias": "preventAutoClose"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -61,7 +61,7 @@ export declare interface NvBadge extends Components.NvBadge {
 }
 export declare class NvBase {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLNvBaseElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<NvBase, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<NvBase, "nv-base", never, {}, {}, never, ["*"], false, never>;
@@ -70,7 +70,7 @@ export declare interface NvBase extends Components.NvBase {
 }
 export declare class NvBreadcrumb {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLNvBreadcrumbElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<NvBreadcrumb, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<NvBreadcrumb, "nv-breadcrumb", never, { "current": { "alias": "current"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -79,7 +79,7 @@ export declare interface NvBreadcrumb extends Components.NvBreadcrumb {
 }
 export declare class NvBreadcrumbs {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLNvBreadcrumbsElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<NvBreadcrumbs, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<NvBreadcrumbs, "nv-breadcrumbs", never, {}, {}, never, ["*"], false, never>;
@@ -88,16 +88,33 @@ export declare interface NvBreadcrumbs extends Components.NvBreadcrumbs {
 }
 export declare class NvButton {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLNvButtonElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<NvButton, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NvButton, "nv-button", never, { "active": { "alias": "active"; "required": false; }; "danger": { "alias": "danger"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "emphasis": { "alias": "emphasis"; "required": false; }; "fluid": { "alias": "fluid"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "size": { "alias": "size"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NvButton, "nv-button", never, { "active": { "alias": "active"; "required": false; }; "danger": { "alias": "danger"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "emphasis": { "alias": "emphasis"; "required": false; }; "fluid": { "alias": "fluid"; "required": false; }; "form": { "alias": "form"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "size": { "alias": "size"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface NvButton extends Components.NvButton {
 }
+export declare class NvCalendar {
+    protected z: NgZone;
+    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>;
+}
+export declare interface NvCalendar extends Components.NvCalendar {
+    /**
+     * Emitted when a single date is selected
+     */
+    singleDateChange: EventEmitter<CustomEvent<string>>;
+    /**
+     * Emitted when a date range is selected
+     */
+    rangeDateChange: EventEmitter<CustomEvent<INvCalendarDateRange>>;
+}
 export declare class NvCol {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLNvColElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<NvCol, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<NvCol, "nv-col", never, { "size": { "alias": "size"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -106,64 +123,32 @@ export declare interface NvCol extends Components.NvCol {
 }
 export declare class NvDatagrid {
     protected z: NgZone;
-    protected el: HTMLElement;
+    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; }; "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; }; "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 {
-}
-export declare class NvDatagridbody {
-    protected z: NgZone;
-    protected el: HTMLElement;
-    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
-    static ɵfac: i0.ɵɵFactoryDeclaration<NvDatagridbody, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NvDatagridbody, "nv-datagridbody", never, {}, {}, never, ["*"], false, never>;
-}
-export declare interface NvDatagridbody extends Components.NvDatagridbody {
+    /**
+     * *************************************************************************
+     */
+    action: EventEmitter<CustomEvent<INvDatagridActionEvent>>;
 }
 export declare class NvDatagridcolumn {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLNvDatagridcolumnElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<NvDatagridcolumn, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<NvDatagridcolumn, "nv-datagridcolumn", never, { "accessor": { "alias": "accessor"; "required": false; }; "header": { "alias": "header"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface NvDatagridcolumn extends Components.NvDatagridcolumn {
 }
-export declare class NvDatagriddatacell {
-    protected z: NgZone;
-    protected el: HTMLElement;
-    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
-    static ɵfac: i0.ɵɵFactoryDeclaration<NvDatagriddatacell, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NvDatagriddatacell, "nv-datagriddatacell", never, { "accessor": { "alias": "accessor"; "required": false; }; }, {}, never, ["*"], false, never>;
-}
-export declare interface NvDatagriddatacell extends Components.NvDatagriddatacell {
-}
-export declare class NvDatagridhead {
-    protected z: NgZone;
-    protected el: HTMLElement;
-    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
-    static ɵfac: i0.ɵɵFactoryDeclaration<NvDatagridhead, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NvDatagridhead, "nv-datagridhead", never, {}, {}, never, ["*"], false, never>;
-}
-export declare interface NvDatagridhead extends Components.NvDatagridhead {
-}
-export declare class NvDatagridrow {
-    protected z: NgZone;
-    protected el: HTMLElement;
-    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
-    static ɵfac: i0.ɵɵFactoryDeclaration<NvDatagridrow, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NvDatagridrow, "nv-datagridrow", never, {}, {}, never, ["*"], false, never>;
-}
-export declare interface NvDatagridrow extends Components.NvDatagridrow {
-}
 export declare class NvDialog {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLNvDialogElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<NvDialog, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NvDialog, "nv-dialog", never, { "clickOutside": { "alias": "clickOutside"; "required": false; }; "controlled": { "alias": "controlled"; "required": false; }; "full": { "alias": "full"; "required": false; }; "manualFocus": { "alias": "manualFocus"; "required": false; }; "open": { "alias": "open"; "required": false; }; "undismissable": { "alias": "undismissable"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NvDialog, "nv-dialog", never, { "clickOutside": { "alias": "clickOutside"; "required": false; }; "controlled": { "alias": "controlled"; "required": false; }; "full": { "alias": "full"; "required": false; }; "open": { "alias": "open"; "required": false; }; "undismissable": { "alias": "undismissable"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface NvDialog extends Components.NvDialog {
     /**
@@ -173,10 +158,10 @@ export declare interface NvDialog extends Components.NvDialog {
 }
 export declare class NvDialogfooter {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLNvDialogfooterElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<NvDialogfooter, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NvDialogfooter, "nv-dialogfooter", never, { "cancelLabel": { "alias": "cancelLabel"; "required": false; }; "danger": { "alias": "danger"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "leadingIcon": { "alias": "leadingIcon"; "required": false; }; "submitLabel": { "alias": "submitLabel"; "required": false; }; "trailingIcon": { "alias": "trailingIcon"; "required": false; }; "undismissable": { "alias": "undismissable"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NvDialogfooter, "nv-dialogfooter", never, { "cancelLabel": { "alias": "cancelLabel"; "required": false; }; "danger": { "alias": "danger"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "leadingIcon": { "alias": "leadingIcon"; "required": false; }; "primaryButtonType": { "alias": "primaryButtonType"; "required": false; }; "primaryLabel": { "alias": "primaryLabel"; "required": false; }; "trailingIcon": { "alias": "trailingIcon"; "required": false; }; "undismissable": { "alias": "undismissable"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface NvDialogfooter extends Components.NvDialogfooter {
     /**
@@ -184,13 +169,13 @@ export declare interface NvDialogfooter extends Components.NvDialogfooter {
      */
     nvDialogCanceled: EventEmitter<CustomEvent<void>>;
     /**
-     * Emitted when the submit button is clicked. This allows to handle the submit action and potential data capture before closing the dialog.
+     * Emitted when the primary button is clicked. This allows to handle the primary action and potential data capture before closing the dialog.
      */
-    nvDialogConfirmed: EventEmitter<CustomEvent<void>>;
+    nvDialogPrimaryClicked: EventEmitter<CustomEvent<void>>;
 }
 export declare class NvDialogheader {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLNvDialogheaderElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<NvDialogheader, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<NvDialogheader, "nv-dialogheader", never, { "heading": { "alias": "heading"; "required": false; }; "subheading": { "alias": "subheading"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -199,10 +184,10 @@ export declare interface NvDialogheader extends Components.NvDialogheader {
 }
 export declare class NvFieldcheckbox {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLNvFieldcheckboxElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<NvFieldcheckbox, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NvFieldcheckbox, "nv-fieldcheckbox", never, { "checked": { "alias": "checked"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "error": { "alias": "error"; "required": false; }; "errorDescription": { "alias": "errorDescription"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelBefore": { "alias": "labelBefore"; "required": false; }; "labelPlacement": { "alias": "labelPlacement"; "required": false; }; "message": { "alias": "message"; "required": false; }; "name": { "alias": "name"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "validation": { "alias": "validation"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NvFieldcheckbox, "nv-fieldcheckbox", never, { "autofocus": { "alias": "autofocus"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "error": { "alias": "error"; "required": false; }; "errorDescription": { "alias": "errorDescription"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelBefore": { "alias": "labelBefore"; "required": false; }; "labelPlacement": { "alias": "labelPlacement"; "required": false; }; "message": { "alias": "message"; "required": false; }; "name": { "alias": "name"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "validation": { "alias": "validation"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface NvFieldcheckbox extends Components.NvFieldcheckbox {
     /**
@@ -212,37 +197,42 @@ export declare interface NvFieldcheckbox extends Components.NvFieldcheckbox {
 }
 export declare class NvFielddropdown {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLNvFielddropdownElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<NvFielddropdown, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NvFielddropdown, "nv-fielddropdown", never, { "autocomplete": { "alias": "autocomplete"; "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; }; "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<NvFielddropdown, "nv-fielddropdown", never, { "autocomplete": { "alias": "autocomplete"; "required": false; }; "autofocus": { "alias": "autofocus"; "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; }; "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 NvFielddropdown extends Components.NvFielddropdown {
-    /**
-     * Event emitted when an item is selected.
-     */
-    dropdownItemSelected: EventEmitter<CustomEvent<INvFielddropdownDropdownItemSelectedEventDetail>>;
     /**
      * Emitted when the input value changes. @bind value
      */
     valueChanged: EventEmitter<CustomEvent<string>>;
+    /**
+     * Event emitted when an item is clicked.
+     */
+    dropdownItemSelected: EventEmitter<CustomEvent<HTMLNvFielddropdownitemElementEventMap['dropdownItemSelected']>>;
 }
 export declare class NvFielddropdownitem {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLNvFielddropdownitemElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<NvFielddropdownitem, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<NvFielddropdownitem, "nv-fielddropdownitem", never, { "disabled": { "alias": "disabled"; "required": false; }; "label": { "alias": "label"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface NvFielddropdownitem extends Components.NvFielddropdownitem {
     /**
-     * Event emitted when an item is clicked.
+     * Event emitted when the dropdown item is selected.
      */
-    itemSelected: EventEmitter<CustomEvent<INvFielddropdownitemDropdownItemSelectedEventDetail>>;
+    dropdownItemSelected: EventEmitter<CustomEvent<{
+        label?: string; /** The value associated with the item. */
+        value: string; /** Indicates if the item is selected. */
+        selected: boolean; /** Disables the item, preventing any user interaction. */
+        disabled: boolean;
+    }>>;
 }
 export declare class NvFielddropdownitemcheck {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLNvFielddropdownitemcheckElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<NvFielddropdownitemcheck, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<NvFielddropdownitemcheck, "nv-fielddropdownitemcheck", never, { "checked": { "alias": "checked"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "group": { "alias": "group"; "required": false; }; "label": { "alias": "label"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -260,16 +250,12 @@ export declare interface NvFielddropdownitemcheck extends Components.NvFielddrop
 }
 export declare class NvFieldmultiselect {
     protected z: NgZone;
-    protected el: HTMLElement;
+    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; }; "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; }; "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>;
 }
 export declare interface NvFieldmultiselect extends Components.NvFieldmultiselect {
-    /**
-     * Event emitted when an item is selected.
-     */
-    dropdownItemSelected: EventEmitter<CustomEvent<INvFieldmultiselectDropdownItemSelectedEventDetail>>;
     /**
      * Emitted when the input value changes. @bind value
      */
@@ -282,10 +268,10 @@ export declare interface NvFieldmultiselect extends Components.NvFieldmultiselec
 }
 export declare class NvFieldnumber {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLNvFieldnumberElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<NvFieldnumber, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NvFieldnumber, "nv-fieldnumber", never, { "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "error": { "alias": "error"; "required": false; }; "errorDescription": { "alias": "errorDescription"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "label": { "alias": "label"; "required": false; }; "max": { "alias": "max"; "required": false; }; "message": { "alias": "message"; "required": false; }; "min": { "alias": "min"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "step": { "alias": "step"; "required": false; }; "success": { "alias": "success"; "required": false; }; "validation": { "alias": "validation"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NvFieldnumber, "nv-fieldnumber", never, { "autofocus": { "alias": "autofocus"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "error": { "alias": "error"; "required": false; }; "errorDescription": { "alias": "errorDescription"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "label": { "alias": "label"; "required": false; }; "max": { "alias": "max"; "required": false; }; "message": { "alias": "message"; "required": false; }; "min": { "alias": "min"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "step": { "alias": "step"; "required": false; }; "success": { "alias": "success"; "required": false; }; "validation": { "alias": "validation"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface NvFieldnumber extends Components.NvFieldnumber {
     /**
@@ -295,10 +281,10 @@ export declare interface NvFieldnumber extends Components.NvFieldnumber {
 }
 export declare class NvFieldpassword {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLNvFieldpasswordElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<NvFieldpassword, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NvFieldpassword, "nv-fieldpassword", never, { "autocomplete": { "alias": "autocomplete"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "error": { "alias": "error"; "required": false; }; "errorDescription": { "alias": "errorDescription"; "required": false; }; "hidePasswordIcon": { "alias": "hidePasswordIcon"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "label": { "alias": "label"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "minlength": { "alias": "minlength"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "name": { "alias": "name"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "showPassword": { "alias": "showPassword"; "required": false; }; "success": { "alias": "success"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NvFieldpassword, "nv-fieldpassword", never, { "autocomplete": { "alias": "autocomplete"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "error": { "alias": "error"; "required": false; }; "errorDescription": { "alias": "errorDescription"; "required": false; }; "hidePasswordIcon": { "alias": "hidePasswordIcon"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "label": { "alias": "label"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "minlength": { "alias": "minlength"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "name": { "alias": "name"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "showPassword": { "alias": "showPassword"; "required": false; }; "success": { "alias": "success"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface NvFieldpassword extends Components.NvFieldpassword {
     /**
@@ -308,10 +294,10 @@ export declare interface NvFieldpassword extends Components.NvFieldpassword {
 }
 export declare class NvFieldradio {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLNvFieldradioElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<NvFieldradio, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NvFieldradio, "nv-fieldradio", never, { "checked": { "alias": "checked"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "error": { "alias": "error"; "required": false; }; "errorDescription": { "alias": "errorDescription"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelBefore": { "alias": "labelBefore"; "required": false; }; "labelPlacement": { "alias": "labelPlacement"; "required": false; }; "message": { "alias": "message"; "required": false; }; "name": { "alias": "name"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NvFieldradio, "nv-fieldradio", never, { "autofocus": { "alias": "autofocus"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "error": { "alias": "error"; "required": false; }; "errorDescription": { "alias": "errorDescription"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelBefore": { "alias": "labelBefore"; "required": false; }; "labelPlacement": { "alias": "labelPlacement"; "required": false; }; "message": { "alias": "message"; "required": false; }; "name": { "alias": "name"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface NvFieldradio extends Components.NvFieldradio {
     /**
@@ -321,10 +307,10 @@ export declare interface NvFieldradio extends Components.NvFieldradio {
 }
 export declare class NvFieldselect {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLNvFieldselectElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<NvFieldselect, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NvFieldselect, "nv-fieldselect", never, { "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "displayValue": { "alias": "displayValue"; "required": false; }; "error": { "alias": "error"; "required": false; }; "errorDescription": { "alias": "errorDescription"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "label": { "alias": "label"; "required": false; }; "message": { "alias": "message"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "name": { "alias": "name"; "required": false; }; "options": { "alias": "options"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "success": { "alias": "success"; "required": false; }; "validation": { "alias": "validation"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NvFieldselect, "nv-fieldselect", never, { "autofocus": { "alias": "autofocus"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "displayValue": { "alias": "displayValue"; "required": false; }; "error": { "alias": "error"; "required": false; }; "errorDescription": { "alias": "errorDescription"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "label": { "alias": "label"; "required": false; }; "message": { "alias": "message"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "name": { "alias": "name"; "required": false; }; "options": { "alias": "options"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "success": { "alias": "success"; "required": false; }; "validation": { "alias": "validation"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface NvFieldselect extends Components.NvFieldselect {
     /**
@@ -334,10 +320,10 @@ export declare interface NvFieldselect extends Components.NvFieldselect {
 }
 export declare class NvFieldtext {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLNvFieldtextElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<NvFieldtext, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NvFieldtext, "nv-fieldtext", never, { "autocomplete": { "alias": "autocomplete"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "error": { "alias": "error"; "required": false; }; "errorDescription": { "alias": "errorDescription"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "label": { "alias": "label"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "message": { "alias": "message"; "required": false; }; "minlength": { "alias": "minlength"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "name": { "alias": "name"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "success": { "alias": "success"; "required": false; }; "textInputType": { "alias": "textInputType"; "required": false; }; "type": { "alias": "type"; "required": false; }; "validation": { "alias": "validation"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NvFieldtext, "nv-fieldtext", never, { "autocomplete": { "alias": "autocomplete"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "error": { "alias": "error"; "required": false; }; "errorDescription": { "alias": "errorDescription"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "label": { "alias": "label"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "message": { "alias": "message"; "required": false; }; "minlength": { "alias": "minlength"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "name": { "alias": "name"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "success": { "alias": "success"; "required": false; }; "textInputType": { "alias": "textInputType"; "required": false; }; "type": { "alias": "type"; "required": false; }; "validation": { "alias": "validation"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface NvFieldtext extends Components.NvFieldtext {
     /**
@@ -347,10 +333,10 @@ export declare interface NvFieldtext extends Components.NvFieldtext {
 }
 export declare class NvFieldtextarea {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLNvFieldtextareaElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<NvFieldtextarea, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NvFieldtextarea, "nv-fieldtextarea", never, { "autosize": { "alias": "autosize"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "error": { "alias": "error"; "required": false; }; "errorDescription": { "alias": "errorDescription"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "label": { "alias": "label"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "message": { "alias": "message"; "required": false; }; "minlength": { "alias": "minlength"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "resize": { "alias": "resize"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "success": { "alias": "success"; "required": false; }; "validation": { "alias": "validation"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NvFieldtextarea, "nv-fieldtextarea", never, { "autofocus": { "alias": "autofocus"; "required": false; }; "autosize": { "alias": "autosize"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "error": { "alias": "error"; "required": false; }; "errorDescription": { "alias": "errorDescription"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "label": { "alias": "label"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "message": { "alias": "message"; "required": false; }; "minlength": { "alias": "minlength"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "resize": { "alias": "resize"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "success": { "alias": "success"; "required": false; }; "validation": { "alias": "validation"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface NvFieldtextarea extends Components.NvFieldtextarea {
     /**
@@ -360,10 +346,10 @@ export declare interface NvFieldtextarea extends Components.NvFieldtextarea {
 }
 export declare class NvFieldtime {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLNvFieldtimeElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<NvFieldtime, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NvFieldtime, "nv-fieldtime", never, { "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "error": { "alias": "error"; "required": false; }; "errorDescription": { "alias": "errorDescription"; "required": false; }; "format": { "alias": "format"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "label": { "alias": "label"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "name": { "alias": "name"; "required": false; }; "open": { "alias": "open"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "step": { "alias": "step"; "required": false; }; "success": { "alias": "success"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NvFieldtime, "nv-fieldtime", never, { "autofocus": { "alias": "autofocus"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "error": { "alias": "error"; "required": false; }; "errorDescription": { "alias": "errorDescription"; "required": false; }; "format": { "alias": "format"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "label": { "alias": "label"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "name": { "alias": "name"; "required": false; }; "open": { "alias": "open"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "step": { "alias": "step"; "required": false; }; "success": { "alias": "success"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface NvFieldtime extends Components.NvFieldtime {
     /**
@@ -374,7 +360,7 @@ export declare interface NvFieldtime extends Components.NvFieldtime {
 }
 export declare class NvIcon {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLNvIconElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<NvIcon, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<NvIcon, "nv-icon", never, { "color": { "alias": "color"; "required": false; }; "large": { "alias": "large"; "required": false; }; "medium": { "alias": "medium"; "required": false; }; "name": { "alias": "name"; "required": false; }; "size": { "alias": "size"; "required": false; }; "small": { "alias": "small"; "required": false; }; "xlarge": { "alias": "xlarge"; "required": false; }; "xsmall": { "alias": "xsmall"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -383,7 +369,7 @@ export declare interface NvIcon extends Components.NvIcon {
 }
 export declare class NvIconbutton {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLNvIconbuttonElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<NvIconbutton, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<NvIconbutton, "nv-iconbutton", never, { "active": { "alias": "active"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "emphasis": { "alias": "emphasis"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "name": { "alias": "name"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "size": { "alias": "size"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -392,7 +378,7 @@ export declare interface NvIconbutton extends Components.NvIconbutton {
 }
 export declare class NvLoader {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLNvLoaderElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<NvLoader, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<NvLoader, "nv-loader", never, { "color": { "alias": "color"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -401,7 +387,7 @@ export declare interface NvLoader extends Components.NvLoader {
 }
 export declare class NvMenu {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLNvMenuElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<NvMenu, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<NvMenu, "nv-menu", never, { "disableCloseOnSelect": { "alias": "disableCloseOnSelect"; "required": false; }; "items": { "alias": "items"; "required": false; }; "nested": { "alias": "nested"; "required": false; }; "open": { "alias": "open"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -416,7 +402,7 @@ export declare interface NvMenu extends Components.NvMenu {
 }
 export declare class NvMenuitem {
     protected z: NgZone;
-    protected el: HTMLElement;
+    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>;
@@ -430,7 +416,7 @@ export declare interface NvMenuitem extends Components.NvMenuitem {
 }
 export declare class NvPopover {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLNvPopoverElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<NvPopover, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<NvPopover, "nv-popover", never, { "disableFlip": { "alias": "disableFlip"; "required": false; }; "enterDelay": { "alias": "enterDelay"; "required": false; }; "groupName": { "alias": "groupName"; "required": false; }; "hasArrow": { "alias": "hasArrow"; "required": false; }; "nested": { "alias": "nested"; "required": false; }; "offset": { "alias": "offset"; "required": false; }; "open": { "alias": "open"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "shiftPadding": { "alias": "shiftPadding"; "required": false; }; "triggerMode": { "alias": "triggerMode"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -443,7 +429,7 @@ export declare interface NvPopover extends Components.NvPopover {
 }
 export declare class NvRow {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLNvRowElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<NvRow, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<NvRow, "nv-row", never, {}, {}, never, ["*"], false, never>;
@@ -452,7 +438,7 @@ export declare interface NvRow extends Components.NvRow {
 }
 export declare class NvStack {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLNvStackElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<NvStack, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<NvStack, "nv-stack", never, { "fill": { "alias": "fill"; "required": false; }; "flex": { "alias": "flex"; "required": false; }; "full": { "alias": "full"; "required": false; }; "gutter": { "alias": "gutter"; "required": false; }; "vertical": { "alias": "vertical"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -461,61 +447,29 @@ export declare interface NvStack extends Components.NvStack {
 }
 export declare class NvTable {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLNvTableElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<NvTable, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NvTable, "nv-table", never, { "columns": { "alias": "columns"; "required": false; }; "columnsJson": { "alias": "columnsJson"; "required": false; }; "data": { "alias": "data"; "required": false; }; "dataJson": { "alias": "dataJson"; "required": false; }; "noColumnsNoDataMessage": { "alias": "noColumnsNoDataMessage"; "required": false; }; "noDataMessage": { "alias": "noDataMessage"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NvTable, "nv-table", never, { "columnsConfig": { "alias": "columnsConfig"; "required": false; }; "columnsConfigJson": { "alias": "columnsConfigJson"; "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>;
 }
 export declare interface NvTable extends Components.NvTable {
-}
-export declare class NvTablebody {
-    protected z: NgZone;
-    protected el: HTMLElement;
-    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
-    static ɵfac: i0.ɵɵFactoryDeclaration<NvTablebody, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NvTablebody, "nv-tablebody", never, {}, {}, never, ["*"], false, never>;
-}
-export declare interface NvTablebody extends Components.NvTablebody {
+    /**
+     * *************************************************************************
+     */
+    action: EventEmitter<CustomEvent<INvTableActionEvent>>;
 }
 export declare class NvTablecolumn {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLNvTablecolumnElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<NvTablecolumn, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NvTablecolumn, "nv-tablecolumn", never, { "abbr": { "alias": "abbr"; "required": false; }; "colspan": { "alias": "colspan"; "required": false; }; "headers": { "alias": "headers"; "required": false; }; "rowspan": { "alias": "rowspan"; "required": false; }; "scope": { "alias": "scope"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NvTablecolumn, "nv-tablecolumn", never, { "header": { "alias": "header"; "required": false; }; "name": { "alias": "name"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface NvTablecolumn extends Components.NvTablecolumn {
 }
-export declare class NvTabledatacell {
-    protected z: NgZone;
-    protected el: HTMLElement;
-    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
-    static ɵfac: i0.ɵɵFactoryDeclaration<NvTabledatacell, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NvTabledatacell, "nv-tabledatacell", never, { "colspan": { "alias": "colspan"; "required": false; }; "headers": { "alias": "headers"; "required": false; }; "rowspan": { "alias": "rowspan"; "required": false; }; }, {}, never, ["*"], false, never>;
-}
-export declare interface NvTabledatacell extends Components.NvTabledatacell {
-}
-export declare class NvTablehead {
-    protected z: NgZone;
-    protected el: HTMLElement;
-    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
-    static ɵfac: i0.ɵɵFactoryDeclaration<NvTablehead, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NvTablehead, "nv-tablehead", never, {}, {}, never, ["*"], false, never>;
-}
-export declare interface NvTablehead extends Components.NvTablehead {
-}
-export declare class NvTablerow {
-    protected z: NgZone;
-    protected el: HTMLElement;
-    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
-    static ɵfac: i0.ɵɵFactoryDeclaration<NvTablerow, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NvTablerow, "nv-tablerow", never, {}, {}, never, ["*"], false, never>;
-}
-export declare interface NvTablerow extends Components.NvTablerow {
-}
 export declare class NvToggle {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLNvToggleElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<NvToggle, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<NvToggle, "nv-toggle", never, { "checked": { "alias": "checked"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelPlacement": { "alias": "labelPlacement"; "required": false; }; "name": { "alias": "name"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -528,7 +482,7 @@ export declare interface NvToggle extends Components.NvToggle {
 }
 export declare class NvTooltip {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLNvTooltipElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<NvTooltip, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<NvTooltip, "nv-tooltip", never, { "enterDelay": { "alias": "enterDelay"; "required": false; }; "message": { "alias": "message"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; }, {}, never, ["*"], false, never>;