@mozaic-ds/vue 2.18.0 → 2.19.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 +25 -17
- package/dist/mozaic-vue.js +1240 -1130
- package/dist/mozaic-vue.js.map +1 -1
- package/dist/mozaic-vue.umd.cjs +6 -6
- package/dist/mozaic-vue.umd.cjs.map +1 -1
- package/package.json +3 -3
- package/src/components/BrandPresets.mdx +20 -2
- package/src/components/actionlistbox/MActionListbox.spec.ts +99 -0
- package/src/components/actionlistbox/MActionListbox.vue +54 -7
- package/src/components/breadcrumb/MBreadcrumb.vue +1 -1
- package/src/components/button/MButton.spec.ts +26 -0
- package/src/components/button/MButton.vue +2 -0
- package/src/components/callout/MCallout.stories.ts +0 -3
- package/src/components/callout/MCallout.vue +4 -3
- package/src/components/callout/README.md +2 -2
- package/src/components/carousel/MCarousel.spec.ts +26 -2
- package/src/components/carousel/MCarousel.vue +10 -4
- package/src/components/combobox/MCombobox.vue +7 -0
- package/src/components/drawer/MDrawer.spec.ts +102 -3
- package/src/components/drawer/MDrawer.vue +73 -14
- package/src/components/field/MField.vue +1 -0
- package/src/components/fileuploader/MFileUploader.vue +2 -2
- package/src/components/fileuploaderitem/MFileUploaderItem.vue +2 -7
- package/src/components/iconbutton/MIconButton.spec.ts +15 -0
- package/src/components/iconbutton/MIconButton.vue +1 -0
- package/src/components/kpiitem/MKpiItem.spec.ts +13 -0
- package/src/components/kpiitem/MKpiItem.vue +1 -1
- package/src/components/modal/MModal.spec.ts +115 -3
- package/src/components/modal/MModal.vue +91 -11
- package/src/components/modal/README.md +1 -1
- package/src/components/overlay/MOverlay.spec.ts +1 -1
- package/src/components/overlay/MOverlay.vue +1 -1
- package/src/components/phonenumber/MPhoneNumber.spec.ts +6 -2
- package/src/components/phonenumber/MPhoneNumber.vue +20 -16
- package/src/components/sidebarexpandableitem/MSidebarExpandableItem.spec.ts +12 -0
- package/src/components/sidebarexpandableitem/MSidebarExpandableItem.vue +1 -0
- package/src/components/steppercompact/MStepperCompact.spec.ts +9 -0
- package/src/components/steppercompact/MStepperCompact.vue +1 -1
- package/src/components/stepperinline/MStepperInline.spec.ts +11 -0
- package/src/components/stepperinline/MStepperInline.vue +1 -1
- package/src/components/stepperstacked/MStepperStacked.spec.ts +13 -0
- package/src/components/stepperstacked/MStepperStacked.vue +1 -0
- package/src/components/textinput/MTextInput.vue +2 -2
- package/src/components/toggle/MToggle.vue +1 -1
package/dist/mozaic-vue.d.ts
CHANGED
|
@@ -50,6 +50,7 @@ onBack?: (() => any) | undefined;
|
|
|
50
50
|
}>, {
|
|
51
51
|
scroll: boolean;
|
|
52
52
|
}, {}, {}, {}, string, ComponentProvideOptions, false, {
|
|
53
|
+
sectionRef: HTMLElement;
|
|
53
54
|
titleRef: HTMLHeadingElement;
|
|
54
55
|
}, any>;
|
|
55
56
|
|
|
@@ -101,7 +102,9 @@ declare const __VLS_component_19: DefineComponent<__VLS_Props_31, {}, {}, {}, {}
|
|
|
101
102
|
}>, {
|
|
102
103
|
scroll: boolean;
|
|
103
104
|
closable: boolean;
|
|
104
|
-
}, {}, {}, {}, string, ComponentProvideOptions, false, {
|
|
105
|
+
}, {}, {}, {}, string, ComponentProvideOptions, false, {
|
|
106
|
+
modalRef: HTMLElement;
|
|
107
|
+
}, any>;
|
|
105
108
|
|
|
106
109
|
declare const __VLS_component_2: DefineComponent<__VLS_Props_2, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_2> & Readonly<{}>, {
|
|
107
110
|
tag: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
|
|
@@ -253,7 +256,7 @@ focus: typeof focus_2;
|
|
|
253
256
|
"onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
|
|
254
257
|
}>, {
|
|
255
258
|
size: "s" | "m";
|
|
256
|
-
inputType: "date" | "email" | "number" | "password" | "search" | "tel" | "text";
|
|
259
|
+
inputType: "date" | "datetime-local" | "email" | "number" | "password" | "search" | "tel" | "text";
|
|
257
260
|
clearLabel: string;
|
|
258
261
|
}, {}, {}, {}, string, ComponentProvideOptions, false, {
|
|
259
262
|
textInput: HTMLInputElement;
|
|
@@ -317,6 +320,7 @@ onAction?: ((value: string | number) => any) | undefined;
|
|
|
317
320
|
position: "top" | "bottom" | "left" | "right";
|
|
318
321
|
}, {}, {}, {}, string, ComponentProvideOptions, false, {
|
|
319
322
|
popover: HTMLDivElement;
|
|
323
|
+
menuEl: HTMLUListElement;
|
|
320
324
|
}, any>;
|
|
321
325
|
|
|
322
326
|
declare const __VLS_component_5: DefineComponent<__VLS_Props_5, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_5> & Readonly<{}>, {
|
|
@@ -389,7 +393,7 @@ readonly id: string;
|
|
|
389
393
|
readonly name?: string | undefined;
|
|
390
394
|
readonly modelValue?: string | number | undefined;
|
|
391
395
|
readonly placeholder?: string | undefined;
|
|
392
|
-
readonly inputType?: "date" | "email" | "number" | "password" | "search" | "tel" | "text" | undefined;
|
|
396
|
+
readonly inputType?: "date" | "datetime-local" | "email" | "number" | "password" | "search" | "tel" | "text" | undefined;
|
|
393
397
|
readonly isInvalid?: boolean | undefined;
|
|
394
398
|
readonly disabled?: boolean | undefined;
|
|
395
399
|
readonly size?: "s" | "m" | undefined;
|
|
@@ -419,7 +423,7 @@ id: string;
|
|
|
419
423
|
name?: string;
|
|
420
424
|
modelValue?: string | number;
|
|
421
425
|
placeholder?: string;
|
|
422
|
-
inputType?: "date" | "email" | "number" | "password" | "search" | "tel" | "text";
|
|
426
|
+
inputType?: "date" | "datetime-local" | "email" | "number" | "password" | "search" | "tel" | "text";
|
|
423
427
|
isInvalid?: boolean;
|
|
424
428
|
disabled?: boolean;
|
|
425
429
|
size?: "s" | "m";
|
|
@@ -436,7 +440,7 @@ focus: () => void;
|
|
|
436
440
|
"update:modelValue": (value: string | number) => any;
|
|
437
441
|
}, string, {
|
|
438
442
|
size: "s" | "m";
|
|
439
|
-
inputType: "date" | "email" | "number" | "password" | "search" | "tel" | "text";
|
|
443
|
+
inputType: "date" | "datetime-local" | "email" | "number" | "password" | "search" | "tel" | "text";
|
|
440
444
|
clearLabel: string;
|
|
441
445
|
}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & {
|
|
442
446
|
beforeCreate?: (() => void) | (() => void)[];
|
|
@@ -460,14 +464,14 @@ $nextTick: nextTick;
|
|
|
460
464
|
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
|
|
461
465
|
} & Readonly<{
|
|
462
466
|
size: "s" | "m";
|
|
463
|
-
inputType: "date" | "email" | "number" | "password" | "search" | "tel" | "text";
|
|
467
|
+
inputType: "date" | "datetime-local" | "email" | "number" | "password" | "search" | "tel" | "text";
|
|
464
468
|
clearLabel: string;
|
|
465
469
|
}> & Omit<Readonly<{
|
|
466
470
|
id: string;
|
|
467
471
|
name?: string;
|
|
468
472
|
modelValue?: string | number;
|
|
469
473
|
placeholder?: string;
|
|
470
|
-
inputType?: "date" | "email" | "number" | "password" | "search" | "tel" | "text";
|
|
474
|
+
inputType?: "date" | "datetime-local" | "email" | "number" | "password" | "search" | "tel" | "text";
|
|
471
475
|
isInvalid?: boolean;
|
|
472
476
|
disabled?: boolean;
|
|
473
477
|
size?: "s" | "m";
|
|
@@ -1241,7 +1245,7 @@ declare type __VLS_Props_31 = {
|
|
|
1241
1245
|
/**
|
|
1242
1246
|
* Title of the modal.
|
|
1243
1247
|
*/
|
|
1244
|
-
title
|
|
1248
|
+
title?: string;
|
|
1245
1249
|
/**
|
|
1246
1250
|
* Description of the modal.
|
|
1247
1251
|
*/
|
|
@@ -2350,7 +2354,7 @@ declare type __VLS_Props_65 = {
|
|
|
2350
2354
|
/**
|
|
2351
2355
|
* Defines the type of input.
|
|
2352
2356
|
*/
|
|
2353
|
-
inputType?: 'date' | 'email' | 'number' | 'password' | 'search' | 'tel' | 'text';
|
|
2357
|
+
inputType?: 'date' | 'datetime-local' | 'email' | 'number' | 'password' | 'search' | 'tel' | 'text';
|
|
2354
2358
|
/**
|
|
2355
2359
|
* If `true`, applies an invalid state to the input.
|
|
2356
2360
|
*/
|
|
@@ -2667,11 +2671,11 @@ declare type __VLS_Props_9 = {
|
|
|
2667
2671
|
/**
|
|
2668
2672
|
* Title of the callout.
|
|
2669
2673
|
*/
|
|
2670
|
-
title
|
|
2674
|
+
title?: string;
|
|
2671
2675
|
/**
|
|
2672
2676
|
* Description of the callout.
|
|
2673
2677
|
*/
|
|
2674
|
-
description
|
|
2678
|
+
description?: string;
|
|
2675
2679
|
/**
|
|
2676
2680
|
* Allows to define the callout appearance.
|
|
2677
2681
|
*/
|
|
@@ -2760,6 +2764,7 @@ declare function __VLS_template_12(): {
|
|
|
2760
2764
|
footer?: VNode;
|
|
2761
2765
|
};
|
|
2762
2766
|
refs: {
|
|
2767
|
+
sectionRef: HTMLElement;
|
|
2763
2768
|
titleRef: HTMLHeadingElement;
|
|
2764
2769
|
};
|
|
2765
2770
|
rootEl: any;
|
|
@@ -2956,7 +2961,9 @@ declare function __VLS_template_19(): {
|
|
|
2956
2961
|
*/
|
|
2957
2962
|
footer?: VNode;
|
|
2958
2963
|
};
|
|
2959
|
-
refs: {
|
|
2964
|
+
refs: {
|
|
2965
|
+
modalRef: HTMLElement;
|
|
2966
|
+
};
|
|
2960
2967
|
rootEl: any;
|
|
2961
2968
|
};
|
|
2962
2969
|
|
|
@@ -3478,6 +3485,7 @@ declare function __VLS_template_4(): {
|
|
|
3478
3485
|
};
|
|
3479
3486
|
refs: {
|
|
3480
3487
|
popover: HTMLDivElement;
|
|
3488
|
+
menuEl: HTMLUListElement;
|
|
3481
3489
|
};
|
|
3482
3490
|
rootEl: any;
|
|
3483
3491
|
};
|
|
@@ -3629,7 +3637,7 @@ declare function __VLS_template_9(): {
|
|
|
3629
3637
|
readonly name?: string | undefined;
|
|
3630
3638
|
readonly modelValue?: string | number | undefined;
|
|
3631
3639
|
readonly placeholder?: string | undefined;
|
|
3632
|
-
readonly inputType?: "date" | "email" | "number" | "password" | "search" | "tel" | "text" | undefined;
|
|
3640
|
+
readonly inputType?: "date" | "datetime-local" | "email" | "number" | "password" | "search" | "tel" | "text" | undefined;
|
|
3633
3641
|
readonly isInvalid?: boolean | undefined;
|
|
3634
3642
|
readonly disabled?: boolean | undefined;
|
|
3635
3643
|
readonly size?: "s" | "m" | undefined;
|
|
@@ -3659,7 +3667,7 @@ declare function __VLS_template_9(): {
|
|
|
3659
3667
|
name?: string;
|
|
3660
3668
|
modelValue?: string | number;
|
|
3661
3669
|
placeholder?: string;
|
|
3662
|
-
inputType?: "date" | "email" | "number" | "password" | "search" | "tel" | "text";
|
|
3670
|
+
inputType?: "date" | "datetime-local" | "email" | "number" | "password" | "search" | "tel" | "text";
|
|
3663
3671
|
isInvalid?: boolean;
|
|
3664
3672
|
disabled?: boolean;
|
|
3665
3673
|
size?: "s" | "m";
|
|
@@ -3676,7 +3684,7 @@ declare function __VLS_template_9(): {
|
|
|
3676
3684
|
"update:modelValue": (value: string | number) => any;
|
|
3677
3685
|
}, string, {
|
|
3678
3686
|
size: "s" | "m";
|
|
3679
|
-
inputType: "date" | "email" | "number" | "password" | "search" | "tel" | "text";
|
|
3687
|
+
inputType: "date" | "datetime-local" | "email" | "number" | "password" | "search" | "tel" | "text";
|
|
3680
3688
|
clearLabel: string;
|
|
3681
3689
|
}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & {
|
|
3682
3690
|
beforeCreate?: (() => void) | (() => void)[];
|
|
@@ -3700,14 +3708,14 @@ declare function __VLS_template_9(): {
|
|
|
3700
3708
|
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
|
|
3701
3709
|
} & Readonly<{
|
|
3702
3710
|
size: "s" | "m";
|
|
3703
|
-
inputType: "date" | "email" | "number" | "password" | "search" | "tel" | "text";
|
|
3711
|
+
inputType: "date" | "datetime-local" | "email" | "number" | "password" | "search" | "tel" | "text";
|
|
3704
3712
|
clearLabel: string;
|
|
3705
3713
|
}> & Omit<Readonly<{
|
|
3706
3714
|
id: string;
|
|
3707
3715
|
name?: string;
|
|
3708
3716
|
modelValue?: string | number;
|
|
3709
3717
|
placeholder?: string;
|
|
3710
|
-
inputType?: "date" | "email" | "number" | "password" | "search" | "tel" | "text";
|
|
3718
|
+
inputType?: "date" | "datetime-local" | "email" | "number" | "password" | "search" | "tel" | "text";
|
|
3711
3719
|
isInvalid?: boolean;
|
|
3712
3720
|
disabled?: boolean;
|
|
3713
3721
|
size?: "s" | "m";
|