@breadstone/mosaik-elements-vue 0.1.62 → 0.1.63
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/Controls/Components/Overlays/tour/TourComponent.d.ts +39 -7
- package/Controls/Components/Overlays/tour/TourComponent.d.ts.map +1 -1
- package/Controls/Components/Overlays/tour/TourComponent.js +7 -3
- package/Controls/Components/Overlays/tour/TourComponent.js.map +1 -1
- package/Controls/Components/Overlays/tour/TourStepComponent.d.ts +22 -8
- package/Controls/Components/Overlays/tour/TourStepComponent.d.ts.map +1 -1
- package/Controls/Components/Overlays/tour/TourStepComponent.js +2 -2
- package/Controls/Components/Overlays/tour/TourStepComponent.js.map +1 -1
- package/package.json +2 -2
|
@@ -7,42 +7,70 @@ export declare const TourComponent: import("vue").DefineComponent<{
|
|
|
7
7
|
themeName?: any;
|
|
8
8
|
dir?: any;
|
|
9
9
|
lang?: any;
|
|
10
|
-
|
|
10
|
+
animationTarget?: any;
|
|
11
|
+
enter?: any;
|
|
12
|
+
exit?: any;
|
|
11
13
|
isOpen?: any;
|
|
12
14
|
closeable?: any;
|
|
15
|
+
labels?: any;
|
|
13
16
|
hasBackdrop?: any;
|
|
14
17
|
pressEscapeToClose?: any;
|
|
15
18
|
clickOutsideToClose?: any;
|
|
16
19
|
attention?: any;
|
|
20
|
+
isVisible?: any;
|
|
21
|
+
restoreFocus?: any;
|
|
17
22
|
isFirstStep?: any;
|
|
18
23
|
isLastStep?: any;
|
|
24
|
+
showProgress?: any;
|
|
19
25
|
tourId?: any;
|
|
26
|
+
isAutoAdvancePaused?: any;
|
|
27
|
+
titleId?: any;
|
|
28
|
+
descriptionId?: any;
|
|
20
29
|
currentStep?: any;
|
|
30
|
+
currentStepIndex?: any;
|
|
21
31
|
tooltipStyles?: any;
|
|
22
|
-
|
|
23
|
-
|
|
32
|
+
spotlightStyles?: any;
|
|
33
|
+
backdropStyles?: any;
|
|
34
|
+
isAnchorInteractive?: any;
|
|
35
|
+
stepActions?: any;
|
|
24
36
|
steps?: any;
|
|
37
|
+
showAutoAdvanceControls?: any;
|
|
38
|
+
stepActivator?: any;
|
|
25
39
|
}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
26
40
|
[key: string]: any;
|
|
27
|
-
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "opened" | "closed" | "closeAttempted")[], "connected" | "disconnected" | "changed" | "opened" | "closed" | "closeAttempted", import("vue").PublicProps, Readonly<{
|
|
41
|
+
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "opened" | "closed" | "closeAttempted" | "tourStarted" | "tourEnded" | "tourStepChanged" | "tourFailed")[], "connected" | "disconnected" | "changed" | "opened" | "closed" | "closeAttempted" | "tourStarted" | "tourEnded" | "tourStepChanged" | "tourFailed", import("vue").PublicProps, Readonly<{
|
|
28
42
|
themeName?: any;
|
|
29
43
|
dir?: any;
|
|
30
44
|
lang?: any;
|
|
31
|
-
|
|
45
|
+
animationTarget?: any;
|
|
46
|
+
enter?: any;
|
|
47
|
+
exit?: any;
|
|
32
48
|
isOpen?: any;
|
|
33
49
|
closeable?: any;
|
|
50
|
+
labels?: any;
|
|
34
51
|
hasBackdrop?: any;
|
|
35
52
|
pressEscapeToClose?: any;
|
|
36
53
|
clickOutsideToClose?: any;
|
|
37
54
|
attention?: any;
|
|
55
|
+
isVisible?: any;
|
|
56
|
+
restoreFocus?: any;
|
|
38
57
|
isFirstStep?: any;
|
|
39
58
|
isLastStep?: any;
|
|
59
|
+
showProgress?: any;
|
|
40
60
|
tourId?: any;
|
|
61
|
+
isAutoAdvancePaused?: any;
|
|
62
|
+
titleId?: any;
|
|
63
|
+
descriptionId?: any;
|
|
41
64
|
currentStep?: any;
|
|
65
|
+
currentStepIndex?: any;
|
|
42
66
|
tooltipStyles?: any;
|
|
43
|
-
|
|
44
|
-
|
|
67
|
+
spotlightStyles?: any;
|
|
68
|
+
backdropStyles?: any;
|
|
69
|
+
isAnchorInteractive?: any;
|
|
70
|
+
stepActions?: any;
|
|
45
71
|
steps?: any;
|
|
72
|
+
showAutoAdvanceControls?: any;
|
|
73
|
+
stepActivator?: any;
|
|
46
74
|
}> & Readonly<{
|
|
47
75
|
onConnected?: ((...args: any[]) => any) | undefined;
|
|
48
76
|
onDisconnected?: ((...args: any[]) => any) | undefined;
|
|
@@ -50,6 +78,10 @@ export declare const TourComponent: import("vue").DefineComponent<{
|
|
|
50
78
|
onOpened?: ((...args: any[]) => any) | undefined;
|
|
51
79
|
onClosed?: ((...args: any[]) => any) | undefined;
|
|
52
80
|
onCloseAttempted?: ((...args: any[]) => any) | undefined;
|
|
81
|
+
onTourStarted?: ((...args: any[]) => any) | undefined;
|
|
82
|
+
onTourEnded?: ((...args: any[]) => any) | undefined;
|
|
83
|
+
onTourStepChanged?: ((...args: any[]) => any) | undefined;
|
|
84
|
+
onTourFailed?: ((...args: any[]) => any) | undefined;
|
|
53
85
|
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
54
86
|
declare module 'vue' {
|
|
55
87
|
interface GlobalComponents {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TourComponent.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Overlays/tour/TourComponent.ts"],"names":[],"mappings":"AASA;;;;GAIG;AACH,eAAO,MAAM,aAAa
|
|
1
|
+
{"version":3,"file":"TourComponent.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Overlays/tour/TourComponent.ts"],"names":[],"mappings":"AASA;;;;GAIG;AACH,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iFA2BxB,CAAC;AAEH,OAAO,QAAQ,KAAK,CAAC;IACjB,UAAiB,gBAAgB;QAC7B,UAAU,EAAE,OAAO,aAAa,CAAC;KACpC;CACJ"}
|
|
@@ -12,14 +12,18 @@ import { defineComponent, h } from 'vue';
|
|
|
12
12
|
*/
|
|
13
13
|
export const TourComponent = defineComponent({
|
|
14
14
|
name: 'TourComponent',
|
|
15
|
-
props: ['currentStep', 'isFirstStep', 'isLastStep', 'tooltipStyles', '
|
|
16
|
-
emits: ['opened', 'closed', 'closeAttempted', 'connected', 'disconnected', 'changed'],
|
|
15
|
+
props: ['currentStep', 'currentStepIndex', 'isFirstStep', 'isLastStep', 'isVisible', 'isAutoAdvancePaused', 'tooltipStyles', 'spotlightStyles', 'backdropStyles', 'isAnchorInteractive', 'titleId', 'descriptionId', 'stepActions', 'tourId', 'steps', 'labels', 'showProgress', 'showAutoAdvanceControls', 'restoreFocus', 'stepActivator', 'themeName', 'animationTarget', 'enter', 'exit', 'isOpen', 'hasBackdrop', 'pressEscapeToClose', 'clickOutsideToClose', 'attention', 'closeable', 'dir', 'lang'],
|
|
16
|
+
emits: ['tourStarted', 'tourEnded', 'tourStepChanged', 'tourFailed', 'opened', 'closed', 'closeAttempted', 'connected', 'disconnected', 'changed'],
|
|
17
17
|
// slots: ['style']
|
|
18
|
-
// methods: { start, next, previous, finish, skip, showStep, onBackdropClicked,
|
|
18
|
+
// methods: { start, next, previous, finish, skip, pauseAutoAdvance, resumeAutoAdvance, end, showStep, close, onBackdropClicked, onTooltipKeyDown, play, onEnterAnimation, onExitAnimation, open, requestAttention, adoptStyle, on, off, emit, requestUpdate }
|
|
19
19
|
setup(props, { slots, emit }) {
|
|
20
20
|
return () => h('mosaik-tour', {
|
|
21
21
|
...props,
|
|
22
22
|
// Vue 3 event handlers (onEventName format)
|
|
23
|
+
onTourStarted: (event) => emit('tourStarted', event),
|
|
24
|
+
onTourEnded: (event) => emit('tourEnded', event),
|
|
25
|
+
onTourStepChanged: (event) => emit('tourStepChanged', event),
|
|
26
|
+
onTourFailed: (event) => emit('tourFailed', event),
|
|
23
27
|
onOpened: (event) => emit('opened', event),
|
|
24
28
|
onClosed: (event) => emit('closed', event),
|
|
25
29
|
onCloseAttempted: (event) => emit('closeAttempted', event),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TourComponent.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Overlays/tour/TourComponent.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAEzC;;;;GAIG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,eAAe,CAAC;IACzC,IAAI,EAAE,eAAe;IACrB,KAAK,EAAE,CAAC,aAAa,EAAE,aAAa,EAAE,YAAY,EAAE,eAAe,EAAE,SAAS,EAAE,
|
|
1
|
+
{"version":3,"file":"TourComponent.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Overlays/tour/TourComponent.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAEzC;;;;GAIG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,eAAe,CAAC;IACzC,IAAI,EAAE,eAAe;IACrB,KAAK,EAAE,CAAC,aAAa,EAAE,kBAAkB,EAAE,aAAa,EAAE,YAAY,EAAE,WAAW,EAAE,qBAAqB,EAAE,eAAe,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,SAAS,EAAE,eAAe,EAAE,aAAa,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,yBAAyB,EAAE,cAAc,EAAE,eAAe,EAAE,WAAW,EAAE,iBAAiB,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,aAAa,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,WAAW,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,CAAC;IAC5e,KAAK,EAAE,CAAC,aAAa,EAAE,WAAW,EAAE,iBAAiB,EAAE,YAAY,EAAE,QAAQ,EAAE,QAAQ,EAAE,gBAAgB,EAAE,WAAW,EAAE,cAAc,EAAE,SAAS,CAAC;IAClJ,mBAAmB;IACnB,8PAA8P;IAC9P,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE;QACxB,OAAO,GAAG,EAAE,CACR,CAAC,CACG,aAAa,EACb;YACI,GAAG,KAAK;YACR,4CAA4C;YAC5C,aAAa,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE,KAAK,CAAC;YAC3D,WAAW,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,KAAK,CAAC;YACvD,iBAAiB,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAI,CAAC,iBAAiB,EAAE,KAAK,CAAC;YACnE,YAAY,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAI,CAAC,YAAY,EAAE,KAAK,CAAC;YACzD,QAAQ,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,KAAK,CAAC;YACjD,QAAQ,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,KAAK,CAAC;YACjD,gBAAgB,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAI,CAAC,gBAAgB,EAAE,KAAK,CAAC;YACjE,WAAW,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,KAAK,CAAC;YACvD,cAAc,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAI,CAAC,cAAc,EAAE,KAAK,CAAC;YAC7D,SAAS,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC;SACtD,EACD,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,CACvC,CAAC;IACV,CAAC;CACJ,CAAC,CAAC"}
|
|
@@ -7,28 +7,42 @@ export declare const TourStepComponent: import("vue").DefineComponent<{
|
|
|
7
7
|
themeName?: any;
|
|
8
8
|
dir?: any;
|
|
9
9
|
lang?: any;
|
|
10
|
+
variant?: any;
|
|
11
|
+
labels?: any;
|
|
10
12
|
step?: any;
|
|
11
13
|
isFirstStep?: any;
|
|
12
14
|
isLastStep?: any;
|
|
15
|
+
showProgress?: any;
|
|
13
16
|
resolvedLabels?: any;
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
17
|
+
progressLabel?: any;
|
|
18
|
+
stepIndex?: any;
|
|
19
|
+
stepCount?: any;
|
|
20
|
+
showAutoAdvanceControl?: any;
|
|
21
|
+
isAutoAdvancePaused?: any;
|
|
22
|
+
actions?: any;
|
|
23
|
+
titleId?: any;
|
|
24
|
+
descriptionId?: any;
|
|
18
25
|
}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
19
26
|
[key: string]: any;
|
|
20
27
|
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed")[], "connected" | "disconnected" | "changed", import("vue").PublicProps, Readonly<{
|
|
21
28
|
themeName?: any;
|
|
22
29
|
dir?: any;
|
|
23
30
|
lang?: any;
|
|
31
|
+
variant?: any;
|
|
32
|
+
labels?: any;
|
|
24
33
|
step?: any;
|
|
25
34
|
isFirstStep?: any;
|
|
26
35
|
isLastStep?: any;
|
|
36
|
+
showProgress?: any;
|
|
27
37
|
resolvedLabels?: any;
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
38
|
+
progressLabel?: any;
|
|
39
|
+
stepIndex?: any;
|
|
40
|
+
stepCount?: any;
|
|
41
|
+
showAutoAdvanceControl?: any;
|
|
42
|
+
isAutoAdvancePaused?: any;
|
|
43
|
+
actions?: any;
|
|
44
|
+
titleId?: any;
|
|
45
|
+
descriptionId?: any;
|
|
32
46
|
}> & Readonly<{
|
|
33
47
|
onConnected?: ((...args: any[]) => any) | undefined;
|
|
34
48
|
onDisconnected?: ((...args: any[]) => any) | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TourStepComponent.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Overlays/tour/TourStepComponent.ts"],"names":[],"mappings":"AASA;;;;GAIG;AACH,eAAO,MAAM,iBAAiB
|
|
1
|
+
{"version":3,"file":"TourStepComponent.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Overlays/tour/TourStepComponent.ts"],"names":[],"mappings":"AASA;;;;GAIG;AACH,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iFAoB5B,CAAC;AAEH,OAAO,QAAQ,KAAK,CAAC;IACjB,UAAiB,gBAAgB;QAC7B,cAAc,EAAE,OAAO,iBAAiB,CAAC;KAC5C;CACJ"}
|
|
@@ -12,10 +12,10 @@ import { defineComponent, h } from 'vue';
|
|
|
12
12
|
*/
|
|
13
13
|
export const TourStepComponent = defineComponent({
|
|
14
14
|
name: 'TourStepComponent',
|
|
15
|
-
props: ['resolvedLabels', '
|
|
15
|
+
props: ['resolvedLabels', 'progressLabel', 'step', 'isFirstStep', 'isLastStep', 'stepIndex', 'stepCount', 'showProgress', 'showAutoAdvanceControl', 'isAutoAdvancePaused', 'labels', 'actions', 'titleId', 'descriptionId', 'themeName', 'variant', 'dir', 'lang'],
|
|
16
16
|
emits: ['connected', 'disconnected', 'changed'],
|
|
17
17
|
// slots: ['style']
|
|
18
|
-
// methods: { onPreviousClicked, onNextClicked, onFinishClicked, onSkipClicked, adoptStyle, on, off, emit, requestUpdate }
|
|
18
|
+
// methods: { onPreviousClicked, onNextClicked, onFinishClicked, onSkipClicked, onAutoAdvanceToggleClicked, onActionKeyDown, adoptStyle, on, off, emit, requestUpdate }
|
|
19
19
|
setup(props, { slots, emit }) {
|
|
20
20
|
return () => h('mosaik-tour-step', {
|
|
21
21
|
...props,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TourStepComponent.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Overlays/tour/TourStepComponent.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAEzC;;;;GAIG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,eAAe,CAAC;IAC7C,IAAI,EAAE,mBAAmB;IACzB,KAAK,EAAE,CAAC,gBAAgB,EAAE,
|
|
1
|
+
{"version":3,"file":"TourStepComponent.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Overlays/tour/TourStepComponent.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAEzC;;;;GAIG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,eAAe,CAAC;IAC7C,IAAI,EAAE,mBAAmB;IACzB,KAAK,EAAE,CAAC,gBAAgB,EAAE,eAAe,EAAE,MAAM,EAAE,aAAa,EAAE,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,cAAc,EAAE,wBAAwB,EAAE,qBAAqB,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,eAAe,EAAE,WAAW,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,CAAC;IAClQ,KAAK,EAAE,CAAC,WAAW,EAAE,cAAc,EAAE,SAAS,CAAC;IAC/C,mBAAmB;IACnB,uKAAuK;IACvK,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE;QACxB,OAAO,GAAG,EAAE,CACR,CAAC,CACG,kBAAkB,EAClB;YACI,GAAG,KAAK;YACR,4CAA4C;YAC5C,WAAW,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,KAAK,CAAC;YACvD,cAAc,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAI,CAAC,cAAc,EAAE,KAAK,CAAC;YAC7D,SAAS,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC;SACtD,EACD,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,CACvC,CAAC;IACV,CAAC;CACJ,CAAC,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@breadstone/mosaik-elements-vue",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.63",
|
|
4
4
|
"description": "Mosaik elements for Vue.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "andre.wehlert <awehlert@breadstone.de> (https://www.breadstone.de)",
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
"url": "git+ssh://git@github.com/RueDeRennes/mosaik.git"
|
|
12
12
|
},
|
|
13
13
|
"dependencies": {
|
|
14
|
-
"@breadstone/mosaik-elements-foundation": "0.1.
|
|
14
|
+
"@breadstone/mosaik-elements-foundation": "0.1.63",
|
|
15
15
|
"tslib": "2.8.1"
|
|
16
16
|
},
|
|
17
17
|
"peerDependencies": {
|