@nova-design-system/nova-vue 3.29.0 → 3.31.0

package/dist/components/NvDatatable.d.ts

@@ -336,6 +336,11 @@ export interface NvDatatableSortingConfig {
     maxMultiSortColCount?: number;
     /** Start with descending sort as first toggle state */
     sortDescFirst?: boolean;
+    /**
+     * Initial sort state (uncontrolled). Applied on first render only; the user can then
+     * freely change sorting via header clicks. Ignored when `sortState` is also provided.
+     */
+    initialSortState?: SortingState;
     /** Controlled sort state (for server-side sorting) */
     sortState?: SortingState;
     /** Callback when sorting changes (for server-side sorting) */

package/dist/components/NvDatatable.js

@@ -63,8 +63,9 @@ export function createNvDatatable() {
                 pageIndex: 0,
                 pageSize: props.pagination?.initialPageSize || 10,
             });
-            // Sorting state (controlled or uncontrolled)
-            const sortingState = ref(props.sorting?.sortState || []);
+            // Sorting state (controlled or uncontrolled). When sortState is provided the
+            // component is controlled; initialSortState only seeds the uncontrolled state.
+            const sortingState = ref(props.sorting?.sortState ?? props.sorting?.initialSortState ?? []);
             // Ref for observing last row (infinite scroll)
             const lastRowRef = ref(null);
             const tableColumns = computed(() => props.columns

package/dist/generated/components.d.ts

@@ -59,8 +59,10 @@ export declare const NvSidebarnavitem: StencilVueComponent<JSX.NvSidebarnavitem>
 export declare const NvSidebarnavsubitem: StencilVueComponent<JSX.NvSidebarnavsubitem>;
 export declare const NvSplit: StencilVueComponent<JSX.NvSplit, JSX.NvSplit["sizes"]>;
 export declare const NvStack: StencilVueComponent<JSX.NvStack>;
+export declare const NvStatusindicator: StencilVueComponent<JSX.NvStatusindicator>;
 export declare const NvTable: StencilVueComponent<JSX.NvTable>;
 export declare const NvTableheader: StencilVueComponent<JSX.NvTableheader>;
+export declare const NvTag: StencilVueComponent<JSX.NvTag>;
 export declare const NvTimetest: StencilVueComponent<JSX.NvTimetest, JSX.NvTimetest["value"]>;
 export declare const NvToggle: StencilVueComponent<JSX.NvToggle, JSX.NvToggle["checked"]>;
 export declare const NvTogglebutton: StencilVueComponent<JSX.NvTogglebutton>;

package/dist/generated/components.js

@@ -355,6 +355,7 @@ export const NvFielddropdown = /*@__PURE__*/ defineContainer('nv-fielddropdown',
     'maxHeight',
     'emptyResult',
     'filterable',
+    'clearable',
     'openOnSelect',
     'controlledFilter',
     'options',
@@ -370,11 +371,13 @@ export const NvFielddropdown = /*@__PURE__*/ defineContainer('nv-fielddropdown',
     'fuzzyThreshold',
     'valueChanged',
     'filterTextChanged',
+    'cleared',
     'openChanged',
     'dropdownItemSelected'
 ], [
     'valueChanged',
     'filterTextChanged',
+    'cleared',
     'openChanged',
     'dropdownItemSelected'
 ], 'value', 'valueChanged', undefined);
@@ -525,13 +528,16 @@ export const NvFieldselect = /*@__PURE__*/ defineContainer('nv-fieldselect', und
     'errorDescription',
     'success',
     'multiple',
+    'clearable',
     'value',
     'displayValue',
     'autofocus',
     'fluid',
-    'valueChanged'
+    'valueChanged',
+    'cleared'
 ], [
-    'valueChanged'
+    'valueChanged',
+    'cleared'
 ], 'value', 'valueChanged', undefined);
 export const NvFieldslider = /*@__PURE__*/ defineContainer('nv-fieldslider', undefined, [
     'startInputId',
@@ -769,9 +775,15 @@ export const NvSidebar = /*@__PURE__*/ defineContainer('nv-sidebar', undefined,
     'activePath',
     'notificationIntention',
     'notificationEmphasis',
-    'openChanged'
+    'resizable',
+    'minWidth',
+    'maxWidth',
+    'width',
+    'openChanged',
+    'widthChanged'
 ], [
-    'openChanged'
+    'openChanged',
+    'widthChanged'
 ], 'open', 'openChanged', undefined);
 export const NvSidebarcontent = /*@__PURE__*/ defineContainer('nv-sidebarcontent', undefined);
 export const NvSidebardivider = /*@__PURE__*/ defineContainer('nv-sidebardivider', undefined);
@@ -811,6 +823,11 @@ export const NvStack = /*@__PURE__*/ defineContainer('nv-stack', undefined, [
     'full',
     'vertical'
 ]);
+export const NvStatusindicator = /*@__PURE__*/ defineContainer('nv-statusindicator', undefined, [
+    'status',
+    'emphasis',
+    'label'
+]);
 export const NvTable = /*@__PURE__*/ defineContainer('nv-table', undefined);
 export const NvTableheader = /*@__PURE__*/ defineContainer('nv-tableheader', undefined, [
     'sortable',
@@ -819,6 +836,18 @@ export const NvTableheader = /*@__PURE__*/ defineContainer('nv-tableheader', und
 ], [
     'sortDirectionChanged'
 ]);
+export const NvTag = /*@__PURE__*/ defineContainer('nv-tag', undefined, [
+    'color',
+    'label',
+    'dismissible',
+    'href',
+    'target',
+    'rel',
+    'disabled',
+    'dismissed'
+], [
+    'dismissed'
+]);
 export const NvTimetest = /*@__PURE__*/ defineContainer('nv-timetest', undefined, [
     'value',
     'history',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nova-design-system/nova-vue",
-  "version": "3.29.0",
+  "version": "3.31.0",
   "description": "Nova is a design system created by Elia Group to empower creators to efficiently build solutions that people love to use.",
   "author": "Elia Group",
   "homepage": "https://nova.eliagroup.io",