@tamagui/image 2.5.1 → 2.5.3
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/cjs/createImage.cjs +15 -12
- package/dist/cjs/createImage.native.js +15 -12
- package/dist/cjs/createImage.native.js.map +1 -1
- package/dist/esm/createImage.mjs +15 -12
- package/dist/esm/createImage.mjs.map +1 -1
- package/dist/esm/createImage.native.js +15 -12
- package/dist/esm/createImage.native.js.map +1 -1
- package/dist/jsx/createImage.mjs +15 -12
- package/dist/jsx/createImage.mjs.map +1 -1
- package/dist/jsx/createImage.native.js +15 -12
- package/dist/jsx/createImage.native.js.map +1 -1
- package/package.json +6 -6
- package/src/createImage.tsx +11 -7
- package/types/createImage.d.ts.map +1 -1
package/dist/cjs/createImage.cjs
CHANGED
|
@@ -44,16 +44,17 @@ const defaultObjectFitMap = objectFit => {
|
|
|
44
44
|
const defaultTransformSource = props => {
|
|
45
45
|
const {
|
|
46
46
|
src,
|
|
47
|
-
source
|
|
48
|
-
width,
|
|
49
|
-
height
|
|
47
|
+
source
|
|
50
48
|
} = props;
|
|
51
|
-
if (
|
|
52
|
-
|
|
49
|
+
if (typeof src === "string") {
|
|
50
|
+
return {
|
|
51
|
+
uri: src
|
|
52
|
+
};
|
|
53
|
+
}
|
|
54
|
+
if (source !== void 0 && source !== null) return source;
|
|
55
|
+
if (src !== void 0 && src !== null) return src;
|
|
53
56
|
return {
|
|
54
|
-
uri: src
|
|
55
|
-
width,
|
|
56
|
-
height
|
|
57
|
+
uri: src
|
|
57
58
|
};
|
|
58
59
|
};
|
|
59
60
|
function createImage(options) {
|
|
@@ -74,6 +75,7 @@ function createImage(options) {
|
|
|
74
75
|
const props = incomingProps;
|
|
75
76
|
const {
|
|
76
77
|
src,
|
|
78
|
+
source,
|
|
77
79
|
width,
|
|
78
80
|
height,
|
|
79
81
|
borderRadius,
|
|
@@ -95,6 +97,7 @@ function createImage(options) {
|
|
|
95
97
|
const resolvedHeight = typeof height === "string" && height[0] === "$" ? (0, import_web.getTokenValue)(height, "size") : height;
|
|
96
98
|
const finalSource = transformSource({
|
|
97
99
|
src,
|
|
100
|
+
source,
|
|
98
101
|
width: resolvedWidth,
|
|
99
102
|
height: resolvedHeight
|
|
100
103
|
});
|
|
@@ -124,11 +127,11 @@ function createImage(options) {
|
|
|
124
127
|
}
|
|
125
128
|
if (onLoad) {
|
|
126
129
|
finalProps.onLoad = e => {
|
|
127
|
-
const
|
|
130
|
+
const source2 = e?.nativeEvent?.source || e?.source || {};
|
|
128
131
|
onLoad({
|
|
129
132
|
target: {
|
|
130
|
-
naturalHeight:
|
|
131
|
-
naturalWidth:
|
|
133
|
+
naturalHeight: source2?.height,
|
|
134
|
+
naturalWidth: source2?.width
|
|
132
135
|
},
|
|
133
136
|
type: "load"
|
|
134
137
|
});
|
|
@@ -141,7 +144,7 @@ function createImage(options) {
|
|
|
141
144
|
});
|
|
142
145
|
};
|
|
143
146
|
}
|
|
144
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
147
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(StyledImage, {
|
|
145
148
|
ref,
|
|
146
149
|
...finalProps
|
|
147
150
|
});
|
|
@@ -46,16 +46,17 @@ var defaultObjectFitMap = function (objectFit) {
|
|
|
46
46
|
var defaultTransformSource = function (props) {
|
|
47
47
|
var {
|
|
48
48
|
src,
|
|
49
|
-
source
|
|
50
|
-
width,
|
|
51
|
-
height
|
|
49
|
+
source
|
|
52
50
|
} = props;
|
|
53
|
-
if (
|
|
54
|
-
|
|
51
|
+
if (typeof src === "string") {
|
|
52
|
+
return {
|
|
53
|
+
uri: src
|
|
54
|
+
};
|
|
55
|
+
}
|
|
56
|
+
if (source !== void 0 && source !== null) return source;
|
|
57
|
+
if (src !== void 0 && src !== null) return src;
|
|
55
58
|
return {
|
|
56
|
-
uri: src
|
|
57
|
-
width,
|
|
58
|
-
height
|
|
59
|
+
uri: src
|
|
59
60
|
};
|
|
60
61
|
};
|
|
61
62
|
function createImage(options) {
|
|
@@ -76,6 +77,7 @@ function createImage(options) {
|
|
|
76
77
|
var props = incomingProps;
|
|
77
78
|
var {
|
|
78
79
|
src,
|
|
80
|
+
source,
|
|
79
81
|
width,
|
|
80
82
|
height,
|
|
81
83
|
borderRadius,
|
|
@@ -97,6 +99,7 @@ function createImage(options) {
|
|
|
97
99
|
var resolvedHeight = typeof height === "string" && height[0] === "$" ? (0, import_web.getTokenValue)(height, "size") : height;
|
|
98
100
|
var finalSource = transformSource({
|
|
99
101
|
src,
|
|
102
|
+
source,
|
|
100
103
|
width: resolvedWidth,
|
|
101
104
|
height: resolvedHeight
|
|
102
105
|
});
|
|
@@ -127,11 +130,11 @@ function createImage(options) {
|
|
|
127
130
|
if (onLoad) {
|
|
128
131
|
finalProps.onLoad = function (e) {
|
|
129
132
|
var _e_nativeEvent;
|
|
130
|
-
var
|
|
133
|
+
var source2 = (e === null || e === void 0 ? void 0 : (_e_nativeEvent = e.nativeEvent) === null || _e_nativeEvent === void 0 ? void 0 : _e_nativeEvent.source) || (e === null || e === void 0 ? void 0 : e.source) || {};
|
|
131
134
|
onLoad({
|
|
132
135
|
target: {
|
|
133
|
-
naturalHeight:
|
|
134
|
-
naturalWidth:
|
|
136
|
+
naturalHeight: source2 === null || source2 === void 0 ? void 0 : source2.height,
|
|
137
|
+
naturalWidth: source2 === null || source2 === void 0 ? void 0 : source2.width
|
|
135
138
|
},
|
|
136
139
|
type: "load"
|
|
137
140
|
});
|
|
@@ -144,7 +147,7 @@ function createImage(options) {
|
|
|
144
147
|
});
|
|
145
148
|
};
|
|
146
149
|
}
|
|
147
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
150
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(StyledImage, {
|
|
148
151
|
ref,
|
|
149
152
|
...finalProps
|
|
150
153
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","createImage_exports","__export","createImage","module","exports","import_jsx_runtime","require","import_web","defaultObjectFitMap","objectFit","defaultTransformSource","props","src","source","
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","createImage_exports","__export","createImage","module","exports","import_jsx_runtime","require","import_web","defaultObjectFitMap","objectFit","defaultTransformSource","props","src","source","uri","options","Component","mapObjectFitToResizeMode","resizeModePropName","objectPositionPropName","transformSource","inlinePropsSet","Set","StyledImage","styled","name","inlineProps","ImageComponent","styleable","incomingProps","ref","width","height","borderRadius","objectPosition","decoding","elementTiming","fetchpriority","isMap","loading","sizes","useMap","onLoad","onError","rest","resolvedWidth","getTokenValue","resolvedHeight","finalSource","incomingStyle","Array","isArray","style","Object","assign","flat","resolvedBorderRadius","finalProps","e","_e_nativeEvent","source2","nativeEvent","target","naturalHeight","naturalWidth","type","jsx","comp","getSize","getSizeWithHeaders","prefetch","prefetchWithMetadata","abortPrefetch","queryCache"],"sources":["../../src/createImage.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
package/dist/esm/createImage.mjs
CHANGED
|
@@ -17,16 +17,17 @@ const defaultObjectFitMap = objectFit => {
|
|
|
17
17
|
const defaultTransformSource = props => {
|
|
18
18
|
const {
|
|
19
19
|
src,
|
|
20
|
-
source
|
|
21
|
-
width,
|
|
22
|
-
height
|
|
20
|
+
source
|
|
23
21
|
} = props;
|
|
24
|
-
if (
|
|
25
|
-
|
|
22
|
+
if (typeof src === "string") {
|
|
23
|
+
return {
|
|
24
|
+
uri: src
|
|
25
|
+
};
|
|
26
|
+
}
|
|
27
|
+
if (source !== void 0 && source !== null) return source;
|
|
28
|
+
if (src !== void 0 && src !== null) return src;
|
|
26
29
|
return {
|
|
27
|
-
uri: src
|
|
28
|
-
width,
|
|
29
|
-
height
|
|
30
|
+
uri: src
|
|
30
31
|
};
|
|
31
32
|
};
|
|
32
33
|
function createImage(options) {
|
|
@@ -47,6 +48,7 @@ function createImage(options) {
|
|
|
47
48
|
const props = incomingProps;
|
|
48
49
|
const {
|
|
49
50
|
src,
|
|
51
|
+
source,
|
|
50
52
|
width,
|
|
51
53
|
height,
|
|
52
54
|
borderRadius,
|
|
@@ -68,6 +70,7 @@ function createImage(options) {
|
|
|
68
70
|
const resolvedHeight = typeof height === "string" && height[0] === "$" ? getTokenValue(height, "size") : height;
|
|
69
71
|
const finalSource = transformSource({
|
|
70
72
|
src,
|
|
73
|
+
source,
|
|
71
74
|
width: resolvedWidth,
|
|
72
75
|
height: resolvedHeight
|
|
73
76
|
});
|
|
@@ -97,11 +100,11 @@ function createImage(options) {
|
|
|
97
100
|
}
|
|
98
101
|
if (onLoad) {
|
|
99
102
|
finalProps.onLoad = e => {
|
|
100
|
-
const
|
|
103
|
+
const source2 = e?.nativeEvent?.source || e?.source || {};
|
|
101
104
|
onLoad({
|
|
102
105
|
target: {
|
|
103
|
-
naturalHeight:
|
|
104
|
-
naturalWidth:
|
|
106
|
+
naturalHeight: source2?.height,
|
|
107
|
+
naturalWidth: source2?.width
|
|
105
108
|
},
|
|
106
109
|
type: "load"
|
|
107
110
|
});
|
|
@@ -114,7 +117,7 @@ function createImage(options) {
|
|
|
114
117
|
});
|
|
115
118
|
};
|
|
116
119
|
}
|
|
117
|
-
return /* @__PURE__ */jsx(
|
|
120
|
+
return /* @__PURE__ */jsx(StyledImage, {
|
|
118
121
|
ref,
|
|
119
122
|
...finalProps
|
|
120
123
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["getTokenValue","styled","jsx","defaultObjectFitMap","objectFit","defaultTransformSource","props","src","source","
|
|
1
|
+
{"version":3,"names":["getTokenValue","styled","jsx","defaultObjectFitMap","objectFit","defaultTransformSource","props","src","source","uri","createImage","options","Component","mapObjectFitToResizeMode","resizeModePropName","objectPositionPropName","transformSource","inlinePropsSet","Set","StyledImage","name","inlineProps","ImageComponent","styleable","incomingProps","ref","width","height","borderRadius","objectPosition","decoding","elementTiming","fetchpriority","isMap","loading","sizes","useMap","onLoad","onError","rest","resolvedWidth","resolvedHeight","finalSource","incomingStyle","Array","isArray","style","Object","assign","flat","resolvedBorderRadius","finalProps","e","nativeEvent","target","naturalHeight","naturalWidth","type","comp","getSize","getSizeWithHeaders","prefetch","prefetchWithMetadata","abortPrefetch","queryCache"],"sources":["../../src/createImage.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -17,16 +17,17 @@ var defaultObjectFitMap = function (objectFit) {
|
|
|
17
17
|
var defaultTransformSource = function (props) {
|
|
18
18
|
var {
|
|
19
19
|
src,
|
|
20
|
-
source
|
|
21
|
-
width,
|
|
22
|
-
height
|
|
20
|
+
source
|
|
23
21
|
} = props;
|
|
24
|
-
if (
|
|
25
|
-
|
|
22
|
+
if (typeof src === "string") {
|
|
23
|
+
return {
|
|
24
|
+
uri: src
|
|
25
|
+
};
|
|
26
|
+
}
|
|
27
|
+
if (source !== void 0 && source !== null) return source;
|
|
28
|
+
if (src !== void 0 && src !== null) return src;
|
|
26
29
|
return {
|
|
27
|
-
uri: src
|
|
28
|
-
width,
|
|
29
|
-
height
|
|
30
|
+
uri: src
|
|
30
31
|
};
|
|
31
32
|
};
|
|
32
33
|
function createImage(options) {
|
|
@@ -47,6 +48,7 @@ function createImage(options) {
|
|
|
47
48
|
var props = incomingProps;
|
|
48
49
|
var {
|
|
49
50
|
src,
|
|
51
|
+
source,
|
|
50
52
|
width,
|
|
51
53
|
height,
|
|
52
54
|
borderRadius,
|
|
@@ -68,6 +70,7 @@ function createImage(options) {
|
|
|
68
70
|
var resolvedHeight = typeof height === "string" && height[0] === "$" ? getTokenValue(height, "size") : height;
|
|
69
71
|
var finalSource = transformSource({
|
|
70
72
|
src,
|
|
73
|
+
source,
|
|
71
74
|
width: resolvedWidth,
|
|
72
75
|
height: resolvedHeight
|
|
73
76
|
});
|
|
@@ -98,11 +101,11 @@ function createImage(options) {
|
|
|
98
101
|
if (onLoad) {
|
|
99
102
|
finalProps.onLoad = function (e) {
|
|
100
103
|
var _e_nativeEvent;
|
|
101
|
-
var
|
|
104
|
+
var source2 = (e === null || e === void 0 ? void 0 : (_e_nativeEvent = e.nativeEvent) === null || _e_nativeEvent === void 0 ? void 0 : _e_nativeEvent.source) || (e === null || e === void 0 ? void 0 : e.source) || {};
|
|
102
105
|
onLoad({
|
|
103
106
|
target: {
|
|
104
|
-
naturalHeight:
|
|
105
|
-
naturalWidth:
|
|
107
|
+
naturalHeight: source2 === null || source2 === void 0 ? void 0 : source2.height,
|
|
108
|
+
naturalWidth: source2 === null || source2 === void 0 ? void 0 : source2.width
|
|
106
109
|
},
|
|
107
110
|
type: "load"
|
|
108
111
|
});
|
|
@@ -115,7 +118,7 @@ function createImage(options) {
|
|
|
115
118
|
});
|
|
116
119
|
};
|
|
117
120
|
}
|
|
118
|
-
return /* @__PURE__ */_jsx(
|
|
121
|
+
return /* @__PURE__ */_jsx(StyledImage, {
|
|
119
122
|
ref,
|
|
120
123
|
...finalProps
|
|
121
124
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","getTokenValue","styled","defaultObjectFitMap","objectFit","defaultTransformSource","props","src","source","
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","getTokenValue","styled","defaultObjectFitMap","objectFit","defaultTransformSource","props","src","source","uri","createImage","options","Component","mapObjectFitToResizeMode","resizeModePropName","objectPositionPropName","transformSource","inlinePropsSet","Set","StyledImage","name","inlineProps","ImageComponent","styleable","incomingProps","ref","width","height","borderRadius","objectPosition","decoding","elementTiming","fetchpriority","isMap","loading","sizes","useMap","onLoad","onError","rest","resolvedWidth","resolvedHeight","finalSource","incomingStyle","Array","isArray","style","Object","assign","flat","resolvedBorderRadius","finalProps","e","_e_nativeEvent","source2","nativeEvent","target","naturalHeight","naturalWidth","type","comp","getSize","getSizeWithHeaders","prefetch","prefetchWithMetadata","abortPrefetch","queryCache"],"sources":["../../src/createImage.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,QAAe,mBAAc;AA2O3B,SAAAC,aAAA,EAAAC,MAAA;AAjMX,IAAAC,mBAAM,YAAAA,CAAuBC,SAAuC;EAClE,QAAQA,SAAA;IACN,KAAK;MACH,OAAO;IACT,KAAK;MACH,OAAO;IACT,KAAK;MACH,OAAO;IACT,KAAK;MACH,OAAO;IACT;MACE,OAAO;EACX;AACF;AAEA,IAAAC,sBAAM,YAAAA,CAA0BC,KAK1B;EACJ;IAAMC,GAAE;IAAAC;EAAK,IAAOF,KAAI;EACxB,IAAI,OAAOC,GAAA,KAAQ,UAAU;IAC3B,OAAO;MACLE,GAAA,EAAKF;IACP;EACF;EACA,IAAIC,MAAA,KAAW,UAAaA,MAAA,KAAW,MAAM,OAAOA,MAAA;EACpD,IAAID,GAAA,KAAQ,UAAaA,GAAA,KAAQ,MAAM,OAAOA,GAAA;EAC9C,OAAO;IACLE,GAAA,EAAKF;EACP;AACF;AAyBO,SAASG,YACdC,OAAA,EACA;EACA;IAAMC,SAAA;IAAAC,wBAAA,GAAAV,mBAAA;IAAAW,kBAAA;IAAAC,sBAAA;IAAAC,eAAA,GAAAX;EAAA,IAAAM,OAAA;EAAA,IACJM,cAAA,sBAAAC,GAAA,EACA,UACA,eACA,cACA,cACF,iBAAI,EAGJ,aAAM,EACJ,gBACA,oBACA,YACA,cACA,YACA,yBACA,oBACA,eACA,cACA,aACA;EAAA,IACAC,WAAA,GAAAjB,MAAA,CAAAU,SAAA;IACAQ,IAAA;EAAA,GACA;IACAC,WAAA,EAAAJ;EAAA,EACA;EACF,IAACK,cAAA,GAAAH,WAAA,CAAAI,SAAA,WAAAC,aAAA,EAAAC,GAAA;IAED,IAAMnB,KAAA,GAAAkB,aAAc;IAClB;MACAjB,GAAA;MACEC,MAAM;MACRkB,KAAA;MACAC,MAAA;MACEC,YAAA;MACFxB,SAAA;MACFyB,cAAA;MAKA;MACEC,QAAM;MACNC,aAAM;MACJC,aAAA;MACAC,KAAA;MACAC,OAAA;MACAC,KAAA;MACAC,MAAA;MACAC,MAAA;MACAC,OAAA;MAAA,GAAAC;IAAA,IAEAjC,KAAA;IAAA,IACAkC,aAAA,UAAAd,KAAA,iBAAAA,KAAA,cAAAzB,aAAA,CAAAyB,KAAA,YAAAA,KAAA;IAAA,IACAe,cAAA,UAAAd,MAAA,iBAAAA,MAAA,cAAA1B,aAAA,CAAA0B,MAAA,YAAAA,MAAA;IAAA,IACAe,WAAA,GAAA1B,eAAA;MACAT,GAAA;MACAC,MAAA;MACAkB,KAAA,EAAAc,aAAA;MACAb,MAAA,EAAAc;IAAA,EACA;IAAA,IACAE,aAAG,GAAAC,KAAA,CAAAC,OAAA,CAAAN,IAAA,CAAAO,KAAA,IAAAC,MAAA,CAAAC,MAAA,QAAAT,IAAA,CAAAO,KAAA,CAAAG,IAAA,MAAAV,IAAA,CAAAO,KAAA;IACL,IAAII,oBAAA,UAAAtB,YAAA,iBAAAA,YAAA,cAAA3B,aAAA,CAAA2B,YAAA,cAAAA,YAAA;IAEJ,IAAAuB,UAAM;MAIN,GAAAZ,IAAM;MAKN/B,MAAM,EAAAkC,WAAc;MAClBI,KAAA;QACA,GAAAH,aAAA;QACA,IAAAO,oBAAO;UACPtB,YAAQ,EAAAsB;QACT;QAED,IAAMV,aAAA,KAAgB,KAAM;UAItBd,KAAA,EAAAc;QAKN;QACE,IAAGC,cAAA;UACHd,MAAQ,EAAAc;QACR;MAAO;IACF;IAC4E,IAC/ErC,SAAI;MAAsD+C,UACtD,CAAArC,kBAAmB,IAAAD,wBAAuB,CAAAT,SAAe;IAAA;IAEjE,IAAAW,sBAAA,IAAAc,cAAA;MAGAsB,UAAI,CAAApC,sBAAW,IAAAc,cAAA;IACb;IACF,IAAAQ,MAAA;MAGAc,UAAI,CAAAd,MAAA,aAA0Be,CAAA;QAC5B,IAAAC,cAAW;QACb,IAAAC,OAAA,IAAAF,CAAA,aAAAA,CAAA,wBAAAC,cAAA,GAAAD,CAAA,CAAAG,WAAA,cAAAF,cAAA,uBAAAA,cAAA,CAAA7C,MAAA,MAAA4C,CAAA,aAAAA,CAAA,uBAAAA,CAAA,CAAA5C,MAAA;QAGI6B,MAAA;UACFmB,MAAA,EAAW;YACTC,aAAe,EAAGH,OAAA,SAAa,IAAAA,OAAa,UAAW,aAAAA,OAAA,CAAA3B,MAAA;YACvD+B,YAAO,EAAAJ,OAAA,aAAAA,OAAA,uBAAAA,OAAA,CAAA5B;UACL;UAAQiC,IACN;QAAuB;MACD;IACxB;IACM,IACRrB,OAAQ;MACVa,UAAA,CAAAb,OAAA;QACFA,OAAA;UAGIqB,IAAA;QACF;MACE;IAAQ;IACA,OACA,eAAA3D,IAAA,CAAAmB,WAAA;MACVM,GAAA;MACF,GAAA0B;IAEA;EACF,CAAC;EAGD,IAAAS,IAAM,GAAAhD,SAAO;EACbU,cAAA,CAAeuC,OAAA,GAAUD,IAAA,CAAKC,OAAA,gBAAkB,CAAC;EACjDvC,cAAA,CAAewC,kBAAA,GAAqBF,IAAA,CAAKE,kBAAA,gBAA6B,CAAC;EACvExC,cAAA,CAAeyC,QAAA,GAAWH,IAAA,CAAKG,QAAA,gBAAmB,CAAC;EACnDzC,cAAA,CAAe0C,oBAAA,GAAuBJ,IAAA,CAAKI,oBAAA,gBAA+B,CAAC;EAC3E1C,cAAA,CAAe2C,aAAA,GAAgBL,IAAA,CAAKK,aAAA,gBAAwB,CAAC;EAC7D3C,cAAA,CAAe4C,UAAA,GAAaN,IAAA,CAAKM,UAAA,gBAAqB,CAAC;EAEvD,OAAO5C,cAAA;AACT","ignoreList":[]}
|
package/dist/jsx/createImage.mjs
CHANGED
|
@@ -17,16 +17,17 @@ const defaultObjectFitMap = objectFit => {
|
|
|
17
17
|
const defaultTransformSource = props => {
|
|
18
18
|
const {
|
|
19
19
|
src,
|
|
20
|
-
source
|
|
21
|
-
width,
|
|
22
|
-
height
|
|
20
|
+
source
|
|
23
21
|
} = props;
|
|
24
|
-
if (
|
|
25
|
-
|
|
22
|
+
if (typeof src === "string") {
|
|
23
|
+
return {
|
|
24
|
+
uri: src
|
|
25
|
+
};
|
|
26
|
+
}
|
|
27
|
+
if (source !== void 0 && source !== null) return source;
|
|
28
|
+
if (src !== void 0 && src !== null) return src;
|
|
26
29
|
return {
|
|
27
|
-
uri: src
|
|
28
|
-
width,
|
|
29
|
-
height
|
|
30
|
+
uri: src
|
|
30
31
|
};
|
|
31
32
|
};
|
|
32
33
|
function createImage(options) {
|
|
@@ -47,6 +48,7 @@ function createImage(options) {
|
|
|
47
48
|
const props = incomingProps;
|
|
48
49
|
const {
|
|
49
50
|
src,
|
|
51
|
+
source,
|
|
50
52
|
width,
|
|
51
53
|
height,
|
|
52
54
|
borderRadius,
|
|
@@ -68,6 +70,7 @@ function createImage(options) {
|
|
|
68
70
|
const resolvedHeight = typeof height === "string" && height[0] === "$" ? getTokenValue(height, "size") : height;
|
|
69
71
|
const finalSource = transformSource({
|
|
70
72
|
src,
|
|
73
|
+
source,
|
|
71
74
|
width: resolvedWidth,
|
|
72
75
|
height: resolvedHeight
|
|
73
76
|
});
|
|
@@ -97,11 +100,11 @@ function createImage(options) {
|
|
|
97
100
|
}
|
|
98
101
|
if (onLoad) {
|
|
99
102
|
finalProps.onLoad = e => {
|
|
100
|
-
const
|
|
103
|
+
const source2 = e?.nativeEvent?.source || e?.source || {};
|
|
101
104
|
onLoad({
|
|
102
105
|
target: {
|
|
103
|
-
naturalHeight:
|
|
104
|
-
naturalWidth:
|
|
106
|
+
naturalHeight: source2?.height,
|
|
107
|
+
naturalWidth: source2?.width
|
|
105
108
|
},
|
|
106
109
|
type: "load"
|
|
107
110
|
});
|
|
@@ -114,7 +117,7 @@ function createImage(options) {
|
|
|
114
117
|
});
|
|
115
118
|
};
|
|
116
119
|
}
|
|
117
|
-
return /* @__PURE__ */jsx(
|
|
120
|
+
return /* @__PURE__ */jsx(StyledImage, {
|
|
118
121
|
ref,
|
|
119
122
|
...finalProps
|
|
120
123
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["getTokenValue","styled","jsx","defaultObjectFitMap","objectFit","defaultTransformSource","props","src","source","
|
|
1
|
+
{"version":3,"names":["getTokenValue","styled","jsx","defaultObjectFitMap","objectFit","defaultTransformSource","props","src","source","uri","createImage","options","Component","mapObjectFitToResizeMode","resizeModePropName","objectPositionPropName","transformSource","inlinePropsSet","Set","StyledImage","name","inlineProps","ImageComponent","styleable","incomingProps","ref","width","height","borderRadius","objectPosition","decoding","elementTiming","fetchpriority","isMap","loading","sizes","useMap","onLoad","onError","rest","resolvedWidth","resolvedHeight","finalSource","incomingStyle","Array","isArray","style","Object","assign","flat","resolvedBorderRadius","finalProps","e","nativeEvent","target","naturalHeight","naturalWidth","type","comp","getSize","getSizeWithHeaders","prefetch","prefetchWithMetadata","abortPrefetch","queryCache"],"sources":["../../src/createImage.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -46,16 +46,17 @@ var defaultObjectFitMap = function (objectFit) {
|
|
|
46
46
|
var defaultTransformSource = function (props) {
|
|
47
47
|
var {
|
|
48
48
|
src,
|
|
49
|
-
source
|
|
50
|
-
width,
|
|
51
|
-
height
|
|
49
|
+
source
|
|
52
50
|
} = props;
|
|
53
|
-
if (
|
|
54
|
-
|
|
51
|
+
if (typeof src === "string") {
|
|
52
|
+
return {
|
|
53
|
+
uri: src
|
|
54
|
+
};
|
|
55
|
+
}
|
|
56
|
+
if (source !== void 0 && source !== null) return source;
|
|
57
|
+
if (src !== void 0 && src !== null) return src;
|
|
55
58
|
return {
|
|
56
|
-
uri: src
|
|
57
|
-
width,
|
|
58
|
-
height
|
|
59
|
+
uri: src
|
|
59
60
|
};
|
|
60
61
|
};
|
|
61
62
|
function createImage(options) {
|
|
@@ -76,6 +77,7 @@ function createImage(options) {
|
|
|
76
77
|
var props = incomingProps;
|
|
77
78
|
var {
|
|
78
79
|
src,
|
|
80
|
+
source,
|
|
79
81
|
width,
|
|
80
82
|
height,
|
|
81
83
|
borderRadius,
|
|
@@ -97,6 +99,7 @@ function createImage(options) {
|
|
|
97
99
|
var resolvedHeight = typeof height === "string" && height[0] === "$" ? (0, import_web.getTokenValue)(height, "size") : height;
|
|
98
100
|
var finalSource = transformSource({
|
|
99
101
|
src,
|
|
102
|
+
source,
|
|
100
103
|
width: resolvedWidth,
|
|
101
104
|
height: resolvedHeight
|
|
102
105
|
});
|
|
@@ -127,11 +130,11 @@ function createImage(options) {
|
|
|
127
130
|
if (onLoad) {
|
|
128
131
|
finalProps.onLoad = function (e) {
|
|
129
132
|
var _e_nativeEvent;
|
|
130
|
-
var
|
|
133
|
+
var source2 = (e === null || e === void 0 ? void 0 : (_e_nativeEvent = e.nativeEvent) === null || _e_nativeEvent === void 0 ? void 0 : _e_nativeEvent.source) || (e === null || e === void 0 ? void 0 : e.source) || {};
|
|
131
134
|
onLoad({
|
|
132
135
|
target: {
|
|
133
|
-
naturalHeight:
|
|
134
|
-
naturalWidth:
|
|
136
|
+
naturalHeight: source2 === null || source2 === void 0 ? void 0 : source2.height,
|
|
137
|
+
naturalWidth: source2 === null || source2 === void 0 ? void 0 : source2.width
|
|
135
138
|
},
|
|
136
139
|
type: "load"
|
|
137
140
|
});
|
|
@@ -144,7 +147,7 @@ function createImage(options) {
|
|
|
144
147
|
});
|
|
145
148
|
};
|
|
146
149
|
}
|
|
147
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
150
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(StyledImage, {
|
|
148
151
|
ref,
|
|
149
152
|
...finalProps
|
|
150
153
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","createImage_exports","createImage","module","exports","import_jsx_runtime","require","import_web","defaultObjectFitMap","objectFit","defaultTransformSource","props","src","source","
|
|
1
|
+
{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","createImage_exports","createImage","module","exports","import_jsx_runtime","require","import_web","defaultObjectFitMap","objectFit","defaultTransformSource","props","src","source","uri","options","Component","mapObjectFitToResizeMode","resizeModePropName","objectPositionPropName","transformSource","inlinePropsSet","Set","StyledImage","styled","inlineProps","ImageComponent","styleable","incomingProps","ref","width","height","borderRadius","objectPosition","decoding","elementTiming","fetchpriority","isMap","loading","sizes","useMap","onLoad","onError","rest","resolvedWidth","getTokenValue","resolvedHeight","finalSource","incomingStyle","Array","isArray","style","assign","flat","resolvedBorderRadius","finalProps","e","_e_nativeEvent","source2","nativeEvent","naturalHeight","naturalWidth","type"],"sources":["../../src/createImage.tsx"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AA2OE,IAAAA,SAAA,GAAAC,MAAA,CAAAC,cAAA;AAjMX,IAAAC,gBAAM,GAAAF,MAAuB,CAAAG,wBAAuC;AAClE,IAAAC,iBAAmB,GAAAJ,MAAA,CAAAK,mBAAA;AAAA,IACjBC,YAAK,GAAAN,MAAA,CAAAO,SAAA,CAAAC,cAAA;AACH,IAAAC,QAAA,GAAOA,CAAAC,MAAA,EAAAC,GAAA;EAAA,KACT,IAAKC,IAAA,IAAAD,GAAA,EACHZ,SAAO,CAAAW,MAAA,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAAA;AAEP,IAAAC,WAAO,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EAAA,IACTF,IAAK,WAAAA,IAAA,wBAAAA,IAAA;IACH,SAAOG,GAAA,IAAAhB,iBAAA,CAAAa,IAAA,GACT,KAAAX,YAAA,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EACEnB,SAAO,CAAAiB,EAAA,EAAAI,GAAA;MAAAP,GAAA,EAAAA,CAAA,KAAAI,IAAA,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EACX;EACF,OAAAE,EAAA;AAEA;AAME,IAAAM,YAAa,GAAAC,GAAO,IAAIR,WAAA,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AACxB,IAAAE,mBAAmB;AACjBhB,QAAA,CAAAgB,mBAAO;EAAAC,WACA,EAAAA,CAAA,KAAAA;AAAA;AACPC,MACF,CAAAC,OAAA,GAAAN,YAAA,CAAAG,mBAAA;AACA,IAAAI,kBAAe,GAAAC,OAAa,oBAAwB;AACpD,IAAAC,UAAY,GAAAD,OAAa,eAAc;AACvC,IAAAE,mBAAO,YAAAA,CAAAC,SAAA;EAAA,QACAA,SAAA;IACP;MACF;IAyBO,KAAS;MAGd,OAAM;IACJ;MACA;IACA;MACA;IACA;MACE;EAGJ;AAA+B;AAC7B,IACAC,sBAAA,YAAAA,CAAAC,KAAA;EAAA,IACA;IAAAC,GAAA;IAAAC;EAAA,IAAAF,KAAA;EAAA,IACA,OAAAC,GAAA;IACA;MACAE,GAAA,EAAAF;IACA;EAAA;EACA,IACAC,MAAA,eAAAA,MAAA,kBAAAA,MAAA;EAAA,IACAD,GAAA,eAAAA,GAAA,kBAAAA,GAAA;EAAA,OACA;IACAE,GAAA,EAAAF;EAAA;AACA;AACA,SACAV,YAAAa,OAAA;EAAA,IACA;IAAAC,SAAA;IAAAC,wBAAA,GAAAT,mBAAA;IAAAU,kBAAA;IAAAC,sBAAA;IAAAC,eAAA,GAAAV;EAAA,IAAAK,OAAA;EACF,IAACM,cAAA,sBAAAC,GAAA,EAED,QAAM,EACJ,eACA,0BACQ,EACR,mBACA,6BACE,EACF,oBACF,YAKA,YAAM,EACJ,UAAM,EACN,uBAAM,oBACJ,eACA,cACA,aACA;EACA,IACAC,WAAA,OAAAhB,UAAA,CAAAiB,MAAA,EAAAR,SAAA;IAAA5B,IACA;EAAA;IAAAqC,WAEA,EAAAJ;EAAA;EACA,IACAK,cAAA,GAAAH,WAAA,CAAAI,SAAA,WAAAC,aAAA,EAAAC,GAAA;IAAA,IACAlB,KAAA,GAAAiB,aAAA;IAAA,IACA;MACAhB,GAAA;MACAC,MAAA;MACAiB,KAAA;MACAC,MAAA;MACAC,YAAG;MACLvB,SAAI;MAEJwB,cAAM;MAIN;MAKAC,QAAM;MACJC,aAAA;MACAC,aAAA;MACAC,KAAA;MACAC,OAAA;MACDC,KAAA;MAEDC,MAAM;MAINC,MAAM;MAKNC,OAAM;MACJ,GAAGC;IAAA,IACHhC,KAAA;IAAQ,IACRiC,aAAO,UAAAd,KAAA,iBAAAA,KAAA,kBAAAvB,UAAA,CAAAsC,aAAA,EAAAf,KAAA,YAAAA,KAAA;IAAA,IACLgB,cAAG,UAAAf,MAAA,iBAAAA,MAAA,kBAAAxB,UAAA,CAAAsC,aAAA,EAAAd,MAAA,YAAAA,MAAA;IAAA,IACHgB,WAAI,GAAA3B,eAAyB;MAAkDR,GAC/E;MAA0DC,MACtD;MACNiB,KAAA,EAAAc,aAAA;MACFb,MAAA,EAAAe;IAGA;IACE,IAAAE,aAAW,GAAAC,KAAA,CAAAC,OAAkB,CAAAP,IAAI,CAAAQ,KAAA,IAAA3E,MAAA,CAAA4E,MAAyB,QAAST,IAAA,CAAAQ,KAAA,CAAAE,IAAA,MAAAV,IAAA,CAAAQ,KAAA;IACrE,IAAAG,oBAAA,UAAAtB,YAAA,iBAAAA,YAAA,kBAAAzB,UAAA,CAAAsC,aAAA,EAAAb,YAAA,cAAAA,YAAA;IAGA,IAAIuB,UAAA;MACF,GAAAZ,IAAA;MACF9B,MAAA,EAAAkC,WAAA;MAGAI,KAAI;QACF,GAAAH,aAAW;QACT,IAAAM,oBAAkB,UAAa;UAC/BtB,YAAO,EAAAsB;QAAA;QACG,IAAAV,aACN,KAAe,UAAQ;UAAAd,KACvB,EAAAc;QAAsB;QACxB,IACAE,cAAM;UACAf,MAAA,EAAAe;QACV;MACF;IAGA;IACE,IAAArC,SAAW;MACT8C,UAAQ,CAAArC,kBAAA,IAAAD,wBAAA,CAAAR,SAAA;IAAA;IACA,IACRU,sBAAQ,IAAAc,cAAA;MACVsB,UAAA,CAAApC,sBAAA,IAAAc,cAAA;IACF;IAEA,IAAAQ,MAAO;MACRc,UAAA,CAAAd,MAAA,aAAAe,CAAA;QAGK,IAAAC,cAAO;QACb,IAAAC,OAAe,IAAAF,CAAA,KAAU,IAAK,IAAAA,CAAA,UAAY,IAAM,UAAAC,cAAA,GAAAD,CAAA,CAAAG,WAAA,cAAAF,cAAA,uBAAAA,cAAA,CAAA5C,MAAA,MAAA2C,CAAA,aAAAA,CAAA,uBAAAA,CAAA,CAAA3C,MAAA;QAAC4B,MAAA;UACjDvD,MAAA,EAAe;YAAwD0E,aAAA,EAAAF,OAAA,aAAAA,OAAA,uBAAAA,OAAA,CAAA3B,MAAA;YACvE8B,YAAe,EAAAH,OAAgB,aAAaA,OAAM,uBAAAA,OAAA,CAAA5B;UAAC;UACnDgC,IAAA;QAA2E;MAC3E;IAA6D;IAC7D,IAAApB,OAAA,EAAe;MAAwCa,UAAA,CAAAb,OAAA;QAEvDA,OAAO;UACToB,IAAA","ignoreList":[]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/image",
|
|
3
|
-
"version": "2.5.
|
|
3
|
+
"version": "2.5.3",
|
|
4
4
|
"source": "src/index.ts",
|
|
5
5
|
"files": [
|
|
6
6
|
"src",
|
|
@@ -34,12 +34,12 @@
|
|
|
34
34
|
"clean:build": "tamagui-build clean:build"
|
|
35
35
|
},
|
|
36
36
|
"dependencies": {
|
|
37
|
-
"@tamagui/constants": "2.5.
|
|
38
|
-
"@tamagui/core": "2.5.
|
|
39
|
-
"@tamagui/web": "2.5.
|
|
37
|
+
"@tamagui/constants": "2.5.3",
|
|
38
|
+
"@tamagui/core": "2.5.3",
|
|
39
|
+
"@tamagui/web": "2.5.3"
|
|
40
40
|
},
|
|
41
41
|
"devDependencies": {
|
|
42
|
-
"@tamagui/build": "2.5.
|
|
42
|
+
"@tamagui/build": "2.5.3",
|
|
43
43
|
"react": ">=19",
|
|
44
44
|
"react-native": "0.83.2"
|
|
45
45
|
},
|
|
@@ -49,7 +49,7 @@
|
|
|
49
49
|
"module:jsx": "dist/jsx",
|
|
50
50
|
"repository": {
|
|
51
51
|
"type": "git",
|
|
52
|
-
"url": "https://github.com/tamagui/tamagui.git",
|
|
52
|
+
"url": "git+https://github.com/tamagui/tamagui.git",
|
|
53
53
|
"directory": "code/ui/image"
|
|
54
54
|
}
|
|
55
55
|
}
|
package/src/createImage.tsx
CHANGED
|
@@ -61,13 +61,16 @@ const defaultTransformSource = (props: {
|
|
|
61
61
|
width?: any
|
|
62
62
|
height?: any
|
|
63
63
|
}) => {
|
|
64
|
-
const { src, source
|
|
65
|
-
if (
|
|
66
|
-
|
|
64
|
+
const { src, source } = props
|
|
65
|
+
if (typeof src === 'string') {
|
|
66
|
+
return {
|
|
67
|
+
uri: src,
|
|
68
|
+
}
|
|
69
|
+
}
|
|
70
|
+
if (source !== undefined && source !== null) return source
|
|
71
|
+
if (src !== undefined && src !== null) return src
|
|
67
72
|
return {
|
|
68
73
|
uri: src,
|
|
69
|
-
width,
|
|
70
|
-
height,
|
|
71
74
|
}
|
|
72
75
|
}
|
|
73
76
|
|
|
@@ -142,6 +145,7 @@ export function createImage<C extends ComponentType<any>>(
|
|
|
142
145
|
const props = incomingProps as any
|
|
143
146
|
const {
|
|
144
147
|
src,
|
|
148
|
+
source,
|
|
145
149
|
width,
|
|
146
150
|
height,
|
|
147
151
|
borderRadius,
|
|
@@ -171,6 +175,7 @@ export function createImage<C extends ComponentType<any>>(
|
|
|
171
175
|
|
|
172
176
|
const finalSource = transformSource({
|
|
173
177
|
src,
|
|
178
|
+
source,
|
|
174
179
|
width: resolvedWidth,
|
|
175
180
|
height: resolvedHeight,
|
|
176
181
|
})
|
|
@@ -228,8 +233,7 @@ export function createImage<C extends ComponentType<any>>(
|
|
|
228
233
|
}
|
|
229
234
|
}
|
|
230
235
|
|
|
231
|
-
|
|
232
|
-
return <Component ref={ref} {...finalProps} />
|
|
236
|
+
return <StyledImage ref={ref} {...finalProps} />
|
|
233
237
|
}) as unknown as ImageType & React.FC<CombinedProps>
|
|
234
238
|
|
|
235
239
|
// Add static methods if the component has them
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createImage.d.ts","sourceRoot":"","sources":["../src/createImage.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AACnD,OAAO,KAAK,EAAE,UAAU,EAAa,MAAM,SAAS,CAAA;AAEpD,KAAK,QAAQ,CAAC,CAAC,IAAI,CAAC,SAAS,aAAa,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,GAAG,KAAK,CAAA;AAE/D,MAAM,MAAM,kBAAkB,CAAC,CAAC,SAAS,aAAa,CAAC,GAAG,CAAC,IAAI;IAC7D;;;OAGG;IACH,SAAS,EAAE,CAAC,CAAA;IACZ;;;OAGG;IACH,wBAAwB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,MAAM,CAAA;IACxD;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B;;;;OAIG;IACH,sBAAsB,CAAC,EAAE,MAAM,CAAA;IAC/B;;;OAGG;IACH,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE;QACxB,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;QACrB,MAAM,CAAC,EAAE,GAAG,CAAA;QACZ,KAAK,CAAC,EAAE,GAAG,CAAA;QACX,MAAM,CAAC,EAAE,GAAG,CAAA;KACb,KAAK,GAAG,CAAA;CACV,CAAA;
|
|
1
|
+
{"version":3,"file":"createImage.d.ts","sourceRoot":"","sources":["../src/createImage.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AACnD,OAAO,KAAK,EAAE,UAAU,EAAa,MAAM,SAAS,CAAA;AAEpD,KAAK,QAAQ,CAAC,CAAC,IAAI,CAAC,SAAS,aAAa,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,GAAG,KAAK,CAAA;AAE/D,MAAM,MAAM,kBAAkB,CAAC,CAAC,SAAS,aAAa,CAAC,GAAG,CAAC,IAAI;IAC7D;;;OAGG;IACH,SAAS,EAAE,CAAC,CAAA;IACZ;;;OAGG;IACH,wBAAwB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,MAAM,CAAA;IACxD;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B;;;;OAIG;IACH,sBAAsB,CAAC,EAAE,MAAM,CAAA;IAC/B;;;OAGG;IACH,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE;QACxB,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;QACrB,MAAM,CAAC,EAAE,GAAG,CAAA;QACZ,KAAK,CAAC,EAAE,GAAG,CAAA;QACX,MAAM,CAAC,EAAE,GAAG,CAAA;KACb,KAAK,GAAG,CAAA;CACV,CAAA;AAoCD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,WAAW,CAAC,CAAC,SAAS,aAAa,CAAC,GAAG,CAAC,EACtD,OAAO,EAAE,kBAAkB,CAAC,CAAC,CAAC;;;;;;;;;;;;;uuKAoJ/B"}
|