@nova-design-system/nova-vue 3.22.0 → 3.24.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +8 -2
- package/dist/components/NvDatatable.d.ts +41 -6
- package/dist/components/NvDatatable.js +51 -21
- package/dist/generated/components.d.ts +62 -68
- package/dist/generated/components.js +202 -24
- package/dist/plugin.d.ts +0 -4
- package/dist/plugin.js +1 -38
- package/dist/providers/NotificationService.js +3 -3
- package/package.json +5 -2
- package/dist/generated/vue-component-lib/utils.d.ts +0 -16
- package/dist/generated/vue-component-lib/utils.js +0 -195
package/README.md
CHANGED
|
@@ -26,9 +26,15 @@ yarn add @nova-design-system/nova-webcomponents @nova-design-system/nova-base @n
|
|
|
26
26
|
```
|
|
27
27
|
|
|
28
28
|
> In some case, you might experience SSL certificate issues when working on Developers' VM. As documented in the [Developers' setup guide](https://wiki.eliagroup.eu/spaces/EAing/pages/89296007/2.3.3.10+Developer+Setup#id-2.3.3.10DeveloperSetup-NPMconfig), you need to turn off the SSL certificate verification:
|
|
29
|
-
|
|
29
|
+
|
|
30
|
+
```bash
|
|
31
|
+
npm config set strict-ssl false
|
|
32
|
+
```
|
|
33
|
+
|
|
34
|
+
> **Note for Yarn Users**
|
|
35
|
+
> Yarn **does not automatically** install peer dependencies. You must install the following peer dependency manually:
|
|
30
36
|
> ```bash
|
|
31
|
-
>
|
|
37
|
+
> yarn add @stencil/vue-output-target
|
|
32
38
|
> ```
|
|
33
39
|
|
|
34
40
|
---
|
|
@@ -18,6 +18,16 @@ export declare function createNvDatatable<T>(): import("vue").DefineComponent<im
|
|
|
18
18
|
required: true;
|
|
19
19
|
default: () => any[];
|
|
20
20
|
};
|
|
21
|
+
/**
|
|
22
|
+
* Data mode - determines how sorting and pagination behave.
|
|
23
|
+
* - 'client': All data is loaded, sorting/pagination handled in browser
|
|
24
|
+
* - 'server': Data is fetched from server, sorting/pagination handled externally
|
|
25
|
+
* @default 'client'
|
|
26
|
+
*/
|
|
27
|
+
mode: {
|
|
28
|
+
type: PropType<"server" | "client">;
|
|
29
|
+
default: string;
|
|
30
|
+
};
|
|
21
31
|
pagination: {
|
|
22
32
|
type: PropType<NvDatatablePaginationConfig>;
|
|
23
33
|
default: any;
|
|
@@ -47,6 +57,16 @@ export declare function createNvDatatable<T>(): import("vue").DefineComponent<im
|
|
|
47
57
|
required: true;
|
|
48
58
|
default: () => any[];
|
|
49
59
|
};
|
|
60
|
+
/**
|
|
61
|
+
* Data mode - determines how sorting and pagination behave.
|
|
62
|
+
* - 'client': All data is loaded, sorting/pagination handled in browser
|
|
63
|
+
* - 'server': Data is fetched from server, sorting/pagination handled externally
|
|
64
|
+
* @default 'client'
|
|
65
|
+
*/
|
|
66
|
+
mode: {
|
|
67
|
+
type: PropType<"server" | "client">;
|
|
68
|
+
default: string;
|
|
69
|
+
};
|
|
50
70
|
pagination: {
|
|
51
71
|
type: PropType<NvDatatablePaginationConfig>;
|
|
52
72
|
default: any;
|
|
@@ -64,6 +84,7 @@ export declare function createNvDatatable<T>(): import("vue").DefineComponent<im
|
|
|
64
84
|
default: boolean;
|
|
65
85
|
};
|
|
66
86
|
}>> & Readonly<{}>, {
|
|
87
|
+
mode: "server" | "client";
|
|
67
88
|
columns: NvDatatableColumn<T, keyof T, T[keyof T]>[];
|
|
68
89
|
rows: T[];
|
|
69
90
|
pagination: NvDatatablePaginationConfig;
|
|
@@ -162,6 +183,8 @@ export interface NvDatatableColumn<Row, K extends keyof Row = keyof Row, F = Row
|
|
|
162
183
|
valueFormatter?: (params: NvTableValueFormatterParams<Row, Row[K], K>) => F;
|
|
163
184
|
/** Custom cell renderer */
|
|
164
185
|
renderCell?: (params: NvTableRenderCellParams<Row, F, K>) => VNode | string | number;
|
|
186
|
+
/** Custom header renderer */
|
|
187
|
+
renderHeader?: (params: NvTableRenderHeaderParams<K>) => VNode | string | number;
|
|
165
188
|
/** Enable/disable sorting for this column */
|
|
166
189
|
sortable?: boolean;
|
|
167
190
|
/** Custom sorting function or built-in function name */
|
|
@@ -173,6 +196,15 @@ export interface NvDatatableColumn<Row, K extends keyof Row = keyof Row, F = Row
|
|
|
173
196
|
/** Where to place undefined values in sort */
|
|
174
197
|
sortUndefined?: 'first' | 'last' | false | -1 | 1;
|
|
175
198
|
}
|
|
199
|
+
/**
|
|
200
|
+
* Parameters for custom header rendering function.
|
|
201
|
+
*/
|
|
202
|
+
export interface NvTableRenderHeaderParams<Field> {
|
|
203
|
+
/** Display name for the column header */
|
|
204
|
+
headerName: string;
|
|
205
|
+
/** Field name */
|
|
206
|
+
field: Field;
|
|
207
|
+
}
|
|
176
208
|
/**
|
|
177
209
|
* Parameters for custom cell rendering function.
|
|
178
210
|
*/
|
|
@@ -199,11 +231,16 @@ export interface NvTableValueFormatterParams<Row, Value, Field> {
|
|
|
199
231
|
}
|
|
200
232
|
/**
|
|
201
233
|
* Pagination configuration for NvDatatable.
|
|
202
|
-
*
|
|
234
|
+
* The pagination behavior (client vs server) is determined by the top-level `mode` prop.
|
|
235
|
+
* Use `infinite: true` for infinite scroll (requires top-level `mode="server"`).
|
|
203
236
|
*/
|
|
204
237
|
export interface NvDatatablePaginationConfig {
|
|
205
|
-
/**
|
|
206
|
-
|
|
238
|
+
/**
|
|
239
|
+
* Enable infinite scroll pagination.
|
|
240
|
+
* When true, data loads continuously as user scrolls.
|
|
241
|
+
* Requires top-level `mode="server"` on the datatable.
|
|
242
|
+
*/
|
|
243
|
+
infinite?: boolean;
|
|
207
244
|
/** Initial page size (default: 10) */
|
|
208
245
|
initialPageSize?: number;
|
|
209
246
|
/** Available page size options (default: [10, 20, 50, 100]) */
|
|
@@ -263,11 +300,9 @@ export interface NvDatatableRenderPaginationAPI {
|
|
|
263
300
|
}
|
|
264
301
|
/**
|
|
265
302
|
* Sorting configuration for NvDatatable.
|
|
266
|
-
*
|
|
303
|
+
* The sorting behavior (client vs server) is determined by the top-level `mode` prop.
|
|
267
304
|
*/
|
|
268
305
|
export interface NvDatatableSortingConfig {
|
|
269
|
-
/** Sorting mode */
|
|
270
|
-
mode: 'client' | 'server';
|
|
271
306
|
/** Enable multi-column sorting with Shift+Click */
|
|
272
307
|
enableMultiSort?: boolean;
|
|
273
308
|
/** Allow cycling through to "no sort" state */
|
|
@@ -23,6 +23,16 @@ export function createNvDatatable() {
|
|
|
23
23
|
required: true,
|
|
24
24
|
default: () => [],
|
|
25
25
|
},
|
|
26
|
+
/**
|
|
27
|
+
* Data mode - determines how sorting and pagination behave.
|
|
28
|
+
* - 'client': All data is loaded, sorting/pagination handled in browser
|
|
29
|
+
* - 'server': Data is fetched from server, sorting/pagination handled externally
|
|
30
|
+
* @default 'client'
|
|
31
|
+
*/
|
|
32
|
+
mode: {
|
|
33
|
+
type: String,
|
|
34
|
+
default: 'client',
|
|
35
|
+
},
|
|
26
36
|
pagination: {
|
|
27
37
|
type: Object,
|
|
28
38
|
default: undefined,
|
|
@@ -53,6 +63,7 @@ export function createNvDatatable() {
|
|
|
53
63
|
const tableColumns = computed(() => props.columns
|
|
54
64
|
.filter((col) => !col.hidden)
|
|
55
65
|
.map((col) => {
|
|
66
|
+
const headerName = col.headerName || String(col.field);
|
|
56
67
|
const columnDef = {
|
|
57
68
|
accessorKey: col.field,
|
|
58
69
|
accessorFn: col.valueFormatter
|
|
@@ -65,7 +76,12 @@ export function createNvDatatable() {
|
|
|
65
76
|
});
|
|
66
77
|
}
|
|
67
78
|
: undefined,
|
|
68
|
-
header: col.
|
|
79
|
+
header: col.renderHeader
|
|
80
|
+
? () => col.renderHeader({
|
|
81
|
+
headerName,
|
|
82
|
+
field: col.field,
|
|
83
|
+
})
|
|
84
|
+
: headerName,
|
|
69
85
|
size: col.width,
|
|
70
86
|
enableResizing: col.resizable ?? true,
|
|
71
87
|
// Sorting configuration
|
|
@@ -114,9 +130,11 @@ export function createNvDatatable() {
|
|
|
114
130
|
}));
|
|
115
131
|
// Determine base table configuration with sorting
|
|
116
132
|
const getBaseTableConfig = () => {
|
|
133
|
+
// Sorting mode is derived from top-level mode prop
|
|
134
|
+
const isServerMode = props.mode === 'server';
|
|
117
135
|
const baseConfig = {
|
|
118
136
|
get data() {
|
|
119
|
-
return
|
|
137
|
+
return props.rows;
|
|
120
138
|
},
|
|
121
139
|
get columns() {
|
|
122
140
|
return tableColumns.value;
|
|
@@ -126,13 +144,13 @@ export function createNvDatatable() {
|
|
|
126
144
|
...(props.sorting && {
|
|
127
145
|
get state() {
|
|
128
146
|
return {
|
|
129
|
-
sorting:
|
|
147
|
+
sorting: isServerMode && props.sorting.sortState
|
|
130
148
|
? props.sorting.sortState
|
|
131
149
|
: sortingState.value,
|
|
132
150
|
};
|
|
133
151
|
},
|
|
134
152
|
onSortingChange: (updaterOrValue) => {
|
|
135
|
-
const currentSort =
|
|
153
|
+
const currentSort = isServerMode && props.sorting.sortState
|
|
136
154
|
? props.sorting.sortState
|
|
137
155
|
: sortingState.value;
|
|
138
156
|
const newSort = typeof updaterOrValue === 'function'
|
|
@@ -141,12 +159,11 @@ export function createNvDatatable() {
|
|
|
141
159
|
// Always update internal state for reactivity
|
|
142
160
|
sortingState.value = newSort;
|
|
143
161
|
// For server-side sorting, also call the callback
|
|
144
|
-
if (props.sorting?.
|
|
145
|
-
props.sorting.onSortingChange) {
|
|
162
|
+
if (isServerMode && props.sorting?.onSortingChange) {
|
|
146
163
|
props.sorting.onSortingChange(newSort);
|
|
147
164
|
}
|
|
148
165
|
},
|
|
149
|
-
manualSorting:
|
|
166
|
+
manualSorting: isServerMode,
|
|
150
167
|
enableSorting: true,
|
|
151
168
|
enableMultiSort: props.sorting.enableMultiSort ?? false,
|
|
152
169
|
enableSortingRemoval: props.sorting.enableSortingRemoval ?? true,
|
|
@@ -156,19 +173,28 @@ export function createNvDatatable() {
|
|
|
156
173
|
isMultiSortEvent: props.sorting.enableMultiSort
|
|
157
174
|
? () => true
|
|
158
175
|
: undefined,
|
|
159
|
-
getSortedRowModel:
|
|
176
|
+
getSortedRowModel: !isServerMode ? getSortedRowModel() : undefined,
|
|
160
177
|
}),
|
|
161
178
|
};
|
|
162
179
|
return baseConfig;
|
|
163
180
|
};
|
|
181
|
+
// Validation: warn if infinite scroll is used without server mode
|
|
182
|
+
watchEffect(() => {
|
|
183
|
+
if (props.pagination?.infinite && props.mode !== 'server') {
|
|
184
|
+
console.warn('[NvDatatable] pagination.infinite requires mode="server". ' +
|
|
185
|
+
'Set mode="server" on the datatable component.');
|
|
186
|
+
}
|
|
187
|
+
});
|
|
164
188
|
// Create reactive table instance based on pagination mode
|
|
165
189
|
const table = computed(() => {
|
|
166
190
|
const baseConfig = getBaseTableConfig();
|
|
167
|
-
|
|
191
|
+
const isServerMode = props.mode === 'server';
|
|
192
|
+
const isInfiniteScroll = props.pagination?.infinite === true;
|
|
193
|
+
if (!props.pagination || isInfiniteScroll) {
|
|
168
194
|
// No pagination or infinite scroll - simple config
|
|
169
195
|
return useVueTable(baseConfig);
|
|
170
196
|
}
|
|
171
|
-
else if (
|
|
197
|
+
else if (!isServerMode) {
|
|
172
198
|
// Client-side pagination - table manages its own state
|
|
173
199
|
return useVueTable({
|
|
174
200
|
...baseConfig,
|
|
@@ -187,7 +213,7 @@ export function createNvDatatable() {
|
|
|
187
213
|
...baseConfig,
|
|
188
214
|
manualPagination: true,
|
|
189
215
|
get pageCount() {
|
|
190
|
-
if (!props.pagination
|
|
216
|
+
if (!props.pagination) {
|
|
191
217
|
return -1;
|
|
192
218
|
}
|
|
193
219
|
const pageSize = paginationState.value.pageSize;
|
|
@@ -221,8 +247,11 @@ export function createNvDatatable() {
|
|
|
221
247
|
});
|
|
222
248
|
// Handle pagination changes for server mode
|
|
223
249
|
watch(paginationState, (newState) => {
|
|
224
|
-
|
|
225
|
-
|
|
250
|
+
const isServerMode = props.mode === 'server';
|
|
251
|
+
const isInfiniteScroll = props.pagination?.infinite === true;
|
|
252
|
+
if (isServerMode &&
|
|
253
|
+
!isInfiniteScroll &&
|
|
254
|
+
props.pagination?.onPaginationChange) {
|
|
226
255
|
props.pagination.onPaginationChange({
|
|
227
256
|
pageIndex: newState.pageIndex,
|
|
228
257
|
pageSize: newState.pageSize,
|
|
@@ -238,14 +267,15 @@ export function createNvDatatable() {
|
|
|
238
267
|
observer = null;
|
|
239
268
|
}
|
|
240
269
|
// Only set up observer for infinite scroll mode
|
|
241
|
-
|
|
270
|
+
const isInfiniteScroll = props.pagination?.infinite === true;
|
|
271
|
+
if (!isInfiniteScroll || !lastRowRef.value) {
|
|
242
272
|
return;
|
|
243
273
|
}
|
|
244
274
|
const threshold = props.pagination.loadMoreThreshold || 500;
|
|
245
275
|
observer = new IntersectionObserver((entries) => {
|
|
246
276
|
const entry = entries[0];
|
|
247
277
|
if (entry.isIntersecting &&
|
|
248
|
-
props.pagination?.
|
|
278
|
+
props.pagination?.infinite &&
|
|
249
279
|
props.pagination.hasMore &&
|
|
250
280
|
!props.pagination.isLoading &&
|
|
251
281
|
props.pagination.onLoadMore) {
|
|
@@ -274,9 +304,11 @@ export function createNvDatatable() {
|
|
|
274
304
|
if (!props.pagination) {
|
|
275
305
|
return null;
|
|
276
306
|
}
|
|
307
|
+
const isServerMode = props.mode === 'server';
|
|
308
|
+
const isInfiniteScroll = props.pagination.infinite === true;
|
|
277
309
|
const tablePaginationState = table.value.getState().pagination;
|
|
278
310
|
const pageCount = table.value.getPageCount();
|
|
279
|
-
const rowCount =
|
|
311
|
+
const rowCount = isServerMode && !isInfiniteScroll
|
|
280
312
|
? props.pagination.totalRowCount || props.rows.length
|
|
281
313
|
: props.rows.length;
|
|
282
314
|
return {
|
|
@@ -292,17 +324,15 @@ export function createNvDatatable() {
|
|
|
292
324
|
setPageSize: (size) => table.value.setPageSize(size),
|
|
293
325
|
canPreviousPage: table.value.getCanPreviousPage(),
|
|
294
326
|
canNextPage: table.value.getCanNextPage(),
|
|
295
|
-
isLoading:
|
|
327
|
+
isLoading: isInfiniteScroll
|
|
296
328
|
? props.pagination.isLoading
|
|
297
329
|
: undefined,
|
|
298
|
-
hasMore: props.pagination.
|
|
299
|
-
? props.pagination.hasMore
|
|
300
|
-
: undefined,
|
|
330
|
+
hasMore: isInfiniteScroll ? props.pagination.hasMore : undefined,
|
|
301
331
|
};
|
|
302
332
|
});
|
|
303
333
|
return () => {
|
|
304
334
|
const tableRows = table.value.getRowModel().rows;
|
|
305
|
-
const isInfiniteScroll = props.pagination?.
|
|
335
|
+
const isInfiniteScroll = props.pagination?.infinite === true;
|
|
306
336
|
const tableElement = h(NvTable, attrs, {
|
|
307
337
|
default: () => [
|
|
308
338
|
h('table', {}, [
|
|
@@ -1,69 +1,63 @@
|
|
|
1
|
+
import { type StencilVueComponent } from '@stencil/vue-output-target/runtime';
|
|
1
2
|
import type { JSX } from '@nova-design-system/nova-webcomponents';
|
|
2
|
-
export declare const NvAccordion:
|
|
3
|
-
export declare const NvAccordionItem:
|
|
4
|
-
export declare const NvAlert:
|
|
5
|
-
export declare const NvAvatar:
|
|
6
|
-
export declare const NvBadge:
|
|
7
|
-
export declare const NvBreadcrumb:
|
|
8
|
-
export declare const NvBreadcrumbs:
|
|
9
|
-
export declare const NvButton:
|
|
10
|
-
export declare const NvButtongroup:
|
|
11
|
-
export declare const NvCalendar:
|
|
12
|
-
export declare const NvCol:
|
|
13
|
-
export declare const NvDatagrid:
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
export declare const
|
|
35
|
-
export declare const
|
|
36
|
-
export declare const
|
|
37
|
-
export declare const
|
|
38
|
-
export declare const
|
|
39
|
-
export declare const
|
|
40
|
-
export declare const
|
|
41
|
-
export declare const
|
|
42
|
-
export declare const
|
|
43
|
-
export declare const
|
|
44
|
-
export declare const
|
|
45
|
-
export declare const
|
|
46
|
-
export declare const
|
|
47
|
-
export declare const
|
|
48
|
-
export declare const
|
|
49
|
-
export declare const
|
|
50
|
-
export declare const
|
|
51
|
-
export declare const
|
|
52
|
-
export declare const
|
|
53
|
-
export declare const
|
|
54
|
-
export declare const
|
|
55
|
-
export declare const
|
|
56
|
-
export declare const
|
|
57
|
-
export declare const
|
|
58
|
-
export declare const
|
|
59
|
-
export declare const
|
|
60
|
-
export declare const
|
|
61
|
-
export declare const
|
|
62
|
-
export declare const
|
|
63
|
-
export declare const NvStack: import("vue").DefineSetupFnComponent<JSX.NvStack & import("./vue-component-lib/utils").InputProps<string | number | boolean>, {}, {}, JSX.NvStack & import("./vue-component-lib/utils").InputProps<string | number | boolean> & {}, import("vue").PublicProps>;
|
|
64
|
-
export declare const NvTable: import("vue").DefineSetupFnComponent<JSX.NvTable & import("./vue-component-lib/utils").InputProps<string | number | boolean>, {}, {}, JSX.NvTable & import("./vue-component-lib/utils").InputProps<string | number | boolean> & {}, import("vue").PublicProps>;
|
|
65
|
-
export declare const NvTableheader: import("vue").DefineSetupFnComponent<JSX.NvTableheader & import("./vue-component-lib/utils").InputProps<string | number | boolean>, {}, {}, JSX.NvTableheader & import("./vue-component-lib/utils").InputProps<string | number | boolean> & {}, import("vue").PublicProps>;
|
|
66
|
-
export declare const NvToggle: import("vue").DefineSetupFnComponent<JSX.NvToggle & import("./vue-component-lib/utils").InputProps<boolean>, {}, {}, JSX.NvToggle & import("./vue-component-lib/utils").InputProps<boolean> & {}, import("vue").PublicProps>;
|
|
67
|
-
export declare const NvTogglebutton: import("vue").DefineSetupFnComponent<JSX.NvTogglebutton & import("./vue-component-lib/utils").InputProps<string | number | boolean>, {}, {}, JSX.NvTogglebutton & import("./vue-component-lib/utils").InputProps<string | number | boolean> & {}, import("vue").PublicProps>;
|
|
68
|
-
export declare const NvTogglebuttongroup: import("vue").DefineSetupFnComponent<JSX.NvTogglebuttongroup & import("./vue-component-lib/utils").InputProps<string[]>, {}, {}, JSX.NvTogglebuttongroup & import("./vue-component-lib/utils").InputProps<string[]> & {}, import("vue").PublicProps>;
|
|
69
|
-
export declare const NvTooltip: import("vue").DefineSetupFnComponent<JSX.NvTooltip & import("./vue-component-lib/utils").InputProps<string | number | boolean>, {}, {}, JSX.NvTooltip & import("./vue-component-lib/utils").InputProps<string | number | boolean> & {}, import("vue").PublicProps>;
|
|
3
|
+
export declare const NvAccordion: StencilVueComponent<JSX.NvAccordion, JSX.NvAccordion["openIndexes"]>;
|
|
4
|
+
export declare const NvAccordionItem: StencilVueComponent<JSX.NvAccordionItem>;
|
|
5
|
+
export declare const NvAlert: StencilVueComponent<JSX.NvAlert, JSX.NvAlert["hidden"]>;
|
|
6
|
+
export declare const NvAvatar: StencilVueComponent<JSX.NvAvatar>;
|
|
7
|
+
export declare const NvBadge: StencilVueComponent<JSX.NvBadge>;
|
|
8
|
+
export declare const NvBreadcrumb: StencilVueComponent<JSX.NvBreadcrumb>;
|
|
9
|
+
export declare const NvBreadcrumbs: StencilVueComponent<JSX.NvBreadcrumbs>;
|
|
10
|
+
export declare const NvButton: StencilVueComponent<JSX.NvButton>;
|
|
11
|
+
export declare const NvButtongroup: StencilVueComponent<JSX.NvButtongroup>;
|
|
12
|
+
export declare const NvCalendar: StencilVueComponent<JSX.NvCalendar, JSX.NvCalendar["value"]>;
|
|
13
|
+
export declare const NvCol: StencilVueComponent<JSX.NvCol>;
|
|
14
|
+
export declare const NvDatagrid: StencilVueComponent<JSX.NvDatagrid, JSX.NvDatagrid["state"]>;
|
|
15
|
+
export declare const NvDatagridcolumn: StencilVueComponent<JSX.NvDatagridcolumn>;
|
|
16
|
+
export declare const NvDialog: StencilVueComponent<JSX.NvDialog, JSX.NvDialog["open"]>;
|
|
17
|
+
export declare const NvDialogfooter: StencilVueComponent<JSX.NvDialogfooter>;
|
|
18
|
+
export declare const NvDialogheader: StencilVueComponent<JSX.NvDialogheader>;
|
|
19
|
+
export declare const NvDrawer: StencilVueComponent<JSX.NvDrawer, JSX.NvDrawer["open"]>;
|
|
20
|
+
export declare const NvDrawerfooter: StencilVueComponent<JSX.NvDrawerfooter>;
|
|
21
|
+
export declare const NvDrawerheader: StencilVueComponent<JSX.NvDrawerheader>;
|
|
22
|
+
export declare const NvFieldcheckbox: StencilVueComponent<JSX.NvFieldcheckbox, JSX.NvFieldcheckbox["checked"]>;
|
|
23
|
+
export declare const NvFielddate: StencilVueComponent<JSX.NvFielddate, JSX.NvFielddate["value"]>;
|
|
24
|
+
export declare const NvFielddaterange: StencilVueComponent<JSX.NvFielddaterange, JSX.NvFielddaterange["value"]>;
|
|
25
|
+
export declare const NvFielddropdown: StencilVueComponent<JSX.NvFielddropdown, JSX.NvFielddropdown["value"]>;
|
|
26
|
+
export declare const NvFielddropdownitem: StencilVueComponent<JSX.NvFielddropdownitem>;
|
|
27
|
+
export declare const NvFielddropdownitemcheck: StencilVueComponent<JSX.NvFielddropdownitemcheck>;
|
|
28
|
+
export declare const NvFieldmultiselect: StencilVueComponent<JSX.NvFieldmultiselect, JSX.NvFieldmultiselect["value"]>;
|
|
29
|
+
export declare const NvFieldnumber: StencilVueComponent<JSX.NvFieldnumber, JSX.NvFieldnumber["value"]>;
|
|
30
|
+
export declare const NvFieldpassword: StencilVueComponent<JSX.NvFieldpassword, JSX.NvFieldpassword["value"]>;
|
|
31
|
+
export declare const NvFieldradio: StencilVueComponent<JSX.NvFieldradio, JSX.NvFieldradio["checked"]>;
|
|
32
|
+
export declare const NvFieldselect: StencilVueComponent<JSX.NvFieldselect, JSX.NvFieldselect["value"]>;
|
|
33
|
+
export declare const NvFieldslider: StencilVueComponent<JSX.NvFieldslider, JSX.NvFieldslider["value"]>;
|
|
34
|
+
export declare const NvFieldtext: StencilVueComponent<JSX.NvFieldtext, JSX.NvFieldtext["value"]>;
|
|
35
|
+
export declare const NvFieldtextarea: StencilVueComponent<JSX.NvFieldtextarea, JSX.NvFieldtextarea["value"]>;
|
|
36
|
+
export declare const NvFieldtime: StencilVueComponent<JSX.NvFieldtime, JSX.NvFieldtime["value"]>;
|
|
37
|
+
export declare const NvIcon: StencilVueComponent<JSX.NvIcon>;
|
|
38
|
+
export declare const NvIconbutton: StencilVueComponent<JSX.NvIconbutton>;
|
|
39
|
+
export declare const NvLoader: StencilVueComponent<JSX.NvLoader>;
|
|
40
|
+
export declare const NvMenu: StencilVueComponent<JSX.NvMenu>;
|
|
41
|
+
export declare const NvMenuitem: StencilVueComponent<JSX.NvMenuitem>;
|
|
42
|
+
export declare const NvNotification: StencilVueComponent<JSX.NvNotification, JSX.NvNotification["hidden"]>;
|
|
43
|
+
export declare const NvNotificationBullet: StencilVueComponent<JSX.NvNotificationBullet>;
|
|
44
|
+
export declare const NvNotificationcontainer: StencilVueComponent<JSX.NvNotificationcontainer>;
|
|
45
|
+
export declare const NvPopover: StencilVueComponent<JSX.NvPopover, JSX.NvPopover["open"]>;
|
|
46
|
+
export declare const NvRow: StencilVueComponent<JSX.NvRow>;
|
|
47
|
+
export declare const NvSidebar: StencilVueComponent<JSX.NvSidebar, JSX.NvSidebar["open"]>;
|
|
48
|
+
export declare const NvSidebarcontent: StencilVueComponent<JSX.NvSidebarcontent>;
|
|
49
|
+
export declare const NvSidebardivider: StencilVueComponent<JSX.NvSidebardivider>;
|
|
50
|
+
export declare const NvSidebarfooter: StencilVueComponent<JSX.NvSidebarfooter>;
|
|
51
|
+
export declare const NvSidebargroup: StencilVueComponent<JSX.NvSidebargroup>;
|
|
52
|
+
export declare const NvSidebarheader: StencilVueComponent<JSX.NvSidebarheader>;
|
|
53
|
+
export declare const NvSidebarlogo: StencilVueComponent<JSX.NvSidebarlogo>;
|
|
54
|
+
export declare const NvSidebarnavitem: StencilVueComponent<JSX.NvSidebarnavitem>;
|
|
55
|
+
export declare const NvSidebarnavsubitem: StencilVueComponent<JSX.NvSidebarnavsubitem>;
|
|
56
|
+
export declare const NvSplit: StencilVueComponent<JSX.NvSplit, JSX.NvSplit["sizes"]>;
|
|
57
|
+
export declare const NvStack: StencilVueComponent<JSX.NvStack>;
|
|
58
|
+
export declare const NvTable: StencilVueComponent<JSX.NvTable>;
|
|
59
|
+
export declare const NvTableheader: StencilVueComponent<JSX.NvTableheader>;
|
|
60
|
+
export declare const NvToggle: StencilVueComponent<JSX.NvToggle, JSX.NvToggle["checked"]>;
|
|
61
|
+
export declare const NvTogglebutton: StencilVueComponent<JSX.NvTogglebutton>;
|
|
62
|
+
export declare const NvTogglebuttongroup: StencilVueComponent<JSX.NvTogglebuttongroup, JSX.NvTogglebuttongroup["value"]>;
|
|
63
|
+
export declare const NvTooltip: StencilVueComponent<JSX.NvTooltip>;
|