@bizy/core 19.10.0 → 19.10.2
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/lib/modules/popup/full-screen-popup-wrapper/full-screen-popup-wrapper.component.d.ts
CHANGED
|
@@ -3,9 +3,10 @@ import * as i0 from "@angular/core";
|
|
|
3
3
|
export declare class BizyFullScreenPopupWrapperComponent<T> {
|
|
4
4
|
#private;
|
|
5
5
|
dynamicComponentContainer: ViewContainerRef;
|
|
6
|
+
loading: boolean;
|
|
6
7
|
ngAfterViewInit(): void;
|
|
7
8
|
loadDynamicComponent(): void;
|
|
8
|
-
close(): void
|
|
9
|
+
close(): Promise<void>;
|
|
9
10
|
static ɵfac: i0.ɵɵFactoryDeclaration<BizyFullScreenPopupWrapperComponent<any>, never>;
|
|
10
11
|
static ɵcmp: i0.ɵɵComponentDeclaration<BizyFullScreenPopupWrapperComponent<any>, "bizy-full-screen-popup-wrapper", never, {}, {}, never, never, true, never>;
|
|
11
12
|
}
|
|
@@ -11,6 +11,8 @@ export declare enum BIZY_ANIMATION {
|
|
|
11
11
|
SLIDE_IN_RIGHT = "slide-in-right",
|
|
12
12
|
SLIDE_IN_DOWN = "slide-in-down",
|
|
13
13
|
SLIDE_IN_LEFT = "slide-in-left",
|
|
14
|
+
SLIDE_OUT_UP = "slide-out-up",
|
|
15
|
+
SLIDE_OUT_DOWN = "slide-out-down",
|
|
14
16
|
SLIDE_OUT_RIGHT = "slide-out-right",
|
|
15
17
|
SLIDE_OUT_LEFT = "slide-out-left"
|
|
16
18
|
}
|
package/package.json
CHANGED
package/styles/animations.css
CHANGED
|
@@ -1,63 +1,3 @@
|
|
|
1
|
-
@keyframes slide-in-left {
|
|
2
|
-
from {
|
|
3
|
-
transform: translate3d(-100%, 0, 0);
|
|
4
|
-
visibility: visible;
|
|
5
|
-
}
|
|
6
|
-
|
|
7
|
-
to {
|
|
8
|
-
transform: translate3d(0, 0, 0);
|
|
9
|
-
}
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
.slide-in-left {
|
|
13
|
-
animation-name: slide-in-left;
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
@keyframes slide-in-right {
|
|
17
|
-
from {
|
|
18
|
-
transform: translate3d(100%, 0, 0);
|
|
19
|
-
visibility: visible;
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
to {
|
|
23
|
-
transform: translate3d(0, 0, 0);
|
|
24
|
-
}
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
.slide-in-right {
|
|
28
|
-
animation-name: slide-in-right;
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
@keyframes slide-out-left {
|
|
32
|
-
from {
|
|
33
|
-
transform: translate3d(0, 0, 0);
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
to {
|
|
37
|
-
visibility: hidden;
|
|
38
|
-
transform: translate3d(-100%, 0, 0);
|
|
39
|
-
}
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
.slide-out-left {
|
|
43
|
-
animation-name: slide-out-left;
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
@keyframes slide-out-right {
|
|
47
|
-
from {
|
|
48
|
-
transform: translate3d(0, 0, 0);
|
|
49
|
-
}
|
|
50
|
-
|
|
51
|
-
to {
|
|
52
|
-
visibility: hidden;
|
|
53
|
-
transform: translate3d(100%, 0, 0);
|
|
54
|
-
}
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
.slide-out-right {
|
|
58
|
-
animation-name: slide-out-right;
|
|
59
|
-
}
|
|
60
|
-
|
|
61
1
|
@keyframes fade-in {
|
|
62
2
|
from {
|
|
63
3
|
opacity: 0;
|
|
@@ -150,6 +90,36 @@
|
|
|
150
90
|
animation-name: fade-out;
|
|
151
91
|
}
|
|
152
92
|
|
|
93
|
+
@keyframes slide-in-left {
|
|
94
|
+
from {
|
|
95
|
+
transform: translate3d(-100%, 0, 0);
|
|
96
|
+
visibility: visible;
|
|
97
|
+
}
|
|
98
|
+
|
|
99
|
+
to {
|
|
100
|
+
transform: translate3d(0, 0, 0);
|
|
101
|
+
}
|
|
102
|
+
}
|
|
103
|
+
|
|
104
|
+
.slide-in-left {
|
|
105
|
+
animation-name: slide-in-left;
|
|
106
|
+
}
|
|
107
|
+
|
|
108
|
+
@keyframes slide-in-right {
|
|
109
|
+
from {
|
|
110
|
+
transform: translate3d(100%, 0, 0);
|
|
111
|
+
visibility: visible;
|
|
112
|
+
}
|
|
113
|
+
|
|
114
|
+
to {
|
|
115
|
+
transform: translate3d(0, 0, 0);
|
|
116
|
+
}
|
|
117
|
+
}
|
|
118
|
+
|
|
119
|
+
.slide-in-right {
|
|
120
|
+
animation-name: slide-in-right;
|
|
121
|
+
}
|
|
122
|
+
|
|
153
123
|
@keyframes slide-in-up {
|
|
154
124
|
from {
|
|
155
125
|
transform: translate3d(0, 100%, 0);
|
|
@@ -180,6 +150,66 @@
|
|
|
180
150
|
animation-name: slide-in-down;
|
|
181
151
|
}
|
|
182
152
|
|
|
153
|
+
@keyframes slide-out-down {
|
|
154
|
+
from {
|
|
155
|
+
transform: translate3d(0, 0, 0);
|
|
156
|
+
}
|
|
157
|
+
|
|
158
|
+
to {
|
|
159
|
+
visibility: hidden;
|
|
160
|
+
transform: translate3d(0, 100%, 0);
|
|
161
|
+
}
|
|
162
|
+
}
|
|
163
|
+
|
|
164
|
+
.slide-out-down {
|
|
165
|
+
animation-name: slide-out-down;
|
|
166
|
+
}
|
|
167
|
+
|
|
168
|
+
@keyframes slide-out-up {
|
|
169
|
+
from {
|
|
170
|
+
transform: translate3d(0, 0, 0);
|
|
171
|
+
}
|
|
172
|
+
|
|
173
|
+
to {
|
|
174
|
+
visibility: hidden;
|
|
175
|
+
transform: translate3d(0, -100%, 0);
|
|
176
|
+
}
|
|
177
|
+
}
|
|
178
|
+
|
|
179
|
+
.slide-out-up {
|
|
180
|
+
animation-name: slide-out-up;
|
|
181
|
+
}
|
|
182
|
+
|
|
183
|
+
@keyframes slide-out-left {
|
|
184
|
+
from {
|
|
185
|
+
transform: translate3d(0, 0, 0);
|
|
186
|
+
}
|
|
187
|
+
|
|
188
|
+
to {
|
|
189
|
+
visibility: hidden;
|
|
190
|
+
transform: translate3d(-100%, 0, 0);
|
|
191
|
+
}
|
|
192
|
+
}
|
|
193
|
+
|
|
194
|
+
.slide-out-left {
|
|
195
|
+
animation-name: slide-out-left;
|
|
196
|
+
}
|
|
197
|
+
|
|
198
|
+
@keyframes slide-out-right {
|
|
199
|
+
from {
|
|
200
|
+
transform: translate3d(0, 0, 0);
|
|
201
|
+
}
|
|
202
|
+
|
|
203
|
+
to {
|
|
204
|
+
visibility: hidden;
|
|
205
|
+
transform: translate3d(100%, 0, 0);
|
|
206
|
+
}
|
|
207
|
+
}
|
|
208
|
+
|
|
209
|
+
.slide-out-right {
|
|
210
|
+
animation-name: slide-out-right;
|
|
211
|
+
}
|
|
212
|
+
|
|
183
213
|
.animated {
|
|
184
214
|
animation-duration: var(--bizy-animation-timeout);
|
|
185
215
|
animation-fill-mode: both;
|