@mozaic-ds/vue 2.17.0 → 2.18.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/dist/mozaic-vue.css +1 -1
- package/dist/mozaic-vue.d.ts +133 -55
- package/dist/mozaic-vue.js +1533 -4663
- package/dist/mozaic-vue.js.map +1 -1
- package/dist/mozaic-vue.umd.cjs +6 -25
- package/dist/mozaic-vue.umd.cjs.map +1 -1
- package/package.json +14 -8
- package/src/components/Migration.mdx +651 -0
- package/src/components/accordionlistitem/MAccordionListItem.spec.ts +22 -3
- package/src/components/accordionlistitem/MAccordionListItem.vue +38 -28
- package/src/components/builtinmenu/MBuiltInMenu.spec.ts +30 -1
- package/src/components/builtinmenu/MBuiltInMenu.vue +26 -17
- package/src/components/builtinmenu/README.md +2 -0
- package/src/components/callout/MCallout.spec.ts +35 -0
- package/src/components/callout/MCallout.vue +22 -4
- package/src/components/callout/README.md +2 -0
- package/src/components/checklistmenu/MCheckListMenu.spec.ts +12 -1
- package/src/components/checklistmenu/MCheckListMenu.vue +6 -0
- package/src/components/checklistmenu/README.md +2 -0
- package/src/components/datatable/datatable.mdx +3 -2
- package/src/components/navigationindicator/MNavigationIndicator.spec.ts +75 -18
- package/src/components/navigationindicator/MNavigationIndicator.vue +10 -12
- package/src/components/optionListbox/MOptionListbox.vue +16 -1
- package/src/components/popover/MPopover.spec.ts +126 -0
- package/src/components/popover/MPopover.vue +36 -1
- package/src/components/segmentedcontrol/MSegmentedControl.spec.ts +92 -0
- package/src/components/segmentedcontrol/MSegmentedControl.vue +61 -2
- package/src/components/starrating/MStarRating.spec.ts +19 -22
- package/src/components/starrating/MStarRating.vue +3 -2
- package/src/components/tabs/MTabs.vue +90 -4
- package/src/components/tabs/Mtabs.spec.ts +162 -0
- package/src/main.ts +1 -0
- package/src/components/ComponentsMapping.mdx +0 -98
package/dist/mozaic-vue.d.ts
CHANGED
|
@@ -103,7 +103,9 @@ scroll: boolean;
|
|
|
103
103
|
closable: boolean;
|
|
104
104
|
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
|
|
105
105
|
|
|
106
|
-
declare const __VLS_component_2: DefineComponent<__VLS_Props_2, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_2> & Readonly<{}>, {
|
|
106
|
+
declare const __VLS_component_2: DefineComponent<__VLS_Props_2, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_2> & Readonly<{}>, {
|
|
107
|
+
tag: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
|
|
108
|
+
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
107
109
|
|
|
108
110
|
declare const __VLS_component_20: DefineComponent<__VLS_Props_34, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_34> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
109
111
|
|
|
@@ -121,7 +123,9 @@ size: "s" | "m" | "l";
|
|
|
121
123
|
position: "top" | "right" | "bottom" | "left";
|
|
122
124
|
closable: boolean;
|
|
123
125
|
pointer: boolean;
|
|
124
|
-
}, {}, {}, {}, string, ComponentProvideOptions, false, {
|
|
126
|
+
}, {}, {}, {}, string, ComponentProvideOptions, false, {
|
|
127
|
+
popoverRef: HTMLDivElement;
|
|
128
|
+
}, any>;
|
|
125
129
|
|
|
126
130
|
declare const __VLS_component_23: DefineComponent<__VLS_Props_46, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
|
|
127
131
|
"update:modelValue": (value: boolean) => any;
|
|
@@ -229,10 +233,10 @@ onClose?: (() => any) | undefined;
|
|
|
229
233
|
status: "info" | "success" | "warning" | "error";
|
|
230
234
|
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLElement>;
|
|
231
235
|
|
|
232
|
-
declare const __VLS_component_28: DefineComponent<
|
|
236
|
+
declare const __VLS_component_28: DefineComponent<__VLS_Props_63, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
|
|
233
237
|
"update:modelValue": (value: boolean) => any;
|
|
234
238
|
"remove-tag": (id: string) => any;
|
|
235
|
-
}, string, PublicProps, Readonly<
|
|
239
|
+
}, string, PublicProps, Readonly<__VLS_Props_63> & Readonly<{
|
|
236
240
|
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
237
241
|
"onRemove-tag"?: ((id: string) => any) | undefined;
|
|
238
242
|
}>, {
|
|
@@ -241,11 +245,11 @@ contextualisedNumber: number;
|
|
|
241
245
|
removableLabel: string;
|
|
242
246
|
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
|
|
243
247
|
|
|
244
|
-
declare const __VLS_component_29: DefineComponent<
|
|
248
|
+
declare const __VLS_component_29: DefineComponent<__VLS_Props_65, {
|
|
245
249
|
focus: typeof focus_2;
|
|
246
250
|
}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
|
|
247
251
|
"update:modelValue": (value: string | number) => any;
|
|
248
|
-
}, string, PublicProps, Readonly<
|
|
252
|
+
}, string, PublicProps, Readonly<__VLS_Props_65> & Readonly<{
|
|
249
253
|
"onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
|
|
250
254
|
}>, {
|
|
251
255
|
size: "s" | "m";
|
|
@@ -257,14 +261,14 @@ textInput: HTMLInputElement;
|
|
|
257
261
|
|
|
258
262
|
declare const __VLS_component_3: DefineComponent<__VLS_Props_3, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_3> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
259
263
|
|
|
260
|
-
declare const __VLS_component_30: DefineComponent<
|
|
264
|
+
declare const __VLS_component_30: DefineComponent<__VLS_Props_66, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_66> & Readonly<{}>, {
|
|
261
265
|
appearance: "primary" | "secondary" | "inverse";
|
|
262
266
|
bordered: boolean;
|
|
263
267
|
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
264
268
|
|
|
265
|
-
declare const __VLS_component_31: DefineComponent<
|
|
269
|
+
declare const __VLS_component_31: DefineComponent<__VLS_Props_67, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
|
|
266
270
|
action: () => any;
|
|
267
|
-
}, string, PublicProps, Readonly<
|
|
271
|
+
}, string, PublicProps, Readonly<__VLS_Props_67> & Readonly<{
|
|
268
272
|
onAction?: (() => any) | undefined;
|
|
269
273
|
}>, {
|
|
270
274
|
appearance: "primary" | "secondary" | "inverse";
|
|
@@ -272,16 +276,16 @@ iconPosition: "bottom" | "right";
|
|
|
272
276
|
bordered: boolean;
|
|
273
277
|
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
|
|
274
278
|
|
|
275
|
-
declare const __VLS_component_32: DefineComponent<
|
|
279
|
+
declare const __VLS_component_32: DefineComponent<__VLS_Props_68, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_68> & Readonly<{}>, {
|
|
276
280
|
appearance: "primary" | "secondary";
|
|
277
281
|
label: string;
|
|
278
282
|
trigger: "container" | "icon" | "button";
|
|
279
283
|
bordered: boolean;
|
|
280
284
|
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
281
285
|
|
|
282
|
-
declare const __VLS_component_33: DefineComponent<
|
|
286
|
+
declare const __VLS_component_33: DefineComponent<__VLS_Props_69, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
|
|
283
287
|
"update:modelValue": (value: boolean) => any;
|
|
284
|
-
}, string, PublicProps, Readonly<
|
|
288
|
+
}, string, PublicProps, Readonly<__VLS_Props_69> & Readonly<{
|
|
285
289
|
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
286
290
|
}>, {
|
|
287
291
|
inputType: "checkbox" | "radio";
|
|
@@ -289,16 +293,16 @@ bordered: boolean;
|
|
|
289
293
|
inputPosition: "left" | "right";
|
|
290
294
|
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
291
295
|
|
|
292
|
-
declare const __VLS_component_34: DefineComponent<
|
|
296
|
+
declare const __VLS_component_34: DefineComponent<__VLS_Props_70, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
|
|
293
297
|
"update:open": (value: boolean) => any;
|
|
294
|
-
}, string, PublicProps, Readonly<
|
|
298
|
+
}, string, PublicProps, Readonly<__VLS_Props_70> & Readonly<{
|
|
295
299
|
"onUpdate:open"?: ((value: boolean) => any) | undefined;
|
|
296
300
|
}>, {
|
|
297
301
|
status: "info" | "success" | "warning" | "error";
|
|
298
302
|
closable: boolean;
|
|
299
303
|
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLElement>;
|
|
300
304
|
|
|
301
|
-
declare const __VLS_component_35: DefineComponent<
|
|
305
|
+
declare const __VLS_component_35: DefineComponent<__VLS_Props_73, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_73> & Readonly<{}>, {
|
|
302
306
|
position: "top" | "bottom" | "left" | "right";
|
|
303
307
|
pointer: boolean;
|
|
304
308
|
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
@@ -327,6 +331,7 @@ size: "s" | "m" | "l";
|
|
|
327
331
|
|
|
328
332
|
declare const __VLS_component_7: DefineComponent<__VLS_Props_9, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_9> & Readonly<{}>, {
|
|
329
333
|
appearance: "standard" | "accent" | "tips" | "inverse";
|
|
334
|
+
tag: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
|
|
330
335
|
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLElement>;
|
|
331
336
|
|
|
332
337
|
declare const __VLS_component_8: DefineComponent<__VLS_Props_10, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_10> & Readonly<{}>, {
|
|
@@ -695,6 +700,11 @@ declare type __VLS_Props_13 = {
|
|
|
695
700
|
* When enabled, adds a visible border around the wrapper to highlight or separate its content.
|
|
696
701
|
*/
|
|
697
702
|
outlined?: boolean;
|
|
703
|
+
/**
|
|
704
|
+
* Accessible label for the navigation landmark. Should describe the purpose
|
|
705
|
+
* of this menu to distinguish it from other navigations on the page.
|
|
706
|
+
*/
|
|
707
|
+
label?: string;
|
|
698
708
|
};
|
|
699
709
|
|
|
700
710
|
/**
|
|
@@ -925,6 +935,11 @@ declare type __VLS_Props_2 = {
|
|
|
925
935
|
* Icon component to display before the item title.
|
|
926
936
|
*/
|
|
927
937
|
icon?: Component;
|
|
938
|
+
/**
|
|
939
|
+
* Heading level for the accordion trigger (h2–h6). Adjust to match the
|
|
940
|
+
* heading hierarchy of the page where the accordion is used.
|
|
941
|
+
*/
|
|
942
|
+
tag?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
|
|
928
943
|
};
|
|
929
944
|
|
|
930
945
|
/**
|
|
@@ -2144,9 +2159,40 @@ declare type __VLS_Props_60 = {
|
|
|
2144
2159
|
};
|
|
2145
2160
|
|
|
2146
2161
|
/**
|
|
2147
|
-
*
|
|
2162
|
+
* A stepper is a navigation component that guides users through a sequence of steps in a structured process. It visually represents progress, completed steps, and upcoming steps, helping users understand their position within a workflow. Steppers are commonly used in multi-step forms, onboarding flows, checkout processes, and task completion sequences to improve clarity and reduce cognitive load.
|
|
2148
2163
|
*/
|
|
2149
2164
|
declare type __VLS_Props_61 = {
|
|
2165
|
+
/**
|
|
2166
|
+
* Defines the currently active step.
|
|
2167
|
+
*
|
|
2168
|
+
* - If a `number` is provided, it represents the 1-based position of the step
|
|
2169
|
+
* in the `steps` array (e.g. `1` for the first step).
|
|
2170
|
+
* - If a `string` is provided, it must match the `id` of one of the steps.
|
|
2171
|
+
*/
|
|
2172
|
+
currentStep?: string | number;
|
|
2173
|
+
/**
|
|
2174
|
+
* Steps of the stepper inline.
|
|
2175
|
+
*/
|
|
2176
|
+
steps?: Array<{
|
|
2177
|
+
/**
|
|
2178
|
+
* Unique identifier for the step.
|
|
2179
|
+
*/
|
|
2180
|
+
id?: string;
|
|
2181
|
+
/**
|
|
2182
|
+
* Label of the step.
|
|
2183
|
+
*/
|
|
2184
|
+
label: string;
|
|
2185
|
+
/**
|
|
2186
|
+
* Optional additional information under the label.
|
|
2187
|
+
*/
|
|
2188
|
+
additionalInfo?: string;
|
|
2189
|
+
}>;
|
|
2190
|
+
};
|
|
2191
|
+
|
|
2192
|
+
/**
|
|
2193
|
+
* Tabs are a navigation component that allows users to switch between different sections within the same context. They help organize content efficiently by displaying only one section at a time, reducing clutter and improving accessibility. Tabs can include icons, labels, and notification badges to provide additional context. They are commonly used in dashboards, product management, and settings interfaces.
|
|
2194
|
+
*/
|
|
2195
|
+
declare type __VLS_Props_62 = {
|
|
2150
2196
|
/**
|
|
2151
2197
|
* A description indicating the purpose of the set of tabs. Useful for improving the accessibility of the component.
|
|
2152
2198
|
*/
|
|
@@ -2196,7 +2242,7 @@ declare type __VLS_Props_61 = {
|
|
|
2196
2242
|
/**
|
|
2197
2243
|
* A Tag is a UI element used to filter data, categorize, select or deselect an option. It can appear standalone, in a group, or embedded within other components. Depending on its use, a tag can be interactive (clickable, removable, selectable) or static (serving as a visual indicator).
|
|
2198
2244
|
*/
|
|
2199
|
-
declare type
|
|
2245
|
+
declare type __VLS_Props_63 = {
|
|
2200
2246
|
/**
|
|
2201
2247
|
* Defines the behavior and layout of the tag.
|
|
2202
2248
|
*/
|
|
@@ -2238,7 +2284,7 @@ declare type __VLS_Props_62 = {
|
|
|
2238
2284
|
/**
|
|
2239
2285
|
* A text area is an input designed for multi-line text entry, allowing users to input longer content compared to a standard text input. It is commonly used for comments, feedback, descriptions, and messaging. Text areas can be resizable or fixed in height, depending on the context, and often include placeholder text, character limits, and validation messages to guide users.<br><br> To put a label, requierement text, help text or to apply a valid or invalid message, the examples are available in the [Field section](/docs/form-elements-field--docs#textarea).
|
|
2240
2286
|
*/
|
|
2241
|
-
declare type
|
|
2287
|
+
declare type __VLS_Props_64 = {
|
|
2242
2288
|
/**
|
|
2243
2289
|
* A unique identifier for the textarea, used to associate the label with the form element.
|
|
2244
2290
|
*/
|
|
@@ -2284,7 +2330,7 @@ declare type __VLS_Props_63 = {
|
|
|
2284
2330
|
/**
|
|
2285
2331
|
* A text input is a single-line input that allows users to enter and edit short text-based content. It is commonly used for names, email addresses, search queries, and form entries. Text Inputs often include placeholders, validation rules, and assistive text to guide users and ensure accurate data entry.<br><br> To put a label, requierement text, help text or to apply a valid or invalid message, the examples are available in the [Field section](/docs/form-elements-field--docs#input).
|
|
2286
2332
|
*/
|
|
2287
|
-
declare type
|
|
2333
|
+
declare type __VLS_Props_65 = {
|
|
2288
2334
|
/**
|
|
2289
2335
|
* A unique identifier for the input element, used to associate the label with the form element.
|
|
2290
2336
|
*/
|
|
@@ -2342,7 +2388,7 @@ declare type __VLS_Props_64 = {
|
|
|
2342
2388
|
/**
|
|
2343
2389
|
* A tile is a container component used to group related content and actions within a structured layout. It provides a clickable or static area that can display text, images, icons, or interactive elements. Tiles are commonly used to present key information, navigate to detailed views, or trigger specific actions in dashboards, cards, and grid-based layouts. Their adaptable design allows them to accommodate various content types while maintaining a consistent and organized interface.
|
|
2344
2390
|
*/
|
|
2345
|
-
declare type
|
|
2391
|
+
declare type __VLS_Props_66 = {
|
|
2346
2392
|
/**
|
|
2347
2393
|
* Defines the visual style of the tile.
|
|
2348
2394
|
*/
|
|
@@ -2356,7 +2402,7 @@ declare type __VLS_Props_65 = {
|
|
|
2356
2402
|
/**
|
|
2357
2403
|
* A tile is a container component used to group related content and actions within a structured layout. It provides a clickable or static area that can display text, images, icons, or interactive elements. Tiles are commonly used to present key information, navigate to detailed views, or trigger specific actions in dashboards, cards, and grid-based layouts. Their adaptable design allows them to accommodate various content types while maintaining a consistent and organized interface.
|
|
2358
2404
|
*/
|
|
2359
|
-
declare type
|
|
2405
|
+
declare type __VLS_Props_67 = {
|
|
2360
2406
|
/**
|
|
2361
2407
|
* Defines the visual style of the tile.
|
|
2362
2408
|
*/
|
|
@@ -2388,7 +2434,7 @@ declare type __VLS_Props_66 = {
|
|
|
2388
2434
|
/**
|
|
2389
2435
|
* A tile is a container component used to group related content and actions within a structured layout. It provides a clickable or static area that can display text, images, icons, or interactive elements. Tiles are commonly used to present key information, navigate to detailed views, or trigger specific actions in dashboards, cards, and grid-based layouts. Their adaptable design allows them to accommodate various content types while maintaining a consistent and organized interface.
|
|
2390
2436
|
*/
|
|
2391
|
-
declare type
|
|
2437
|
+
declare type __VLS_Props_68 = {
|
|
2392
2438
|
/**
|
|
2393
2439
|
* Defines the visual style of the tile.
|
|
2394
2440
|
*/
|
|
@@ -2410,7 +2456,7 @@ declare type __VLS_Props_67 = {
|
|
|
2410
2456
|
/**
|
|
2411
2457
|
* A tile is a container component used to group related content and actions within a structured layout. It provides a clickable or static area that can display text, images, icons, or interactive elements. Tiles are commonly used to present key information, navigate to detailed views, or trigger specific actions in dashboards, cards, and grid-based layouts. Their adaptable design allows them to accommodate various content types while maintaining a consistent and organized interface.
|
|
2412
2458
|
*/
|
|
2413
|
-
declare type
|
|
2459
|
+
declare type __VLS_Props_69 = {
|
|
2414
2460
|
/**
|
|
2415
2461
|
* The current value of the tile (selected or not).
|
|
2416
2462
|
*/
|
|
@@ -2437,10 +2483,30 @@ declare type __VLS_Props_68 = {
|
|
|
2437
2483
|
hideInput?: boolean;
|
|
2438
2484
|
};
|
|
2439
2485
|
|
|
2486
|
+
declare type __VLS_Props_7 = {
|
|
2487
|
+
/**
|
|
2488
|
+
* Specifies the key of the currently selected menu item. It allows the component to highlight or style the corresponding item to indicate it is selected or currently in use.
|
|
2489
|
+
*/
|
|
2490
|
+
modelValue?: number;
|
|
2491
|
+
/**
|
|
2492
|
+
* Defines the menu items, each of which can include an icon and act as a button, link, or router-link.
|
|
2493
|
+
*/
|
|
2494
|
+
items: MenuItem[];
|
|
2495
|
+
/**
|
|
2496
|
+
* When enabled, adds a visible border around the wrapper to highlight or separate its content.
|
|
2497
|
+
*/
|
|
2498
|
+
outlined?: boolean;
|
|
2499
|
+
/**
|
|
2500
|
+
* Accessible label for the navigation landmark. Should describe the purpose
|
|
2501
|
+
* of this menu to distinguish it from other navigations on the page.
|
|
2502
|
+
*/
|
|
2503
|
+
label?: string;
|
|
2504
|
+
};
|
|
2505
|
+
|
|
2440
2506
|
/**
|
|
2441
2507
|
* A toaster is a temporary notification that appears briefly on the screen to provide feedback or updates without interrupting the user’s workflow. It is commonly used for success messages, warnings, errors, or informational updates. Toasters can disappear automatically after a few seconds, be dismissed manually via a close button, or be removed when the user performs a relevant action. They typically include an icon, a short message, and an optional close button for better usability.
|
|
2442
2508
|
*/
|
|
2443
|
-
declare type
|
|
2509
|
+
declare type __VLS_Props_70 = {
|
|
2444
2510
|
/**
|
|
2445
2511
|
* If `true`, display the Toaster.
|
|
2446
2512
|
*/
|
|
@@ -2471,25 +2537,10 @@ declare type __VLS_Props_69 = {
|
|
|
2471
2537
|
timeout?: number;
|
|
2472
2538
|
};
|
|
2473
2539
|
|
|
2474
|
-
declare type __VLS_Props_7 = {
|
|
2475
|
-
/**
|
|
2476
|
-
* Specifies the key of the currently selected menu item. It allows the component to highlight or style the corresponding item to indicate it is selected or currently in use.
|
|
2477
|
-
*/
|
|
2478
|
-
modelValue?: number;
|
|
2479
|
-
/**
|
|
2480
|
-
* Defines the menu items, each of which can include an icon and act as a button, link, or router-link.
|
|
2481
|
-
*/
|
|
2482
|
-
items: MenuItem[];
|
|
2483
|
-
/**
|
|
2484
|
-
* When enabled, adds a visible border around the wrapper to highlight or separate its content.
|
|
2485
|
-
*/
|
|
2486
|
-
outlined?: boolean;
|
|
2487
|
-
};
|
|
2488
|
-
|
|
2489
2540
|
/**
|
|
2490
2541
|
* A toggle is a switch component that allows users to enable or disable a setting, representing a binary state such as on/off or active/inactive. It provides a quick and intuitive way to control preferences or system settings. Toggles are commonly used in settings menus, dark mode switches, and feature activations, offering an alternative to checkboxes for immediate visual feedback.
|
|
2491
2542
|
*/
|
|
2492
|
-
declare type
|
|
2543
|
+
declare type __VLS_Props_71 = {
|
|
2493
2544
|
/**
|
|
2494
2545
|
* A unique identifier for the toggle, used to associate the label with the form element.
|
|
2495
2546
|
*/
|
|
@@ -2519,7 +2570,7 @@ declare type __VLS_Props_70 = {
|
|
|
2519
2570
|
/**
|
|
2520
2571
|
* A toggle is a switch component that allows users to enable or disable a setting, representing a binary state such as on/off or active/inactive. It provides a quick and intuitive way to control preferences or system settings. Toggles are commonly used in settings menus, dark mode switches, and feature activations, offering an alternative to checkboxes for immediate visual feedback.<br><br> To put a label, requierement text, help text or to apply a valid or invalid message, the examples are available in the [Field Group section](/docs/form-elements-field-group--docs#toggle-group).
|
|
2521
2572
|
*/
|
|
2522
|
-
declare type
|
|
2573
|
+
declare type __VLS_Props_72 = {
|
|
2523
2574
|
/**
|
|
2524
2575
|
* The name attribute for the toggle element, typically used for form submission.
|
|
2525
2576
|
*/
|
|
@@ -2548,7 +2599,7 @@ declare type __VLS_Props_71 = {
|
|
|
2548
2599
|
/**
|
|
2549
2600
|
* A tooltip is a small, contextual message that appears when users hover over, focus on, or tap an element, providing additional information or guidance without cluttering the interface. Tooltips are commonly used to explain icons, abbreviations, or complex actions. They typically disappear automatically when the user moves away from the trigger element.
|
|
2550
2601
|
*/
|
|
2551
|
-
declare type
|
|
2602
|
+
declare type __VLS_Props_73 = {
|
|
2552
2603
|
/**
|
|
2553
2604
|
* A unique identifier for the tooltip, used to describe the tooltip.
|
|
2554
2605
|
*/
|
|
@@ -2625,6 +2676,11 @@ declare type __VLS_Props_9 = {
|
|
|
2625
2676
|
* Allows to define the callout appearance.
|
|
2626
2677
|
*/
|
|
2627
2678
|
appearance?: 'standard' | 'accent' | 'tips' | 'inverse';
|
|
2679
|
+
/**
|
|
2680
|
+
* Heading level for the callout title (h2–h6). Adjust to match the
|
|
2681
|
+
* heading hierarchy of the page where the callout is used.
|
|
2682
|
+
*/
|
|
2683
|
+
tag?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
|
|
2628
2684
|
};
|
|
2629
2685
|
|
|
2630
2686
|
declare type __VLS_PublicProps = {
|
|
@@ -3010,7 +3066,9 @@ declare function __VLS_template_22(): {
|
|
|
3010
3066
|
*/
|
|
3011
3067
|
footer?: VNode;
|
|
3012
3068
|
};
|
|
3013
|
-
refs: {
|
|
3069
|
+
refs: {
|
|
3070
|
+
popoverRef: HTMLDivElement;
|
|
3071
|
+
};
|
|
3014
3072
|
rootEl: any;
|
|
3015
3073
|
};
|
|
3016
3074
|
|
|
@@ -4163,7 +4221,9 @@ export declare const MBuiltInMenu: DefineComponent<__VLS_Props_7, {}, {}, {}, {}
|
|
|
4163
4221
|
"update:modelValue": (value: number) => any;
|
|
4164
4222
|
}, string, PublicProps, Readonly<__VLS_Props_7> & Readonly<{
|
|
4165
4223
|
"onUpdate:modelValue"?: ((value: number) => any) | undefined;
|
|
4166
|
-
}>, {
|
|
4224
|
+
}>, {
|
|
4225
|
+
label: string;
|
|
4226
|
+
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLElement>;
|
|
4167
4227
|
|
|
4168
4228
|
export declare const MButton: __VLS_WithTemplateSlots_6<typeof __VLS_component_6, __VLS_TemplateResult_6["slots"]>;
|
|
4169
4229
|
|
|
@@ -4267,7 +4327,7 @@ onAction?: (() => any) | undefined;
|
|
|
4267
4327
|
}>, {
|
|
4268
4328
|
action: "pause" | "resume";
|
|
4269
4329
|
player: boolean;
|
|
4270
|
-
}, {}, {}, {}, string, ComponentProvideOptions, false, {},
|
|
4330
|
+
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLElement>;
|
|
4271
4331
|
|
|
4272
4332
|
export declare const MNumberBadge: DefineComponent<__VLS_Props_33, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_33> & Readonly<{}>, {
|
|
4273
4333
|
appearance: "danger" | "accent" | "inverse" | "standard";
|
|
@@ -4409,8 +4469,8 @@ export declare const MQuantitySelector: DefineComponent<__VLS_Props_41, {}, {},
|
|
|
4409
4469
|
}>, {
|
|
4410
4470
|
modelValue: number;
|
|
4411
4471
|
size: "s" | "m";
|
|
4412
|
-
step: number;
|
|
4413
4472
|
name: string;
|
|
4473
|
+
step: number;
|
|
4414
4474
|
min: number;
|
|
4415
4475
|
max: number;
|
|
4416
4476
|
incrementlabel: string;
|
|
@@ -4436,7 +4496,7 @@ export declare const MSegmentedControl: DefineComponent<__VLS_Props_44, {}, {},
|
|
|
4436
4496
|
}>, {
|
|
4437
4497
|
modelValue: string | number;
|
|
4438
4498
|
size: "s" | "m";
|
|
4439
|
-
}, {}, {}, {}, string, ComponentProvideOptions, false, {},
|
|
4499
|
+
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
|
|
4440
4500
|
|
|
4441
4501
|
export declare const MSelect: DefineComponent<__VLS_Props_45, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
|
|
4442
4502
|
"update:modelValue": (value: string | number) => any;
|
|
@@ -4534,9 +4594,27 @@ additionalInfo?: string;
|
|
|
4534
4594
|
currentStep: string | number;
|
|
4535
4595
|
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLElement>;
|
|
4536
4596
|
|
|
4537
|
-
export declare const
|
|
4597
|
+
export declare const MStepperStacked: DefineComponent<__VLS_Props_61, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_61> & Readonly<{}>, {
|
|
4598
|
+
steps: Array<{
|
|
4599
|
+
/**
|
|
4600
|
+
* Unique identifier for the step.
|
|
4601
|
+
*/
|
|
4602
|
+
id?: string;
|
|
4603
|
+
/**
|
|
4604
|
+
* Label of the step.
|
|
4605
|
+
*/
|
|
4606
|
+
label: string;
|
|
4607
|
+
/**
|
|
4608
|
+
* Optional additional information under the label.
|
|
4609
|
+
*/
|
|
4610
|
+
additionalInfo?: string;
|
|
4611
|
+
}>;
|
|
4612
|
+
currentStep: string | number;
|
|
4613
|
+
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLElement>;
|
|
4614
|
+
|
|
4615
|
+
export declare const MTabs: DefineComponent<__VLS_Props_62, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
|
|
4538
4616
|
"update:modelValue": (value?: string | number | undefined) => any;
|
|
4539
|
-
}, string, PublicProps, Readonly<
|
|
4617
|
+
}, string, PublicProps, Readonly<__VLS_Props_62> & Readonly<{
|
|
4540
4618
|
"onUpdate:modelValue"?: ((value?: string | number | undefined) => any) | undefined;
|
|
4541
4619
|
}>, {
|
|
4542
4620
|
modelValue: string | number;
|
|
@@ -4547,9 +4625,9 @@ tab: HTMLButtonElement;
|
|
|
4547
4625
|
|
|
4548
4626
|
export declare const MTag: __VLS_WithTemplateSlots_28<typeof __VLS_component_28, __VLS_TemplateResult_28["slots"]>;
|
|
4549
4627
|
|
|
4550
|
-
export declare const MTextArea: DefineComponent<
|
|
4628
|
+
export declare const MTextArea: DefineComponent<__VLS_Props_64, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
|
|
4551
4629
|
"update:modelValue": (value: string | number) => any;
|
|
4552
|
-
}, string, PublicProps, Readonly<
|
|
4630
|
+
}, string, PublicProps, Readonly<__VLS_Props_64> & Readonly<{
|
|
4553
4631
|
"onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
|
|
4554
4632
|
}>, {
|
|
4555
4633
|
rows: number;
|
|
@@ -4567,17 +4645,17 @@ export declare const MTileSelectable: __VLS_WithTemplateSlots_33<typeof __VLS_co
|
|
|
4567
4645
|
|
|
4568
4646
|
export declare const MToaster: __VLS_WithTemplateSlots_34<typeof __VLS_component_34, __VLS_TemplateResult_34["slots"]>;
|
|
4569
4647
|
|
|
4570
|
-
export declare const MToggle: DefineComponent<
|
|
4648
|
+
export declare const MToggle: DefineComponent<__VLS_Props_71, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
|
|
4571
4649
|
"update:modelValue": (value: boolean) => any;
|
|
4572
|
-
}, string, PublicProps, Readonly<
|
|
4650
|
+
}, string, PublicProps, Readonly<__VLS_Props_71> & Readonly<{
|
|
4573
4651
|
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
4574
4652
|
}>, {
|
|
4575
4653
|
size: "s" | "m";
|
|
4576
4654
|
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
|
|
4577
4655
|
|
|
4578
|
-
export declare const MToggleGroup: DefineComponent<
|
|
4656
|
+
export declare const MToggleGroup: DefineComponent<__VLS_Props_72, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
|
|
4579
4657
|
"update:modelValue": (value: string[]) => any;
|
|
4580
|
-
}, string, PublicProps, Readonly<
|
|
4658
|
+
}, string, PublicProps, Readonly<__VLS_Props_72> & Readonly<{
|
|
4581
4659
|
"onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
|
|
4582
4660
|
}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
4583
4661
|
|