@maltjoy/core-vue 3.27.2 → 3.28.1-test

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 (105) hide show
  1. package/dist/components/JoyAvailability/JoyAvailability.types.d.ts +1 -2
  2. package/dist/components/JoyAvailability/VJoyAvailability.vue.d.ts +4 -3
  3. package/dist/components/JoyAvatar/JoyAvatar.types.d.ts +4 -6
  4. package/dist/components/JoyAvatar/VJoyAvatar.vue.d.ts +3 -3
  5. package/dist/components/JoyAvatarsList/VJoyAvatarsList.vue.d.ts +14 -4
  6. package/dist/components/JoyBadge/JoyBadge.types.d.ts +1 -2
  7. package/dist/components/JoyBadge/VJoyBadge.vue.d.ts +14 -8
  8. package/dist/components/JoyBadgeLevel/VJoyBadgeLevel.vue.d.ts +8 -4
  9. package/dist/components/JoyBlockSkeleton/VJoyBlockSkeleton.vue.d.ts +2 -0
  10. package/dist/components/JoyBottomSheet/VJoyBottomSheet.vue.d.ts +20 -7
  11. package/dist/components/JoyBottomSheetTrigger/VJoyBottomSheetTrigger.vue.d.ts +12 -6
  12. package/dist/components/JoyButton/JoyButton.types.d.ts +4 -20
  13. package/dist/components/JoyButton/VJoyButton.vue.d.ts +13 -13
  14. package/dist/components/JoyCheckbox/VJoyCheckbox.vue.d.ts +10 -3
  15. package/dist/components/JoyCollapse/VJoyCollapse.vue.d.ts +10 -4
  16. package/dist/components/JoyCollapseItem/VJoyCollapseItem.vue.d.ts +12 -4
  17. package/dist/components/JoyCompanyAvatar/JoyCompanyAvatar.types.d.ts +2 -3
  18. package/dist/components/JoyCompanyAvatar/VJoyCompanyAvatar.vue.d.ts +6 -0
  19. package/dist/components/JoyCounter/VJoyCounter.vue.d.ts +11 -6
  20. package/dist/components/JoyDialog/JoyDialog.types.d.ts +2 -3
  21. package/dist/components/JoyDialog/VJoyDialog.vue.d.ts +30 -8
  22. package/dist/components/JoyDialogTrigger/VJoyDialogTrigger.vue.d.ts +56 -20
  23. package/dist/components/JoyDividerCta/VJoyDividerCta.vue.d.ts +10 -3
  24. package/dist/components/JoyDrawer/JoyDrawer.types.d.ts +1 -2
  25. package/dist/components/JoyDrawer/VJoyDrawer.vue.d.ts +32 -12
  26. package/dist/components/JoyDrawerTrigger/VJoyDrawerTrigger.vue.d.ts +64 -30
  27. package/dist/components/JoyDropdown/JoyDropdown.types.d.ts +3 -4
  28. package/dist/components/JoyDropdown/VJoyDropdown.vue.d.ts +29 -22
  29. package/dist/components/JoyDropdownList/JoyDropdownList.types.d.ts +2 -3
  30. package/dist/components/JoyDropdownList/VJoyDropdownList.vue.d.ts +22 -21
  31. package/dist/components/JoyFilterBar/VJoyFilterBar.vue.d.ts +8 -2
  32. package/dist/components/JoyFilterBarButton/VJoyFilterBarButton.vue.d.ts +10 -2
  33. package/dist/components/JoyFormError/VJoyFormError.vue.d.ts +6 -2
  34. package/dist/components/JoyFunnel/JoyFunnel.types.d.ts +2 -4
  35. package/dist/components/JoyFunnel/VJoyFunnel.vue.d.ts +8 -0
  36. package/dist/components/JoyHighlight/JoyHighlight.types.d.ts +2 -4
  37. package/dist/components/JoyHighlight/VJoyHighlight.vue.d.ts +21 -9
  38. package/dist/components/JoyIcon/JoyIcon.types.d.ts +3 -4
  39. package/dist/components/JoyIcon/VJoyIcon.vue.d.ts +9 -6
  40. package/dist/components/JoyIndicator/VJoyIndicator.vue.d.ts +4 -3
  41. package/dist/components/JoyIndicators/JoyIndicators.types.d.ts +1 -2
  42. package/dist/components/JoyIndicators/VJoyIndicators.vue.d.ts +9 -6
  43. package/dist/components/JoyInput/JoyInput.types.d.ts +2 -3
  44. package/dist/components/JoyInput/VJoyInput.vue.d.ts +10 -7
  45. package/dist/components/JoyLabel/JoyLabel.types.d.ts +2 -3
  46. package/dist/components/JoyLabel/VJoyLabel.vue.d.ts +10 -7
  47. package/dist/components/JoyLink/JoyLink.types.d.ts +1 -2
  48. package/dist/components/JoyLink/VJoyLink.vue.d.ts +8 -7
  49. package/dist/components/JoyMenu/VJoyMenu.vue.d.ts +6 -10
  50. package/dist/components/JoyMultiCheckbox/VJoyMultiCheckbox.vue.d.ts +16 -19
  51. package/dist/components/JoyPagination/VJoyPagination.vue.d.ts +17 -5
  52. package/dist/components/JoyPanel/JoyPanel.types.d.ts +3 -5
  53. package/dist/components/JoyPanel/VJoyPanel.vue.d.ts +30 -14
  54. package/dist/components/JoyProductTour/JoyProductTour.store.d.ts +550 -0
  55. package/dist/components/JoyProductTour/JoyProductTour.types.d.ts +32 -0
  56. package/dist/components/JoyProductTour/JoyProductTourSpotlight/VJoyProductTourSpotlight.vue.d.ts +2 -0
  57. package/dist/components/JoyProductTour/VJoyProductTour.vue.d.ts +22 -0
  58. package/dist/components/JoyProductTour/VJoyProductTourInner.vue.d.ts +55 -0
  59. package/dist/components/JoyProductTourTrigger/VJoyProductTourTrigger.vue.d.ts +310 -0
  60. package/dist/components/JoyProgressBar/JoyProgressBar.types.d.ts +2 -3
  61. package/dist/components/JoyProgressBar/VJoyProgressBar.vue.d.ts +6 -3
  62. package/dist/components/JoyRadio/JoyRadio.types.d.ts +1 -2
  63. package/dist/components/JoyRadio/VJoyRadio.vue.d.ts +20 -7
  64. package/dist/components/JoyRadioGroup/JoyRadioGroup.types.d.ts +1 -2
  65. package/dist/components/JoyRadioGroup/VJoyRadioGroup.vue.d.ts +14 -6
  66. package/dist/components/JoyRatingStars/JoyRatingStars.types.d.ts +2 -3
  67. package/dist/components/JoyRatingStars/VJoyRatingStars.vue.d.ts +10 -2
  68. package/dist/components/JoyScreenLoader/VJoyScreenLoader.types.d.ts +1 -2
  69. package/dist/components/JoyScreenLoader/VJoyScreenLoader.vue.d.ts +14 -6
  70. package/dist/components/JoySelect/JoySelect.types.d.ts +2 -3
  71. package/dist/components/JoySelect/VJoySelect.vue.d.ts +9 -4
  72. package/dist/components/JoySelectableItemGroup/VJoySelectableItemGroup.vue.d.ts +10 -65
  73. package/dist/components/JoySeparator/JoySeparator.types.d.ts +2 -3
  74. package/dist/components/JoySnackbar/JoySnackbar.types.d.ts +2 -3
  75. package/dist/components/JoySnackbar/VJoySnackbar.vue.d.ts +6 -2
  76. package/dist/components/JoySnackbar/index.d.ts +1 -1
  77. package/dist/components/JoySpinner/JoySpinner.types.d.ts +1 -2
  78. package/dist/components/JoySpinner/VJoySpinner.vue.d.ts +2 -4
  79. package/dist/components/JoyStep/VJoyStep.vue.d.ts +14 -2
  80. package/dist/components/JoyStepper/VJoyStepper.vue.d.ts +10 -2
  81. package/dist/components/JoyTabs/VJoyTabs.vue.d.ts +2 -0
  82. package/dist/components/JoyTag/JoyTag.types.d.ts +3 -5
  83. package/dist/components/JoyTag/VJoyTag.vue.d.ts +13 -3
  84. package/dist/components/JoyTagsInput/VJoyTagsInput.vue.d.ts +43 -16
  85. package/dist/components/JoyTagsList/JoyTagsList.types.d.ts +1 -2
  86. package/dist/components/JoyTagsList/VJoyTagsList.vue.d.ts +9 -9
  87. package/dist/components/JoyTemplate/JoyTemplate.types.d.ts +1 -2
  88. package/dist/components/JoyTemplate/VJoyTemplate.vue.d.ts +67 -15
  89. package/dist/components/JoyText/VJoyText.vue.d.ts +6 -2
  90. package/dist/components/JoyTextarea/VJoyTextarea.vue.d.ts +6 -5
  91. package/dist/components/JoyToggle/VJoyToggle.vue.d.ts +6 -2
  92. package/dist/components/JoyTooltip/JoyTooltip.types.d.ts +0 -1
  93. package/dist/components/JoyTooltip/VJoyTooltip.vue.d.ts +97 -0
  94. package/dist/components/JoyUserCard/VJoyUserCard.vue.d.ts +20 -6
  95. package/dist/components/JoyWrapper/JoyWrapper.types.d.ts +5 -10
  96. package/dist/components/JoyWrapper/VJoyWrapper.vue.d.ts +19 -18
  97. package/dist/components/index.d.ts +3 -1
  98. package/dist/components/main.d.ts +1 -1
  99. package/dist/helpers/index.d.ts +2 -2
  100. package/dist/joy-vue.js +4972 -4387
  101. package/dist/joy-vue.umd.cjs +12 -4
  102. package/dist/style.css +1 -1
  103. package/dist/types/index.d.ts +7 -10
  104. package/joy-components.d.ts +2 -0
  105. package/package.json +21 -26
@@ -1,11 +1,14 @@
1
- import { PropType } from 'vue';
1
+ import { PropType, VNode } from 'vue';
2
+ import { TJoyScreenLoaderColors } from '../JoyScreenLoader/VJoyScreenLoader.types';
3
+ import { TJoyTemplateSidebarSide } from './JoyTemplate.types';
2
4
  declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
5
+ /** Takes 100% of free space */
3
6
  full: {
4
7
  type: BooleanConstructor;
5
8
  default: boolean;
6
9
  };
7
10
  sidebar: {
8
- type: PropType<"left" | "right">;
11
+ type: PropType<TJoyTemplateSidebarSide>;
9
12
  default: string;
10
13
  };
11
14
  loading: {
@@ -13,20 +16,22 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
13
16
  default: boolean;
14
17
  };
15
18
  loadingColor: {
16
- type: PropType<"light" | "dark">;
19
+ type: PropType<TJoyScreenLoaderColors>;
17
20
  default: string;
18
21
  };
22
+ /** Decorative purpose, on bottom right corner */
19
23
  shapes: {
20
24
  type: BooleanConstructor;
21
25
  default: boolean;
22
26
  };
23
27
  }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
28
+ /** Takes 100% of free space */
24
29
  full: {
25
30
  type: BooleanConstructor;
26
31
  default: boolean;
27
32
  };
28
33
  sidebar: {
29
- type: PropType<"left" | "right">;
34
+ type: PropType<TJoyTemplateSidebarSide>;
30
35
  default: string;
31
36
  };
32
37
  loading: {
@@ -34,27 +39,74 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
34
39
  default: boolean;
35
40
  };
36
41
  loadingColor: {
37
- type: PropType<"light" | "dark">;
42
+ type: PropType<TJoyScreenLoaderColors>;
38
43
  default: string;
39
44
  };
45
+ /** Decorative purpose, on bottom right corner */
40
46
  shapes: {
41
47
  type: BooleanConstructor;
42
48
  default: boolean;
43
49
  };
44
50
  }>>, {
45
51
  loading: boolean;
46
- loadingColor: "light" | "dark";
52
+ loadingColor: TJoyScreenLoaderColors;
47
53
  full: boolean;
48
- sidebar: "left" | "right";
54
+ sidebar: TJoyTemplateSidebarSide;
49
55
  shapes: boolean;
50
- }, {}>, {
51
- "template-back"?(_: {}): any;
52
- "template-title"?(_: {}): any;
53
- "template-subtitle"?(_: {}): any;
54
- "template-actions"?(_: {}): any;
55
- "template-main"?(_: {}): any;
56
- "template-sidebar"?(_: {}): any;
57
- "template-loader-content"?(_: {}): any;
56
+ }, {}>, Readonly<{
57
+ /** Slot to inject a "back" button left to the title */
58
+ 'template-back': () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
59
+ [key: string]: any;
60
+ }>[];
61
+ /** Main title of the template */
62
+ 'template-title': () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
63
+ [key: string]: any;
64
+ }>[];
65
+ /** Not mandatory, subtitle of the component */
66
+ 'template-subtitle': () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
67
+ [key: string]: any;
68
+ }>[];
69
+ /** Top right corner, free slot (mostly for CTA) */
70
+ 'template-actions': () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
71
+ [key: string]: any;
72
+ }>[];
73
+ /** Main content section */
74
+ 'template-main': () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
75
+ [key: string]: any;
76
+ }>[];
77
+ /** Aside content section */
78
+ 'template-sidebar': () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
79
+ [key: string]: any;
80
+ }>[];
81
+ /** Customize the loading state content */
82
+ 'template-loader-content': () => any;
83
+ }> & {
84
+ /** Slot to inject a "back" button left to the title */
85
+ 'template-back': () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
86
+ [key: string]: any;
87
+ }>[];
88
+ /** Main title of the template */
89
+ 'template-title': () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
90
+ [key: string]: any;
91
+ }>[];
92
+ /** Not mandatory, subtitle of the component */
93
+ 'template-subtitle': () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
94
+ [key: string]: any;
95
+ }>[];
96
+ /** Top right corner, free slot (mostly for CTA) */
97
+ 'template-actions': () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
98
+ [key: string]: any;
99
+ }>[];
100
+ /** Main content section */
101
+ 'template-main': () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
102
+ [key: string]: any;
103
+ }>[];
104
+ /** Aside content section */
105
+ 'template-sidebar': () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
106
+ [key: string]: any;
107
+ }>[];
108
+ /** Customize the loading state content */
109
+ 'template-loader-content': () => any;
58
110
  }>;
59
111
  export default _default;
60
112
  type __VLS_WithTemplateSlots<T, S> = T & {
@@ -25,8 +25,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
25
25
  }>>, {
26
26
  tagName: number | typeof Symbol.iterator | "length" | "concat" | "slice" | "indexOf" | "lastIndexOf" | "includes" | "at" | "toString" | "anchor" | "link" | "small" | "sub" | "sup" | "search" | "charAt" | "charCodeAt" | "localeCompare" | "match" | "replace" | "split" | "substring" | "toLowerCase" | "toLocaleLowerCase" | "toUpperCase" | "toLocaleUpperCase" | "trim" | "substr" | "codePointAt" | "endsWith" | "normalize" | "repeat" | "startsWith" | "big" | "blink" | "bold" | "fixed" | "fontcolor" | "fontsize" | "italics" | "strike" | "padStart" | "padEnd" | "trimEnd" | "trimStart" | "trimLeft" | "trimRight" | "matchAll" | "replaceAll" | "valueOf";
27
27
  preset: TJoyTextFontPreset;
28
- }, {}>, {
29
- default?(_: {}): any;
28
+ }, {}>, Readonly<{
29
+ /** Main content */
30
+ default(): any;
31
+ }> & {
32
+ /** Main content */
33
+ default(): any;
30
34
  }>;
31
35
  export default _default;
32
36
  type __VLS_WithTemplateSlots<T, S> = T & {
@@ -1,4 +1,5 @@
1
1
  import { PropType } from 'vue';
2
+ import { TJoyLabelSizes } from '../JoyLabel/JoyLabel.types';
2
3
  declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
3
4
  autofocus: {
4
5
  type: BooleanConstructor;
@@ -24,7 +25,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
24
25
  };
25
26
  label: StringConstructor;
26
27
  labelSize: {
27
- type: PropType<"small" | "large" | "medium">;
28
+ type: PropType<TJoyLabelSizes>;
28
29
  default: string;
29
30
  };
30
31
  optionalLabel: StringConstructor;
@@ -95,7 +96,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
95
96
  };
96
97
  label: StringConstructor;
97
98
  labelSize: {
98
- type: PropType<"small" | "large" | "medium">;
99
+ type: PropType<TJoyLabelSizes>;
99
100
  default: string;
100
101
  };
101
102
  optionalLabel: StringConstructor;
@@ -131,17 +132,17 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
131
132
  invalid: boolean;
132
133
  modelValue: string;
133
134
  autofocus: boolean;
134
- labelSize: "small" | "large" | "medium";
135
+ labelSize: TJoyLabelSizes;
135
136
  requiredMark: boolean;
136
137
  modelModifiers: {
137
138
  lazy: boolean;
138
139
  };
139
140
  autogrow: boolean;
140
141
  }, {}>, Readonly<{
141
- /** @slot Default slot if you need to render a custom label. */
142
+ /** Default slot if you need to render a custom label. */
142
143
  default: () => any;
143
144
  }> & {
144
- /** @slot Default slot if you need to render a custom label. */
145
+ /** Default slot if you need to render a custom label. */
145
146
  default: () => any;
146
147
  }>;
147
148
  export default _default;
@@ -64,8 +64,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
64
64
  invalid: boolean;
65
65
  value: string;
66
66
  modelValue: boolean;
67
- }, {}>, {
68
- default?(_: {}): any;
67
+ }, {}>, Readonly<{
68
+ /** Default slot if you need to render a custom label. */
69
+ default: () => any;
70
+ }> & {
71
+ /** Default slot if you need to render a custom label. */
72
+ default: () => any;
69
73
  }>;
70
74
  export default _default;
71
75
  type __VLS_WithTemplateSlots<T, S> = T & {
@@ -1,3 +1,2 @@
1
1
  import { ProductColors } from '../../types';
2
2
  export type TJoyTooltipVariants = Extract<ProductColors, 'primary' | 'secondary'>;
3
- export declare const JOY_TOOLTIP_VARIANTS: TJoyTooltipVariants[];
@@ -0,0 +1,97 @@
1
+ import { PropType } from 'vue';
2
+ import { TJoyTooltipVariants } from './JoyTooltip.types';
3
+ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
4
+ /** If you are 100% sure the content you want to inject does not contain anything that could lead to any XSS, use this */
5
+ text: {
6
+ type: StringConstructor;
7
+ };
8
+ variant: {
9
+ type: PropType<TJoyTooltipVariants>;
10
+ default: string;
11
+ };
12
+ /** It will automatically switch to another placement if there is not enough space. Please see https://floating-ui.com/docs/tutorial#placements for available values */
13
+ placement: {
14
+ type: PropType<import("@floating-ui/vue").MaybeReadonlyRef<import("@floating-ui/vue").Placement | undefined>>;
15
+ default: string;
16
+ };
17
+ /** Mouseenter (default) or click */
18
+ event: {
19
+ type: PropType<"click" | "mouseenter">;
20
+ default: string;
21
+ };
22
+ /** By default the tooltip is shown after a certain delay to make the experience smoother. You can change the value (in ms) */
23
+ delay: {
24
+ type: NumberConstructor;
25
+ default: number;
26
+ };
27
+ /** Mostly for visual testing purpose */
28
+ show: {
29
+ type: BooleanConstructor;
30
+ default: boolean;
31
+ };
32
+ /** Maw-width for the generated tooltip. */
33
+ tooltipWidth: {
34
+ type: NumberConstructor;
35
+ default: number;
36
+ };
37
+ }, {
38
+ tooltipVisible: import("vue").Ref<boolean>;
39
+ tooltip: import("vue").Ref<null>;
40
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
41
+ /** If you are 100% sure the content you want to inject does not contain anything that could lead to any XSS, use this */
42
+ text: {
43
+ type: StringConstructor;
44
+ };
45
+ variant: {
46
+ type: PropType<TJoyTooltipVariants>;
47
+ default: string;
48
+ };
49
+ /** It will automatically switch to another placement if there is not enough space. Please see https://floating-ui.com/docs/tutorial#placements for available values */
50
+ placement: {
51
+ type: PropType<import("@floating-ui/vue").MaybeReadonlyRef<import("@floating-ui/vue").Placement | undefined>>;
52
+ default: string;
53
+ };
54
+ /** Mouseenter (default) or click */
55
+ event: {
56
+ type: PropType<"click" | "mouseenter">;
57
+ default: string;
58
+ };
59
+ /** By default the tooltip is shown after a certain delay to make the experience smoother. You can change the value (in ms) */
60
+ delay: {
61
+ type: NumberConstructor;
62
+ default: number;
63
+ };
64
+ /** Mostly for visual testing purpose */
65
+ show: {
66
+ type: BooleanConstructor;
67
+ default: boolean;
68
+ };
69
+ /** Maw-width for the generated tooltip. */
70
+ tooltipWidth: {
71
+ type: NumberConstructor;
72
+ default: number;
73
+ };
74
+ }>>, {
75
+ variant: TJoyTooltipVariants;
76
+ show: boolean;
77
+ placement: import("@floating-ui/vue").MaybeReadonlyRef<import("@floating-ui/vue").Placement | undefined>;
78
+ event: "click" | "mouseenter";
79
+ delay: number;
80
+ tooltipWidth: number;
81
+ }, {}>, Readonly<{
82
+ /** Use default slot to display the trigger element for the tooltip */
83
+ default(): any;
84
+ /** Use this slot to create the content of the tooltip itself */
85
+ 'tooltip-content'?: (() => any) | undefined;
86
+ }> & {
87
+ /** Use default slot to display the trigger element for the tooltip */
88
+ default(): any;
89
+ /** Use this slot to create the content of the tooltip itself */
90
+ 'tooltip-content'?: (() => any) | undefined;
91
+ }>;
92
+ export default _default;
93
+ type __VLS_WithTemplateSlots<T, S> = T & {
94
+ new (): {
95
+ $slots: S;
96
+ };
97
+ };
@@ -17,6 +17,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
17
17
  subTitle: {
18
18
  type: StringConstructor;
19
19
  };
20
+ /** Introduce a VJoyRatingStars component with given rating */
20
21
  ratingValue: {
21
22
  type: NumberConstructor;
22
23
  };
@@ -39,15 +40,28 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
39
40
  subTitle: {
40
41
  type: StringConstructor;
41
42
  };
43
+ /** Introduce a VJoyRatingStars component with given rating */
42
44
  ratingValue: {
43
45
  type: NumberConstructor;
44
46
  };
45
- }>>, {}, {}>, {
46
- "user-card-avatar"?(_: {}): any;
47
- "user-card-title"?(_: {}): any;
48
- "user-card-subtitle"?(_: {}): any;
49
- "user-card-rating-stars"?(_: {}): any;
50
- default?(_: {}): any;
47
+ }>>, {}, {}>, Readonly<{
48
+ default(): any;
49
+ /** Customize the VJoyAvatar component by using this slot */
50
+ 'user-card-avatar': () => any;
51
+ /** User name, basically */
52
+ 'user-card-title': () => any;
53
+ 'user-card-subtitle': () => any;
54
+ /** Use your own customized VJoyRatingStars here, if needed */
55
+ 'user-card-rating-stars': () => any;
56
+ }> & {
57
+ default(): any;
58
+ /** Customize the VJoyAvatar component by using this slot */
59
+ 'user-card-avatar': () => any;
60
+ /** User name, basically */
61
+ 'user-card-title': () => any;
62
+ 'user-card-subtitle': () => any;
63
+ /** Use your own customized VJoyRatingStars here, if needed */
64
+ 'user-card-rating-stars': () => any;
51
65
  }>;
52
66
  export default _default;
53
67
  type __VLS_WithTemplateSlots<T, S> = T & {
@@ -1,10 +1,5 @@
1
- export declare const JUSTIFY_WRAPPER: readonly ["center", "space-between", "flex-start", "flex-end"];
2
- export type TJoyWrapperJustify = (typeof JUSTIFY_WRAPPER)[number];
3
- export declare const ALIGN_WRAPPER: readonly ["center", "flex-start", "flex-end", "stretch"];
4
- export type TJoyWrapperAlign = (typeof ALIGN_WRAPPER)[number];
5
- export declare const DIRECTION_WRAPPER: readonly ["row", "column"];
6
- export type TJoyWrapperDirection = (typeof DIRECTION_WRAPPER)[number];
7
- export declare const WRAP_WRAPPER: readonly ["nowrap", "wrap"];
8
- export type TJoyWrapperWrap = (typeof WRAP_WRAPPER)[number];
9
- export declare const GAP_WRAPPER: readonly ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12"];
10
- export type TJoyWrapperGap = (typeof GAP_WRAPPER)[number];
1
+ export type TJoyWrapperJustify = 'center' | 'space-between' | 'flex-start' | 'flex-end';
2
+ export type TJoyWrapperAlign = 'center' | 'flex-start' | 'flex-end' | 'stretch';
3
+ export type TJoyWrapperDirection = 'row' | 'column';
4
+ export type TJoyWrapperWrap = 'nowrap' | 'wrap';
5
+ export type TJoyWrapperGap = '0' | '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '11' | '12';
@@ -1,23 +1,24 @@
1
1
  import { PropType } from 'vue';
2
+ import { TJoyWrapperAlign, TJoyWrapperDirection, TJoyWrapperGap, TJoyWrapperJustify, TJoyWrapperWrap } from './JoyWrapper.types';
2
3
  declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
3
4
  /** Horizontal spread. Refers to CSS flex justify-content. */
4
5
  justify: {
5
- type: PropType<"center" | "space-between" | "flex-start" | "flex-end">;
6
+ type: PropType<TJoyWrapperJustify>;
6
7
  default: string;
7
8
  };
8
9
  /** Vertical spread. Refers to CSS flex align-items. */
9
10
  align: {
10
- type: PropType<"center" | "flex-start" | "flex-end" | "stretch">;
11
+ type: PropType<TJoyWrapperAlign>;
11
12
  default: string;
12
13
  };
13
14
  /** Vertical flex, or horizontal. Refers to CSS flex-direction */
14
15
  direction: {
15
- type: PropType<"row" | "column">;
16
+ type: PropType<TJoyWrapperDirection>;
16
17
  default: string;
17
18
  };
18
19
  /** Automatically sets new line if there are not enough horizontal space. Refers to CSS flex-wrap */
19
20
  wrap: {
20
- type: PropType<"nowrap" | "wrap">;
21
+ type: PropType<TJoyWrapperWrap>;
21
22
  default: string;
22
23
  };
23
24
  /** Applies a flex-grow to children in order to stretch them all along horizontal space */
@@ -31,33 +32,33 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
31
32
  };
32
33
  /** Gap between the columns. Refers to CSS column-gap. Value is based on spacing tokens. */
33
34
  columnGap: {
34
- type: PropType<"0" | "1" | "2" | "3" | "12" | "10" | "4" | "5" | "6" | "7" | "8" | "9" | "11">;
35
+ type: PropType<TJoyWrapperGap>;
35
36
  default: string;
36
37
  };
37
38
  /** Gap between the rows. Refers to CSS row-gap. Value is based on spacing tokens. */
38
39
  rowGap: {
39
- type: PropType<"0" | "1" | "2" | "3" | "12" | "10" | "4" | "5" | "6" | "7" | "8" | "9" | "11">;
40
+ type: PropType<TJoyWrapperGap>;
40
41
  default: string;
41
42
  };
42
43
  }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
43
44
  /** Horizontal spread. Refers to CSS flex justify-content. */
44
45
  justify: {
45
- type: PropType<"center" | "space-between" | "flex-start" | "flex-end">;
46
+ type: PropType<TJoyWrapperJustify>;
46
47
  default: string;
47
48
  };
48
49
  /** Vertical spread. Refers to CSS flex align-items. */
49
50
  align: {
50
- type: PropType<"center" | "flex-start" | "flex-end" | "stretch">;
51
+ type: PropType<TJoyWrapperAlign>;
51
52
  default: string;
52
53
  };
53
54
  /** Vertical flex, or horizontal. Refers to CSS flex-direction */
54
55
  direction: {
55
- type: PropType<"row" | "column">;
56
+ type: PropType<TJoyWrapperDirection>;
56
57
  default: string;
57
58
  };
58
59
  /** Automatically sets new line if there are not enough horizontal space. Refers to CSS flex-wrap */
59
60
  wrap: {
60
- type: PropType<"nowrap" | "wrap">;
61
+ type: PropType<TJoyWrapperWrap>;
61
62
  default: string;
62
63
  };
63
64
  /** Applies a flex-grow to children in order to stretch them all along horizontal space */
@@ -71,23 +72,23 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
71
72
  };
72
73
  /** Gap between the columns. Refers to CSS column-gap. Value is based on spacing tokens. */
73
74
  columnGap: {
74
- type: PropType<"0" | "1" | "2" | "3" | "12" | "10" | "4" | "5" | "6" | "7" | "8" | "9" | "11">;
75
+ type: PropType<TJoyWrapperGap>;
75
76
  default: string;
76
77
  };
77
78
  /** Gap between the rows. Refers to CSS row-gap. Value is based on spacing tokens. */
78
79
  rowGap: {
79
- type: PropType<"0" | "1" | "2" | "3" | "12" | "10" | "4" | "5" | "6" | "7" | "8" | "9" | "11">;
80
+ type: PropType<TJoyWrapperGap>;
80
81
  default: string;
81
82
  };
82
83
  }>>, {
83
- wrap: "nowrap" | "wrap";
84
- justify: "center" | "space-between" | "flex-start" | "flex-end";
85
- align: "center" | "flex-start" | "flex-end" | "stretch";
86
- direction: "row" | "column";
84
+ wrap: TJoyWrapperWrap;
85
+ justify: TJoyWrapperJustify;
86
+ align: TJoyWrapperAlign;
87
+ direction: TJoyWrapperDirection;
87
88
  itemStretch: boolean;
88
89
  noMargin: boolean;
89
- columnGap: "0" | "1" | "2" | "3" | "12" | "10" | "4" | "5" | "6" | "7" | "8" | "9" | "11";
90
- rowGap: "0" | "1" | "2" | "3" | "12" | "10" | "4" | "5" | "6" | "7" | "8" | "9" | "11";
90
+ columnGap: TJoyWrapperGap;
91
+ rowGap: TJoyWrapperGap;
91
92
  }, {}>, {
92
93
  default?(_: {}): any;
93
94
  }>;
@@ -38,6 +38,8 @@ import { default as VJoyMultiCheckbox } from './JoyMultiCheckbox/VJoyMultiCheckb
38
38
  import { default as VJoyPagination } from './JoyPagination/VJoyPagination.vue';
39
39
  import { default as VJoyPanel } from './JoyPanel/VJoyPanel.vue';
40
40
  import { default as VJoyPanelSection } from './JoyPanelSection/VJoyPanelSection.vue';
41
+ import { default as VJoyProductTour } from './JoyProductTour/VJoyProductTour.vue';
42
+ import { default as VJoyProductTourTrigger } from './JoyProductTourTrigger/VJoyProductTourTrigger.vue';
41
43
  import { default as VJoyProgressBar } from './JoyProgressBar/VJoyProgressBar.vue';
42
44
  import { default as VJoyRadio } from './JoyRadio/VJoyRadio.vue';
43
45
  import { default as VJoyRadioGroup } from './JoyRadioGroup/VJoyRadioGroup.vue';
@@ -64,4 +66,4 @@ import { default as VJoyToggle } from './JoyToggle/VJoyToggle.vue';
64
66
  import { default as VJoyTooltip } from './JoyTooltip/VJoyTooltip.vue';
65
67
  import { default as VJoyUserCard } from './JoyUserCard/VJoyUserCard.vue';
66
68
  import { default as VJoyWrapper } from './JoyWrapper/VJoyWrapper.vue';
67
- export { VJoyAvailability, VJoyAvatar, VJoyAvatarsList, VJoyBadge, VJoyBadgeLevel, VJoyBlockSkeleton, VJoyBottomSheet, VJoyBottomSheetTrigger, VJoyButton, VJoyCheckbox, VJoyCollapse, VJoyCollapseItem, VJoyCompanyAvatar, VJoyCounter, VJoyDialog, VJoyDialogTrigger, VJoyDividerCta, VJoyDrawer, VJoyDrawerTrigger, VJoyDropdown, VJoyDropdownList, VJoyFilterBar, VJoyFilterBarButton, VJoyFooter, VJoyFormError, VJoyFormFieldSkeleton, VJoyFunnel, VJoyHeader, VJoyHighlight, VJoyIcon, VJoyIndicator, VJoyIndicators, VJoyInput, VJoyLabel, VJoyLink, VJoyMenu, VJoyMultiCheckbox, VJoyPagination, VJoyPanel, VJoyPanelSection, VJoyProgressBar, VJoyRadio, VJoyRadioGroup, VJoyRatingStars, VJoyScreenLoader, VJoySelect, VJoySelectableItem, VJoySelectableItemGroup, VJoySeparator, VJoySnackbar, VJoySpinner, VJoyStep, VJoyStepper, VJoyTab, VJoyTabs, VJoyTag, VJoyTagsInput, VJoyTagsList, VJoyTemplate, VJoyTemplateShape, VJoyText, VJoyTextarea, VJoyToggle, VJoyTooltip, VJoyUserCard, VJoyWrapper, };
69
+ export { VJoyAvailability, VJoyAvatar, VJoyAvatarsList, VJoyBadge, VJoyBadgeLevel, VJoyBlockSkeleton, VJoyBottomSheet, VJoyBottomSheetTrigger, VJoyButton, VJoyCheckbox, VJoyCollapse, VJoyCollapseItem, VJoyCompanyAvatar, VJoyCounter, VJoyDialog, VJoyDialogTrigger, VJoyDividerCta, VJoyDrawer, VJoyDrawerTrigger, VJoyDropdown, VJoyDropdownList, VJoyFilterBar, VJoyFilterBarButton, VJoyFooter, VJoyFormError, VJoyFormFieldSkeleton, VJoyFunnel, VJoyHeader, VJoyHighlight, VJoyIcon, VJoyIndicator, VJoyIndicators, VJoyInput, VJoyLabel, VJoyLink, VJoyMenu, VJoyMultiCheckbox, VJoyPagination, VJoyPanel, VJoyPanelSection, VJoyProductTour, VJoyProductTourTrigger, VJoyProgressBar, VJoyRadio, VJoyRadioGroup, VJoyRatingStars, VJoyScreenLoader, VJoySelect, VJoySelectableItem, VJoySelectableItemGroup, VJoySeparator, VJoySnackbar, VJoySpinner, VJoyStep, VJoyStepper, VJoyTab, VJoyTabs, VJoyTag, VJoyTagsInput, VJoyTagsList, VJoyTemplate, VJoyTemplateShape, VJoyText, VJoyTextarea, VJoyToggle, VJoyTooltip, VJoyUserCard, VJoyWrapper, };
@@ -6,4 +6,4 @@ export declare const JoyVuePlugin: {
6
6
  }) => void;
7
7
  };
8
8
  export * from './';
9
- export * from './JoySnackbar';
9
+ export { createAllSnackbarsContainer, pushVJoySnackbar, resetCount } from './JoySnackbar';
@@ -1,11 +1,11 @@
1
1
  import { TJoyIconsNames } from '@/components/JoyIcon/JoyIcon.types';
2
2
  import { Ref } from 'vue';
3
- import { LEVELS } from '../types';
3
+ import { TLevels } from '../types';
4
4
  /**
5
5
  * Check if you are working on dev environment. Based on `getMode` util that returns import.meta.env.MODE,
6
6
  */
7
7
  export declare const isDevMode: boolean;
8
- export declare function iconLevel(level: (typeof LEVELS)[number]): TJoyIconsNames;
8
+ export declare function iconLevel(level: TLevels): TJoyIconsNames;
9
9
  export declare function focusOnFirstFocusableFormField(root: Ref): any;
10
10
  export declare const generateRandomId: (length?: number) => string;
11
11
  /**