@maltjoy/core-vue 3.26.0 → 3.27.1

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 (96) 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 +42 -12
  26. package/dist/components/JoyDrawerTrigger/VJoyDrawerTrigger.vue.d.ts +84 -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 +14 -6
  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/JoyProgressBar/JoyProgressBar.types.d.ts +2 -3
  55. package/dist/components/JoyProgressBar/VJoyProgressBar.vue.d.ts +5 -3
  56. package/dist/components/JoyRadio/JoyRadio.types.d.ts +1 -2
  57. package/dist/components/JoyRadio/VJoyRadio.vue.d.ts +20 -7
  58. package/dist/components/JoyRadioGroup/JoyRadioGroup.types.d.ts +1 -2
  59. package/dist/components/JoyRadioGroup/VJoyRadioGroup.vue.d.ts +14 -6
  60. package/dist/components/JoyRatingStars/JoyRatingStars.types.d.ts +2 -3
  61. package/dist/components/JoyRatingStars/VJoyRatingStars.vue.d.ts +10 -2
  62. package/dist/components/JoyScreenLoader/VJoyScreenLoader.types.d.ts +1 -2
  63. package/dist/components/JoyScreenLoader/VJoyScreenLoader.vue.d.ts +14 -6
  64. package/dist/components/JoySelect/JoySelect.types.d.ts +2 -3
  65. package/dist/components/JoySelect/VJoySelect.vue.d.ts +9 -4
  66. package/dist/components/JoySelectableItemGroup/VJoySelectableItemGroup.vue.d.ts +10 -65
  67. package/dist/components/JoySeparator/JoySeparator.types.d.ts +2 -3
  68. package/dist/components/JoySnackbar/JoySnackbar.types.d.ts +2 -3
  69. package/dist/components/JoySnackbar/VJoySnackbar.vue.d.ts +6 -2
  70. package/dist/components/JoySnackbar/index.d.ts +1 -1
  71. package/dist/components/JoySpinner/JoySpinner.types.d.ts +1 -2
  72. package/dist/components/JoySpinner/VJoySpinner.vue.d.ts +2 -4
  73. package/dist/components/JoyStep/VJoyStep.vue.d.ts +14 -2
  74. package/dist/components/JoyStepper/VJoyStepper.vue.d.ts +10 -2
  75. package/dist/components/JoyTabs/VJoyTabs.vue.d.ts +2 -0
  76. package/dist/components/JoyTag/JoyTag.types.d.ts +3 -5
  77. package/dist/components/JoyTag/VJoyTag.vue.d.ts +13 -3
  78. package/dist/components/JoyTagsInput/VJoyTagsInput.vue.d.ts +34 -19
  79. package/dist/components/JoyTagsList/JoyTagsList.types.d.ts +1 -2
  80. package/dist/components/JoyTagsList/VJoyTagsList.vue.d.ts +9 -9
  81. package/dist/components/JoyTemplate/JoyTemplate.types.d.ts +1 -2
  82. package/dist/components/JoyTemplate/VJoyTemplate.vue.d.ts +67 -15
  83. package/dist/components/JoyText/VJoyText.vue.d.ts +6 -2
  84. package/dist/components/JoyTextarea/VJoyTextarea.vue.d.ts +6 -5
  85. package/dist/components/JoyToggle/VJoyToggle.vue.d.ts +6 -2
  86. package/dist/components/JoyTooltip/JoyTooltip.types.d.ts +0 -1
  87. package/dist/components/JoyUserCard/VJoyUserCard.vue.d.ts +20 -6
  88. package/dist/components/JoyWrapper/JoyWrapper.types.d.ts +5 -10
  89. package/dist/components/JoyWrapper/VJoyWrapper.vue.d.ts +19 -18
  90. package/dist/components/main.d.ts +1 -1
  91. package/dist/helpers/index.d.ts +2 -2
  92. package/dist/joy-vue.js +2091 -2152
  93. package/dist/joy-vue.umd.cjs +4 -4
  94. package/dist/style.css +1 -1
  95. package/dist/types/index.d.ts +7 -10
  96. package/package.json +20 -24
@@ -1,4 +1,5 @@
1
1
  import { PropType } from 'vue';
2
+ import { TJoyLabelSizes } from '../JoyLabel/JoyLabel.types';
2
3
  import { TJoySelectableItemOption } from '../JoySelectableItem/VJoySelectableItem.types';
3
4
  declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
4
5
  options: {
@@ -25,7 +26,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
25
26
  };
26
27
  label: StringConstructor;
27
28
  labelSize: {
28
- type: PropType<"small" | "large" | "medium">;
29
+ type: PropType<TJoyLabelSizes>;
29
30
  default: string;
30
31
  };
31
32
  optionalLabel: StringConstructor;
@@ -60,7 +61,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
60
61
  };
61
62
  label: StringConstructor;
62
63
  labelSize: {
63
- type: PropType<"small" | "large" | "medium">;
64
+ type: PropType<TJoyLabelSizes>;
64
65
  default: string;
65
66
  };
66
67
  optionalLabel: StringConstructor;
@@ -74,71 +75,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
74
75
  required: boolean;
75
76
  value: string | unknown[];
76
77
  multiple: boolean;
77
- labelSize: "small" | "large" | "medium";
78
+ labelSize: TJoyLabelSizes;
78
79
  requiredMark: boolean;
79
80
  fullWidth: boolean;
80
- }, {}>, {
81
- item?(_: {
82
- attrs?: {
83
- [k: string]: any;
84
- } | undefined;
85
- required?: boolean | undefined;
86
- disabled?: boolean | undefined;
87
- checked?: boolean | undefined;
88
- invalid?: boolean | undefined;
89
- multiple?: boolean | undefined;
90
- key?: string | number | symbol | undefined;
91
- ref?: import("vue").VNodeRef | undefined;
92
- ref_for?: boolean | undefined;
93
- ref_key?: string | undefined;
94
- onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
95
- [key: string]: any;
96
- }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
97
- [key: string]: any;
98
- }>) => void)[] | undefined;
99
- onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
100
- [key: string]: any;
101
- }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
102
- [key: string]: any;
103
- }>) => void)[] | undefined;
104
- onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
105
- [key: string]: any;
106
- }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
107
- [key: string]: any;
108
- }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
109
- [key: string]: any;
110
- }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
111
- [key: string]: any;
112
- }>) => void)[] | undefined;
113
- onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
114
- [key: string]: any;
115
- }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
116
- [key: string]: any;
117
- }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
118
- [key: string]: any;
119
- }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
120
- [key: string]: any;
121
- }>) => void)[] | undefined;
122
- onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
123
- [key: string]: any;
124
- }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
125
- [key: string]: any;
126
- }>) => void)[] | undefined;
127
- onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
128
- [key: string]: any;
129
- }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
130
- [key: string]: any;
131
- }>) => void)[] | undefined;
132
- class?: unknown;
133
- style?: unknown;
134
- label?: string | undefined;
135
- name?: string | undefined;
136
- icon?: import("@maltjoy/icons").JoyIconsId | undefined;
137
- id: string;
138
- "onUpdate:checked"?: ((value: string | boolean) => any) | undefined;
139
- value: string;
140
- subLabel?: string | undefined;
141
- }): any;
81
+ }, {}>, Readonly<{
82
+ /** Customize the inner HTML of each VJoySelectableItem */
83
+ item: () => any;
84
+ }> & {
85
+ /** Customize the inner HTML of each VJoySelectableItem */
86
+ item: () => any;
142
87
  }>;
143
88
  export default _default;
144
89
  type __VLS_WithTemplateSlots<T, S> = T & {
@@ -1,4 +1,3 @@
1
- import { SIZES } from '../../types';
1
+ import { TSizes } from '../../types';
2
2
  export type BinarySizes = 'default';
3
- export type TJoySeparatorSizes = BinarySizes | Extract<(typeof SIZES)[number], 'small'>;
4
- export declare const SEPARATOR_SIZES: TJoySeparatorSizes[];
3
+ export type TJoySeparatorSizes = BinarySizes | Extract<TSizes, 'small'>;
@@ -1,9 +1,8 @@
1
1
  import { App } from 'vue';
2
2
  import { Emitter } from 'mitt';
3
3
  import VJoySnackbar from './VJoySnackbar.vue';
4
- import { LEVELS } from '../../types';
5
- export type TJoySnackbarLevels = Exclude<(typeof LEVELS)[number], 'neutral'>;
6
- export declare const SNACKBAR_LEVELS: ("neutral" | "success" | "info" | "warning" | "error")[];
4
+ import { TLevels } from '../../types';
5
+ export type TJoySnackbarLevels = Exclude<TLevels, 'neutral'>;
7
6
  export type TJoySnackbarEvents = {
8
7
  'snackbar:hide': undefined;
9
8
  'snackbar:show': undefined;
@@ -7,6 +7,7 @@ declare const _default: import("vue").DefineComponent<{
7
7
  type: PropType<TJoySnackbarLevels>;
8
8
  default: string;
9
9
  };
10
+ /** Allows to manually hide the component before its timeout */
10
11
  closable: {
11
12
  type: BooleanConstructor;
12
13
  default: boolean;
@@ -32,6 +33,7 @@ declare const _default: import("vue").DefineComponent<{
32
33
  actionText: {
33
34
  type: StringConstructor;
34
35
  };
36
+ /** Documentation purpose */
35
37
  frozen: {
36
38
  type: BooleanConstructor;
37
39
  default: boolean;
@@ -40,7 +42,7 @@ declare const _default: import("vue").DefineComponent<{
40
42
  bus: {
41
43
  type: PropType<Emitter<TJoySnackbarEvents>>;
42
44
  };
43
- /** @internal */
45
+ /** Internal purpose */
44
46
  instanceNb: {
45
47
  type: NumberConstructor;
46
48
  };
@@ -54,6 +56,7 @@ declare const _default: import("vue").DefineComponent<{
54
56
  type: PropType<TJoySnackbarLevels>;
55
57
  default: string;
56
58
  };
59
+ /** Allows to manually hide the component before its timeout */
57
60
  closable: {
58
61
  type: BooleanConstructor;
59
62
  default: boolean;
@@ -79,6 +82,7 @@ declare const _default: import("vue").DefineComponent<{
79
82
  actionText: {
80
83
  type: StringConstructor;
81
84
  };
85
+ /** Documentation purpose */
82
86
  frozen: {
83
87
  type: BooleanConstructor;
84
88
  default: boolean;
@@ -87,7 +91,7 @@ declare const _default: import("vue").DefineComponent<{
87
91
  bus: {
88
92
  type: PropType<Emitter<TJoySnackbarEvents>>;
89
93
  };
90
- /** @internal */
94
+ /** Internal purpose */
91
95
  instanceNb: {
92
96
  type: NumberConstructor;
93
97
  };
@@ -1 +1 @@
1
- export * from './VJoySnackbarService';
1
+ export { createAllSnackbarsContainer, pushVJoySnackbar, resetCount } from './VJoySnackbarService';
@@ -1,2 +1 @@
1
- export declare const SPINNER_COLORS: readonly ["teal", "white"];
2
- export type TJoySpinnerColors = (typeof SPINNER_COLORS)[number];
1
+ export type TJoySpinnerColors = 'teal' | 'white';
@@ -2,13 +2,11 @@ import { PropType } from 'vue';
2
2
  import { TJoySpinnerColors } from './JoySpinner.types';
3
3
  declare const _default: import("vue").DefineComponent<{
4
4
  color: {
5
- type: PropType<"white" | "teal">;
6
- validator(color: TJoySpinnerColors): boolean;
5
+ type: PropType<TJoySpinnerColors>;
7
6
  };
8
7
  }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
9
8
  color: {
10
- type: PropType<"white" | "teal">;
11
- validator(color: TJoySpinnerColors): boolean;
9
+ type: PropType<TJoySpinnerColors>;
12
10
  };
13
11
  }>>, {}, {}>;
14
12
  export default _default;
@@ -1,18 +1,22 @@
1
1
  import { PropType } from 'vue';
2
2
  import { TJoyStepSizes } from './TJoyStep.types';
3
3
  declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
4
+ /** Set it to completed to change it's color */
4
5
  completed: {
5
6
  type: BooleanConstructor;
6
7
  default: boolean;
7
8
  };
9
+ /** Progress substep of the current step */
8
10
  currentSubStep: {
9
11
  type: NumberConstructor;
10
12
  default: number;
11
13
  };
14
+ /** Adjust the text size, not the component size */
12
15
  size: {
13
16
  type: PropType<TJoyStepSizes>;
14
17
  default: string;
15
18
  };
19
+ /** Set the amount of sub steps of the current step */
16
20
  subSteps: {
17
21
  type: NumberConstructor;
18
22
  default: number;
@@ -26,18 +30,22 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
26
30
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
27
31
  "update:subSteps": () => void;
28
32
  }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
33
+ /** Set it to completed to change it's color */
29
34
  completed: {
30
35
  type: BooleanConstructor;
31
36
  default: boolean;
32
37
  };
38
+ /** Progress substep of the current step */
33
39
  currentSubStep: {
34
40
  type: NumberConstructor;
35
41
  default: number;
36
42
  };
43
+ /** Adjust the text size, not the component size */
37
44
  size: {
38
45
  type: PropType<TJoyStepSizes>;
39
46
  default: string;
40
47
  };
48
+ /** Set the amount of sub steps of the current step */
41
49
  subSteps: {
42
50
  type: NumberConstructor;
43
51
  default: number;
@@ -54,8 +62,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
54
62
  completed: boolean;
55
63
  currentSubStep: number;
56
64
  subSteps: number;
57
- }, {}>, {
58
- default?(_: {}): any;
65
+ }, {}>, Readonly<{
66
+ /** Label of the step. For text only */
67
+ default(): any;
68
+ }> & {
69
+ /** Label of the step. For text only */
70
+ default(): any;
59
71
  }>;
60
72
  export default _default;
61
73
  type __VLS_WithTemplateSlots<T, S> = T & {
@@ -1,8 +1,10 @@
1
1
  declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
2
+ /** Current step value */
2
3
  step: {
3
4
  type: NumberConstructor;
4
5
  required: true;
5
6
  };
7
+ /** Each main step can have sub-steps to have more specific visual progress feedback */
6
8
  subStep: {
7
9
  type: NumberConstructor;
8
10
  default: number;
@@ -142,16 +144,20 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
142
144
  currentSubStep: number;
143
145
  subSteps: number;
144
146
  }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
145
- $slots: {
146
- default?(_: {}): any;
147
+ $slots: Readonly<{
148
+ default(): any;
149
+ }> & {
150
+ default(): any;
147
151
  };
148
152
  }))[]>;
149
153
  invalidSubStepValue: import("vue").ComputedRef<boolean>;
150
154
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
155
+ /** Current step value */
151
156
  step: {
152
157
  type: NumberConstructor;
153
158
  required: true;
154
159
  };
160
+ /** Each main step can have sub-steps to have more specific visual progress feedback */
155
161
  subStep: {
156
162
  type: NumberConstructor;
157
163
  default: number;
@@ -159,8 +165,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
159
165
  }>>, {
160
166
  subStep: number;
161
167
  }, {}>, Readonly<{
168
+ /** Use it to inject all VJoyStep children */
162
169
  default(): any;
163
170
  }> & {
171
+ /** Use it to inject all VJoyStep children */
164
172
  default(): any;
165
173
  }>;
166
174
  export default _default;
@@ -105,8 +105,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
105
105
  }>> & {
106
106
  "onUpdate:selected-tab"?: ((value: string) => any) | undefined;
107
107
  }, {}, {}>, Readonly<{
108
+ /** Use it to inject all your `VJoyTab` children */
108
109
  default(): any;
109
110
  }> & {
111
+ /** Use it to inject all your `VJoyTab` children */
110
112
  default(): any;
111
113
  }>;
112
114
  export default _default;
@@ -1,9 +1,7 @@
1
- import { SIZES } from '../../types';
1
+ import { TSizes } from '../../types';
2
2
  import VJoyTag from './VJoyTag.vue';
3
- export declare const TAG_VARIANTS: readonly ["important", "inactive", "pending", "pricing", "special", "primary", "secondary", "ai-primary", "ai-secondary"];
4
- export type TJoyTagVariants = (typeof TAG_VARIANTS)[number];
5
- export type TJoyTagSizes = Exclude<(typeof SIZES)[number], 'xlarge' | 'xxsmall'>;
6
- export declare const TAG_SIZES: TJoyTagSizes[];
3
+ export type TJoyTagVariants = 'important' | 'inactive' | 'pending' | 'pricing' | 'special' | 'primary' | 'secondary' | 'ai-primary' | 'ai-secondary';
4
+ export type TJoyTagSizes = Exclude<TSizes, 'xlarge' | 'xxsmall'>;
7
5
  export type VJoyTagProps = InstanceType<typeof VJoyTag>['$props'];
8
6
  export interface IJoyTagSelected {
9
7
  selected: boolean;
@@ -1,13 +1,19 @@
1
1
  import type { TJoyTagVariants, TJoyTagSizes, IJoyTagSelected, IJoyTagRemoved } from './JoyTag.types';
2
2
  interface Props {
3
+ /** Main text of the tag */
3
4
  label?: string;
4
5
  size?: TJoyTagSizes;
5
6
  variant?: TJoyTagVariants;
7
+ /** Introduce an icon in case you need to sort your tags. **It does not create the actual "drag" mecanism** */
6
8
  draggable?: boolean;
9
+ /** Add a cross icon on the right side */
7
10
  removable?: boolean;
8
11
  selected?: boolean;
12
+ /** Selectable state is only applied to 2 variants: primary and secondary */
9
13
  selectable?: boolean;
14
+ /** Only for style purpose, not an actual link */
10
15
  link?: boolean;
16
+ /** Value property is handy if you use the component with `VJoyTagsList` */
11
17
  value?: string | number;
12
18
  }
13
19
  declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
@@ -35,12 +41,16 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
35
41
  }, {
36
42
  link: boolean;
37
43
  size: TJoyTagSizes;
38
- variant: "primary" | "secondary" | "important" | "inactive" | "pending" | "pricing" | "special" | "ai-primary" | "ai-secondary";
44
+ variant: TJoyTagVariants;
39
45
  value: string | number;
40
46
  draggable: boolean;
41
47
  removable: boolean;
42
- }, {}>, {
43
- default?(_: {}): any;
48
+ }, {}>, Readonly<{
49
+ /** Use it if you want to have 100% control on the tag content. */
50
+ default(): any;
51
+ }> & {
52
+ /** Use it if you want to have 100% control on the tag content. */
53
+ default(): any;
44
54
  }>;
45
55
  export default _default;
46
56
  type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -1,10 +1,10 @@
1
1
  import type { Ref } from 'vue';
2
2
  import { TAGS_INPUT_ERRORS } from './JoyTagsInput.types';
3
- import type { TJoyTagSizes } from '../JoyTag/JoyTag.types';
3
+ import type { TJoyTagVariants, TJoyTagSizes } from '../JoyTag/JoyTag.types';
4
4
  declare const _default: <T extends string>(__VLS_props: {
5
5
  size?: TJoyTagSizes | undefined;
6
6
  name?: string | undefined;
7
- variant?: "primary" | "secondary" | "important" | "inactive" | "pending" | "pricing" | "special" | "ai-primary" | "ai-secondary" | undefined;
7
+ variant?: TJoyTagVariants | undefined;
8
8
  invalid?: boolean | undefined;
9
9
  modelValue?: T[] | undefined;
10
10
  "onUpdate:modelValue"?: ((values: T[]) => any) | undefined;
@@ -15,11 +15,16 @@ declare const _default: <T extends string>(__VLS_props: {
15
15
  invalidEmailError?: string | undefined;
16
16
  } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, __VLS_ctx?: {
17
17
  attrs: any;
18
- slots: {
19
- default?(_: {}): any;
20
- tag?(_: {
21
- name: T;
22
- }): any;
18
+ slots: Readonly<{
19
+ /** Label of the component */
20
+ default?: (() => any) | undefined;
21
+ /** Customize the inner content of each VJoyTag */
22
+ tag?: (() => any) | undefined;
23
+ }> & {
24
+ /** Label of the component */
25
+ default?: (() => any) | undefined;
26
+ /** Customize the inner content of each VJoyTag */
27
+ tag?: (() => any) | undefined;
23
28
  };
24
29
  emit: {
25
30
  (e: 'update:modelValue', values: T[]): void;
@@ -32,7 +37,7 @@ declare const _default: <T extends string>(__VLS_props: {
32
37
  props: {
33
38
  size?: TJoyTagSizes | undefined;
34
39
  name?: string | undefined;
35
- variant?: "primary" | "secondary" | "important" | "inactive" | "pending" | "pricing" | "special" | "ai-primary" | "ai-secondary" | undefined;
40
+ variant?: TJoyTagVariants | undefined;
36
41
  invalid?: boolean | undefined;
37
42
  modelValue?: T[] | undefined;
38
43
  "onUpdate:modelValue"?: ((values: T[]) => any) | undefined;
@@ -47,11 +52,16 @@ declare const _default: <T extends string>(__VLS_props: {
47
52
  hasDuplicates: () => boolean;
48
53
  }>): void;
49
54
  attrs: any;
50
- slots: {
51
- default?(_: {}): any;
52
- tag?(_: {
53
- name: T;
54
- }): any;
55
+ slots: Readonly<{
56
+ /** Label of the component */
57
+ default?: (() => any) | undefined;
58
+ /** Customize the inner content of each VJoyTag */
59
+ tag?: (() => any) | undefined;
60
+ }> & {
61
+ /** Label of the component */
62
+ default?: (() => any) | undefined;
63
+ /** Customize the inner content of each VJoyTag */
64
+ tag?: (() => any) | undefined;
55
65
  };
56
66
  emit: {
57
67
  (e: 'update:modelValue', values: T[]): void;
@@ -64,7 +74,7 @@ declare const _default: <T extends string>(__VLS_props: {
64
74
  props: {
65
75
  size?: TJoyTagSizes | undefined;
66
76
  name?: string | undefined;
67
- variant?: "primary" | "secondary" | "important" | "inactive" | "pending" | "pricing" | "special" | "ai-primary" | "ai-secondary" | undefined;
77
+ variant?: TJoyTagVariants | undefined;
68
78
  invalid?: boolean | undefined;
69
79
  modelValue?: T[] | undefined;
70
80
  "onUpdate:modelValue"?: ((values: T[]) => any) | undefined;
@@ -79,11 +89,16 @@ declare const _default: <T extends string>(__VLS_props: {
79
89
  hasDuplicates: () => boolean;
80
90
  }>): void;
81
91
  attrs: any;
82
- slots: {
83
- default?(_: {}): any;
84
- tag?(_: {
85
- name: T;
86
- }): any;
92
+ slots: Readonly<{
93
+ /** Label of the component */
94
+ default?: (() => any) | undefined;
95
+ /** Customize the inner content of each VJoyTag */
96
+ tag?: (() => any) | undefined;
97
+ }> & {
98
+ /** Label of the component */
99
+ default?: (() => any) | undefined;
100
+ /** Customize the inner content of each VJoyTag */
101
+ tag?: (() => any) | undefined;
87
102
  };
88
103
  emit: {
89
104
  (e: 'update:modelValue', values: T[]): void;
@@ -1,5 +1,4 @@
1
1
  import { IJoyTag } from '../JoyTag/JoyTag.types';
2
- export declare const TAGS_LIST_ALIGN: readonly ["center", "left", "right"];
3
- export type TJoyTagsListAlign = (typeof TAGS_LIST_ALIGN)[number];
2
+ export type TJoyTagsListAlign = 'center' | 'left' | 'right';
4
3
  export type TJoyTagsList = IJoyTag[];
5
4
  export type TJoyTagsListModel = IJoyTag['value'][];
@@ -1,9 +1,9 @@
1
1
  import { PropType } from 'vue';
2
- import { TJoyTagsListModel, TJoyTagsList } from './JoyTagsList.types';
3
- import { IJoyTagRemoved, IJoyTagSelected } from '../JoyTag/JoyTag.types';
2
+ import { TJoyTagsListModel, TJoyTagsListAlign, TJoyTagsList } from './JoyTagsList.types';
3
+ import { IJoyTagRemoved, IJoyTagSelected, TJoyTagVariants } from '../JoyTag/JoyTag.types';
4
4
  declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
5
5
  align: {
6
- type: PropType<"left" | "right" | "center">;
6
+ type: PropType<TJoyTagsListAlign>;
7
7
  default: string;
8
8
  };
9
9
  modelValue: {
@@ -26,7 +26,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
26
26
  };
27
27
  /** Apply variant for all VJoyTag. Can be overriden by setting a variant property in specific tags entry. */
28
28
  variant: {
29
- type: PropType<"primary" | "secondary" | "important" | "inactive" | "pending" | "pricing" | "special" | "ai-primary" | "ai-secondary">;
29
+ type: PropType<TJoyTagVariants>;
30
30
  default: string;
31
31
  };
32
32
  }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -34,7 +34,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
34
34
  removeTag: (tagValue: string | number | undefined) => void;
35
35
  }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
36
36
  align: {
37
- type: PropType<"left" | "right" | "center">;
37
+ type: PropType<TJoyTagsListAlign>;
38
38
  default: string;
39
39
  };
40
40
  modelValue: {
@@ -57,15 +57,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
57
57
  };
58
58
  /** Apply variant for all VJoyTag. Can be overriden by setting a variant property in specific tags entry. */
59
59
  variant: {
60
- type: PropType<"primary" | "secondary" | "important" | "inactive" | "pending" | "pricing" | "special" | "ai-primary" | "ai-secondary">;
60
+ type: PropType<TJoyTagVariants>;
61
61
  default: string;
62
62
  };
63
63
  }>> & {
64
64
  "onUpdate:modelValue"?: ((tags: TJoyTagsListModel) => any) | undefined;
65
65
  onRemoveTag?: ((tagValue: string | number | undefined) => any) | undefined;
66
66
  }, {
67
- variant: "primary" | "secondary" | "important" | "inactive" | "pending" | "pricing" | "special" | "ai-primary" | "ai-secondary";
68
- align: "left" | "right" | "center";
67
+ variant: TJoyTagVariants;
68
+ align: TJoyTagsListAlign;
69
69
  removable: boolean;
70
70
  selectable: boolean;
71
71
  tags: TJoyTagsList;
@@ -76,7 +76,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
76
76
  removable: boolean;
77
77
  link?: boolean | undefined;
78
78
  size?: import("../JoyTag/JoyTag.types").TJoyTagSizes | undefined;
79
- variant?: "primary" | "secondary" | "important" | "inactive" | "pending" | "pricing" | "special" | "ai-primary" | "ai-secondary" | undefined;
79
+ variant?: TJoyTagVariants | undefined;
80
80
  value?: string | number | undefined;
81
81
  draggable?: boolean | undefined;
82
82
  key?: string | number | symbol | undefined;
@@ -1,2 +1 @@
1
- export declare const TEMPLATE_SIDEBAR: readonly ["left", "right"];
2
- export type TJoyTemplateSidebarSide = (typeof TEMPLATE_SIDEBAR)[number];
1
+ export type TJoyTemplateSidebarSide = 'left' | 'right';