@planetaexo/design-system 0.58.1 → 0.58.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/dist/index.cjs +10 -4
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +10 -4
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -10118,12 +10118,14 @@ function Picture(_a) {
|
|
|
10118
10118
|
onError == null ? void 0 : onError(e);
|
|
10119
10119
|
};
|
|
10120
10120
|
const showLoader = visible && !loaded;
|
|
10121
|
+
const hideImg = visible && !loaded;
|
|
10122
|
+
const mergedStyle = __spreadValues(__spreadValues({}, imgProps.style), hideImg ? { opacity: 0 } : {});
|
|
10121
10123
|
if (!webp) {
|
|
10122
10124
|
return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
10123
10125
|
showLoader && /* @__PURE__ */ jsxRuntime.jsx(PictureLoader, {}),
|
|
10124
10126
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
10125
10127
|
"img",
|
|
10126
|
-
__spreadValues({
|
|
10128
|
+
__spreadProps(__spreadValues({
|
|
10127
10129
|
ref,
|
|
10128
10130
|
src: realSrc,
|
|
10129
10131
|
"data-src": visible ? void 0 : src,
|
|
@@ -10131,7 +10133,9 @@ function Picture(_a) {
|
|
|
10131
10133
|
loading: loading != null ? loading : eager ? void 0 : "lazy",
|
|
10132
10134
|
onLoad: handleLoad,
|
|
10133
10135
|
onError: handleError
|
|
10134
|
-
}, imgProps)
|
|
10136
|
+
}, imgProps), {
|
|
10137
|
+
style: mergedStyle
|
|
10138
|
+
})
|
|
10135
10139
|
)
|
|
10136
10140
|
] });
|
|
10137
10141
|
}
|
|
@@ -10142,7 +10146,7 @@ function Picture(_a) {
|
|
|
10142
10146
|
extraSources,
|
|
10143
10147
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
10144
10148
|
"img",
|
|
10145
|
-
__spreadValues({
|
|
10149
|
+
__spreadProps(__spreadValues({
|
|
10146
10150
|
ref,
|
|
10147
10151
|
src: realSrc,
|
|
10148
10152
|
"data-src": visible ? void 0 : src,
|
|
@@ -10151,7 +10155,9 @@ function Picture(_a) {
|
|
|
10151
10155
|
loading: loading != null ? loading : eager ? void 0 : "lazy",
|
|
10152
10156
|
onLoad: handleLoad,
|
|
10153
10157
|
onError: handleError
|
|
10154
|
-
}, imgProps)
|
|
10158
|
+
}, imgProps), {
|
|
10159
|
+
style: mergedStyle
|
|
10160
|
+
})
|
|
10155
10161
|
)
|
|
10156
10162
|
] })
|
|
10157
10163
|
] });
|