@maltjoy/core-vue 3.16.3 → 3.17.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.
@@ -0,0 +1,44 @@
1
+ import { PropType } from 'vue';
2
+ declare const _default: import("vue").DefineComponent<{
3
+ /** Value is used for the parent v-model. Mandatory */
4
+ value: {
5
+ type: StringConstructor;
6
+ required: true;
7
+ };
8
+ /** Automatically handled by parent. No need to set it manually */
9
+ selected: {
10
+ type: BooleanConstructor;
11
+ default: boolean;
12
+ };
13
+ variant: {
14
+ type: PropType<"default" | "light">;
15
+ default: string;
16
+ };
17
+ /** Indicators are text-less buttons by design. To make the more accessible, you can pass them an aria-label that will describe more their action. */
18
+ ariaLabel: {
19
+ type: StringConstructor;
20
+ };
21
+ }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
22
+ /** Value is used for the parent v-model. Mandatory */
23
+ value: {
24
+ type: StringConstructor;
25
+ required: true;
26
+ };
27
+ /** Automatically handled by parent. No need to set it manually */
28
+ selected: {
29
+ type: BooleanConstructor;
30
+ default: boolean;
31
+ };
32
+ variant: {
33
+ type: PropType<"default" | "light">;
34
+ default: string;
35
+ };
36
+ /** Indicators are text-less buttons by design. To make the more accessible, you can pass them an aria-label that will describe more their action. */
37
+ ariaLabel: {
38
+ type: StringConstructor;
39
+ };
40
+ }>>, {
41
+ variant: "default" | "light";
42
+ selected: boolean;
43
+ }, {}>;
44
+ export default _default;
@@ -0,0 +1,2 @@
1
+ export declare const JOY_INDICATORS_VARIANT: readonly ["default", "light"];
2
+ export type TJoyIndicatorsVariants = (typeof JOY_INDICATORS_VARIANT)[number];
@@ -0,0 +1,70 @@
1
+ import { PropType } from 'vue';
2
+ import { VJoyIndicator } from '..';
3
+ declare function isSelected(indicator: typeof VJoyIndicator): boolean;
4
+ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
5
+ variant: {
6
+ type: PropType<"default" | "light">;
7
+ };
8
+ /** Use the component with a v-model to easily handle selected items */
9
+ modelValue: {
10
+ type: StringConstructor;
11
+ };
12
+ }, {
13
+ indicators: import("vue").ComputedRef<import("vue").DefineComponent<{
14
+ value: {
15
+ type: StringConstructor;
16
+ required: true;
17
+ };
18
+ selected: {
19
+ type: BooleanConstructor;
20
+ default: boolean;
21
+ };
22
+ variant: {
23
+ type: PropType<"default" | "light">;
24
+ default: string;
25
+ };
26
+ ariaLabel: {
27
+ type: StringConstructor;
28
+ };
29
+ }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
30
+ value: {
31
+ type: StringConstructor;
32
+ required: true;
33
+ };
34
+ selected: {
35
+ type: BooleanConstructor;
36
+ default: boolean;
37
+ };
38
+ variant: {
39
+ type: PropType<"default" | "light">;
40
+ default: string;
41
+ };
42
+ ariaLabel: {
43
+ type: StringConstructor;
44
+ };
45
+ }>>, {
46
+ variant: "default" | "light";
47
+ selected: boolean;
48
+ }, {}>[]>;
49
+ isSelected: typeof isSelected;
50
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
51
+ "update:modelValue": (value: string | number) => void;
52
+ }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
53
+ variant: {
54
+ type: PropType<"default" | "light">;
55
+ };
56
+ /** Use the component with a v-model to easily handle selected items */
57
+ modelValue: {
58
+ type: StringConstructor;
59
+ };
60
+ }>> & {
61
+ "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
62
+ }, {}, {}>, Readonly<{
63
+ default(): any;
64
+ }>>;
65
+ export default _default;
66
+ type __VLS_WithTemplateSlots<T, S> = T & {
67
+ new (): {
68
+ $slots: S;
69
+ };
70
+ };
@@ -23,7 +23,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
23
23
  default: boolean;
24
24
  };
25
25
  loadingColor: {
26
- type: PropType<"dark" | "light">;
26
+ type: PropType<"light" | "dark">;
27
27
  default: string;
28
28
  };
29
29
  }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -49,7 +49,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
49
49
  default: boolean;
50
50
  };
51
51
  loadingColor: {
52
- type: PropType<"dark" | "light">;
52
+ type: PropType<"light" | "dark">;
53
53
  default: string;
54
54
  };
55
55
  }>>, {
@@ -57,7 +57,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
57
57
  noMargin: boolean;
58
58
  padding: TJoyPanelSizes;
59
59
  titleSize: TJoyPanelTitleSizes;
60
- loadingColor: "dark" | "light";
60
+ loadingColor: "light" | "dark";
61
61
  }, {}>, {
62
62
  "panel-title"?(_: {}): any;
63
63
  "panel-title-action"?(_: {}): any;
@@ -2,7 +2,7 @@ import { PropType } from 'vue';
2
2
  declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
3
3
  /** Light or dark. Changes the spinner and background color */
4
4
  color: {
5
- type: PropType<"dark" | "light">;
5
+ type: PropType<"light" | "dark">;
6
6
  default: string;
7
7
  };
8
8
  /** The overlay mode set the component in an absolute position, and covers all the parent's area. */
@@ -13,7 +13,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
13
13
  }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
14
14
  /** Light or dark. Changes the spinner and background color */
15
15
  color: {
16
- type: PropType<"dark" | "light">;
16
+ type: PropType<"light" | "dark">;
17
17
  default: string;
18
18
  };
19
19
  /** The overlay mode set the component in an absolute position, and covers all the parent's area. */
@@ -22,7 +22,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
22
22
  default: boolean;
23
23
  };
24
24
  }>>, {
25
- color: "dark" | "light";
25
+ color: "light" | "dark";
26
26
  overlay: boolean;
27
27
  }, {}>, {
28
28
  spinner?(_: {}): any;
@@ -0,0 +1 @@
1
+ export type TJoyStepSizes = 'small' | 'default';
@@ -0,0 +1,65 @@
1
+ import { PropType } from 'vue';
2
+ import { TJoyStepSizes } from './TJoyStep.types';
3
+ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
4
+ completed: {
5
+ type: BooleanConstructor;
6
+ default: boolean;
7
+ };
8
+ currentSubStep: {
9
+ type: NumberConstructor;
10
+ default: number;
11
+ };
12
+ size: {
13
+ type: PropType<TJoyStepSizes>;
14
+ default: string;
15
+ };
16
+ subSteps: {
17
+ type: NumberConstructor;
18
+ default: number;
19
+ };
20
+ id: {
21
+ type: StringConstructor;
22
+ default: string;
23
+ };
24
+ }, {
25
+ progress: import("vue").ComputedRef<string>;
26
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
27
+ "update:subSteps": () => void;
28
+ }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
29
+ completed: {
30
+ type: BooleanConstructor;
31
+ default: boolean;
32
+ };
33
+ currentSubStep: {
34
+ type: NumberConstructor;
35
+ default: number;
36
+ };
37
+ size: {
38
+ type: PropType<TJoyStepSizes>;
39
+ default: string;
40
+ };
41
+ subSteps: {
42
+ type: NumberConstructor;
43
+ default: number;
44
+ };
45
+ id: {
46
+ type: StringConstructor;
47
+ default: string;
48
+ };
49
+ }>> & {
50
+ "onUpdate:subSteps"?: (() => any) | undefined;
51
+ }, {
52
+ size: TJoyStepSizes;
53
+ id: string;
54
+ completed: boolean;
55
+ currentSubStep: number;
56
+ subSteps: number;
57
+ }, {}>, {
58
+ default?(_: {}): any;
59
+ }>;
60
+ export default _default;
61
+ type __VLS_WithTemplateSlots<T, S> = T & {
62
+ new (): {
63
+ $slots: S;
64
+ };
65
+ };
@@ -0,0 +1,221 @@
1
+ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
2
+ step: {
3
+ type: NumberConstructor;
4
+ required: true;
5
+ };
6
+ subStep: {
7
+ type: NumberConstructor;
8
+ default: number;
9
+ };
10
+ }, {
11
+ currentItemSubStep: import("vue").ComputedRef<any>;
12
+ steps: import("vue").ComputedRef<({
13
+ new (...args: any[]): {
14
+ $: import("vue").ComponentInternalInstance;
15
+ $data: {};
16
+ $props: {
17
+ size?: import("../JoyStep/TJoyStep.types").TJoyStepSizes | undefined;
18
+ id?: string | undefined;
19
+ completed?: boolean | undefined;
20
+ currentSubStep?: number | undefined;
21
+ subSteps?: number | undefined;
22
+ style?: unknown;
23
+ class?: unknown;
24
+ key?: string | number | symbol | undefined;
25
+ ref?: import("vue").VNodeRef | undefined;
26
+ ref_for?: boolean | undefined;
27
+ ref_key?: string | undefined;
28
+ onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
29
+ [key: string]: any;
30
+ }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
31
+ [key: string]: any;
32
+ }>) => void)[] | undefined;
33
+ onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
34
+ [key: string]: any;
35
+ }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
36
+ [key: string]: any;
37
+ }>) => void)[] | undefined;
38
+ onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
39
+ [key: string]: any;
40
+ }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
41
+ [key: string]: any;
42
+ }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
43
+ [key: string]: any;
44
+ }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
45
+ [key: string]: any;
46
+ }>) => void)[] | undefined;
47
+ onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
48
+ [key: string]: any;
49
+ }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
50
+ [key: string]: any;
51
+ }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
52
+ [key: string]: any;
53
+ }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
54
+ [key: string]: any;
55
+ }>) => void)[] | undefined;
56
+ onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
57
+ [key: string]: any;
58
+ }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
59
+ [key: string]: any;
60
+ }>) => void)[] | undefined;
61
+ onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
62
+ [key: string]: any;
63
+ }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
64
+ [key: string]: any;
65
+ }>) => void)[] | undefined;
66
+ "onUpdate:subSteps"?: (() => any) | undefined;
67
+ };
68
+ $attrs: {
69
+ [x: string]: unknown;
70
+ };
71
+ $refs: {
72
+ [x: string]: unknown;
73
+ };
74
+ $slots: Readonly<{
75
+ [name: string]: import("vue").Slot<any> | undefined;
76
+ }>;
77
+ $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
78
+ $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
79
+ $emit: (event: "update:subSteps") => void;
80
+ $el: any;
81
+ $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
82
+ completed: {
83
+ type: BooleanConstructor;
84
+ default: boolean;
85
+ };
86
+ currentSubStep: {
87
+ type: NumberConstructor;
88
+ default: number;
89
+ };
90
+ size: {
91
+ type: import("vue").PropType<import("../JoyStep/TJoyStep.types").TJoyStepSizes>;
92
+ default: string;
93
+ };
94
+ subSteps: {
95
+ type: NumberConstructor;
96
+ default: number;
97
+ };
98
+ id: {
99
+ type: StringConstructor;
100
+ default: string;
101
+ };
102
+ }>> & {
103
+ "onUpdate:subSteps"?: (() => any) | undefined;
104
+ }, {
105
+ progress: import("vue").ComputedRef<string>;
106
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
107
+ "update:subSteps": () => void;
108
+ }, string, {
109
+ size: import("../JoyStep/TJoyStep.types").TJoyStepSizes;
110
+ id: string;
111
+ completed: boolean;
112
+ currentSubStep: number;
113
+ subSteps: number;
114
+ }, {}, string, {}> & {
115
+ beforeCreate?: ((() => void) | (() => void)[]) | undefined;
116
+ created?: ((() => void) | (() => void)[]) | undefined;
117
+ beforeMount?: ((() => void) | (() => void)[]) | undefined;
118
+ mounted?: ((() => void) | (() => void)[]) | undefined;
119
+ beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
120
+ updated?: ((() => void) | (() => void)[]) | undefined;
121
+ activated?: ((() => void) | (() => void)[]) | undefined;
122
+ deactivated?: ((() => void) | (() => void)[]) | undefined;
123
+ beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
124
+ beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
125
+ destroyed?: ((() => void) | (() => void)[]) | undefined;
126
+ unmounted?: ((() => void) | (() => void)[]) | undefined;
127
+ renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
128
+ renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
129
+ errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
130
+ };
131
+ $forceUpdate: () => void;
132
+ $nextTick: typeof import("vue").nextTick;
133
+ $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
134
+ } & Readonly<import("vue").ExtractPropTypes<{
135
+ completed: {
136
+ type: BooleanConstructor;
137
+ default: boolean;
138
+ };
139
+ currentSubStep: {
140
+ type: NumberConstructor;
141
+ default: number;
142
+ };
143
+ size: {
144
+ type: import("vue").PropType<import("../JoyStep/TJoyStep.types").TJoyStepSizes>;
145
+ default: string;
146
+ };
147
+ subSteps: {
148
+ type: NumberConstructor;
149
+ default: number;
150
+ };
151
+ id: {
152
+ type: StringConstructor;
153
+ default: string;
154
+ };
155
+ }>> & {
156
+ "onUpdate:subSteps"?: (() => any) | undefined;
157
+ } & import("vue").ShallowUnwrapRef<{
158
+ progress: import("vue").ComputedRef<string>;
159
+ }> & {} & import("vue").ComponentCustomProperties & {};
160
+ __isFragment?: undefined;
161
+ __isTeleport?: undefined;
162
+ __isSuspense?: undefined;
163
+ } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
164
+ completed: {
165
+ type: BooleanConstructor;
166
+ default: boolean;
167
+ };
168
+ currentSubStep: {
169
+ type: NumberConstructor;
170
+ default: number;
171
+ };
172
+ size: {
173
+ type: import("vue").PropType<import("../JoyStep/TJoyStep.types").TJoyStepSizes>;
174
+ default: string;
175
+ };
176
+ subSteps: {
177
+ type: NumberConstructor;
178
+ default: number;
179
+ };
180
+ id: {
181
+ type: StringConstructor;
182
+ default: string;
183
+ };
184
+ }>> & {
185
+ "onUpdate:subSteps"?: (() => any) | undefined;
186
+ }, {
187
+ progress: import("vue").ComputedRef<string>;
188
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
189
+ "update:subSteps": () => void;
190
+ }, string, {
191
+ size: import("../JoyStep/TJoyStep.types").TJoyStepSizes;
192
+ id: string;
193
+ completed: boolean;
194
+ currentSubStep: number;
195
+ subSteps: number;
196
+ }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
197
+ $slots: {
198
+ default?(_: {}): any;
199
+ };
200
+ }))[]>;
201
+ invalidSubStepValue: import("vue").ComputedRef<boolean>;
202
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
203
+ step: {
204
+ type: NumberConstructor;
205
+ required: true;
206
+ };
207
+ subStep: {
208
+ type: NumberConstructor;
209
+ default: number;
210
+ };
211
+ }>>, {
212
+ subStep: number;
213
+ }, {}>, Readonly<{
214
+ default(): any;
215
+ }>>;
216
+ export default _default;
217
+ type __VLS_WithTemplateSlots<T, S> = T & {
218
+ new (): {
219
+ $slots: S;
220
+ };
221
+ };
@@ -13,7 +13,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
13
13
  default: boolean;
14
14
  };
15
15
  loadingColor: {
16
- type: PropType<"dark" | "light">;
16
+ type: PropType<"light" | "dark">;
17
17
  default: string;
18
18
  };
19
19
  shapes: {
@@ -34,7 +34,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
34
34
  default: boolean;
35
35
  };
36
36
  loadingColor: {
37
- type: PropType<"dark" | "light">;
37
+ type: PropType<"light" | "dark">;
38
38
  default: string;
39
39
  };
40
40
  shapes: {
@@ -43,7 +43,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
43
43
  };
44
44
  }>>, {
45
45
  loading: boolean;
46
- loadingColor: "dark" | "light";
46
+ loadingColor: "light" | "dark";
47
47
  full: boolean;
48
48
  sidebar: "left" | "right";
49
49
  shapes: boolean;
@@ -0,0 +1,3 @@
1
+ import { PRIMARY_FONT_SIZES, SECONDARY_FONT_SIZES, FontsFamilies } from '../../types';
2
+ export declare const JOY_TEXT_FONT_PRESET: string[];
3
+ export type TJoyTextFontPreset = `${FontsFamilies.PRIMARY}-${(typeof PRIMARY_FONT_SIZES)[number]}` | `${FontsFamilies.SECONDARY}-${(typeof SECONDARY_FONT_SIZES)[number]}`;
@@ -0,0 +1,36 @@
1
+ import { PropType } from 'vue';
2
+ import { TJoyTextFontPreset } from './JoyText.types';
3
+ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
4
+ /** Defines the tag name of the Node you want to create. By default it's a simple P tag. Lowercase only */
5
+ tagName: {
6
+ type: PropType<number | typeof Symbol.iterator | "length" | "concat" | "slice" | "indexOf" | "lastIndexOf" | "includes" | "at" | "toString" | "link" | "small" | "sub" | "sup" | "search" | "anchor" | "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">;
7
+ default: string;
8
+ };
9
+ /** Choose a pre-configured set of CSS rules : font-family, font-size, line-height, font-weight. */
10
+ preset: {
11
+ type: PropType<TJoyTextFontPreset>;
12
+ default: string;
13
+ };
14
+ }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
15
+ /** Defines the tag name of the Node you want to create. By default it's a simple P tag. Lowercase only */
16
+ tagName: {
17
+ type: PropType<number | typeof Symbol.iterator | "length" | "concat" | "slice" | "indexOf" | "lastIndexOf" | "includes" | "at" | "toString" | "link" | "small" | "sub" | "sup" | "search" | "anchor" | "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">;
18
+ default: string;
19
+ };
20
+ /** Choose a pre-configured set of CSS rules : font-family, font-size, line-height, font-weight. */
21
+ preset: {
22
+ type: PropType<TJoyTextFontPreset>;
23
+ default: string;
24
+ };
25
+ }>>, {
26
+ tagName: number | typeof Symbol.iterator | "length" | "concat" | "slice" | "indexOf" | "lastIndexOf" | "includes" | "at" | "toString" | "link" | "small" | "sub" | "sup" | "search" | "anchor" | "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
+ preset: TJoyTextFontPreset;
28
+ }, {}>, {
29
+ default?(_: {}): any;
30
+ }>;
31
+ export default _default;
32
+ type __VLS_WithTemplateSlots<T, S> = T & {
33
+ new (): {
34
+ $slots: S;
35
+ };
36
+ };
@@ -0,0 +1,3 @@
1
+ import { ProductColors } from '../../types';
2
+ export type TJoyTooltipVariants = Extract<ProductColors, 'primary' | 'secondary'>;
3
+ export declare const JOY_TOOLTIP_VARIANTS: TJoyTooltipVariants[];
@@ -0,0 +1,91 @@
1
+ import { PropType } from 'vue';
2
+ import { Placement } from '@floating-ui/vue';
3
+ import { TJoyTooltipVariants } from './JoyTooltip.types';
4
+ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
5
+ /** If you are 100% sure the content you want to inject does not contain anything that could lead to any XSS, use this */
6
+ text: {
7
+ type: StringConstructor;
8
+ };
9
+ variant: {
10
+ type: PropType<TJoyTooltipVariants>;
11
+ default: string;
12
+ };
13
+ /** 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 */
14
+ placement: {
15
+ type: PropType<import("@floating-ui/vue").MaybeReadonlyRef<Placement | undefined>>;
16
+ default: string;
17
+ };
18
+ /** Mouseenter (default) or click */
19
+ event: {
20
+ type: PropType<"click" | "mouseenter">;
21
+ default: string;
22
+ };
23
+ /** By default the tooltip is shown after a certain delay to make the experience smoother. You can change the value (in ms) */
24
+ delay: {
25
+ type: NumberConstructor;
26
+ default: number;
27
+ };
28
+ /** Mostly for visual testing purpose */
29
+ show: {
30
+ type: BooleanConstructor;
31
+ default: boolean;
32
+ };
33
+ /** Maw-width for the generated tooltip. */
34
+ tooltipWidth: {
35
+ type: NumberConstructor;
36
+ default: number;
37
+ };
38
+ }, {
39
+ tooltipVisible: import("vue").Ref<boolean>;
40
+ tooltip: import("vue").Ref<HTMLElement | null>;
41
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
42
+ /** If you are 100% sure the content you want to inject does not contain anything that could lead to any XSS, use this */
43
+ text: {
44
+ type: StringConstructor;
45
+ };
46
+ variant: {
47
+ type: PropType<TJoyTooltipVariants>;
48
+ default: string;
49
+ };
50
+ /** 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 */
51
+ placement: {
52
+ type: PropType<import("@floating-ui/vue").MaybeReadonlyRef<Placement | undefined>>;
53
+ default: string;
54
+ };
55
+ /** Mouseenter (default) or click */
56
+ event: {
57
+ type: PropType<"click" | "mouseenter">;
58
+ default: string;
59
+ };
60
+ /** By default the tooltip is shown after a certain delay to make the experience smoother. You can change the value (in ms) */
61
+ delay: {
62
+ type: NumberConstructor;
63
+ default: number;
64
+ };
65
+ /** Mostly for visual testing purpose */
66
+ show: {
67
+ type: BooleanConstructor;
68
+ default: boolean;
69
+ };
70
+ /** Maw-width for the generated tooltip. */
71
+ tooltipWidth: {
72
+ type: NumberConstructor;
73
+ default: number;
74
+ };
75
+ }>>, {
76
+ variant: TJoyTooltipVariants;
77
+ placement: import("@floating-ui/vue").MaybeReadonlyRef<Placement | undefined>;
78
+ event: "click" | "mouseenter";
79
+ delay: number;
80
+ show: boolean;
81
+ tooltipWidth: number;
82
+ }, {}>, Readonly<{
83
+ default: () => void;
84
+ 'tooltip-content': () => void;
85
+ }>>;
86
+ export default _default;
87
+ type __VLS_WithTemplateSlots<T, S> = T & {
88
+ new (): {
89
+ $slots: S;
90
+ };
91
+ };