@nova-design-system/nova-webcomponents 3.0.0-beta.44 → 3.0.0-beta.46

package/dist/native/{p-870d5a5c.entry.js → p-e4f84faa.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as r,h as o,a as t,g as i}from"./p-ab002252.js";import{v as n}from"./p-f5ff676c.js";const d='nv-fieldtext{--nv-field-border-default:var(--components-form-field-border-default);--nv-field-border-hover:var(--components-form-field-border-hover);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--components-form-field-border-default);--nv-field-border-readonly:var(--components-form-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-brand);--nv-field-background:var(--components-form-field-background-default);display:flex;flex-direction:column;align-items:flex-start;gap:var(--form-gap-y);box-sizing:border-box}nv-fieldtext[readonly]:not([readonly=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fieldtext[error]:not([error=false]){--nv-field-border-default:var(--components-form-field-border-error);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-destructive)}nv-fieldtext[success]:not([success=false]){--nv-field-border-default:var(--components-form-field-border-success);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-success)}nv-fieldtext[required]:not([required=false]) label::after{content:"*";color:var(--components-form-text-required);font-weight:700}nv-fieldtext>label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:"TT Norms Pro", sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:500;line-height:var(--form-label-line-height)}nv-fieldtext>.input-wrapper{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch}nv-fieldtext>.input-wrapper .input-container{display:flex;flex-grow:1;justify-content:center;align-items:center;align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default, 1);background:var(--nv-field-background);transition:all 150ms ease-out}nv-fieldtext>.input-wrapper .input-container:hover{border-color:var(--nv-field-border-hover)}nv-fieldtext>.input-wrapper .input-container:focus-within,nv-fieldtext>.input-wrapper .input-container:focus-within:hover,nv-fieldtext>.input-wrapper .input-container:focus,nv-fieldtext>.input-wrapper .input-container:focus:hover{border-color:var(--nv-field-border-focus);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fieldtext>.input-wrapper .input-container:has(input:read-only){opacity:0.5;background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fieldtext>.input-wrapper .input-container:has(input:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fieldtext>.input-wrapper .input-container input{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);padding:var(--form-field-padding-y) var(--form-field-padding-x);font-size:var(--form-field-font-size);font-style:normal;font-weight:500;line-height:var(--form-field-line-height)}nv-fieldtext>.input-wrapper .input-container input:focus{outline:none}nv-fieldtext>.input-wrapper .input-container input::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:"TT Norms Pro", sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:400;line-height:var(--form-field-line-height)}nv-fieldtext>.input-wrapper .input-container nv-icon.validation{color:var(--nv-field-border-default);margin-right:var(--form-gap-x)}nv-fieldtext>.description{align-self:stretch;color:var(--components-form-text-description-default);font-family:"TT Norms Pro", sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fieldtext>.error-description{align-self:stretch;color:var(--components-form-text-description-default);font-family:"TT Norms Pro", sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}';const a=d;const l=class{constructor(o){e(this,o);this.valueChanged=r(this,"valueChanged",7);this.inputId=n();this.type="text";this.disabled=false;this.readonly=false;this.required=false;this.error=false;this.success=false;this.multiple=false;this.autofocus=false;this.handleInput=e=>{const r=e.target;this.value=r.value;this.valueChanged.emit(r.value)};this.handleInputContainerClick=()=>{this.inputElement.focus()}}componentWillRender(){if(this.textInputType){this.type=this.textInputType}if(this.message){this.description=this.message}if(this.validation){this.errorDescription=this.validation;this.error=true}}render(){return o(t,{key:"322d1e58130e04d69a5f14343fc5325c299e7d74"},(this.label||this.el.querySelector('[slot="label"]'))&&o("label",{key:"12cc27c3d8e7791db20ba39be84a261708ac1b81",htmlFor:this.inputId},o("slot",{key:"01cbeb48a79294d3c10283891fcdd68fce8b5597",name:"label"},this.label)),o("div",{key:"d13eccee6cb016d49b9e2bba0a6333ea9ddb7cb0",class:"input-wrapper"},o("slot",{key:"af2ffdddf6f9ae4f1af16a1710a0f829ef30196c",name:"before-input"}),o("div",{key:"b598d6b8709bd56051b25a12705a3b785cc5c7d5",class:"input-container",onClick:this.handleInputContainerClick},o("slot",{key:"c3006ed040dee98b443467e5d4a081fb4404efd8",name:"leading-input"}),o("input",{key:"057f8836541e78d465083174ec029ed9ba56d950",id:this.inputId,ref:e=>this.inputElement=e,placeholder:this.placeholder,name:this.name,type:this.type,disabled:this.disabled,readOnly:this.readonly,required:this.required,maxlength:this.maxlength,minlength:this.minlength,pattern:this.pattern,autofocus:this.autofocus,autocomplete:this.autocomplete,multiple:this.multiple,value:this.value,onInput:this.handleInput}),this.error&&o("nv-icon",{key:"1c961288b97eb8f2580fd421b03db1f275709d47",name:"alert-circle",class:"validation",size:"md"}),this.success&&o("nv-icon",{key:"4ffaf30cf97c5c6e69709abcca3db5ef7fa2598e",name:"circle-check",class:"validation",size:"md"})),o("slot",{key:"46257b784d082071ed717f37aeac1e1bbffaeac3",name:"after-input"})),(this.description||this.el.querySelector('[slot="description"]'))&&o("div",{key:"dad03cc1954a17b4d9075f5c0949abdb83bee15c",class:"description"},o("slot",{key:"62c4d6315ad5eff50c86e289d7bcc61afacf64bc",name:"description"},this.description)),(this.errorDescription||this.el.querySelector('[slot="error-description"]'))&&o("div",{key:"3cd561cd634519ae18da4edfe8ec35dd2000a4ce",hidden:!this.error,class:"error-description"},o("slot",{key:"7fc992b0285652f46530ca23f12e626752dd1282",name:"error-description"},this.errorDescription)))}static get formAssociated(){return true}get el(){return i(this)}};l.style=a;export{l as nv_fieldtext};
-//# sourceMappingURL=p-870d5a5c.entry.js.map
+import{r as e,c as r,h as o,a as t,g as i}from"./p-ab002252.js";import{v as n}from"./p-f5ff676c.js";const d='nv-fieldtext{--nv-field-border-default:var(--components-form-field-border-default);--nv-field-border-hover:var(--components-form-field-border-hover);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--components-form-field-border-default);--nv-field-border-readonly:var(--components-form-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-brand);--nv-field-background:var(--components-form-field-background-default);display:flex;flex-direction:column;align-items:flex-start;gap:var(--form-gap-y);box-sizing:border-box}nv-fieldtext[readonly]:not([readonly=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fieldtext[error]:not([error=false]){--nv-field-border-default:var(--components-form-field-border-error);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-destructive)}nv-fieldtext[success]:not([success=false]){--nv-field-border-default:var(--components-form-field-border-success);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-success)}nv-fieldtext[required]:not([required=false]) label::after{content:"*";color:var(--components-form-text-required);font-weight:700}nv-fieldtext>label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:"TT Norms Pro", sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:500;line-height:var(--form-label-line-height)}nv-fieldtext>.input-wrapper{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch}nv-fieldtext>.input-wrapper .input-container{display:flex;flex-grow:1;justify-content:center;align-items:center;align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default, 1);background:var(--nv-field-background);transition:all 150ms ease-out}nv-fieldtext>.input-wrapper .input-container:hover{border-color:var(--nv-field-border-hover)}nv-fieldtext>.input-wrapper .input-container:focus-within,nv-fieldtext>.input-wrapper .input-container:focus-within:hover,nv-fieldtext>.input-wrapper .input-container:focus,nv-fieldtext>.input-wrapper .input-container:focus:hover{border-color:var(--nv-field-border-focus);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fieldtext>.input-wrapper .input-container:has(input:read-only){opacity:0.5;background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fieldtext>.input-wrapper .input-container:has(input:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fieldtext>.input-wrapper .input-container input{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);padding:var(--form-field-padding-y) var(--form-field-padding-x);font-size:var(--form-field-font-size);font-style:normal;font-weight:500;line-height:var(--form-field-line-height)}nv-fieldtext>.input-wrapper .input-container input:focus{outline:none}nv-fieldtext>.input-wrapper .input-container input::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:"TT Norms Pro", sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:400;line-height:var(--form-field-line-height)}nv-fieldtext>.input-wrapper .input-container nv-icon.validation{color:var(--nv-field-border-default);margin-right:var(--form-gap-x)}nv-fieldtext>.description{align-self:stretch;color:var(--components-form-text-description-default);font-family:"TT Norms Pro", sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fieldtext>.error-description{align-self:stretch;color:var(--components-form-text-description-default);font-family:"TT Norms Pro", sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}';const a=d;const l=class{constructor(o){e(this,o);this.valueChanged=r(this,"valueChanged",7);this.inputId=n();this.type="text";this.disabled=false;this.readonly=false;this.required=false;this.error=false;this.success=false;this.multiple=false;this.autofocus=false;this.handleInput=e=>{const r=e.target;this.value=r.value;this.valueChanged.emit(r.value)};this.handleInputContainerClick=()=>{this.inputElement.focus()}}componentWillRender(){if(this.textInputType){this.type=this.textInputType}if(this.message){this.description=this.message}if(this.validation){this.errorDescription=this.validation;this.error=true}}render(){return o(t,{key:"ffcbe1c8f14257f6380d28f2c50fe8b77ae73027"},(this.label||this.el.querySelector('[slot="label"]'))&&o("label",{key:"3b84598a05eedc7625312def01ca726dc68fa247",htmlFor:this.inputId},o("slot",{key:"8c8f0d2f86742dd0699b8b309cbea0dca1d294ce",name:"label"},this.label)),o("div",{key:"c2adf3acc7780a7eba5d4762b7275d1c63304bf5",class:"input-wrapper"},o("slot",{key:"c49756d1daaba476222ebda2df4854b1094655b3",name:"before-input"}),o("div",{key:"723c34f09e6c073bdef2db799246da72ffd52703",class:"input-container",onClick:this.handleInputContainerClick},o("slot",{key:"4e94bcac72ac2e5147a8d5e33396a13359820009",name:"leading-input"}),o("input",{key:"96cbf022912735445467320600e372fba03de4e4",id:this.inputId,ref:e=>this.inputElement=e,placeholder:this.placeholder,name:this.name,type:this.type,disabled:this.disabled,readOnly:this.readonly,required:this.required,maxlength:this.maxlength,minlength:this.minlength,pattern:this.pattern,autofocus:this.autofocus,autocomplete:this.autocomplete,multiple:this.multiple,value:this.value,onInput:this.handleInput}),this.error&&o("nv-icon",{key:"39a55c42a49006d316e5dcc5389793c6264d2b09",name:"alert-circle",class:"validation",size:"md"}),this.success&&o("nv-icon",{key:"bf1b6040dbb392b5c46b3b9af665d7cdc7389d29",name:"circle-check",class:"validation",size:"md"})),o("slot",{key:"bb2256bf3fc5165e61f162fe89dd7be564a989c0",name:"after-input"})),(this.description||this.el.querySelector('[slot="description"]'))&&o("div",{key:"3d2c5a89247042184b3a110ca7982b793b0bd86a",class:"description"},o("slot",{key:"2358cc5217d6ba65b4d4baa927b397dbe62982e8",name:"description"},this.description)),(this.errorDescription||this.el.querySelector('[slot="error-description"]'))&&o("div",{key:"cdef4117d71b8a6bdde19fea1a0f4070ba02ab2e",hidden:!this.error,class:"error-description"},o("slot",{key:"66a2b100ab641aa9c2e22fdfc9a987bb86cd44a0",name:"error-description"},this.errorDescription)))}static get formAssociated(){return true}get el(){return i(this)}};l.style=a;export{l as nv_fieldtext};
+//# sourceMappingURL=p-e4f84faa.entry.js.map

package/dist/types/components/nv-badge/nv-badge.d.ts

@@ -1,7 +1,7 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 /**
  * @slot leading-icon - Icon before the label.
- * @slot default - Default slot for the badge label.
+ * @slot default - for custom content, for pure text use label instead.
  */
 export declare class NvBadge {
     ref: HTMLNvBadgeElement;

package/dist/types/components/nv-datagrid/nv-datagrid.d.ts

@@ -19,6 +19,7 @@ export declare class NvDatagrid {
     parsedColumns: Column[];
     parsedData: any[];
     private globalFilter;
+    private columnData;
     /****************************************************************************/
     /**
      * The data to display in the data grid.
@@ -74,6 +75,12 @@ export declare class NvDatagrid {
      * @default false
      */
     readonly enableGlobalFilter: boolean;
+    /**
+     * Whether to automatically generate columns if none are provided.
+     * If columns are explicitly set, this property is ignored.
+     * @default false
+     */
+    readonly autoGenerateColumns: boolean;
     /****************************************************************************/
     /**
      * Caches templates for cells and headers upfront to improve performance.

package/dist/types/components/nv-datagridcolumn/nv-datagridcolumn.d.ts

@@ -12,6 +12,10 @@ export declare class NvDatagridcolumn {
      * Defines the accessor of the column.
      */
     readonly accessor: string;
+    /**
+     * Whether the column need to be repeated with the template.
+     */
+    readonly repeatTemplate: boolean;
     /****************************************************************************/
     render(): any;
 }

package/dist/types/components/nv-dialog/nv-dialog.d.ts

@@ -58,7 +58,7 @@ export declare class NvDialog {
     /**
      * Call this method to hide the dialog, making it disappear from view.
      */
-    hide(): Promise<void>;
+    close(): Promise<void>;
     /**
      * Handles the close button click.
      */
@@ -87,10 +87,11 @@ export declare class NvDialog {
     /****************************************************************************/
     /**
      * Emitted when the dialog is closing in order to allow for cleanup, data-capture, etc.
+     * @bind open
      */
-    close: EventEmitter<void>;
+    openChanged: EventEmitter<boolean>;
     /**
-     * Handles the dialog close event.
+     * Handles the native dialog close event.
      */
     private handleDialogClose;
     /**

package/dist/types/components/nv-fielddropdown/nv-fielddropdown.d.ts

@@ -100,7 +100,7 @@ export declare class NvFielddropdown {
     /**
      * Enables or disables the filtering feature for the dropdown items.
      */
-    filterable: boolean;
+    readonly filterable: boolean;
     /**
      * List of options available in the dropdown. The options are passed as a JSON
      * string.
@@ -126,7 +126,6 @@ export declare class NvFielddropdown {
     /****************************************************************************/
     /** The text entered by the user for filtering dropdown items. */
     filterText: string;
-    isFilterable: boolean;
     selectedValues: Set<string>;
     /**
      * Options configuration for the dropdown items.
@@ -153,7 +152,6 @@ export declare class NvFielddropdown {
     dropdownItemSelected: EventEmitter<HTMLNvFielddropdownitemElementEventMap['dropdownItemSelected']>;
     handleDropdownItemSelected(event: CustomEvent<HTMLNvFielddropdownitemElementEventMap['dropdownItemSelected']>): void;
     handleOpenChanged(event: CustomEvent<boolean>): void;
-    watchFilterableHandler(newValue: boolean): void;
     watchValueHandler(newValue: string): void;
     handleOptionsChange(newValue: string): void;
     handleBlur(event: FocusEvent): void;

package/dist/types/components/nv-fieldmultiselect/nv-fieldmultiselect.d.ts

@@ -92,7 +92,7 @@ export declare class NvFieldmultiselect {
     /**
      * Enables or disables the filtering feature for the multiselect items.
      */
-    filterable: boolean;
+    readonly filterable: boolean;
     /**
      * Specifies the value of the input field.
      */
@@ -143,10 +143,6 @@ export declare class NvFieldmultiselect {
      * The text entered by the user for filtering multiselect items.
      */
     filterText: string;
-    /**
-     * Determines whether the multiselect is filterable.
-     */
-    isFilterable: boolean;
     /**
      * Delay in milliseconds before the search is triggered when typing in the filter input.
      * @default 300
@@ -230,11 +226,6 @@ export declare class NvFieldmultiselect {
      * Emitted when the value changes.
      */
     watchValueHandler(): void;
-    /**
-     * Emitted when the filterable property changes.
-     * @param {boolean} newValue - The new value of the filterable property.
-     */
-    watchFilterableHandler(newValue: boolean): void;
     handleSlotChange(event: Event): void;
     /****************************************************************************/
     /**
@@ -275,7 +266,7 @@ export declare class NvFieldmultiselect {
      * Filter multiselect items in slots mode
      */
     private filterSlotsItems;
-    /**x
+    /**
      * Handle badge close for options mode.
      */
     private handleBadgeCloseOptions;

package/dist/types/components/nv-fieldpassword/nv-fieldpassword.d.ts

@@ -146,5 +146,7 @@ export declare class NvFieldpassword {
     private togglePasswordVisibility;
     private handleInput;
     /****************************************************************************/
+    componentWillLoad(): void;
+    /****************************************************************************/
     render(): any;
 }

package/dist/types/components/nv-menu/nv-menu.d.ts

@@ -1,8 +1,8 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import type { Placement } from '@floating-ui/dom';
 /**
- * @slot trigger - Button to toggle the menu popover.
- * @slot content - Use an <ul></ul> tag for the slot, and place <nv-menuitem> elements inside.
+ * @slot trigger - The button element that toggles the menu popover
+ * @slot content - The content of the menu, should be wrapped in a ul element containing nv-menuitem elements
  */
 export declare class NvMenu {
     el: HTMLNvMenuElement;
@@ -26,8 +26,8 @@ export declare class NvMenu {
      */
     readonly disableCloseOnSelect: boolean;
     /**
-     * Decides where the menu shows up next to the button it’s linked to (above,
-     * below, to the sides). If there isn’t enough room, it will adjust its
+     * Decides where the menu shows up next to the button it's linked to (above,
+     * below, to the sides). If there isn't enough room, it will adjust its
      * position on the axis to fit on the screen, so users can always see it.
      */
     readonly placement: Placement;

package/dist/types/components.d.ts

@@ -360,6 +360,15 @@ export namespace Components {
      * @experimental - This component is still under development and is not ready for use.
      */
     interface NvDatagrid {
+        /**
+          * Whether to automatically generate columns if none are provided. If columns are explicitly set, this property is ignored.
+          * @default false
+         */
+        "autoGenerateColumns": boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "auto-generate-columns"?: boolean;
         /**
           * The columns to display in the data grid.
           * @example [  {"header":"Name","accessor":"name"},  {"header":"Age","accessor":"age"},  {"header":"Email","accessor":"email"} ]
@@ -436,6 +445,14 @@ export namespace Components {
           * Defines the header of the column.
          */
         "header"?: string;
+        /**
+          * Whether the column need to be repeated with the template.
+         */
+        "repeatTemplate": boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "repeat-template"?: boolean;
     }
     interface NvDialog {
         /**
@@ -446,6 +463,10 @@ export namespace Components {
          * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
          */
         "click-outside"?: boolean;
+        /**
+          * Call this method to hide the dialog, making it disappear from view.
+         */
+        "close": () => Promise<void>;
         /**
           * If true, the dialog visibility is managed manually through methods or the open prop.
          */
@@ -456,10 +477,6 @@ export namespace Components {
          */
         "full": boolean;
         "headerElement": Element;
-        /**
-          * Call this method to hide the dialog, making it disappear from view.
-         */
-        "hide": () => Promise<void>;
         /**
           * Use this prop to toggle the visibility of the dialog. Set to true to show the dialog and false to hide it.
          */
@@ -1962,7 +1979,7 @@ export namespace Components {
          */
         "open": boolean;
         /**
-          * Decides where the menu shows up next to the button it’s linked to (above, below, to the sides). If there isn’t enough room, it will adjust its position on the axis to fit on the screen, so users can always see it.
+          * Decides where the menu shows up next to the button it's linked to (above, below, to the sides). If there isn't enough room, it will adjust its position on the axis to fit on the screen, so users can always see it.
          */
         "placement": Placement;
         /**
@@ -2466,7 +2483,7 @@ declare global {
         new (): HTMLNvDatagridcolumnElement;
     };
     interface HTMLNvDialogElementEventMap {
-        "close": void;
+        "openChanged": boolean;
     }
     interface HTMLNvDialogElement extends Components.NvDialog, HTMLStencilElement {
         addEventListener<K extends keyof HTMLNvDialogElementEventMap>(type: K, listener: (this: HTMLNvDialogElement, ev: NvDialogCustomEvent<HTMLNvDialogElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -3327,6 +3344,15 @@ declare namespace LocalJSX {
      * @experimental - This component is still under development and is not ready for use.
      */
     interface NvDatagrid {
+        /**
+          * Whether to automatically generate columns if none are provided. If columns are explicitly set, this property is ignored.
+          * @default false
+         */
+        "autoGenerateColumns"?: boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "auto-generate-columns"?: boolean;
         /**
           * The columns to display in the data grid.
           * @example [  {"header":"Name","accessor":"name"},  {"header":"Age","accessor":"age"},  {"header":"Email","accessor":"email"} ]
@@ -3407,6 +3433,14 @@ declare namespace LocalJSX {
           * Defines the header of the column.
          */
         "header"?: string;
+        /**
+          * Whether the column need to be repeated with the template.
+         */
+        "repeatTemplate"?: boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "repeat-template"?: boolean;
     }
     interface NvDialog {
         /**
@@ -3427,8 +3461,9 @@ declare namespace LocalJSX {
         "full"?: boolean;
         /**
           * Emitted when the dialog is closing in order to allow for cleanup, data-capture, etc.
+          * @bind open
          */
-        "onClose"?: (event: NvDialogCustomEvent<void>) => void;
+        "onOpenChanged"?: (event: NvDialogCustomEvent<boolean>) => void;
         /**
           * Use this prop to toggle the visibility of the dialog. Set to true to show the dialog and false to hide it.
          */
@@ -5011,7 +5046,7 @@ declare namespace LocalJSX {
          */
         "open"?: boolean;
         /**
-          * Decides where the menu shows up next to the button it’s linked to (above, below, to the sides). If there isn’t enough room, it will adjust its position on the axis to fit on the screen, so users can always see it.
+          * Decides where the menu shows up next to the button it's linked to (above, below, to the sides). If there isn't enough room, it will adjust its position on the axis to fit on the screen, so users can always see it.
          */
         "placement"?: Placement;
     }

package/dist/types/nova-docs.d.ts

@@ -8,6 +8,11 @@ type Optional<T, K extends keyof T> = Partial<Pick<T, K>> & Omit<T, K>;
  * the Badges. Any changes requires additional styles in the blazor storybook
  * at blazor/BlazingStory/BlazingStory/Internals/Components/SideBar/NavigationTree/TagBadges.razor.scss
  * Make sure to reflect any changes in the documentation as well. docs/feature-flags.md
+ * Also update the storybook manager.ts file in the respective packages:
+ * - packages/angular/.storybook/manager.ts
+ * - packages/react/.storybook/manager.ts
+ * - packages/vue/.storybook/manager.ts
+ * - packages/native/.storybook/manager.ts
  */
 export type NovaBadge = 'new' | 'beta' | 'deprecated' | 'danger';
 export type NovaTemplate = string;
@@ -72,6 +77,12 @@ export interface NovaDocsGeneric<T> {
        * object above (optional)
        */
       template: JSX.Element;
+
+      /**
+       * Skips rendering the source code for the story, useful for very long
+       * lists of elements that demo the component, and improves performance
+       */
+      disableSource?: boolean;
     } & StoryDescription<T>
   >;
 }

package/dist/vscode-data.json

@@ -440,6 +440,10 @@
         "value": "A flexible data grid component powered by `@tanstack/table-core`."
       },
       "attributes": [
+        {
+          "name": "auto-generate-columns",
+          "description": "Whether to automatically generate columns if none are provided.\nIf columns are explicitly set, this property is ignored."
+        },
         {
           "name": "columns-json",
           "description": "The columns to display in the data grid.\nIt can be passed directly as an array of objects or as a JSON string.\nIf both `columns` and `columnsJson` are provided, `columns` takes precedence."
@@ -480,6 +484,10 @@
         {
           "name": "header",
           "description": "Defines the header of the column."
+        },
+        {
+          "name": "repeat-template",
+          "description": "Whether the column need to be repeated with the template."
         }
       ]
     },
@@ -2791,7 +2799,7 @@
         },
         {
           "name": "placement",
-          "description": "Decides where the menu shows up next to the button it’s linked to (above,\nbelow, to the sides). If there isn’t enough room, it will adjust its\nposition on the axis to fit on the screen, so users can always see it.",
+          "description": "Decides where the menu shows up next to the button it's linked to (above,\nbelow, to the sides). If there isn't enough room, it will adjust its\nposition on the axis to fit on the screen, so users can always see it.",
           "values": [
             {
               "name": "bottom"