@cleartrip/ct-platform-lazy-image 1.0.0-beta.4 → 1.0.0-beta.6

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.
@@ -1,70 +1,2 @@
1
- 'use strict';
2
-
3
- var tslib = require('tslib');
4
- var jsxRuntime = require('react/jsx-runtime');
5
- var react = require('react');
6
- var ctPlatformIoHoc = require('@cleartrip/ct-platform-io-hoc');
7
- var ctPlatformConstants = require('@cleartrip/ct-platform-constants');
8
- var ctPlatformUtils = require('@cleartrip/ct-platform-utils');
9
-
10
- function styleInject(css, ref) {
11
- if (ref === void 0) ref = {};
12
- var insertAt = ref.insertAt;
13
- if (!css || typeof document === 'undefined') {
14
- return;
15
- }
16
- var head = document.head || document.getElementsByTagName('head')[0];
17
- var style = document.createElement('style');
18
- style.type = 'text/css';
19
- if (insertAt === 'top') {
20
- if (head.firstChild) {
21
- head.insertBefore(style, head.firstChild);
22
- } else {
23
- head.appendChild(style);
24
- }
25
- } else {
26
- head.appendChild(style);
27
- }
28
- if (style.styleSheet) {
29
- style.styleSheet.cssText = css;
30
- } else {
31
- style.appendChild(document.createTextNode(css));
32
- }
33
- }
34
-
35
- var css_248z = ".index-module_placeholder__5zI9P{padding:8px}.index-module_placeholder-img__nUyer{height:24px!important;width:auto!important}.index-module_placeholder-img-wrapper__mcqYX{align-items:center;background:#fef5f2;border-radius:8px;display:flex;height:100%;justify-content:center;padding:20px 0;width:100%}";
36
- var styles = {"placeholder":"index-module_placeholder__5zI9P","placeholder-img":"index-module_placeholder-img__nUyer","placeholder-img-wrapper":"index-module_placeholder-img-wrapper__mcqYX"};
37
- styleInject(css_248z);
38
-
39
- var LazyImage = function (_a) {
40
- var src = _a.src, width = _a.width, height = _a.height, _b = _a.isLazy, isLazy = _b === void 0 ? true : _b, _c = _a.inSwiper, inSwiper = _c === void 0 ? false : _c, props = tslib.__rest(_a, ["src", "width", "height", "isLazy", "inSwiper"]);
41
- var _d = react.useState(!isLazy), visible = _d[0], setVisible = _d[1];
42
- var _e = react.useState(isLazy ? ctPlatformConstants.placeholderLogo : src), imgSrc = _e[0], setImgSrc = _e[1];
43
- var showPlaceholders = react.useCallback(function () {
44
- var phWidth = NaN, phHeight = NaN;
45
- var imageWidth = ctPlatformUtils.getWidthFromImgUrl(src);
46
- var imageHeight = ctPlatformUtils.getHeightFromImgUrl(src);
47
- var aspectRatio = imageWidth && imageHeight && imageWidth / imageHeight;
48
- if (!inSwiper) {
49
- phWidth = width || imageWidth;
50
- phHeight = height || imageHeight;
51
- }
52
- return (jsxRuntime.jsx("div", tslib.__assign({ className: "".concat(styles['utilswrapper'], " utilswrapper") }, { children: jsxRuntime.jsx("div", tslib.__assign({ className: styles['placeholder'], style: {
53
- width: inSwiper ? 'auto' : "".concat(phWidth, "px"),
54
- height: inSwiper ? 'auto' : "".concat(phHeight, "px"),
55
- aspectRatio: inSwiper && aspectRatio ? "".concat(aspectRatio) : 'auto',
56
- } }, { children: jsxRuntime.jsx("div", tslib.__assign({ className: styles['placeholder-img-wrapper'] }, { children: jsxRuntime.jsx("img", { src: ctPlatformConstants.placeholderLogo, className: styles['placeholder-img'] }) })) })) })));
57
- }, [src]);
58
- var showContent = react.useCallback(function () {
59
- var img = new Image();
60
- img.onload = function () {
61
- setImgSrc(src);
62
- setVisible(true);
63
- };
64
- img.src = src;
65
- }, [src]);
66
- return (jsxRuntime.jsx(ctPlatformIoHoc.IntersectionObserverHOC, tslib.__assign({ onIntersection: showContent }, { children: visible ? (jsxRuntime.jsx("img", tslib.__assign({ src: imgSrc }, props))) : (jsxRuntime.jsx(jsxRuntime.Fragment, { children: showPlaceholders() })) })));
67
- };
68
-
69
- exports.LazyImage = LazyImage;
1
+ "use strict";var e=require("tslib"),t=require("react/jsx-runtime"),r=require("react"),i=require("@cleartrip/ct-platform-io-hoc"),a=require("@cleartrip/ct-platform-constants"),n=require("@cleartrip/ct-platform-utils");var c="index-module_placeholder__5zI9P",d="index-module_placeholder-img__nUyer",o="index-module_placeholder-img-wrapper__mcqYX";!function(e,t){void 0===t&&(t={});var r=t.insertAt;if(e&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===r&&i.firstChild?i.insertBefore(a,i.firstChild):i.appendChild(a),a.styleSheet?a.styleSheet.cssText=e:a.appendChild(document.createTextNode(e))}}(".index-module_placeholder__5zI9P{padding:8px}.index-module_placeholder-img__nUyer{height:24px!important;width:auto!important}.index-module_placeholder-img-wrapper__mcqYX{align-items:center;background:#fef5f2;border-radius:8px;display:flex;height:100%;justify-content:center;padding:20px 0;width:100%}");exports.LazyImage=function(s){var l=s.src,p=s.width,h=s.height,m=s.isLazy,u=void 0===m||m,g=s.inSwiper,_=void 0!==g&&g,x=e.__rest(s,["src","width","height","isLazy","inSwiper"]),f=r.useState(!u),v=f[0],y=f[1],w=r.useState(u?a.placeholderLogo:l),j=w[0],N=w[1],q=r.useCallback((function(){var r=NaN,i=NaN,s=n.getWidthFromImgUrl(l),m=n.getHeightFromImgUrl(l),u=s&&m&&s/m;return _||(r=p||s,i=h||m),t.jsx("div",{children:t.jsx("div",e.__assign({className:c,style:{width:_?"auto":"".concat(r,"px"),height:_?"auto":"".concat(i,"px"),aspectRatio:_&&u?"".concat(u):"auto"}},{children:t.jsx("div",e.__assign({className:o},{children:t.jsx("img",{src:a.placeholderLogo,className:d})}))}))})}),[l]),I=r.useCallback((function(){var e=new Image;e.onload=function(){N(l),y(!0)},e.src=l}),[l]);return t.jsx(i.IntersectionObserverHOC,e.__assign({onIntersection:I},{children:v?t.jsx("img",e.__assign({src:j},x)):t.jsx(t.Fragment,{children:q()})}))};
70
2
  //# sourceMappingURL=ct-platform-lazy-image.cjs.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ct-platform-lazy-image.cjs.js","sources":["../../../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js","../packages/components/LazyImage/src/LazyImage.tsx"],"sourcesContent":["function styleInject(css, ref) {\n if ( ref === void 0 ) ref = {};\n var insertAt = ref.insertAt;\n\n if (!css || typeof document === 'undefined') { return; }\n\n var head = document.head || document.getElementsByTagName('head')[0];\n var style = document.createElement('style');\n style.type = 'text/css';\n\n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild);\n } else {\n head.appendChild(style);\n }\n } else {\n head.appendChild(style);\n }\n\n if (style.styleSheet) {\n style.styleSheet.cssText = css;\n } else {\n style.appendChild(document.createTextNode(css));\n }\n}\n\nexport default styleInject;\n",null],"names":["styleInject","css","ref","insertAt","document","head","getElementsByTagName","style","createElement","type","firstChild","insertBefore","appendChild","styleSheet","cssText","createTextNode","__rest","useState","placeholderLogo","useCallback","getWidthFromImgUrl","getHeightFromImgUrl","_jsx","__assign","IntersectionObserverHOC","_Fragment"],"mappings":"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","x_google_ignoreList":[0]}
1
+ {"version":3,"file":"ct-platform-lazy-image.cjs.js","sources":["../../../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js","../packages/components/LazyImage/src/LazyImage.tsx"],"sourcesContent":["function styleInject(css, ref) {\n if ( ref === void 0 ) ref = {};\n var insertAt = ref.insertAt;\n\n if (!css || typeof document === 'undefined') { return; }\n\n var head = document.head || document.getElementsByTagName('head')[0];\n var style = document.createElement('style');\n style.type = 'text/css';\n\n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild);\n } else {\n head.appendChild(style);\n }\n } else {\n head.appendChild(style);\n }\n\n if (style.styleSheet) {\n style.styleSheet.cssText = css;\n } else {\n style.appendChild(document.createTextNode(css));\n }\n}\n\nexport default styleInject;\n",null],"names":["css","ref","insertAt","document","head","getElementsByTagName","style","createElement","type","firstChild","insertBefore","appendChild","styleSheet","cssText","createTextNode","_a","src","width","height","_b","isLazy","_c","inSwiper","props","__rest","_d","useState","visible","setVisible","_e","placeholderLogo","imgSrc","setImgSrc","showPlaceholders","useCallback","phWidth","NaN","phHeight","imageWidth","getWidthFromImgUrl","imageHeight","getHeightFromImgUrl","aspectRatio","_jsx","children","__assign","className","styles","concat","jsx","showContent","img","Image","onload","IntersectionObserverHOC","onIntersection","_Fragment"],"mappings":"0VAAA,SAAqBA,EAAKC,QACX,IAARA,IAAiBA,EAAM,CAAA,GAC5B,IAAIC,EAAWD,EAAIC,SAEnB,GAAKF,GAA2B,oBAAbG,SAAnB,CAEA,IAAIC,EAAOD,SAASC,MAAQD,SAASE,qBAAqB,QAAQ,GAC9DC,EAAQH,SAASI,cAAc,SACnCD,EAAME,KAAO,WAEI,QAAbN,GACEE,EAAKK,WACPL,EAAKM,aAAaJ,EAAOF,EAAKK,YAKhCL,EAAKO,YAAYL,GAGfA,EAAMM,WACRN,EAAMM,WAAWC,QAAUb,EAE3BM,EAAMK,YAAYR,SAASW,eAAed,GAnBW,CAqBzD,oUCV4C,SAACe,GACzC,IAAAC,EAAGD,EAAAC,IACHC,EAAKF,EAAAE,MACLC,EAAMH,EAAAG,OACNC,EAAaJ,EAAAK,OAAbA,OAAM,IAAAD,GAAOA,EACbE,EAAgBN,EAAAO,SAAhBA,OAAQ,IAAAD,GAAQA,EACbE,EANsCC,EAAAA,OAAAT,EAAA,CAAA,MAAA,QAAA,SAAA,SAAA,aAQnCU,EAAwBC,EAAAA,UAAUN,GAAjCO,EAAOF,EAAA,GAAEG,EAAUH,EAAA,GACpBI,EAAsBH,EAAQA,SAACN,EAASU,EAAAA,gBAAkBd,GAAzDe,OAAQC,OAETC,EAAmBC,EAAAA,aAAY,WACjC,IAAIC,EAAkBC,IAClBC,EAAmBD,IACjBE,EAAaC,qBAAmBvB,GAChCwB,EAAcC,sBAAoBzB,GAClC0B,EACFJ,GAAcE,GAAeF,EAAaE,EAO9C,OALKlB,IACDa,EAAUlB,GAAUqB,EACpBD,EAAWnB,GAAWsB,GAItBG,MACI,MAAA,CAAAC,SAAAD,EAAAA,IAAA,MAAAE,EAAAA,SAAA,CACIC,UAAWC,EACXzC,MAAO,CACHW,MAAOK,EAAW,OAAS,GAAG0B,OAAAb,EAAW,MACzCjB,OAAQI,EAAW,OAAS,GAAG0B,OAAAX,EAAY,MAC3CK,YACIpB,GAAYoB,EAAc,GAAAM,OAAGN,GAAgB,SAGrD,CAAAE,SAAAD,EAAAM,IAAA,MAAAJ,EAAAA,SAAA,CAAKC,UAAWC,GAAiC,CAAAH,SAC7CD,EAAAA,IACI,MAAA,CAAA3B,IAAKc,kBACLgB,UAAWC,WAMnC,GAAG,CAAC/B,IAEEkC,EAAchB,EAAAA,aAAY,WAC5B,IAAMiB,EAAM,IAAIC,MAEhBD,EAAIE,OAAS,WACTrB,EAAUhB,GACVY,GAAW,EACf,EAEAuB,EAAInC,IAAMA,CACd,GAAG,CAACA,IAEJ,OACI2B,MAACW,EAAAA,wBAAuBT,EAAAA,SAAA,CAACU,eAAgBL,GACpC,CAAAN,SAAAjB,EACGgB,wBAAK3B,IAAKe,GAAYR,IAEtBoB,EAAAA,IAAGa,EAAAA,SAAA,CAAAZ,SAAAX,QAInB","x_google_ignoreList":[0]}
@@ -1,68 +1,2 @@
1
- import { __rest, __assign } from 'tslib';
2
- import { jsx, Fragment } from 'react/jsx-runtime';
3
- import { useState, useCallback } from 'react';
4
- import { IntersectionObserverHOC } from '@cleartrip/ct-platform-io-hoc';
5
- import { placeholderLogo } from '@cleartrip/ct-platform-constants';
6
- import { getWidthFromImgUrl, getHeightFromImgUrl } from '@cleartrip/ct-platform-utils';
7
-
8
- function styleInject(css, ref) {
9
- if (ref === void 0) ref = {};
10
- var insertAt = ref.insertAt;
11
- if (!css || typeof document === 'undefined') {
12
- return;
13
- }
14
- var head = document.head || document.getElementsByTagName('head')[0];
15
- var style = document.createElement('style');
16
- style.type = 'text/css';
17
- if (insertAt === 'top') {
18
- if (head.firstChild) {
19
- head.insertBefore(style, head.firstChild);
20
- } else {
21
- head.appendChild(style);
22
- }
23
- } else {
24
- head.appendChild(style);
25
- }
26
- if (style.styleSheet) {
27
- style.styleSheet.cssText = css;
28
- } else {
29
- style.appendChild(document.createTextNode(css));
30
- }
31
- }
32
-
33
- var css_248z = ".index-module_placeholder__5zI9P{padding:8px}.index-module_placeholder-img__nUyer{height:24px!important;width:auto!important}.index-module_placeholder-img-wrapper__mcqYX{align-items:center;background:#fef5f2;border-radius:8px;display:flex;height:100%;justify-content:center;padding:20px 0;width:100%}";
34
- var styles = {"placeholder":"index-module_placeholder__5zI9P","placeholder-img":"index-module_placeholder-img__nUyer","placeholder-img-wrapper":"index-module_placeholder-img-wrapper__mcqYX"};
35
- styleInject(css_248z);
36
-
37
- var LazyImage = function (_a) {
38
- var src = _a.src, width = _a.width, height = _a.height, _b = _a.isLazy, isLazy = _b === void 0 ? true : _b, _c = _a.inSwiper, inSwiper = _c === void 0 ? false : _c, props = __rest(_a, ["src", "width", "height", "isLazy", "inSwiper"]);
39
- var _d = useState(!isLazy), visible = _d[0], setVisible = _d[1];
40
- var _e = useState(isLazy ? placeholderLogo : src), imgSrc = _e[0], setImgSrc = _e[1];
41
- var showPlaceholders = useCallback(function () {
42
- var phWidth = NaN, phHeight = NaN;
43
- var imageWidth = getWidthFromImgUrl(src);
44
- var imageHeight = getHeightFromImgUrl(src);
45
- var aspectRatio = imageWidth && imageHeight && imageWidth / imageHeight;
46
- if (!inSwiper) {
47
- phWidth = width || imageWidth;
48
- phHeight = height || imageHeight;
49
- }
50
- return (jsx("div", __assign({ className: "".concat(styles['utilswrapper'], " utilswrapper") }, { children: jsx("div", __assign({ className: styles['placeholder'], style: {
51
- width: inSwiper ? 'auto' : "".concat(phWidth, "px"),
52
- height: inSwiper ? 'auto' : "".concat(phHeight, "px"),
53
- aspectRatio: inSwiper && aspectRatio ? "".concat(aspectRatio) : 'auto',
54
- } }, { children: jsx("div", __assign({ className: styles['placeholder-img-wrapper'] }, { children: jsx("img", { src: placeholderLogo, className: styles['placeholder-img'] }) })) })) })));
55
- }, [src]);
56
- var showContent = useCallback(function () {
57
- var img = new Image();
58
- img.onload = function () {
59
- setImgSrc(src);
60
- setVisible(true);
61
- };
62
- img.src = src;
63
- }, [src]);
64
- return (jsx(IntersectionObserverHOC, __assign({ onIntersection: showContent }, { children: visible ? (jsx("img", __assign({ src: imgSrc }, props))) : (jsx(Fragment, { children: showPlaceholders() })) })));
65
- };
66
-
67
- export { LazyImage };
1
+ import{__rest as e,__assign as t}from"tslib";import{jsx as i,Fragment as r}from"react/jsx-runtime";import{useState as o,useCallback as a}from"react";import{IntersectionObserverHOC as n}from"@cleartrip/ct-platform-io-hoc";import{placeholderLogo as d}from"@cleartrip/ct-platform-constants";import{getWidthFromImgUrl as c,getHeightFromImgUrl as l}from"@cleartrip/ct-platform-utils";var m="index-module_placeholder__5zI9P",p="index-module_placeholder-img__nUyer",s="index-module_placeholder-img-wrapper__mcqYX";!function(e,t){void 0===t&&(t={});var i=t.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===i&&r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}(".index-module_placeholder__5zI9P{padding:8px}.index-module_placeholder-img__nUyer{height:24px!important;width:auto!important}.index-module_placeholder-img-wrapper__mcqYX{align-items:center;background:#fef5f2;border-radius:8px;display:flex;height:100%;justify-content:center;padding:20px 0;width:100%}");var h=function(h){var u=h.src,f=h.width,g=h.height,x=h.isLazy,_=void 0===x||x,v=h.inSwiper,y=void 0!==v&&v,w=e(h,["src","width","height","isLazy","inSwiper"]),N=o(!_),z=N[0],C=N[1],I=o(_?d:u),S=I[0],b=I[1],T=a((function(){var e=NaN,r=NaN,o=c(u),a=l(u),n=o&&a&&o/a;return y||(e=f||o,r=g||a),i("div",{children:i("div",t({className:m,style:{width:y?"auto":"".concat(e,"px"),height:y?"auto":"".concat(r,"px"),aspectRatio:y&&n?"".concat(n):"auto"}},{children:i("div",t({className:s},{children:i("img",{src:d,className:p})}))}))})}),[u]),j=a((function(){var e=new Image;e.onload=function(){b(u),C(!0)},e.src=u}),[u]);return i(n,t({onIntersection:j},{children:z?i("img",t({src:S},w)):i(r,{children:T()})}))};export{h as LazyImage};
68
2
  //# sourceMappingURL=ct-platform-lazy-image.esm.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ct-platform-lazy-image.esm.js","sources":["../../../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js","../packages/components/LazyImage/src/LazyImage.tsx"],"sourcesContent":["function styleInject(css, ref) {\n if ( ref === void 0 ) ref = {};\n var insertAt = ref.insertAt;\n\n if (!css || typeof document === 'undefined') { return; }\n\n var head = document.head || document.getElementsByTagName('head')[0];\n var style = document.createElement('style');\n style.type = 'text/css';\n\n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild);\n } else {\n head.appendChild(style);\n }\n } else {\n head.appendChild(style);\n }\n\n if (style.styleSheet) {\n style.styleSheet.cssText = css;\n } else {\n style.appendChild(document.createTextNode(css));\n }\n}\n\nexport default styleInject;\n",null],"names":["styleInject","css","ref","insertAt","document","head","getElementsByTagName","style","createElement","type","firstChild","insertBefore","appendChild","styleSheet","cssText","createTextNode","_jsx","_Fragment"],"mappings":";;;;;;;AAAA,SAASA,WAAWA,CAACC,GAAG,EAAEC,GAAG,EAAE;EAC7B,IAAKA,GAAG,KAAK,KAAK,CAAC,EAAGA,GAAG,GAAG,EAAE,CAAA;AAC9B,EAAA,IAAIC,QAAQ,GAAGD,GAAG,CAACC,QAAQ,CAAA;AAE3B,EAAA,IAAI,CAACF,GAAG,IAAI,OAAOG,QAAQ,KAAK,WAAW,EAAE;AAAE,IAAA,OAAA;AAAQ,GAAA;AAEvD,EAAA,IAAIC,IAAI,GAAGD,QAAQ,CAACC,IAAI,IAAID,QAAQ,CAACE,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAA;AACpE,EAAA,IAAIC,KAAK,GAAGH,QAAQ,CAACI,aAAa,CAAC,OAAO,CAAC,CAAA;EAC3CD,KAAK,CAACE,IAAI,GAAG,UAAU,CAAA;EAEvB,IAAIN,QAAQ,KAAK,KAAK,EAAE;IACtB,IAAIE,IAAI,CAACK,UAAU,EAAE;MACnBL,IAAI,CAACM,YAAY,CAACJ,KAAK,EAAEF,IAAI,CAACK,UAAU,CAAC,CAAA;AAC3C,KAAC,MAAM;AACLL,MAAAA,IAAI,CAACO,WAAW,CAACL,KAAK,CAAC,CAAA;AACzB,KAAA;AACF,GAAC,MAAM;AACLF,IAAAA,IAAI,CAACO,WAAW,CAACL,KAAK,CAAC,CAAA;AACzB,GAAA;EAEA,IAAIA,KAAK,CAACM,UAAU,EAAE;AACpBN,IAAAA,KAAK,CAACM,UAAU,CAACC,OAAO,GAAGb,GAAG,CAAA;AAChC,GAAC,MAAM;IACLM,KAAK,CAACK,WAAW,CAACR,QAAQ,CAACW,cAAc,CAACd,GAAG,CAAC,CAAC,CAAA;AACjD,GAAA;AACF;;;;;;ACVM,IAAA,SAAS,GAA6B,UAAC,EAO5C,EAAA;IANG,IAAA,GAAG,GAAA,EAAA,CAAA,GAAA,EACH,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,EAAa,GAAA,EAAA,CAAA,MAAA,EAAb,MAAM,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,IAAI,GAAA,EAAA,EACb,EAAgB,GAAA,EAAA,CAAA,QAAA,EAAhB,QAAQ,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAA,EAAA,EACb,KAAK,GANiC,MAAA,CAAA,EAAA,EAAA,CAAA,KAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,UAAA,CAO5C,CADW,CAAA;AAEF,IAAA,IAAA,EAAwB,GAAA,QAAQ,CAAC,CAAC,MAAM,CAAC,EAAxC,OAAO,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,UAAU,GAAA,EAAA,CAAA,CAAA,CAAqB,CAAC;AAC1C,IAAA,IAAA,KAAsB,QAAQ,CAAC,MAAM,GAAG,eAAe,GAAG,GAAG,CAAC,EAA7D,MAAM,QAAA,EAAE,SAAS,QAA4C,CAAC;IAErE,IAAM,gBAAgB,GAAG,WAAW,CAAC,YAAA;AACjC,QAAA,IAAI,OAAO,GAAW,GAAG,EACrB,QAAQ,GAAW,GAAG,CAAC;AAC3B,QAAA,IAAM,UAAU,GAAG,kBAAkB,CAAC,GAAG,CAAC,CAAC;AAC3C,QAAA,IAAM,WAAW,GAAG,mBAAmB,CAAC,GAAG,CAAC,CAAC;QAC7C,IAAM,WAAW,GACb,UAAU,IAAI,WAAW,IAAI,UAAU,GAAG,WAAW,CAAC;QAE1D,IAAI,CAAC,QAAQ,EAAE;AACX,YAAA,OAAO,GAAG,KAAK,IAAK,UAAqB,CAAC;AAC1C,YAAA,QAAQ,GAAG,MAAM,IAAK,WAAsB,CAAC;AAChD,SAAA;QAED,QACIe,sBAAK,SAAS,EAAE,UAAG,MAAM,CAAC,cAAc,CAAC,EAAA,eAAA,CAAe,gBACpDA,GACI,CAAA,KAAA,EAAA,QAAA,CAAA,EAAA,SAAS,EAAE,MAAM,CAAC,aAAa,CAAC,EAChC,KAAK,EAAE;oBACH,KAAK,EAAE,QAAQ,GAAG,MAAM,GAAG,EAAG,CAAA,MAAA,CAAA,OAAO,EAAI,IAAA,CAAA;oBACzC,MAAM,EAAE,QAAQ,GAAG,MAAM,GAAG,EAAG,CAAA,MAAA,CAAA,QAAQ,EAAI,IAAA,CAAA;AAC3C,oBAAA,WAAW,EACP,QAAQ,IAAI,WAAW,GAAG,EAAA,CAAA,MAAA,CAAG,WAAW,CAAE,GAAG,MAAM;iBAC1D,EAED,EAAA,EAAA,QAAA,EAAAA,GAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAK,SAAS,EAAE,MAAM,CAAC,yBAAyB,CAAC,EAAA,EAAA,EAAA,QAAA,EAC7CA,GACI,CAAA,KAAA,EAAA,EAAA,GAAG,EAAE,eAAe,EACpB,SAAS,EAAE,MAAM,CAAC,iBAAiB,CAAC,GACtC,EACA,CAAA,CAAA,EAAA,CAAA,CACJ,EACJ,CAAA,CAAA,EACR;AACN,KAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAEV,IAAM,WAAW,GAAG,WAAW,CAAC,YAAA;AAC5B,QAAA,IAAM,GAAG,GAAG,IAAI,KAAK,EAAE,CAAC;QAExB,GAAG,CAAC,MAAM,GAAG,YAAA;YACT,SAAS,CAAC,GAAG,CAAC,CAAC;YACf,UAAU,CAAC,IAAI,CAAC,CAAC;AACrB,SAAC,CAAC;AAEF,QAAA,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC;AAClB,KAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;AAEV,IAAA,QACIA,GAAA,CAAC,uBAAuB,EAAA,QAAA,CAAA,EAAC,cAAc,EAAE,WAAW,EAC/C,EAAA,EAAA,QAAA,EAAA,OAAO,IACJA,sBAAK,GAAG,EAAE,MAAM,EAAA,EAAM,KAAK,CAAA,CAAI,KAE/BA,GAAG,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,gBAAgB,EAAE,EAAA,CAAI,CAC5B,EAAA,CAAA,CACqB,EAC5B;AACN;;;;","x_google_ignoreList":[0]}
1
+ {"version":3,"file":"ct-platform-lazy-image.esm.js","sources":["../../../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js","../packages/components/LazyImage/src/LazyImage.tsx"],"sourcesContent":["function styleInject(css, ref) {\n if ( ref === void 0 ) ref = {};\n var insertAt = ref.insertAt;\n\n if (!css || typeof document === 'undefined') { return; }\n\n var head = document.head || document.getElementsByTagName('head')[0];\n var style = document.createElement('style');\n style.type = 'text/css';\n\n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild);\n } else {\n head.appendChild(style);\n }\n } else {\n head.appendChild(style);\n }\n\n if (style.styleSheet) {\n style.styleSheet.cssText = css;\n } else {\n style.appendChild(document.createTextNode(css));\n }\n}\n\nexport default styleInject;\n",null],"names":["css","ref","insertAt","document","head","getElementsByTagName","style","createElement","type","firstChild","insertBefore","appendChild","styleSheet","cssText","createTextNode","LazyImage","_a","src","width","height","_b","isLazy","_c","inSwiper","props","__rest","_d","useState","visible","setVisible","_e","placeholderLogo","imgSrc","setImgSrc","showPlaceholders","useCallback","phWidth","NaN","phHeight","imageWidth","getWidthFromImgUrl","imageHeight","getHeightFromImgUrl","aspectRatio","_jsx","children","__assign","className","styles","concat","showContent","img","Image","onload","IntersectionObserverHOC","onIntersection","_Fragment"],"mappings":"4fAAA,SAAqBA,EAAKC,QACX,IAARA,IAAiBA,EAAM,CAAA,GAC5B,IAAIC,EAAWD,EAAIC,SAEnB,GAAKF,GAA2B,oBAAbG,SAAnB,CAEA,IAAIC,EAAOD,SAASC,MAAQD,SAASE,qBAAqB,QAAQ,GAC9DC,EAAQH,SAASI,cAAc,SACnCD,EAAME,KAAO,WAEI,QAAbN,GACEE,EAAKK,WACPL,EAAKM,aAAaJ,EAAOF,EAAKK,YAKhCL,EAAKO,YAAYL,GAGfA,EAAMM,WACRN,EAAMM,WAAWC,QAAUb,EAE3BM,EAAMK,YAAYR,SAASW,eAAed,GAnBW,CAqBzD,kTCVM,IAAAe,EAAsC,SAACC,GACzC,IAAAC,EAAGD,EAAAC,IACHC,EAAKF,EAAAE,MACLC,EAAMH,EAAAG,OACNC,EAAaJ,EAAAK,OAAbA,OAAM,IAAAD,GAAOA,EACbE,EAAgBN,EAAAO,SAAhBA,OAAQ,IAAAD,GAAQA,EACbE,EANsCC,EAAAT,EAAA,CAAA,MAAA,QAAA,SAAA,SAAA,aAQnCU,EAAwBC,GAAUN,GAAjCO,EAAOF,EAAA,GAAEG,EAAUH,EAAA,GACpBI,EAAsBH,EAASN,EAASU,EAAkBd,GAAzDe,OAAQC,OAETC,EAAmBC,GAAY,WACjC,IAAIC,EAAkBC,IAClBC,EAAmBD,IACjBE,EAAaC,EAAmBvB,GAChCwB,EAAcC,EAAoBzB,GAClC0B,EACFJ,GAAcE,GAAeF,EAAaE,EAO9C,OALKlB,IACDa,EAAUlB,GAAUqB,EACpBD,EAAWnB,GAAWsB,GAItBG,EACI,MAAA,CAAAC,SAAAD,EAAA,MAAAE,EAAA,CACIC,UAAWC,EACX1C,MAAO,CACHY,MAAOK,EAAW,OAAS,GAAG0B,OAAAb,EAAW,MACzCjB,OAAQI,EAAW,OAAS,GAAG0B,OAAAX,EAAY,MAC3CK,YACIpB,GAAYoB,EAAc,GAAAM,OAAGN,GAAgB,SAGrD,CAAAE,SAAAD,EAAA,MAAAE,EAAA,CAAKC,UAAWC,GAAiC,CAAAH,SAC7CD,EACI,MAAA,CAAA3B,IAAKc,EACLgB,UAAWC,WAMnC,GAAG,CAAC/B,IAEEiC,EAAcf,GAAY,WAC5B,IAAMgB,EAAM,IAAIC,MAEhBD,EAAIE,OAAS,WACTpB,EAAUhB,GACVY,GAAW,EACf,EAEAsB,EAAIlC,IAAMA,CACd,GAAG,CAACA,IAEJ,OACI2B,EAACU,EAAuBR,EAAA,CAACS,eAAgBL,GACpC,CAAAL,SAAAjB,EACGgB,WAAK3B,IAAKe,GAAYR,IAEtBoB,EAAGY,EAAA,CAAAX,SAAAX,QAInB","x_google_ignoreList":[0]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cleartrip/ct-platform-lazy-image",
3
- "version": "1.0.0-beta.4",
3
+ "version": "1.0.0-beta.6",
4
4
  "description": "Lazy Image Component",
5
5
  "types": "dist/index.d.ts",
6
6
  "main": "dist/ct-platform-lazy-image.cjs.js",
@@ -11,9 +11,9 @@
11
11
  ],
12
12
  "devDependencies": {},
13
13
  "dependencies": {
14
- "@cleartrip/ct-platform-constants": "1.0.0-beta.2",
15
- "@cleartrip/ct-platform-io-hoc": "1.0.0-beta.2",
16
- "@cleartrip/ct-platform-utils": "1.0.0-beta.2"
14
+ "@cleartrip/ct-platform-io-hoc": "1.0.0-beta.3",
15
+ "@cleartrip/ct-platform-constants": "1.0.0-beta.3",
16
+ "@cleartrip/ct-platform-utils": "1.0.0-beta.3"
17
17
  },
18
18
  "peerDependencies": {
19
19
  "react": ">=16.8.0",