@rocapine/react-native-onboarding-ui 1.35.0 → 1.36.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/dist/UI/Pages/ComposableScreen/elements/ImageElement.d.ts +4 -1
- package/dist/UI/Pages/ComposableScreen/elements/ImageElement.d.ts.map +1 -1
- package/dist/UI/Pages/ComposableScreen/elements/ImageElement.js +6 -4
- package/dist/UI/Pages/ComposableScreen/elements/ImageElement.js.map +1 -1
- package/dist/UI/Pages/ComposableScreen/elements/ProgressiveBlurImageElement.d.ts +327 -0
- package/dist/UI/Pages/ComposableScreen/elements/ProgressiveBlurImageElement.d.ts.map +1 -0
- package/dist/UI/Pages/ComposableScreen/elements/ProgressiveBlurImageElement.js +240 -0
- package/dist/UI/Pages/ComposableScreen/elements/ProgressiveBlurImageElement.js.map +1 -0
- package/dist/UI/Pages/ComposableScreen/elements/VideoElement.d.ts +1 -1
- package/dist/UI/Pages/ComposableScreen/elements/renderElement.d.ts.map +1 -1
- package/dist/UI/Pages/ComposableScreen/elements/renderElement.js +4 -0
- package/dist/UI/Pages/ComposableScreen/elements/renderElement.js.map +1 -1
- package/dist/UI/Pages/ComposableScreen/types.d.ts +8 -0
- package/dist/UI/Pages/ComposableScreen/types.d.ts.map +1 -1
- package/dist/UI/Pages/ComposableScreen/types.js +8 -0
- package/dist/UI/Pages/ComposableScreen/types.js.map +1 -1
- package/package.json +14 -10
- package/src/UI/Pages/ComposableScreen/elements/ImageElement.tsx +15 -6
- package/src/UI/Pages/ComposableScreen/elements/ProgressiveBlurImageElement.tsx +348 -0
- package/src/UI/Pages/ComposableScreen/elements/renderElement.tsx +5 -0
- package/src/UI/Pages/ComposableScreen/types.ts +25 -0
|
@@ -7,6 +7,8 @@ export type ImageElementProps = BaseBoxProps & {
|
|
|
7
7
|
url: string;
|
|
8
8
|
aspectRatio?: number;
|
|
9
9
|
resizeMode?: "cover" | "contain" | "stretch" | "center";
|
|
10
|
+
/** Uniform Gaussian blur radius (px). 0/undefined = sharp. Ignored for SVGs. */
|
|
11
|
+
blurRadius?: number;
|
|
10
12
|
};
|
|
11
13
|
export declare const ImageElementPropsSchema: z.ZodObject<{
|
|
12
14
|
width: z.ZodOptional<z.ZodUnion<readonly [z.ZodNumber, z.ZodString]>>;
|
|
@@ -242,9 +244,10 @@ export declare const ImageElementPropsSchema: z.ZodObject<{
|
|
|
242
244
|
resizeMode: z.ZodOptional<z.ZodEnum<{
|
|
243
245
|
center: "center";
|
|
244
246
|
contain: "contain";
|
|
245
|
-
stretch: "stretch";
|
|
246
247
|
cover: "cover";
|
|
248
|
+
stretch: "stretch";
|
|
247
249
|
}>>;
|
|
250
|
+
blurRadius: z.ZodOptional<z.ZodNumber>;
|
|
248
251
|
}, z.core.$strip>;
|
|
249
252
|
type ImageUIElement = Extract<UIElement, {
|
|
250
253
|
type: "Image";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ImageElement.d.ts","sourceRoot":"","sources":["../../../../../src/UI/Pages/ComposableScreen/elements/ImageElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAGxB,OAAO,EAAE,YAAY,EAAsB,MAAM,gBAAgB,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACrC,OAAO,EAAE,aAAa,EAAyB,MAAM,UAAU,CAAC;AAahE,MAAM,MAAM,iBAAiB,GAAG,YAAY,GAAG;IAC7C,GAAG,EAAE,MAAM,CAAC;IACZ,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;
|
|
1
|
+
{"version":3,"file":"ImageElement.d.ts","sourceRoot":"","sources":["../../../../../src/UI/Pages/ComposableScreen/elements/ImageElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAGxB,OAAO,EAAE,YAAY,EAAsB,MAAM,gBAAgB,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACrC,OAAO,EAAE,aAAa,EAAyB,MAAM,UAAU,CAAC;AAahE,MAAM,MAAM,iBAAiB,GAAG,YAAY,GAAG;IAC7C,GAAG,EAAE,MAAM,CAAC;IACZ,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;IACxD,gFAAgF;IAChF,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAKlC,CAAC;AAyCH,KAAK,cAAc,GAAG,OAAO,CAAC,SAAS,EAAE;IAAE,IAAI,EAAE,OAAO,CAAA;CAAE,CAAC,CAAC;AAE5D,KAAK,KAAK,GAAG;IACX,OAAO,EAAE,cAAc,CAAC;IACxB,GAAG,EAAE,aAAa,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAAI,aAAa,KAAK,KAAG,KAAK,CAAC,YAsGhE,CAAC"}
|
|
@@ -22,6 +22,7 @@ exports.ImageElementPropsSchema = BaseBoxProps_1.BaseBoxPropsSchema.extend({
|
|
|
22
22
|
url: zod_1.z.string().min(1, "url must not be empty"),
|
|
23
23
|
aspectRatio: zod_1.z.number().optional(),
|
|
24
24
|
resizeMode: zod_1.z.enum(["cover", "contain", "stretch", "center"]).optional(),
|
|
25
|
+
blurRadius: zod_1.z.number().min(0).optional(),
|
|
25
26
|
});
|
|
26
27
|
// RN resizeMode → expo-image contentFit.
|
|
27
28
|
const CONTENT_FIT = {
|
|
@@ -42,8 +43,9 @@ const SVG_ASPECT = {
|
|
|
42
43
|
// with `.svg` URLs just work, no schema change.
|
|
43
44
|
const isSvgUrl = (url) => url.split(/[?#]/)[0].toLowerCase().endsWith(".svg");
|
|
44
45
|
// Pick expo-image when installed (better webp/avif), else RN Image. resizeMode
|
|
45
|
-
// passes through unchanged on RN; maps to contentFit on expo-image.
|
|
46
|
-
|
|
46
|
+
// passes through unchanged on RN; maps to contentFit on expo-image. `blurRadius`
|
|
47
|
+
// is a native prop on both — undefined leaves the image sharp.
|
|
48
|
+
const renderRaster = (url, resizeMode, style, blurRadius) => ExpoImage ? ((0, jsx_runtime_1.jsx)(ExpoImage, { source: url, contentFit: CONTENT_FIT[resizeMode !== null && resizeMode !== void 0 ? resizeMode : "cover"], blurRadius: blurRadius, style: style })) : ((0, jsx_runtime_1.jsx)(react_native_1.Image, { source: { uri: url }, resizeMode: resizeMode, blurRadius: blurRadius, style: style }));
|
|
47
49
|
const ImageElementComponent = ({ element }) => {
|
|
48
50
|
var _a, _b, _c;
|
|
49
51
|
const p = element.props;
|
|
@@ -61,7 +63,7 @@ const ImageElementComponent = ({ element }) => {
|
|
|
61
63
|
height: "100%",
|
|
62
64
|
borderRadius: p.borderRadius,
|
|
63
65
|
overflow: ((_b = p.overflow) !== null && _b !== void 0 ? _b : "hidden"),
|
|
64
|
-
}));
|
|
66
|
+
}, p.blurRadius));
|
|
65
67
|
if (p.backgroundGradient) {
|
|
66
68
|
return ((0, jsx_runtime_1.jsx)(GradientBox_1.GradientBox, { gradient: p.backgroundGradient, style: wrapperStyle, children: innerImage }));
|
|
67
69
|
}
|
|
@@ -97,7 +99,7 @@ const ImageElementComponent = ({ element }) => {
|
|
|
97
99
|
if (isSvg) {
|
|
98
100
|
return ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: simpleStyle, children: (0, jsx_runtime_1.jsx)(react_native_svg_1.SvgUri, { uri: p.url, width: "100%", height: "100%", preserveAspectRatio: SVG_ASPECT[(_c = p.resizeMode) !== null && _c !== void 0 ? _c : "contain"] }) }));
|
|
99
101
|
}
|
|
100
|
-
return renderRaster(p.url, p.resizeMode, simpleStyle);
|
|
102
|
+
return renderRaster(p.url, p.resizeMode, simpleStyle, p.blurRadius);
|
|
101
103
|
};
|
|
102
104
|
exports.ImageElementComponent = ImageElementComponent;
|
|
103
105
|
//# sourceMappingURL=ImageElement.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ImageElement.js","sourceRoot":"","sources":["../../../../../src/UI/Pages/ComposableScreen/elements/ImageElement.tsx"],"names":[],"mappings":";;;;AACA,6BAAwB;AACxB,+CAAsD;AACtD,uDAA0C;AAC1C,iDAAkE;AAElE,qCAAgE;AAChE,+CAA4C;AAE5C,iFAAiF;AACjF,iFAAiF;AACjF,yDAAyD;AACzD,IAAI,SAAS,GAAoC,IAAI,CAAC;AACtD,IAAI,CAAC;IACH,SAAS,GAAG,OAAO,CAAC,YAAY,CAAC,CAAC,KAAK,CAAC;AAC1C,CAAC;AAAC,WAAM,CAAC;IACP,qDAAqD;AACvD,CAAC;
|
|
1
|
+
{"version":3,"file":"ImageElement.js","sourceRoot":"","sources":["../../../../../src/UI/Pages/ComposableScreen/elements/ImageElement.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,327 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { z } from "zod";
|
|
3
|
+
import { BaseBoxProps, GradientEdge } from "./BaseBoxProps";
|
|
4
|
+
import { UIElement } from "../types";
|
|
5
|
+
import { RenderContext } from "./shared";
|
|
6
|
+
export type BlurMaskStop = {
|
|
7
|
+
position: number;
|
|
8
|
+
opacity: number;
|
|
9
|
+
};
|
|
10
|
+
export type LinearBlurMask = {
|
|
11
|
+
type?: "linear";
|
|
12
|
+
from: GradientEdge;
|
|
13
|
+
to: GradientEdge;
|
|
14
|
+
stops: BlurMaskStop[];
|
|
15
|
+
};
|
|
16
|
+
export type RadialBlurMask = {
|
|
17
|
+
type: "radial";
|
|
18
|
+
center?: {
|
|
19
|
+
x: number;
|
|
20
|
+
y: number;
|
|
21
|
+
};
|
|
22
|
+
radius?: number;
|
|
23
|
+
stops: BlurMaskStop[];
|
|
24
|
+
};
|
|
25
|
+
export type BlurMask = LinearBlurMask | RadialBlurMask;
|
|
26
|
+
export type ProgressiveBlurImageElementProps = BaseBoxProps & {
|
|
27
|
+
url: string;
|
|
28
|
+
aspectRatio?: number;
|
|
29
|
+
resizeMode?: "cover" | "contain" | "stretch" | "center";
|
|
30
|
+
intensity: number;
|
|
31
|
+
tint?: "light" | "dark" | "default";
|
|
32
|
+
mask: BlurMask;
|
|
33
|
+
maxBlurOpacity?: number;
|
|
34
|
+
};
|
|
35
|
+
export declare const ProgressiveBlurImageElementPropsSchema: z.ZodObject<{
|
|
36
|
+
width: z.ZodOptional<z.ZodUnion<readonly [z.ZodNumber, z.ZodString]>>;
|
|
37
|
+
height: z.ZodOptional<z.ZodUnion<readonly [z.ZodNumber, z.ZodString]>>;
|
|
38
|
+
minWidth: z.ZodOptional<z.ZodNumber>;
|
|
39
|
+
maxWidth: z.ZodOptional<z.ZodNumber>;
|
|
40
|
+
minHeight: z.ZodOptional<z.ZodNumber>;
|
|
41
|
+
maxHeight: z.ZodOptional<z.ZodNumber>;
|
|
42
|
+
flex: z.ZodOptional<z.ZodNumber>;
|
|
43
|
+
flexShrink: z.ZodOptional<z.ZodNumber>;
|
|
44
|
+
flexGrow: z.ZodOptional<z.ZodNumber>;
|
|
45
|
+
alignSelf: z.ZodOptional<z.ZodEnum<{
|
|
46
|
+
auto: "auto";
|
|
47
|
+
center: "center";
|
|
48
|
+
"flex-start": "flex-start";
|
|
49
|
+
"flex-end": "flex-end";
|
|
50
|
+
stretch: "stretch";
|
|
51
|
+
baseline: "baseline";
|
|
52
|
+
}>>;
|
|
53
|
+
opacity: z.ZodOptional<z.ZodNumber>;
|
|
54
|
+
backgroundColor: z.ZodOptional<z.ZodString>;
|
|
55
|
+
backgroundGradient: z.ZodOptional<z.ZodDiscriminatedUnion<[z.ZodObject<{
|
|
56
|
+
type: z.ZodLiteral<"linear">;
|
|
57
|
+
from: z.ZodEnum<{
|
|
58
|
+
left: "left";
|
|
59
|
+
right: "right";
|
|
60
|
+
top: "top";
|
|
61
|
+
bottom: "bottom";
|
|
62
|
+
topLeft: "topLeft";
|
|
63
|
+
topRight: "topRight";
|
|
64
|
+
bottomLeft: "bottomLeft";
|
|
65
|
+
bottomRight: "bottomRight";
|
|
66
|
+
}>;
|
|
67
|
+
to: z.ZodEnum<{
|
|
68
|
+
left: "left";
|
|
69
|
+
right: "right";
|
|
70
|
+
top: "top";
|
|
71
|
+
bottom: "bottom";
|
|
72
|
+
topLeft: "topLeft";
|
|
73
|
+
topRight: "topRight";
|
|
74
|
+
bottomLeft: "bottomLeft";
|
|
75
|
+
bottomRight: "bottomRight";
|
|
76
|
+
}>;
|
|
77
|
+
stops: z.ZodArray<z.ZodObject<{
|
|
78
|
+
color: z.ZodString;
|
|
79
|
+
position: z.ZodOptional<z.ZodNumber>;
|
|
80
|
+
}, z.core.$strip>>;
|
|
81
|
+
}, z.core.$strip>], "type">>;
|
|
82
|
+
overflow: z.ZodOptional<z.ZodEnum<{
|
|
83
|
+
visible: "visible";
|
|
84
|
+
hidden: "hidden";
|
|
85
|
+
scroll: "scroll";
|
|
86
|
+
}>>;
|
|
87
|
+
margin: z.ZodOptional<z.ZodNumber>;
|
|
88
|
+
marginHorizontal: z.ZodOptional<z.ZodNumber>;
|
|
89
|
+
marginVertical: z.ZodOptional<z.ZodNumber>;
|
|
90
|
+
padding: z.ZodOptional<z.ZodNumber>;
|
|
91
|
+
paddingHorizontal: z.ZodOptional<z.ZodNumber>;
|
|
92
|
+
paddingVertical: z.ZodOptional<z.ZodNumber>;
|
|
93
|
+
borderWidth: z.ZodOptional<z.ZodNumber>;
|
|
94
|
+
borderRadius: z.ZodOptional<z.ZodNumber>;
|
|
95
|
+
borderColor: z.ZodOptional<z.ZodString>;
|
|
96
|
+
shadowColor: z.ZodOptional<z.ZodString>;
|
|
97
|
+
shadowOffset: z.ZodOptional<z.ZodObject<{
|
|
98
|
+
width: z.ZodNumber;
|
|
99
|
+
height: z.ZodNumber;
|
|
100
|
+
}, z.core.$strip>>;
|
|
101
|
+
shadowOpacity: z.ZodOptional<z.ZodNumber>;
|
|
102
|
+
shadowRadius: z.ZodOptional<z.ZodNumber>;
|
|
103
|
+
elevation: z.ZodOptional<z.ZodNumber>;
|
|
104
|
+
transform: z.ZodOptional<z.ZodObject<{
|
|
105
|
+
translateX: z.ZodOptional<z.ZodNumber>;
|
|
106
|
+
translateY: z.ZodOptional<z.ZodNumber>;
|
|
107
|
+
scale: z.ZodOptional<z.ZodNumber>;
|
|
108
|
+
scaleX: z.ZodOptional<z.ZodNumber>;
|
|
109
|
+
scaleY: z.ZodOptional<z.ZodNumber>;
|
|
110
|
+
rotate: z.ZodOptional<z.ZodNumber>;
|
|
111
|
+
}, z.core.$strip>>;
|
|
112
|
+
animation: z.ZodOptional<z.ZodObject<{
|
|
113
|
+
entering: z.ZodOptional<z.ZodObject<{
|
|
114
|
+
preset: z.ZodEnum<{
|
|
115
|
+
FadeIn: "FadeIn";
|
|
116
|
+
FadeInUp: "FadeInUp";
|
|
117
|
+
FadeInDown: "FadeInDown";
|
|
118
|
+
FadeInLeft: "FadeInLeft";
|
|
119
|
+
FadeInRight: "FadeInRight";
|
|
120
|
+
SlideInUp: "SlideInUp";
|
|
121
|
+
SlideInDown: "SlideInDown";
|
|
122
|
+
SlideInLeft: "SlideInLeft";
|
|
123
|
+
SlideInRight: "SlideInRight";
|
|
124
|
+
ZoomIn: "ZoomIn";
|
|
125
|
+
ZoomInRotate: "ZoomInRotate";
|
|
126
|
+
ZoomInUp: "ZoomInUp";
|
|
127
|
+
ZoomInDown: "ZoomInDown";
|
|
128
|
+
ZoomInLeft: "ZoomInLeft";
|
|
129
|
+
ZoomInRight: "ZoomInRight";
|
|
130
|
+
ZoomInEasyUp: "ZoomInEasyUp";
|
|
131
|
+
ZoomInEasyDown: "ZoomInEasyDown";
|
|
132
|
+
BounceIn: "BounceIn";
|
|
133
|
+
BounceInUp: "BounceInUp";
|
|
134
|
+
BounceInDown: "BounceInDown";
|
|
135
|
+
BounceInLeft: "BounceInLeft";
|
|
136
|
+
BounceInRight: "BounceInRight";
|
|
137
|
+
FlipInXUp: "FlipInXUp";
|
|
138
|
+
FlipInYLeft: "FlipInYLeft";
|
|
139
|
+
FlipInXDown: "FlipInXDown";
|
|
140
|
+
FlipInYRight: "FlipInYRight";
|
|
141
|
+
FlipInEasyX: "FlipInEasyX";
|
|
142
|
+
FlipInEasyY: "FlipInEasyY";
|
|
143
|
+
StretchInX: "StretchInX";
|
|
144
|
+
StretchInY: "StretchInY";
|
|
145
|
+
RotateInDownLeft: "RotateInDownLeft";
|
|
146
|
+
RotateInDownRight: "RotateInDownRight";
|
|
147
|
+
RotateInUpLeft: "RotateInUpLeft";
|
|
148
|
+
RotateInUpRight: "RotateInUpRight";
|
|
149
|
+
RollInLeft: "RollInLeft";
|
|
150
|
+
RollInRight: "RollInRight";
|
|
151
|
+
PinwheelIn: "PinwheelIn";
|
|
152
|
+
LightSpeedInLeft: "LightSpeedInLeft";
|
|
153
|
+
LightSpeedInRight: "LightSpeedInRight";
|
|
154
|
+
}>;
|
|
155
|
+
duration: z.ZodOptional<z.ZodNumber>;
|
|
156
|
+
delay: z.ZodOptional<z.ZodNumber>;
|
|
157
|
+
easing: z.ZodOptional<z.ZodEnum<{
|
|
158
|
+
linear: "linear";
|
|
159
|
+
"ease-in": "ease-in";
|
|
160
|
+
"ease-out": "ease-out";
|
|
161
|
+
"ease-in-out": "ease-in-out";
|
|
162
|
+
}>>;
|
|
163
|
+
spring: z.ZodOptional<z.ZodObject<{
|
|
164
|
+
damping: z.ZodOptional<z.ZodNumber>;
|
|
165
|
+
stiffness: z.ZodOptional<z.ZodNumber>;
|
|
166
|
+
mass: z.ZodOptional<z.ZodNumber>;
|
|
167
|
+
}, z.core.$strip>>;
|
|
168
|
+
}, z.core.$strip>>;
|
|
169
|
+
exiting: z.ZodOptional<z.ZodObject<{
|
|
170
|
+
preset: z.ZodEnum<{
|
|
171
|
+
FadeOut: "FadeOut";
|
|
172
|
+
FadeOutUp: "FadeOutUp";
|
|
173
|
+
FadeOutDown: "FadeOutDown";
|
|
174
|
+
FadeOutLeft: "FadeOutLeft";
|
|
175
|
+
FadeOutRight: "FadeOutRight";
|
|
176
|
+
SlideOutUp: "SlideOutUp";
|
|
177
|
+
SlideOutDown: "SlideOutDown";
|
|
178
|
+
SlideOutLeft: "SlideOutLeft";
|
|
179
|
+
SlideOutRight: "SlideOutRight";
|
|
180
|
+
ZoomOut: "ZoomOut";
|
|
181
|
+
ZoomOutRotate: "ZoomOutRotate";
|
|
182
|
+
ZoomOutUp: "ZoomOutUp";
|
|
183
|
+
ZoomOutDown: "ZoomOutDown";
|
|
184
|
+
ZoomOutLeft: "ZoomOutLeft";
|
|
185
|
+
ZoomOutRight: "ZoomOutRight";
|
|
186
|
+
ZoomOutEasyUp: "ZoomOutEasyUp";
|
|
187
|
+
ZoomOutEasyDown: "ZoomOutEasyDown";
|
|
188
|
+
BounceOut: "BounceOut";
|
|
189
|
+
BounceOutUp: "BounceOutUp";
|
|
190
|
+
BounceOutDown: "BounceOutDown";
|
|
191
|
+
BounceOutLeft: "BounceOutLeft";
|
|
192
|
+
BounceOutRight: "BounceOutRight";
|
|
193
|
+
FlipOutXUp: "FlipOutXUp";
|
|
194
|
+
FlipOutYLeft: "FlipOutYLeft";
|
|
195
|
+
FlipOutXDown: "FlipOutXDown";
|
|
196
|
+
FlipOutYRight: "FlipOutYRight";
|
|
197
|
+
FlipOutEasyX: "FlipOutEasyX";
|
|
198
|
+
FlipOutEasyY: "FlipOutEasyY";
|
|
199
|
+
StretchOutX: "StretchOutX";
|
|
200
|
+
StretchOutY: "StretchOutY";
|
|
201
|
+
RotateOutDownLeft: "RotateOutDownLeft";
|
|
202
|
+
RotateOutDownRight: "RotateOutDownRight";
|
|
203
|
+
RotateOutUpLeft: "RotateOutUpLeft";
|
|
204
|
+
RotateOutUpRight: "RotateOutUpRight";
|
|
205
|
+
RollOutLeft: "RollOutLeft";
|
|
206
|
+
RollOutRight: "RollOutRight";
|
|
207
|
+
PinwheelOut: "PinwheelOut";
|
|
208
|
+
LightSpeedOutLeft: "LightSpeedOutLeft";
|
|
209
|
+
LightSpeedOutRight: "LightSpeedOutRight";
|
|
210
|
+
}>;
|
|
211
|
+
duration: z.ZodOptional<z.ZodNumber>;
|
|
212
|
+
delay: z.ZodOptional<z.ZodNumber>;
|
|
213
|
+
easing: z.ZodOptional<z.ZodEnum<{
|
|
214
|
+
linear: "linear";
|
|
215
|
+
"ease-in": "ease-in";
|
|
216
|
+
"ease-out": "ease-out";
|
|
217
|
+
"ease-in-out": "ease-in-out";
|
|
218
|
+
}>>;
|
|
219
|
+
spring: z.ZodOptional<z.ZodObject<{
|
|
220
|
+
damping: z.ZodOptional<z.ZodNumber>;
|
|
221
|
+
stiffness: z.ZodOptional<z.ZodNumber>;
|
|
222
|
+
mass: z.ZodOptional<z.ZodNumber>;
|
|
223
|
+
}, z.core.$strip>>;
|
|
224
|
+
}, z.core.$strip>>;
|
|
225
|
+
layout: z.ZodOptional<z.ZodObject<{
|
|
226
|
+
preset: z.ZodEnum<{
|
|
227
|
+
LinearTransition: "LinearTransition";
|
|
228
|
+
FadingTransition: "FadingTransition";
|
|
229
|
+
SequencedTransition: "SequencedTransition";
|
|
230
|
+
JumpingTransition: "JumpingTransition";
|
|
231
|
+
CurvedTransition: "CurvedTransition";
|
|
232
|
+
EntryExitTransition: "EntryExitTransition";
|
|
233
|
+
}>;
|
|
234
|
+
duration: z.ZodOptional<z.ZodNumber>;
|
|
235
|
+
spring: z.ZodOptional<z.ZodObject<{
|
|
236
|
+
damping: z.ZodOptional<z.ZodNumber>;
|
|
237
|
+
stiffness: z.ZodOptional<z.ZodNumber>;
|
|
238
|
+
mass: z.ZodOptional<z.ZodNumber>;
|
|
239
|
+
}, z.core.$strip>>;
|
|
240
|
+
}, z.core.$strip>>;
|
|
241
|
+
effect: z.ZodOptional<z.ZodObject<{
|
|
242
|
+
preset: z.ZodEnum<{
|
|
243
|
+
rotate: "rotate";
|
|
244
|
+
pulse: "pulse";
|
|
245
|
+
fade: "fade";
|
|
246
|
+
shimmer: "shimmer";
|
|
247
|
+
bounce: "bounce";
|
|
248
|
+
}>;
|
|
249
|
+
duration: z.ZodOptional<z.ZodNumber>;
|
|
250
|
+
delay: z.ZodOptional<z.ZodNumber>;
|
|
251
|
+
easing: z.ZodOptional<z.ZodEnum<{
|
|
252
|
+
linear: "linear";
|
|
253
|
+
"ease-in": "ease-in";
|
|
254
|
+
"ease-out": "ease-out";
|
|
255
|
+
"ease-in-out": "ease-in-out";
|
|
256
|
+
}>>;
|
|
257
|
+
loop: z.ZodOptional<z.ZodBoolean>;
|
|
258
|
+
minScale: z.ZodOptional<z.ZodNumber>;
|
|
259
|
+
maxScale: z.ZodOptional<z.ZodNumber>;
|
|
260
|
+
minOpacity: z.ZodOptional<z.ZodNumber>;
|
|
261
|
+
degrees: z.ZodOptional<z.ZodNumber>;
|
|
262
|
+
}, z.core.$strip>>;
|
|
263
|
+
}, z.core.$strip>>;
|
|
264
|
+
url: z.ZodString;
|
|
265
|
+
aspectRatio: z.ZodOptional<z.ZodNumber>;
|
|
266
|
+
resizeMode: z.ZodOptional<z.ZodEnum<{
|
|
267
|
+
center: "center";
|
|
268
|
+
contain: "contain";
|
|
269
|
+
cover: "cover";
|
|
270
|
+
stretch: "stretch";
|
|
271
|
+
}>>;
|
|
272
|
+
intensity: z.ZodNumber;
|
|
273
|
+
tint: z.ZodOptional<z.ZodEnum<{
|
|
274
|
+
light: "light";
|
|
275
|
+
dark: "dark";
|
|
276
|
+
default: "default";
|
|
277
|
+
}>>;
|
|
278
|
+
mask: z.ZodUnion<readonly [z.ZodObject<{
|
|
279
|
+
type: z.ZodOptional<z.ZodLiteral<"linear">>;
|
|
280
|
+
from: z.ZodEnum<{
|
|
281
|
+
left: "left";
|
|
282
|
+
right: "right";
|
|
283
|
+
top: "top";
|
|
284
|
+
bottom: "bottom";
|
|
285
|
+
topLeft: "topLeft";
|
|
286
|
+
topRight: "topRight";
|
|
287
|
+
bottomLeft: "bottomLeft";
|
|
288
|
+
bottomRight: "bottomRight";
|
|
289
|
+
}>;
|
|
290
|
+
to: z.ZodEnum<{
|
|
291
|
+
left: "left";
|
|
292
|
+
right: "right";
|
|
293
|
+
top: "top";
|
|
294
|
+
bottom: "bottom";
|
|
295
|
+
topLeft: "topLeft";
|
|
296
|
+
topRight: "topRight";
|
|
297
|
+
bottomLeft: "bottomLeft";
|
|
298
|
+
bottomRight: "bottomRight";
|
|
299
|
+
}>;
|
|
300
|
+
stops: z.ZodArray<z.ZodObject<{
|
|
301
|
+
position: z.ZodNumber;
|
|
302
|
+
opacity: z.ZodNumber;
|
|
303
|
+
}, z.core.$strip>>;
|
|
304
|
+
}, z.core.$strip>, z.ZodObject<{
|
|
305
|
+
type: z.ZodLiteral<"radial">;
|
|
306
|
+
center: z.ZodOptional<z.ZodObject<{
|
|
307
|
+
x: z.ZodNumber;
|
|
308
|
+
y: z.ZodNumber;
|
|
309
|
+
}, z.core.$strip>>;
|
|
310
|
+
radius: z.ZodOptional<z.ZodNumber>;
|
|
311
|
+
stops: z.ZodArray<z.ZodObject<{
|
|
312
|
+
position: z.ZodNumber;
|
|
313
|
+
opacity: z.ZodNumber;
|
|
314
|
+
}, z.core.$strip>>;
|
|
315
|
+
}, z.core.$strip>]>;
|
|
316
|
+
maxBlurOpacity: z.ZodOptional<z.ZodNumber>;
|
|
317
|
+
}, z.core.$strip>;
|
|
318
|
+
type BlurUIElement = Extract<UIElement, {
|
|
319
|
+
type: "ProgressiveBlurImage";
|
|
320
|
+
}>;
|
|
321
|
+
type Props = {
|
|
322
|
+
element: BlurUIElement;
|
|
323
|
+
ctx: RenderContext;
|
|
324
|
+
};
|
|
325
|
+
export declare const ProgressiveBlurImageElementComponent: ({ element }: Props) => React.ReactElement;
|
|
326
|
+
export {};
|
|
327
|
+
//# sourceMappingURL=ProgressiveBlurImageElement.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ProgressiveBlurImageElement.d.ts","sourceRoot":"","sources":["../../../../../src/UI/Pages/ComposableScreen/elements/ProgressiveBlurImageElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAGxB,OAAO,EAAE,YAAY,EAAsB,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAEhF,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACrC,OAAO,EAAE,aAAa,EAAO,MAAM,UAAU,CAAC;AAiC9C,MAAM,MAAM,YAAY,GAAG;IAAE,QAAQ,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,CAAC;AACjE,MAAM,MAAM,cAAc,GAAG;IAAE,IAAI,CAAC,EAAE,QAAQ,CAAC;IAAC,IAAI,EAAE,YAAY,CAAC;IAAC,EAAE,EAAE,YAAY,CAAC;IAAC,KAAK,EAAE,YAAY,EAAE,CAAA;CAAE,CAAC;AAC9G,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,QAAQ,CAAC;IACf,MAAM,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAClC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,YAAY,EAAE,CAAC;CACvB,CAAC;AACF,MAAM,MAAM,QAAQ,GAAG,cAAc,GAAG,cAAc,CAAC;AAEvD,MAAM,MAAM,gCAAgC,GAAG,YAAY,GAAG;IAC5D,GAAG,EAAE,MAAM,CAAC;IACZ,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;IACxD,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;IACpC,IAAI,EAAE,QAAQ,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAuBF,eAAO,MAAM,sCAAsC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAQjD,CAAC;AA2CH,KAAK,aAAa,GAAG,OAAO,CAAC,SAAS,EAAE;IAAE,IAAI,EAAE,sBAAsB,CAAA;CAAE,CAAC,CAAC;AAE1E,KAAK,KAAK,GAAG;IACX,OAAO,EAAE,aAAa,CAAC;IACvB,GAAG,EAAE,aAAa,CAAC;CACpB,CAAC;AAyGF,eAAO,MAAM,oCAAoC,GAAI,aAAa,KAAK,KAAG,KAAK,CAAC,YAyG/E,CAAC"}
|