@roomle/embedding-lib 5.12.0 → 5.13.0-alpha.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.
- package/docs/md/web/embedding/CHANGELOG.md +22 -149
- package/{drag-in-Do47zdKL.mjs → drag-in-C6gLvrDx.mjs} +2 -2
- package/{drag-in-CYmR1HFI.mjs → drag-in-w_TrusdP.mjs} +1 -1
- package/{from-custom-view-DYkvyOw3.mjs → from-custom-view-BEcgFlAL.mjs} +1 -1
- package/{from-custom-view-BVWf7SQ7.mjs → from-custom-view-jmf3K6AT.mjs} +1 -1
- package/from-website-Ckh5GB2h.mjs +4 -0
- package/{from-website-DDMDPp-F.mjs → from-website-VCMg3teu.mjs} +2 -1
- package/package.json +2 -2
- package/roomle-embedding-lib.es.js +1 -1
- package/roomle-embedding-lib.es.min.js +1 -1
- package/roomle-embedding-lib.umd.js +1 -1
- package/roomle-embedding-lib.umd.min.js +1 -1
- package/src/common/business-logic/event-emitter.d.ts +4 -1
- package/src/common/components/overlays/bottom-bar/CloseView.vue.d.ts +105 -60
- package/src/common/composables/use-event-emitter-listener.d.ts +7 -1
- package/src/configurator/components/Overlays.vue.d.ts +614 -356
- package/src/configurator/components/overlays/DeleteWarning.vue.d.ts +102 -59
- package/src/configurator/components/overlays/ElementDisabled.vue.d.ts +102 -59
- package/src/configurator/components/overlays/GenericError.vue.d.ts +102 -59
- package/src/configurator/components/overlays/NoDocking.vue.d.ts +102 -59
- package/src/configurator/components/overlays/VariantWarning.vue.d.ts +102 -59
- package/src/configurator/components/overlays/ar/OpenAR.vue.d.ts +2 -2
- package/src/configurator/components/utils/PopUp.vue.d.ts +42 -72
- package/src/configurator/embedding/exposed-api.d.ts +5 -0
- package/src/configurator/embedding/exposed-callbacks.d.ts +2 -0
- package/src/planner/components/overlays/rooms/SlopingRoofDirectionTooltip.vue.d.ts +2 -0
- package/src/planner/components/overlays/rooms/SlopingRoofTooltip.vue.d.ts +2 -0
- package/from-website-Dx2SUftr.mjs +0 -4
|
@@ -1,83 +1,126 @@
|
|
|
1
1
|
import { PropType } from 'vue';
|
|
2
2
|
|
|
3
3
|
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
4
|
-
onClose: PropType<(
|
|
4
|
+
onClose: PropType<() => void>;
|
|
5
5
|
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
6
|
-
onClose: PropType<(
|
|
6
|
+
onClose: PropType<() => void>;
|
|
7
7
|
}>> & Readonly<{}>, {}, {}, {
|
|
8
|
-
PopUp:
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
8
|
+
PopUp: {
|
|
9
|
+
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
|
|
10
|
+
size: {
|
|
11
|
+
type: PropType<"small" | "big" | "auto" | "medium">;
|
|
12
|
+
};
|
|
13
|
+
isDesktop: {
|
|
14
|
+
type: PropType<boolean>;
|
|
15
|
+
default: boolean;
|
|
16
|
+
};
|
|
17
|
+
onClose: {
|
|
18
|
+
type: PropType<() => void>;
|
|
19
|
+
};
|
|
20
|
+
displayCloseButton: {
|
|
21
|
+
type: PropType<boolean>;
|
|
22
|
+
default: boolean;
|
|
23
|
+
};
|
|
24
|
+
isLightTheme: {
|
|
25
|
+
type: PropType<boolean>;
|
|
26
|
+
default: boolean;
|
|
27
|
+
};
|
|
28
|
+
alignTo: {
|
|
29
|
+
type: PropType<import('../utils/-utils/popup-types').PopUpAlignment>;
|
|
30
|
+
};
|
|
31
|
+
}>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
|
|
32
|
+
size: {
|
|
33
|
+
type: PropType<"small" | "big" | "auto" | "medium">;
|
|
34
|
+
};
|
|
35
|
+
isDesktop: {
|
|
36
|
+
type: PropType<boolean>;
|
|
37
|
+
default: boolean;
|
|
38
|
+
};
|
|
39
|
+
onClose: {
|
|
40
|
+
type: PropType<() => void>;
|
|
41
|
+
};
|
|
42
|
+
displayCloseButton: {
|
|
43
|
+
type: PropType<boolean>;
|
|
44
|
+
default: boolean;
|
|
45
|
+
};
|
|
46
|
+
isLightTheme: {
|
|
47
|
+
type: PropType<boolean>;
|
|
48
|
+
default: boolean;
|
|
49
|
+
};
|
|
50
|
+
alignTo: {
|
|
51
|
+
type: PropType<import('../utils/-utils/popup-types').PopUpAlignment>;
|
|
52
|
+
};
|
|
53
|
+
}>> & Readonly<{}>, {
|
|
54
|
+
isDesktop: boolean;
|
|
55
|
+
displayCloseButton: boolean;
|
|
56
|
+
isLightTheme: boolean;
|
|
57
|
+
}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
|
|
58
|
+
P: {};
|
|
59
|
+
B: {};
|
|
60
|
+
D: {};
|
|
61
|
+
C: {};
|
|
62
|
+
M: {};
|
|
63
|
+
Defaults: {};
|
|
64
|
+
}, Readonly<import('vue').ExtractPropTypes<{
|
|
65
|
+
size: {
|
|
66
|
+
type: PropType<"small" | "big" | "auto" | "medium">;
|
|
67
|
+
};
|
|
68
|
+
isDesktop: {
|
|
69
|
+
type: PropType<boolean>;
|
|
70
|
+
default: boolean;
|
|
71
|
+
};
|
|
72
|
+
onClose: {
|
|
73
|
+
type: PropType<() => void>;
|
|
74
|
+
};
|
|
75
|
+
displayCloseButton: {
|
|
76
|
+
type: PropType<boolean>;
|
|
77
|
+
default: boolean;
|
|
78
|
+
};
|
|
79
|
+
isLightTheme: {
|
|
80
|
+
type: PropType<boolean>;
|
|
81
|
+
default: boolean;
|
|
82
|
+
};
|
|
83
|
+
alignTo: {
|
|
84
|
+
type: PropType<import('../utils/-utils/popup-types').PopUpAlignment>;
|
|
85
|
+
};
|
|
86
|
+
}>> & Readonly<{}>, {}, {}, {}, {}, {
|
|
87
|
+
isDesktop: boolean;
|
|
88
|
+
displayCloseButton: boolean;
|
|
89
|
+
isLightTheme: boolean;
|
|
90
|
+
}>;
|
|
91
|
+
__isFragment?: never;
|
|
92
|
+
__isTeleport?: never;
|
|
93
|
+
__isSuspense?: never;
|
|
94
|
+
} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
|
|
95
|
+
size: {
|
|
96
|
+
type: PropType<"small" | "big" | "auto" | "medium">;
|
|
13
97
|
};
|
|
14
98
|
isDesktop: {
|
|
15
|
-
type:
|
|
99
|
+
type: PropType<boolean>;
|
|
16
100
|
default: boolean;
|
|
17
101
|
};
|
|
18
|
-
|
|
19
|
-
type:
|
|
20
|
-
default: boolean;
|
|
102
|
+
onClose: {
|
|
103
|
+
type: PropType<() => void>;
|
|
21
104
|
};
|
|
22
|
-
size: {
|
|
23
|
-
type: PropType<"small" | "big" | "auto" | "medium">;
|
|
24
|
-
validator(value: any): boolean;
|
|
25
|
-
};
|
|
26
|
-
alignTo: {
|
|
27
|
-
type: PropType<import('../utils/-utils/popup-types').PopUpAlignment>;
|
|
28
|
-
validator(value: any): boolean;
|
|
29
|
-
};
|
|
30
|
-
}>, {}, {}, {
|
|
31
|
-
isAuto(): boolean;
|
|
32
|
-
isBig(): boolean;
|
|
33
|
-
isMedium(): boolean;
|
|
34
|
-
isSmall(): boolean;
|
|
35
|
-
isAlignToScene(): boolean;
|
|
36
|
-
}, {
|
|
37
|
-
close(): void;
|
|
38
|
-
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
39
|
-
onClose: FunctionConstructor;
|
|
40
105
|
displayCloseButton: {
|
|
41
|
-
type:
|
|
42
|
-
default: boolean;
|
|
43
|
-
};
|
|
44
|
-
isDesktop: {
|
|
45
|
-
type: BooleanConstructor;
|
|
106
|
+
type: PropType<boolean>;
|
|
46
107
|
default: boolean;
|
|
47
108
|
};
|
|
48
109
|
isLightTheme: {
|
|
49
|
-
type:
|
|
110
|
+
type: PropType<boolean>;
|
|
50
111
|
default: boolean;
|
|
51
112
|
};
|
|
52
|
-
size: {
|
|
53
|
-
type: PropType<"small" | "big" | "auto" | "medium">;
|
|
54
|
-
validator(value: any): boolean;
|
|
55
|
-
};
|
|
56
113
|
alignTo: {
|
|
57
114
|
type: PropType<import('../utils/-utils/popup-types').PopUpAlignment>;
|
|
58
|
-
validator(value: any): boolean;
|
|
59
115
|
};
|
|
60
|
-
}>> & Readonly<{}>, {
|
|
116
|
+
}>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
|
|
61
117
|
isDesktop: boolean;
|
|
62
118
|
displayCloseButton: boolean;
|
|
63
119
|
isLightTheme: boolean;
|
|
64
|
-
}, {}, {
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
}
|
|
68
|
-
|
|
69
|
-
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
|
|
70
|
-
icon: string;
|
|
71
|
-
}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
72
|
-
SlideTransitionWrapper: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
73
|
-
useTransition: BooleanConstructor;
|
|
74
|
-
}>, {}, {}, {
|
|
75
|
-
computedTransition(): string;
|
|
76
|
-
}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
77
|
-
useTransition: BooleanConstructor;
|
|
78
|
-
}>> & Readonly<{}>, {
|
|
79
|
-
useTransition: boolean;
|
|
80
|
-
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
81
|
-
}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
120
|
+
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
|
|
121
|
+
$slots: {
|
|
122
|
+
content?(_: {}): any;
|
|
123
|
+
};
|
|
124
|
+
});
|
|
82
125
|
}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
83
126
|
export default _default;
|
|
@@ -5,89 +5,132 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
5
5
|
payload: PropType<{
|
|
6
6
|
item: RapiItem;
|
|
7
7
|
}>;
|
|
8
|
-
onClose: PropType<(
|
|
8
|
+
onClose: PropType<() => void>;
|
|
9
9
|
}>, {}, {}, {}, {
|
|
10
10
|
onChangeAndClose(): Promise<void>;
|
|
11
11
|
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
12
12
|
payload: PropType<{
|
|
13
13
|
item: RapiItem;
|
|
14
14
|
}>;
|
|
15
|
-
onClose: PropType<(
|
|
15
|
+
onClose: PropType<() => void>;
|
|
16
16
|
}>> & Readonly<{}>, {}, {}, {
|
|
17
|
-
PopUp:
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
17
|
+
PopUp: {
|
|
18
|
+
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
|
|
19
|
+
size: {
|
|
20
|
+
type: PropType<"small" | "big" | "auto" | "medium">;
|
|
21
|
+
};
|
|
22
|
+
isDesktop: {
|
|
23
|
+
type: PropType<boolean>;
|
|
24
|
+
default: boolean;
|
|
25
|
+
};
|
|
26
|
+
onClose: {
|
|
27
|
+
type: PropType<() => void>;
|
|
28
|
+
};
|
|
29
|
+
displayCloseButton: {
|
|
30
|
+
type: PropType<boolean>;
|
|
31
|
+
default: boolean;
|
|
32
|
+
};
|
|
33
|
+
isLightTheme: {
|
|
34
|
+
type: PropType<boolean>;
|
|
35
|
+
default: boolean;
|
|
36
|
+
};
|
|
37
|
+
alignTo: {
|
|
38
|
+
type: PropType<import('../utils/-utils/popup-types').PopUpAlignment>;
|
|
39
|
+
};
|
|
40
|
+
}>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
|
|
41
|
+
size: {
|
|
42
|
+
type: PropType<"small" | "big" | "auto" | "medium">;
|
|
43
|
+
};
|
|
44
|
+
isDesktop: {
|
|
45
|
+
type: PropType<boolean>;
|
|
46
|
+
default: boolean;
|
|
47
|
+
};
|
|
48
|
+
onClose: {
|
|
49
|
+
type: PropType<() => void>;
|
|
50
|
+
};
|
|
51
|
+
displayCloseButton: {
|
|
52
|
+
type: PropType<boolean>;
|
|
53
|
+
default: boolean;
|
|
54
|
+
};
|
|
55
|
+
isLightTheme: {
|
|
56
|
+
type: PropType<boolean>;
|
|
57
|
+
default: boolean;
|
|
58
|
+
};
|
|
59
|
+
alignTo: {
|
|
60
|
+
type: PropType<import('../utils/-utils/popup-types').PopUpAlignment>;
|
|
61
|
+
};
|
|
62
|
+
}>> & Readonly<{}>, {
|
|
63
|
+
isDesktop: boolean;
|
|
64
|
+
displayCloseButton: boolean;
|
|
65
|
+
isLightTheme: boolean;
|
|
66
|
+
}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
|
|
67
|
+
P: {};
|
|
68
|
+
B: {};
|
|
69
|
+
D: {};
|
|
70
|
+
C: {};
|
|
71
|
+
M: {};
|
|
72
|
+
Defaults: {};
|
|
73
|
+
}, Readonly<import('vue').ExtractPropTypes<{
|
|
74
|
+
size: {
|
|
75
|
+
type: PropType<"small" | "big" | "auto" | "medium">;
|
|
76
|
+
};
|
|
77
|
+
isDesktop: {
|
|
78
|
+
type: PropType<boolean>;
|
|
79
|
+
default: boolean;
|
|
80
|
+
};
|
|
81
|
+
onClose: {
|
|
82
|
+
type: PropType<() => void>;
|
|
83
|
+
};
|
|
84
|
+
displayCloseButton: {
|
|
85
|
+
type: PropType<boolean>;
|
|
86
|
+
default: boolean;
|
|
87
|
+
};
|
|
88
|
+
isLightTheme: {
|
|
89
|
+
type: PropType<boolean>;
|
|
90
|
+
default: boolean;
|
|
91
|
+
};
|
|
92
|
+
alignTo: {
|
|
93
|
+
type: PropType<import('../utils/-utils/popup-types').PopUpAlignment>;
|
|
94
|
+
};
|
|
95
|
+
}>> & Readonly<{}>, {}, {}, {}, {}, {
|
|
96
|
+
isDesktop: boolean;
|
|
97
|
+
displayCloseButton: boolean;
|
|
98
|
+
isLightTheme: boolean;
|
|
99
|
+
}>;
|
|
100
|
+
__isFragment?: never;
|
|
101
|
+
__isTeleport?: never;
|
|
102
|
+
__isSuspense?: never;
|
|
103
|
+
} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
|
|
104
|
+
size: {
|
|
105
|
+
type: PropType<"small" | "big" | "auto" | "medium">;
|
|
22
106
|
};
|
|
23
107
|
isDesktop: {
|
|
24
|
-
type:
|
|
108
|
+
type: PropType<boolean>;
|
|
25
109
|
default: boolean;
|
|
26
110
|
};
|
|
27
|
-
|
|
28
|
-
type:
|
|
29
|
-
default: boolean;
|
|
30
|
-
};
|
|
31
|
-
size: {
|
|
32
|
-
type: PropType<"small" | "big" | "auto" | "medium">;
|
|
33
|
-
validator(value: any): boolean;
|
|
34
|
-
};
|
|
35
|
-
alignTo: {
|
|
36
|
-
type: PropType<import('../utils/-utils/popup-types').PopUpAlignment>;
|
|
37
|
-
validator(value: any): boolean;
|
|
111
|
+
onClose: {
|
|
112
|
+
type: PropType<() => void>;
|
|
38
113
|
};
|
|
39
|
-
}>, {}, {}, {
|
|
40
|
-
isAuto(): boolean;
|
|
41
|
-
isBig(): boolean;
|
|
42
|
-
isMedium(): boolean;
|
|
43
|
-
isSmall(): boolean;
|
|
44
|
-
isAlignToScene(): boolean;
|
|
45
|
-
}, {
|
|
46
|
-
close(): void;
|
|
47
|
-
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
48
|
-
onClose: FunctionConstructor;
|
|
49
114
|
displayCloseButton: {
|
|
50
|
-
type:
|
|
51
|
-
default: boolean;
|
|
52
|
-
};
|
|
53
|
-
isDesktop: {
|
|
54
|
-
type: BooleanConstructor;
|
|
115
|
+
type: PropType<boolean>;
|
|
55
116
|
default: boolean;
|
|
56
117
|
};
|
|
57
118
|
isLightTheme: {
|
|
58
|
-
type:
|
|
119
|
+
type: PropType<boolean>;
|
|
59
120
|
default: boolean;
|
|
60
121
|
};
|
|
61
|
-
size: {
|
|
62
|
-
type: PropType<"small" | "big" | "auto" | "medium">;
|
|
63
|
-
validator(value: any): boolean;
|
|
64
|
-
};
|
|
65
122
|
alignTo: {
|
|
66
123
|
type: PropType<import('../utils/-utils/popup-types').PopUpAlignment>;
|
|
67
|
-
validator(value: any): boolean;
|
|
68
124
|
};
|
|
69
|
-
}>> & Readonly<{}>, {
|
|
125
|
+
}>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
|
|
70
126
|
isDesktop: boolean;
|
|
71
127
|
displayCloseButton: boolean;
|
|
72
128
|
isLightTheme: boolean;
|
|
73
|
-
}, {}, {
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
}
|
|
77
|
-
|
|
78
|
-
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
|
|
79
|
-
icon: string;
|
|
80
|
-
}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
81
|
-
SlideTransitionWrapper: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
82
|
-
useTransition: BooleanConstructor;
|
|
83
|
-
}>, {}, {}, {
|
|
84
|
-
computedTransition(): string;
|
|
85
|
-
}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
86
|
-
useTransition: BooleanConstructor;
|
|
87
|
-
}>> & Readonly<{}>, {
|
|
88
|
-
useTransition: boolean;
|
|
89
|
-
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
90
|
-
}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
129
|
+
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
|
|
130
|
+
$slots: {
|
|
131
|
+
content?(_: {}): any;
|
|
132
|
+
};
|
|
133
|
+
});
|
|
91
134
|
SvgIcon: import('vue').DefineComponent<{
|
|
92
135
|
icon: string;
|
|
93
136
|
}, {
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
declare const _default: import('vue').DefineComponent<{
|
|
2
|
-
onClose: (
|
|
2
|
+
onClose: () => void;
|
|
3
3
|
payload?: {
|
|
4
4
|
fromTopBar: boolean;
|
|
5
5
|
};
|
|
6
6
|
}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
|
|
7
|
-
onClose: (
|
|
7
|
+
onClose: () => void;
|
|
8
8
|
payload?: {
|
|
9
9
|
fromTopBar: boolean;
|
|
10
10
|
};
|
|
@@ -1,79 +1,49 @@
|
|
|
1
|
-
import { PropType } from 'vue';
|
|
2
1
|
import { PopUpAlignment } from './-utils/popup-types';
|
|
3
2
|
|
|
4
3
|
type PopUpSize = 'auto' | 'big' | 'medium' | 'small';
|
|
5
|
-
|
|
6
|
-
onClose
|
|
7
|
-
displayCloseButton
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
};
|
|
23
|
-
alignTo: {
|
|
24
|
-
type: PropType<PopUpAlignment>;
|
|
25
|
-
validator(value: any): boolean;
|
|
26
|
-
};
|
|
27
|
-
}>, {}, {}, {
|
|
28
|
-
isAuto(): boolean;
|
|
29
|
-
isBig(): boolean;
|
|
30
|
-
isMedium(): boolean;
|
|
31
|
-
isSmall(): boolean;
|
|
32
|
-
isAlignToScene(): boolean;
|
|
33
|
-
}, {
|
|
34
|
-
close(): void;
|
|
35
|
-
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
36
|
-
onClose: FunctionConstructor;
|
|
37
|
-
displayCloseButton: {
|
|
38
|
-
type: BooleanConstructor;
|
|
39
|
-
default: boolean;
|
|
40
|
-
};
|
|
41
|
-
isDesktop: {
|
|
42
|
-
type: BooleanConstructor;
|
|
43
|
-
default: boolean;
|
|
44
|
-
};
|
|
45
|
-
isLightTheme: {
|
|
46
|
-
type: BooleanConstructor;
|
|
47
|
-
default: boolean;
|
|
48
|
-
};
|
|
49
|
-
size: {
|
|
50
|
-
type: PropType<PopUpSize>;
|
|
51
|
-
validator(value: any): boolean;
|
|
52
|
-
};
|
|
53
|
-
alignTo: {
|
|
54
|
-
type: PropType<PopUpAlignment>;
|
|
55
|
-
validator(value: any): boolean;
|
|
56
|
-
};
|
|
57
|
-
}>> & Readonly<{}>, {
|
|
4
|
+
interface Props {
|
|
5
|
+
onClose?: () => void;
|
|
6
|
+
displayCloseButton?: boolean;
|
|
7
|
+
isDesktop?: boolean;
|
|
8
|
+
isLightTheme?: boolean;
|
|
9
|
+
size?: PopUpSize;
|
|
10
|
+
alignTo?: PopUpAlignment;
|
|
11
|
+
}
|
|
12
|
+
declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
|
|
13
|
+
displayCloseButton: boolean;
|
|
14
|
+
isDesktop: boolean;
|
|
15
|
+
isLightTheme: boolean;
|
|
16
|
+
}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
|
|
17
|
+
displayCloseButton: boolean;
|
|
18
|
+
isDesktop: boolean;
|
|
19
|
+
isLightTheme: boolean;
|
|
20
|
+
}>>> & Readonly<{}>, {
|
|
58
21
|
isDesktop: boolean;
|
|
59
22
|
displayCloseButton: boolean;
|
|
60
23
|
isLightTheme: boolean;
|
|
61
|
-
}, {}, {
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
}, {
|
|
65
|
-
svgIcon: import('vue').Ref<HTMLOrSVGElement, HTMLOrSVGElement>;
|
|
66
|
-
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
|
|
67
|
-
icon: string;
|
|
68
|
-
}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
69
|
-
SlideTransitionWrapper: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
70
|
-
useTransition: BooleanConstructor;
|
|
71
|
-
}>, {}, {}, {
|
|
72
|
-
computedTransition(): string;
|
|
73
|
-
}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
74
|
-
useTransition: BooleanConstructor;
|
|
75
|
-
}>> & Readonly<{}>, {
|
|
76
|
-
useTransition: boolean;
|
|
77
|
-
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
78
|
-
}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
24
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, {
|
|
25
|
+
content?(_: {}): any;
|
|
26
|
+
}>;
|
|
79
27
|
export default _default;
|
|
28
|
+
type __VLS_WithDefaults<P, D> = {
|
|
29
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
30
|
+
default: D[K];
|
|
31
|
+
}> : P[K];
|
|
32
|
+
};
|
|
33
|
+
type __VLS_Prettify<T> = {
|
|
34
|
+
[K in keyof T]: T[K];
|
|
35
|
+
} & {};
|
|
36
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
37
|
+
new (): {
|
|
38
|
+
$slots: S;
|
|
39
|
+
};
|
|
40
|
+
};
|
|
41
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
42
|
+
type __VLS_TypePropsToOption<T> = {
|
|
43
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
44
|
+
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
45
|
+
} : {
|
|
46
|
+
type: import('vue').PropType<T[K]>;
|
|
47
|
+
required: true;
|
|
48
|
+
};
|
|
49
|
+
};
|
|
@@ -129,6 +129,11 @@ export declare class ExposedApi {
|
|
|
129
129
|
transition: string;
|
|
130
130
|
direction: string;
|
|
131
131
|
};
|
|
132
|
+
getPopUpShadowStyle(): {
|
|
133
|
+
backgroundColor: string;
|
|
134
|
+
cursor: string;
|
|
135
|
+
};
|
|
136
|
+
closePopUp(): void;
|
|
132
137
|
/**
|
|
133
138
|
* After you called dragInObject you can call this method to update the drag position
|
|
134
139
|
* the coordinates x and y are relative to the iframe. Meaning 0/0 is the top left
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
2
|
+
export default _default;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
2
|
+
export default _default;
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
var P=Object.defineProperty,R=(r,e,t)=>e in r?P(r,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):r[e]=t,g=(r,e,t)=>R(r,typeof e!="symbol"?e+"":e,t);import{g as B,e as D,a as x,i as C,T as M}from"./touch-drag-C1SsZtt4.mjs";import{R as _,a as I,b as O,c as L,d as N,e as E,f as b,g as F,h as G,i as v,j as A,k as Y}from"./drag-in-CYmR1HFI.mjs";const w=(r,e,t=0,i=0)=>{const s=e.x+e.width+t,o=e.x-t,l=e.y+e.height+i,a=e.y-i,{x:h,y:n}=r;return h>=o&&h<=s&&n>=a&&n<=l},T=(r,e,t,i=0,s=0)=>{if(!(!t||!t.hiddenIn&&!t.visibleIn))return t.visibleIn?w({x:r,y:e},t.visibleIn,i,s):t.hiddenIn?!w({x:r,y:e},t.hiddenIn,-i,-s):!1},k=()=>{if(!document.getElementById(I)){const r=document.createElement("style");r.type="text/css",r.id=I,r.innerHTML=`
|
|
2
|
-
${O}
|
|
3
|
-
${L}
|
|
4
|
-
`,document.head.appendChild(r)}},U=({x:r,y:e},t)=>{var i,s,o,l,a,h;let n=document.getElementById(_);if(!n){if(n=document.createElement("div"),(i=t.ghost)!=null&&i.element)n.appendChild(t.ghost.element);else{const d=document.createElement("img");d.src=((s=t.ghost)==null?void 0:s.url)||N,d.width=((o=t.ghost)==null?void 0:o.width)||E,d.height=((l=t.ghost)==null?void 0:l.height)||b,n.appendChild(d)}n.id=_,n.style.position="fixed",n.style.top="0",n.style.left="0",n.style.willChange="transform",n.style.transform="translate3d(0, 0, 0)",n.style.zIndex="9999",n.style.opacity="0.5",T(r,e,t.ghost||{},(a=t.settings)==null?void 0:a.dragInOverlapX,(h=t.settings)==null?void 0:h.dragInOverlapY)||(n.style.display="none"),n.style.pointerEvents="none",document.body.appendChild(n)}},X=({x:r,y:e},t)=>{var i,s,o,l;const a=document.getElementById(_);if(!a)return;let h=(i=t.ghost)==null?void 0:i.width,n=(s=t.ghost)==null?void 0:s.height;typeof h>"u"&&(h=a.getBoundingClientRect().width||E),typeof n>"u"&&(n=a.getBoundingClientRect().height||b);const d=r-h/2,c=e-n/2;a.style.transform=`translate3d(${d}px, ${c}px, 0)`,t.ghost&&(T(r,e,t.ghost,(o=t.settings)==null?void 0:o.dragInOverlapX,(l=t.settings)==null?void 0:l.dragInOverlapY)?a.style.animation!=F&&(a.style.animation=F):a.style.animation!=G&&(a.style.animation=G))};class ${constructor(e=null){g(this,"_dragGhostAnimationFrameId",null),g(this,"_dragGhostRemoveAnimationFrameId",null),g(this,"_dragGhostElement",null),this._dragGhostElement=e}updateDragGhost(e,t,i){var s;this._dragGhostRemoveAnimationFrameId&&(cancelAnimationFrame(this._dragGhostRemoveAnimationFrameId),this._dragGhostRemoveAnimationFrameId=null),!((s=i.ghost)!=null&&s.external)&&i.ghost&&(this._dragGhostAnimationFrameId||(this._dragGhostAnimationFrameId=requestAnimationFrame(()=>{k();const o={x:e,y:t};!i.ghost&&this._dragGhostElement&&(i.ghost={}),i.ghost&&!i.ghost.element&&this._dragGhostElement&&(i.ghost.element=this._dragGhostElement),U(o,i),X(o,i),this._dragGhostAnimationFrameId=null})))}removeDragGhost(){this._dragGhostAnimationFrameId&&(cancelAnimationFrame(this._dragGhostAnimationFrameId),this._dragGhostAnimationFrameId=null),this._dragGhostRemoveAnimationFrameId||(this._dragGhostRemoveAnimationFrameId=requestAnimationFrame(()=>{const e=document.getElementById(_);e&&document.body.removeChild(e),this._dragGhostRemoveAnimationFrameId=null}))}}class q{constructor(e,t,i){g(this,"_options",{}),g(this,"_instance"),g(this,"_mainDomElement"),g(this,"_currentDrag",{}),g(this,"_currentTouch",null),g(this,"_firefoxDragPosition",{x:0,y:0}),g(this,"_onBeforeUpdateDrag",()=>({})),g(this,"isDragging",!1),g(this,"_firefoxFallback",s=>{if(!this._currentDrag.event)return;const o=s||window.event;this._firefoxDragPosition.x=o.pageX||0,this._firefoxDragPosition.y=o.pageY||0}),this._instance=e,this._mainDomElement=t,this._options=i||{},this._firefoxFallback=this._firefoxFallback.bind(this),document.addEventListener("dragover",this._firefoxFallback)}beforeUpdateGhost(e){this._onBeforeUpdateDrag=e}dragStart(e,t,i="rml_id"){const s=this._mainDomElement.parentNode;if(B(s).position!=="relative"){console.warn("Parent of iframe should have position relative, otherwise drag-in can not detect the x/y coordinates correctly");return}this._mainDomElement.style.pointerEvents="none";let o=s.querySelector("."+v);o||(o=document.createElement("div"),o.classList.add(v),s.appendChild(o)),o.classList.remove(A.DISPLAY_NONE),t.target.getAttribute("draggable")||console.warn(`Draggable not detected correctly! Did you add draggable="true" to the element? In Sarafi only 'draggable' is too less`);const l=s.querySelector("."+Y);this._currentDrag.event=t;const a=t.target,h=a.cloneNode(),n=a.getBoundingClientRect();h.style.width=`${n.width}px`,h.style.height=`${n.height}px`,this._currentDrag.ghost=new $(h),this._currentDrag.offset||(this._currentDrag.offset={x:0,y:0});const{clientX:d,clientY:c}=D(t,this._firefoxDragPosition);this._currentDrag.offset.x=d-n.left,this._currentDrag.offset.y=c-n.top,t instanceof DragEvent&&t.dataTransfer&&t.dataTransfer.setDragImage&&t.dataTransfer.setDragImage(l,0,0);const{x:f,y:m}=x(s,this._currentDrag.event||t,this._firefoxDragPosition),p=Math.max(1,f),y=Math.max(1,m);this.isDragging=!0,this._instance.dragInObject(e,p,y,i)}dragUpdate(e){var t;const i=this._mainDomElement.parentNode,{x:s,y:o}=x(i,e,this._firefoxDragPosition);if(s===0&&o===0)return;const l=Math.max(1,s),a=Math.max(1,o);if(l===1&&a===1)return;let h=l,n=a;if(C(e)){const u=((t=this._options.settings)==null?void 0:t.fingerSize)||0;h=Math.max(2,l+u),n=Math.max(2,a-u)}const{x:d,y:c,options:f}=this._onBeforeUpdateDrag(h,n,{}),m=f||{settings:{},ghost:{}};m.ghost||(m.ghost={}),m.ghost.visibleIn&&m.ghost.hiddenIn||(m.ghost.hiddenIn=this._mainDomElement.getBoundingClientRect());const p=typeof d=="number"?d:h,y=typeof c=="number"?c:n;if(this._currentDrag.ghost){const{clientX:u,clientY:S}=D(e,this._firefoxDragPosition);this._currentDrag.ghost.updateDragGhost(u,S,m)}this._instance.updateDrag(p,y,{})}dragEnd(){this._mainDomElement.style.pointerEvents="all";const e=this._mainDomElement.parentNode;this.isDragging=!1,this._instance.dragInObjectEnd(),this._currentDrag.ghost&&(this._currentDrag.ghost.removeDragGhost(),this._currentDrag.ghost=null),this._currentDrag={},this._firefoxDragPosition={x:0,y:0};const t=e.querySelector("."+v);t&&t.classList.add(A.DISPLAY_NONE)}touchStart(e,t,i="rml_id"){var s,o,l,a;t.preventDefault();const h=(d,c)=>{this.dragStart(e,c,i)},n={};typeof((o=(s=this._options)==null?void 0:s.settings)==null?void 0:o.touchDragDelay)=="number"&&(n.delay=this._options.settings.touchDragDelay),(a=(l=this._options)==null?void 0:l.settings)!=null&&a.touchDragEpsilon&&(n.epsilon=this._options.settings.touchDragEpsilon),this._currentTouch=new M(void 0,{onTouchDragStart:h},n),this._currentTouch.onStart(t)}touchMove(e){this._currentTouch&&this._currentTouch.onMove(e),this._currentDrag.event&&this.dragUpdate(e)}touchEnd(){this._currentTouch&&this._currentTouch.onEnd(),this._currentTouch=null,this.dragEnd()}dispose(){document.removeEventListener("dragover",this._firefoxFallback)}releaseInput(e){}}export{q as DragInFromWebsiteStrategy};
|