@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.
Files changed (45) hide show
  1. package/dist/mozaic-vue.css +1 -1
  2. package/dist/mozaic-vue.d.ts +25 -17
  3. package/dist/mozaic-vue.js +1240 -1130
  4. package/dist/mozaic-vue.js.map +1 -1
  5. package/dist/mozaic-vue.umd.cjs +6 -6
  6. package/dist/mozaic-vue.umd.cjs.map +1 -1
  7. package/package.json +3 -3
  8. package/src/components/BrandPresets.mdx +20 -2
  9. package/src/components/actionlistbox/MActionListbox.spec.ts +99 -0
  10. package/src/components/actionlistbox/MActionListbox.vue +54 -7
  11. package/src/components/breadcrumb/MBreadcrumb.vue +1 -1
  12. package/src/components/button/MButton.spec.ts +26 -0
  13. package/src/components/button/MButton.vue +2 -0
  14. package/src/components/callout/MCallout.stories.ts +0 -3
  15. package/src/components/callout/MCallout.vue +4 -3
  16. package/src/components/callout/README.md +2 -2
  17. package/src/components/carousel/MCarousel.spec.ts +26 -2
  18. package/src/components/carousel/MCarousel.vue +10 -4
  19. package/src/components/combobox/MCombobox.vue +7 -0
  20. package/src/components/drawer/MDrawer.spec.ts +102 -3
  21. package/src/components/drawer/MDrawer.vue +73 -14
  22. package/src/components/field/MField.vue +1 -0
  23. package/src/components/fileuploader/MFileUploader.vue +2 -2
  24. package/src/components/fileuploaderitem/MFileUploaderItem.vue +2 -7
  25. package/src/components/iconbutton/MIconButton.spec.ts +15 -0
  26. package/src/components/iconbutton/MIconButton.vue +1 -0
  27. package/src/components/kpiitem/MKpiItem.spec.ts +13 -0
  28. package/src/components/kpiitem/MKpiItem.vue +1 -1
  29. package/src/components/modal/MModal.spec.ts +115 -3
  30. package/src/components/modal/MModal.vue +91 -11
  31. package/src/components/modal/README.md +1 -1
  32. package/src/components/overlay/MOverlay.spec.ts +1 -1
  33. package/src/components/overlay/MOverlay.vue +1 -1
  34. package/src/components/phonenumber/MPhoneNumber.spec.ts +6 -2
  35. package/src/components/phonenumber/MPhoneNumber.vue +20 -16
  36. package/src/components/sidebarexpandableitem/MSidebarExpandableItem.spec.ts +12 -0
  37. package/src/components/sidebarexpandableitem/MSidebarExpandableItem.vue +1 -0
  38. package/src/components/steppercompact/MStepperCompact.spec.ts +9 -0
  39. package/src/components/steppercompact/MStepperCompact.vue +1 -1
  40. package/src/components/stepperinline/MStepperInline.spec.ts +11 -0
  41. package/src/components/stepperinline/MStepperInline.vue +1 -1
  42. package/src/components/stepperstacked/MStepperStacked.spec.ts +13 -0
  43. package/src/components/stepperstacked/MStepperStacked.vue +1 -0
  44. package/src/components/textinput/MTextInput.vue +2 -2
  45. package/src/components/toggle/MToggle.vue +1 -1
@@ -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, {}, any>;
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: string;
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: string;
2674
+ title?: string;
2671
2675
  /**
2672
2676
  * Description of the callout.
2673
2677
  */
2674
- description: string;
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";