@maltjoy/core-vue 3.28.1 → 3.29.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/JoyButton/JoyButton.types.d.ts +1 -1
- package/dist/components/JoyPanel/JoyPanel.types.d.ts +1 -0
- package/dist/components/JoyPanel/VJoyPanel.vue.d.ts +10 -1
- package/dist/components/JoyProductTour/JoyProductTour.store.d.ts +12 -3
- package/dist/components/JoyProductTour/JoyProductTour.types.d.ts +1 -1
- package/dist/components/JoyProductTourTrigger/VJoyProductTourTrigger.vue.d.ts +8 -2
- package/dist/joy-vue.js +3279 -2633
- package/dist/joy-vue.umd.cjs +13 -11
- package/dist/style.css +1 -1
- package/package.json +4 -4
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { TGenericVariants, TPositions, TSizes } from '../../types';
|
|
2
|
-
export type TJoyButtonVariants = TGenericVariants | 'main' | 'admin' | 'ghost' | 'white';
|
|
2
|
+
export type TJoyButtonVariants = TGenericVariants | 'main' | 'admin' | 'ghost' | 'white' | 'main-ai';
|
|
3
3
|
export type TJoyButtonSizes = Exclude<TSizes, 'xlarge'>;
|
|
4
4
|
export type TJoyButtonIconPositions = TPositions;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { PropType } from 'vue';
|
|
2
|
-
import { TJoyPanelSizes, TJoyPanelTitleSizes } from './JoyPanel.types';
|
|
2
|
+
import { TJoyPanelSizes, TJoyPanelTitleSizes, TJoyPanelVariants } from './JoyPanel.types';
|
|
3
3
|
import { TJoyScreenLoaderColors } from '../JoyScreenLoader/VJoyScreenLoader.types';
|
|
4
4
|
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
5
5
|
flex: {
|
|
@@ -25,6 +25,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
25
25
|
type: PropType<TJoyScreenLoaderColors>;
|
|
26
26
|
default: string;
|
|
27
27
|
};
|
|
28
|
+
variant: {
|
|
29
|
+
type: PropType<TJoyPanelVariants>;
|
|
30
|
+
default: string;
|
|
31
|
+
};
|
|
28
32
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
29
33
|
flex: {
|
|
30
34
|
type: StringConstructor;
|
|
@@ -49,8 +53,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
49
53
|
type: PropType<TJoyScreenLoaderColors>;
|
|
50
54
|
default: string;
|
|
51
55
|
};
|
|
56
|
+
variant: {
|
|
57
|
+
type: PropType<TJoyPanelVariants>;
|
|
58
|
+
default: string;
|
|
59
|
+
};
|
|
52
60
|
}>>, {
|
|
53
61
|
loading: boolean;
|
|
62
|
+
variant: TJoyPanelVariants;
|
|
54
63
|
noMargin: boolean;
|
|
55
64
|
padding: TJoyPanelSizes;
|
|
56
65
|
titleSize: TJoyPanelTitleSizes;
|
|
@@ -23,8 +23,8 @@ export declare const useProductTourStore: import("pinia").StoreDefinition<"VJoyP
|
|
|
23
23
|
readonly maxWidth: number;
|
|
24
24
|
readonly disableOverlay: boolean;
|
|
25
25
|
readonly spotlightPadding: number;
|
|
26
|
+
readonly spotlightSelector: string;
|
|
26
27
|
readonly icon?: import("@maltjoy/icons").JoyIconsId | undefined;
|
|
27
|
-
readonly spotlightSelector?: string | undefined;
|
|
28
28
|
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
|
|
29
29
|
icon: {
|
|
30
30
|
type: import("vue").PropType<import("@maltjoy/icons").JoyIconsId>;
|
|
@@ -59,6 +59,7 @@ export declare const useProductTourStore: import("pinia").StoreDefinition<"VJoyP
|
|
|
59
59
|
};
|
|
60
60
|
spotlightSelector: {
|
|
61
61
|
type: import("vue").PropType<string>;
|
|
62
|
+
required: true;
|
|
62
63
|
};
|
|
63
64
|
}>>, "open" | "step" | "steps" | "position" | "maxWidth" | "disableOverlay" | "spotlightPadding">;
|
|
64
65
|
$attrs: {
|
|
@@ -108,6 +109,7 @@ export declare const useProductTourStore: import("pinia").StoreDefinition<"VJoyP
|
|
|
108
109
|
};
|
|
109
110
|
spotlightSelector: {
|
|
110
111
|
type: import("vue").PropType<string>;
|
|
112
|
+
required: true;
|
|
111
113
|
};
|
|
112
114
|
}>>, {
|
|
113
115
|
hide: () => void;
|
|
@@ -175,6 +177,7 @@ export declare const useProductTourStore: import("pinia").StoreDefinition<"VJoyP
|
|
|
175
177
|
};
|
|
176
178
|
spotlightSelector: {
|
|
177
179
|
type: import("vue").PropType<string>;
|
|
180
|
+
required: true;
|
|
178
181
|
};
|
|
179
182
|
}>>, "hide" | "show" | "isOpen"> & import("vue").ShallowUnwrapRef<{
|
|
180
183
|
hide: () => void;
|
|
@@ -205,8 +208,8 @@ export declare const useProductTourStore: import("pinia").StoreDefinition<"VJoyP
|
|
|
205
208
|
readonly maxWidth: number;
|
|
206
209
|
readonly disableOverlay: boolean;
|
|
207
210
|
readonly spotlightPadding: number;
|
|
211
|
+
readonly spotlightSelector: string;
|
|
208
212
|
readonly icon?: import("@maltjoy/icons").JoyIconsId | undefined;
|
|
209
|
-
readonly spotlightSelector?: string | undefined;
|
|
210
213
|
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
|
|
211
214
|
icon: {
|
|
212
215
|
type: import("vue").PropType<import("@maltjoy/icons").JoyIconsId>;
|
|
@@ -241,6 +244,7 @@ export declare const useProductTourStore: import("pinia").StoreDefinition<"VJoyP
|
|
|
241
244
|
};
|
|
242
245
|
spotlightSelector: {
|
|
243
246
|
type: import("vue").PropType<string>;
|
|
247
|
+
required: true;
|
|
244
248
|
};
|
|
245
249
|
}>>, "open" | "step" | "steps" | "position" | "maxWidth" | "disableOverlay" | "spotlightPadding">;
|
|
246
250
|
$attrs: {
|
|
@@ -290,6 +294,7 @@ export declare const useProductTourStore: import("pinia").StoreDefinition<"VJoyP
|
|
|
290
294
|
};
|
|
291
295
|
spotlightSelector: {
|
|
292
296
|
type: import("vue").PropType<string>;
|
|
297
|
+
required: true;
|
|
293
298
|
};
|
|
294
299
|
}>>, {
|
|
295
300
|
hide: () => void;
|
|
@@ -357,6 +362,7 @@ export declare const useProductTourStore: import("pinia").StoreDefinition<"VJoyP
|
|
|
357
362
|
};
|
|
358
363
|
spotlightSelector: {
|
|
359
364
|
type: import("vue").PropType<string>;
|
|
365
|
+
required: true;
|
|
360
366
|
};
|
|
361
367
|
}>>, "hide" | "show" | "isOpen"> & import("vue").ShallowUnwrapRef<{
|
|
362
368
|
hide: () => void;
|
|
@@ -387,8 +393,8 @@ export declare const useProductTourStore: import("pinia").StoreDefinition<"VJoyP
|
|
|
387
393
|
readonly maxWidth: number;
|
|
388
394
|
readonly disableOverlay: boolean;
|
|
389
395
|
readonly spotlightPadding: number;
|
|
396
|
+
readonly spotlightSelector: string;
|
|
390
397
|
readonly icon?: import("@maltjoy/icons").JoyIconsId | undefined;
|
|
391
|
-
readonly spotlightSelector?: string | undefined;
|
|
392
398
|
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
|
|
393
399
|
icon: {
|
|
394
400
|
type: import("vue").PropType<import("@maltjoy/icons").JoyIconsId>;
|
|
@@ -423,6 +429,7 @@ export declare const useProductTourStore: import("pinia").StoreDefinition<"VJoyP
|
|
|
423
429
|
};
|
|
424
430
|
spotlightSelector: {
|
|
425
431
|
type: import("vue").PropType<string>;
|
|
432
|
+
required: true;
|
|
426
433
|
};
|
|
427
434
|
}>>, "open" | "step" | "steps" | "position" | "maxWidth" | "disableOverlay" | "spotlightPadding">;
|
|
428
435
|
$attrs: {
|
|
@@ -472,6 +479,7 @@ export declare const useProductTourStore: import("pinia").StoreDefinition<"VJoyP
|
|
|
472
479
|
};
|
|
473
480
|
spotlightSelector: {
|
|
474
481
|
type: import("vue").PropType<string>;
|
|
482
|
+
required: true;
|
|
475
483
|
};
|
|
476
484
|
}>>, {
|
|
477
485
|
hide: () => void;
|
|
@@ -539,6 +547,7 @@ export declare const useProductTourStore: import("pinia").StoreDefinition<"VJoyP
|
|
|
539
547
|
};
|
|
540
548
|
spotlightSelector: {
|
|
541
549
|
type: import("vue").PropType<string>;
|
|
550
|
+
required: true;
|
|
542
551
|
};
|
|
543
552
|
}>>, "hide" | "show" | "isOpen"> & import("vue").ShallowUnwrapRef<{
|
|
544
553
|
hide: () => void;
|
|
@@ -16,7 +16,7 @@ export interface VJoyProductTourProps {
|
|
|
16
16
|
maxWidth?: number;
|
|
17
17
|
disableOverlay?: boolean;
|
|
18
18
|
spotlightPadding?: number;
|
|
19
|
-
spotlightSelector
|
|
19
|
+
spotlightSelector: string;
|
|
20
20
|
}
|
|
21
21
|
export interface VJoyProductTourSlots {
|
|
22
22
|
/** Most of the time we use it to display tags, or short content */
|
|
@@ -4,6 +4,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
4
4
|
$: import("vue").ComponentInternalInstance;
|
|
5
5
|
$data: {};
|
|
6
6
|
$props: Partial<{}> & Omit<{
|
|
7
|
+
readonly spotlightSelector: string;
|
|
7
8
|
readonly icon?: import("@maltjoy/icons").JoyIconsId | undefined;
|
|
8
9
|
readonly open?: boolean | undefined;
|
|
9
10
|
readonly step?: number | undefined;
|
|
@@ -12,7 +13,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
12
13
|
readonly maxWidth?: number | undefined;
|
|
13
14
|
readonly disableOverlay?: boolean | undefined;
|
|
14
15
|
readonly spotlightPadding?: number | undefined;
|
|
15
|
-
readonly spotlightSelector?: string | undefined;
|
|
16
16
|
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
|
|
17
17
|
icon: {
|
|
18
18
|
type: import("vue").PropType<import("@maltjoy/icons").JoyIconsId>;
|
|
@@ -40,6 +40,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
40
40
|
};
|
|
41
41
|
spotlightSelector: {
|
|
42
42
|
type: import("vue").PropType<string>;
|
|
43
|
+
required: true;
|
|
43
44
|
};
|
|
44
45
|
}>>, never>;
|
|
45
46
|
$attrs: {
|
|
@@ -82,6 +83,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
82
83
|
};
|
|
83
84
|
spotlightSelector: {
|
|
84
85
|
type: import("vue").PropType<string>;
|
|
86
|
+
required: true;
|
|
85
87
|
};
|
|
86
88
|
}>>, {
|
|
87
89
|
show: () => void;
|
|
@@ -133,6 +135,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
133
135
|
};
|
|
134
136
|
spotlightSelector: {
|
|
135
137
|
type: import("vue").PropType<string>;
|
|
138
|
+
required: true;
|
|
136
139
|
};
|
|
137
140
|
}>>, "hide" | "show"> & import("vue").ShallowUnwrapRef<{
|
|
138
141
|
show: () => void;
|
|
@@ -148,6 +151,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
148
151
|
$: import("vue").ComponentInternalInstance;
|
|
149
152
|
$data: {};
|
|
150
153
|
$props: Partial<{}> & Omit<{
|
|
154
|
+
readonly spotlightSelector: string;
|
|
151
155
|
readonly icon?: import("@maltjoy/icons").JoyIconsId | undefined;
|
|
152
156
|
readonly open?: boolean | undefined;
|
|
153
157
|
readonly step?: number | undefined;
|
|
@@ -156,7 +160,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
156
160
|
readonly maxWidth?: number | undefined;
|
|
157
161
|
readonly disableOverlay?: boolean | undefined;
|
|
158
162
|
readonly spotlightPadding?: number | undefined;
|
|
159
|
-
readonly spotlightSelector?: string | undefined;
|
|
160
163
|
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
|
|
161
164
|
icon: {
|
|
162
165
|
type: import("vue").PropType<import("@maltjoy/icons").JoyIconsId>;
|
|
@@ -184,6 +187,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
184
187
|
};
|
|
185
188
|
spotlightSelector: {
|
|
186
189
|
type: import("vue").PropType<string>;
|
|
190
|
+
required: true;
|
|
187
191
|
};
|
|
188
192
|
}>>, never>;
|
|
189
193
|
$attrs: {
|
|
@@ -226,6 +230,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
226
230
|
};
|
|
227
231
|
spotlightSelector: {
|
|
228
232
|
type: import("vue").PropType<string>;
|
|
233
|
+
required: true;
|
|
229
234
|
};
|
|
230
235
|
}>>, {
|
|
231
236
|
show: () => void;
|
|
@@ -277,6 +282,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
277
282
|
};
|
|
278
283
|
spotlightSelector: {
|
|
279
284
|
type: import("vue").PropType<string>;
|
|
285
|
+
required: true;
|
|
280
286
|
};
|
|
281
287
|
}>>, "hide" | "show"> & import("vue").ShallowUnwrapRef<{
|
|
282
288
|
show: () => void;
|