@cleartrip/ct-platform-lazy-image 3.9.1-beta.9 → 3.9.2

package/dist/LazyImage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LazyImage.d.ts","sourceRoot":"","sources":["../packages/components/LazyImage/src/LazyImage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAa9D,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAoHvC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"LazyImage.d.ts","sourceRoot":"","sources":["../packages/components/LazyImage/src/LazyImage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAW9D,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAOnD,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAgHvC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/LazyImage.types.d.ts

@@ -1,4 +1,3 @@
-import { CSSProperties } from 'react';
 export interface LazyImageProps {
     src: string;
     width?: number;
@@ -7,7 +6,6 @@ export interface LazyImageProps {
     inSwiper?: boolean;
     isLoading?: boolean;
     customPlaceholder?: string;
-    imgStyles?: CSSProperties;
     [key: string]: any;
 }
 //# sourceMappingURL=LazyImage.types.d.ts.map

package/dist/LazyImage.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LazyImage.types.d.ts","sourceRoot":"","sources":["../packages/components/LazyImage/src/LazyImage.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,MAAM,WAAW,cAAc;IAC3B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,aAAa,CAAC;IAE1B,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB"}
+{"version":3,"file":"LazyImage.types.d.ts","sourceRoot":"","sources":["../packages/components/LazyImage/src/LazyImage.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,cAAc;IAC3B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB"}

package/dist/ct-platform-lazy-image.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),t=require("react/jsx-runtime"),i=require("react"),a=require("@cleartrip/ct-platform-io-hoc"),r=require("@cleartrip/ct-platform-constants"),s=require("@cleartrip/ct-platform-utils");var o="index-module_placeholder__5zI9P",c="index-module_placeholder-img__nUyer",n="index-module_placeholder-img-wrapper__mcqYX";!function(e,t){void 0===t&&(t={});var i=t.insertAt;if("undefined"!=typeof document){var a=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css","top"===i&&a.firstChild?a.insertBefore(r,a.firstChild):a.appendChild(r),r.styleSheet?r.styleSheet.cssText=e:r.appendChild(document.createTextNode(e))}}(".index-module_placeholder__5zI9P{box-sizing:border-box;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;width:100%}");exports.LazyImage=function(d){var l=d.src,h=d.width,p=d.height,g=d.isLazy,m=void 0===g||g,u=d.inSwiper,_=void 0!==u&&u,x=d.isLoading,y=void 0!==x&&x,f=d.customPlaceholder,v=d.imgStyles,j=e.__rest(d,["src","width","height","isLazy","inSwiper","isLoading","customPlaceholder","imgStyles"]),w=i.useState(!m),b=w[0],q=w[1],I=i.useState(m?f||r.placeholderLogo:l),S=I[0],C=I[1],L=i.useMemo((function(){var e=s.getWidthFromImgUrl(l),t=s.getHeightFromImgUrl(l),i=e&&t&&e/t;return _?{}:{phWidth:h||e,phHeight:p||t,aspectRatio:_&&i?"".concat(i):"auto"}}),[l]),R=i.useCallback((function(){return t.jsx("div",e.__assign({style:{height:"100%"}},{children:t.jsx("div",e.__assign({className:f?"":o,style:{width:_?"auto":"".concat(L.phWidth,"px"),height:_?"100%":"".concat(L.phHeight,"px"),aspectRatio:_&&L.aspectRatio?"".concat(L.aspectRatio):"auto"}},{children:f?t.jsx("img",{src:f,alt:"placeholder_image",style:v,fetchPriority:"high"}):t.jsx("div",e.__assign({className:n},{children:t.jsx("img",{src:r.placeholderLogo,className:c,style:v})}))}))}))}),[L,y]),z=i.useCallback((function(){var e=new Image;e.onload=function(){C(l),q(!0)},e.src=l}),[l]);return t.jsx(a.IntersectionObserverHOC,e.__assign({onIntersection:z},{children:b?y?t.jsx(t.Fragment,{children:R()}):t.jsx("div",e.__assign({style:{width:_?"auto":"".concat(L.phWidth,"px"),height:_?"auto":"".concat(L.phHeight,"px"),aspectRatio:_&&L.aspectRatio?"".concat(L.aspectRatio):"auto"}},{children:t.jsx("img",e.__assign({src:S},j,{style:e.__assign({width:"100%",height:"100%"},v)}))})):t.jsx(t.Fragment,{children:R()})}))};
+"use strict";var t=require("tslib"),e=require("react/jsx-runtime"),i=require("react"),a=require("@cleartrip/ct-platform-io-hoc"),r=require("@cleartrip/ct-platform-constants"),s=require("@cleartrip/ct-platform-utils"),c={padding:"8px",boxSizing:"border-box"},o={height:"24px",width:"auto"},n={width:"100%",height:"100%",display:"flex",borderRadius:"8px",alignItems:"center",background:"#fef5f2",justifyContent:"center"};exports.LazyImage=function(h){var l=h.src,g=h.width,d=h.height,p=h.isLazy,u=void 0===p||p,x=h.inSwiper,m=void 0!==x&&x,_=h.isLoading,f=void 0!==_&&_,j=h.customPlaceholder,v=t.__rest(h,["src","width","height","isLazy","inSwiper","isLoading","customPlaceholder"]),y=i.useState(!u),w=y[0],b=y[1],R=i.useState(u?j||r.placeholderLogo:l),I=R[0],L=R[1],q=i.useMemo((function(){var t=s.getWidthFromImgUrl(l),e=s.getHeightFromImgUrl(l),i=t&&e&&t/e;return m?{}:{phWidth:g||t,phHeight:d||e,aspectRatio:m&&i?"".concat(i):"auto"}}),[l]),H=i.useCallback((function(){return e.jsx("div",t.__assign({style:{height:"100%"}},{children:e.jsx("div",t.__assign({style:t.__assign(t.__assign({},j?{}:c),{width:m?"auto":"".concat(q.phWidth,"px"),height:m?"100%":"".concat(q.phHeight,"px"),aspectRatio:m&&q.aspectRatio?"".concat(q.aspectRatio):"auto"})},{children:j?e.jsx("img",{src:j,alt:"placeholder_image",fetchPriority:"high"}):e.jsx("div",t.__assign({style:n},{children:e.jsx("img",{src:r.placeholderLogo,style:o})}))}))}))}),[q,f]),S=i.useCallback((function(){var t=new Image;t.onload=function(){L(l),b(!0)},t.src=l}),[l]);return e.jsx(a.IntersectionObserverHOC,t.__assign({onIntersection:S},{children:w?f?e.jsx(e.Fragment,{children:H()}):e.jsx("div",t.__assign({style:{width:m?"auto":"".concat(q.phWidth,"px"),height:m?"auto":"".concat(q.phHeight,"px"),aspectRatio:m&&q.aspectRatio?"".concat(q.aspectRatio):"auto"}},{children:e.jsx("img",t.__assign({src:I},v,{style:{width:"100%",height:"100%"}}))})):e.jsx(e.Fragment,{children:H()})}))};
 //# sourceMappingURL=ct-platform-lazy-image.cjs.js.map

package/dist/ct-platform-lazy-image.cjs.js.map

@@ -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":["css","ref","insertAt","document","head","getElementsByTagName","style","createElement","type","firstChild","insertBefore","appendChild","styleSheet","cssText","createTextNode","_a","src","width","height","_b","isLazy","_c","inSwiper","_d","isLoading","customPlaceholder","imgStyles","props","__rest","_e","useState","visible","setVisible","_f","placeholderLogo","imgSrc","setImgSrc","phDimensions","useMemo","imageWidth","getWidthFromImgUrl","imageHeight","getHeightFromImgUrl","aspectRatio","phWidth","phHeight","concat","showPlaceholders","useCallback","_jsx","jsx","__assign","children","className","styles","alt","fetchPriority","showContent","img","Image","onload","IntersectionObserverHOC","onIntersection","_Fragment"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"ct-platform-lazy-image.cjs.js","sources":["../packages/components/LazyImage/src/styles.ts","../packages/components/LazyImage/src/LazyImage.tsx"],"sourcesContent":[null,null],"names":["PLACEHOLDER_STYLES","padding","boxSizing","PLACEHOLDER_IMG_STYLES","height","width","PLACEHOLDER_IMG_WRAPPER","display","borderRadius","alignItems","background","justifyContent","_a","src","_b","isLazy","_c","inSwiper","_d","isLoading","customPlaceholder","props","__rest","_e","useState","visible","setVisible","_f","placeholderLogo","imgSrc","setImgSrc","phDimensions","useMemo","imageWidth","getWidthFromImgUrl","imageHeight","getHeightFromImgUrl","aspectRatio","phWidth","phHeight","concat","showPlaceholders","useCallback","_jsx","__assign","style","jsx","children","alt","fetchPriority","showContent","img","Image","onload","IntersectionObserverHOC","onIntersection","_Fragment"],"mappings":"yNAEaA,EAAoC,CAC7CC,QAAS,MACTC,UAAW,cAGFC,EAAwC,CACjDC,OAAQ,OACRC,MAAO,QAGEC,EAAyC,CAClDD,MAAO,OACPD,OAAQ,OACRG,QAAS,OACTC,aAAc,MACdC,WAAY,SACZC,WAAY,UACZC,eAAgB,4BCDwB,SAACC,GACzC,IAAAC,EAAGD,EAAAC,IACHR,EAAKO,EAAAP,MACLD,EAAMQ,EAAAR,OACNU,EAAAF,EAAAG,OAAAA,OAAM,IAAAD,GAAOA,EACbE,EAAgBJ,EAAAK,SAAhBA,OAAQ,IAAAD,GAAQA,EAChBE,EAAiBN,EAAAO,UAAjBA,OAAY,IAAAD,GAAKA,EACjBE,EAAiBR,EAAAQ,kBACdC,EAAKC,EAAAA,OAAAV,EARiC,8EAUnCW,EAAwBC,EAAAA,UAAUT,GAAjCU,EAAOF,EAAA,GAAEG,EAAUH,EAAA,GACpBI,EAAsBH,EAAQA,SAChCT,EAASK,GAAqBQ,EAAeA,gBAAGf,GAD7CgB,EAAMF,EAAA,GAAEG,EAASH,EAAA,GAIlBI,EAAeC,EAAAA,SAAQ,WACzB,IAAMC,EAAaC,qBAAmBrB,GAChCsB,EAAcC,sBAAoBvB,GAClCwB,EACFJ,GAAcE,GAAeF,EAAaE,EAE9C,OAAQlB,EAOF,GANA,CACIqB,QAASjC,GAAU4B,EACnBM,SAAUnC,GAAW+B,EACrBE,YACIpB,GAAYoB,EAAc,GAAAG,OAAGH,GAAgB,OAG/D,GAAG,CAACxB,IAEE4B,EAAmBC,EAAAA,aAAY,WACjC,OACIC,EAAAA,IAAK,MAAAC,EAAAA,SAAA,CAAAC,MAAO,CAAEzC,OAAQ,mBAClBuC,EACIG,IAAA,MAAAF,EAAAA,SAAA,CAAAC,+BACQzB,EAAoB,CAAE,EAAGpB,IAC7BK,MAAOY,EAAW,OAAS,GAAAuB,OAAGT,EAAaO,cAC3ClC,OAAQa,EACF,OACA,GAAAuB,OAAGT,EAAaQ,SAAQ,MAC9BF,YACIpB,GAAYc,EAAaM,YACnB,GAAAG,OAAGT,EAAaM,aAChB,UAGb,CAAAU,SAAA3B,EACGuB,EAAAA,IACI,MAAA,CAAA9B,IAAKO,EACL4B,IAAK,oBACLC,cAAe,SAGnBN,EAAKG,IAAA,MAAAF,EAAAA,SAAA,CAAAC,MAAOvC,GAAuB,CAAAyC,SAC/BJ,EAAAA,WACI9B,IAAKe,EAAAA,gBACLiB,MAAO1C,YAOnC,GAAG,CAAC4B,EAAcZ,IAEZ+B,EAAcR,EAAAA,aAAY,WAC5B,IAAMS,EAAM,IAAIC,MAEhBD,EAAIE,OAAS,WACTvB,EAAUjB,GACVa,GAAW,EACf,EAEAyB,EAAItC,IAAMA,CACd,GAAG,CAACA,IAEJ,OACI8B,EAAAG,IAACQ,0BAAuBV,EAAAA,SAAA,CAACW,eAAgBL,GAAW,CAAAH,SAC/CtB,EACGN,EACIwB,EAAGG,IAAAU,WAAA,CAAAT,SAAAN,MAEHE,EAAAA,IAAA,MAAAC,WAAA,CACIC,MAAO,CACHxC,MAAOY,EACD,OACA,GAAAuB,OAAGT,EAAaO,QAAW,MACjClC,OAAQa,EACF,OACA,GAAAuB,OAAGT,EAAaQ,SAAY,MAClCF,YACIpB,GAAYc,EAAaM,YACnB,GAAAG,OAAGT,EAAaM,aAChB,SAGd,CAAAU,SAAAJ,EAAAG,IAAA,MAAAF,EAAAA,SAAA,CACI/B,IAAKgB,GACDR,EAAK,CACTwB,MAAO,CACHxC,MAAO,OACPD,OAAQ,cAMxBuC,EAAAA,IAAGa,EAAAA,SAAA,CAAAT,SAAAN,QAInB"}

package/dist/ct-platform-lazy-image.esm.js

@@ -1,2 +1,2 @@
-import{__rest as e,__assign as t}from"tslib";import{jsx as i,Fragment as o}from"react/jsx-runtime";import{useState as r,useMemo as a,useCallback as c}from"react";import{IntersectionObserverHOC as d}from"@cleartrip/ct-platform-io-hoc";import{placeholderLogo as n}from"@cleartrip/ct-platform-constants";import{getWidthFromImgUrl as l,getHeightFromImgUrl as h}from"@cleartrip/ct-platform-utils";var p="index-module_placeholder__5zI9P",s="index-module_placeholder-img__nUyer",m="index-module_placeholder-img-wrapper__mcqYX";!function(e,t){void 0===t&&(t={});var i=t.insertAt;if("undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css","top"===i&&o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.styleSheet?r.styleSheet.cssText=e:r.appendChild(document.createTextNode(e))}}(".index-module_placeholder__5zI9P{box-sizing:border-box;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;width:100%}");var u=function(u){var g=u.src,f=u.width,x=u.height,y=u.isLazy,_=void 0===y||y,v=u.inSwiper,w=void 0!==v&&v,R=u.isLoading,b=void 0!==R&&R,S=u.customPlaceholder,z=u.imgStyles,N=e(u,["src","width","height","isLazy","inSwiper","isLoading","customPlaceholder","imgStyles"]),P=r(!_),C=P[0],I=P[1],L=r(_?S||n:g),H=L[0],T=L[1],W=a((function(){var e=l(g),t=h(g),i=e&&t&&e/t;return w?{}:{phWidth:f||e,phHeight:x||t,aspectRatio:w&&i?"".concat(i):"auto"}}),[g]),j=c((function(){return i("div",t({style:{height:"100%"}},{children:i("div",t({className:S?"":p,style:{width:w?"auto":"".concat(W.phWidth,"px"),height:w?"100%":"".concat(W.phHeight,"px"),aspectRatio:w&&W.aspectRatio?"".concat(W.aspectRatio):"auto"}},{children:S?i("img",{src:S,alt:"placeholder_image",style:z,fetchPriority:"high"}):i("div",t({className:m},{children:i("img",{src:n,className:s,style:z})}))}))}))}),[W,b]),q=c((function(){var e=new Image;e.onload=function(){T(g),I(!0)},e.src=g}),[g]);return i(d,t({onIntersection:q},{children:C?b?i(o,{children:j()}):i("div",t({style:{width:w?"auto":"".concat(W.phWidth,"px"),height:w?"auto":"".concat(W.phHeight,"px"),aspectRatio:w&&W.aspectRatio?"".concat(W.aspectRatio):"auto"}},{children:i("img",t({src:H},N,{style:t({width:"100%",height:"100%"},z)}))})):i(o,{children:j()})}))};export{u as LazyImage};
+import{__rest as t,__assign as i}from"tslib";import{jsx as o,Fragment as e}from"react/jsx-runtime";import{useState as r,useMemo as c,useCallback as a}from"react";import{IntersectionObserverHOC as h}from"@cleartrip/ct-platform-io-hoc";import{placeholderLogo as n}from"@cleartrip/ct-platform-constants";import{getWidthFromImgUrl as p,getHeightFromImgUrl as d}from"@cleartrip/ct-platform-utils";var s={padding:"8px",boxSizing:"border-box"},l={height:"24px",width:"auto"},m={width:"100%",height:"100%",display:"flex",borderRadius:"8px",alignItems:"center",background:"#fef5f2",justifyContent:"center"},g=function(g){var u=g.src,f=g.width,x=g.height,v=g.isLazy,y=void 0===v||v,w=g.inSwiper,R=void 0!==w&&w,b=g.isLoading,L=void 0!==b&&b,z=g.customPlaceholder,H=t(g,["src","width","height","isLazy","inSwiper","isLoading","customPlaceholder"]),I=r(!y),P=I[0],S=I[1],W=r(y?z||n:u),j=W[0],k=W[1],C=c((function(){var t=p(u),i=d(u),o=t&&i&&t/i;return R?{}:{phWidth:f||t,phHeight:x||i,aspectRatio:R&&o?"".concat(o):"auto"}}),[u]),_=a((function(){return o("div",i({style:{height:"100%"}},{children:o("div",i({style:i(i({},z?{}:s),{width:R?"auto":"".concat(C.phWidth,"px"),height:R?"100%":"".concat(C.phHeight,"px"),aspectRatio:R&&C.aspectRatio?"".concat(C.aspectRatio):"auto"})},{children:z?o("img",{src:z,alt:"placeholder_image",fetchPriority:"high"}):o("div",i({style:m},{children:o("img",{src:n,style:l})}))}))}))}),[C,L]),q=a((function(){var t=new Image;t.onload=function(){k(u),S(!0)},t.src=u}),[u]);return o(h,i({onIntersection:q},{children:P?L?o(e,{children:_()}):o("div",i({style:{width:R?"auto":"".concat(C.phWidth,"px"),height:R?"auto":"".concat(C.phHeight,"px"),aspectRatio:R&&C.aspectRatio?"".concat(C.aspectRatio):"auto"}},{children:o("img",i({src:j},H,{style:{width:"100%",height:"100%"}}))})):o(e,{children:_()})}))};export{g as LazyImage};
 //# sourceMappingURL=ct-platform-lazy-image.esm.js.map

package/dist/ct-platform-lazy-image.esm.js.map

@@ -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":["css","ref","insertAt","document","head","getElementsByTagName","style","createElement","type","firstChild","insertBefore","appendChild","styleSheet","cssText","createTextNode","LazyImage","_a","src","width","height","_b","isLazy","_c","inSwiper","_d","isLoading","customPlaceholder","imgStyles","props","__rest","_e","useState","visible","setVisible","_f","placeholderLogo","imgSrc","setImgSrc","phDimensions","useMemo","imageWidth","getWidthFromImgUrl","imageHeight","getHeightFromImgUrl","aspectRatio","phWidth","phHeight","concat","showPlaceholders","useCallback","_jsx","__assign","children","className","styles","alt","fetchPriority","showContent","img","Image","onload","IntersectionObserverHOC","onIntersection","_Fragment"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"ct-platform-lazy-image.esm.js","sources":["../packages/components/LazyImage/src/styles.ts","../packages/components/LazyImage/src/LazyImage.tsx"],"sourcesContent":[null,null],"names":["PLACEHOLDER_STYLES","padding","boxSizing","PLACEHOLDER_IMG_STYLES","height","width","PLACEHOLDER_IMG_WRAPPER","display","borderRadius","alignItems","background","justifyContent","LazyImage","_a","src","_b","isLazy","_c","inSwiper","_d","isLoading","customPlaceholder","props","__rest","_e","useState","visible","setVisible","_f","placeholderLogo","imgSrc","setImgSrc","phDimensions","useMemo","imageWidth","getWidthFromImgUrl","imageHeight","getHeightFromImgUrl","aspectRatio","phWidth","phHeight","concat","showPlaceholders","useCallback","_jsx","__assign","style","children","alt","fetchPriority","showContent","img","Image","onload","IntersectionObserverHOC","onIntersection","_Fragment"],"mappings":"wYAEO,IAAMA,EAAoC,CAC7CC,QAAS,MACTC,UAAW,cAGFC,EAAwC,CACjDC,OAAQ,OACRC,MAAO,QAGEC,EAAyC,CAClDD,MAAO,OACPD,OAAQ,OACRG,QAAS,OACTC,aAAc,MACdC,WAAY,SACZC,WAAY,UACZC,eAAgB,UCDdC,EAAsC,SAACC,GACzC,IAAAC,EAAGD,EAAAC,IACHT,EAAKQ,EAAAR,MACLD,EAAMS,EAAAT,OACNW,EAAAF,EAAAG,OAAAA,OAAM,IAAAD,GAAOA,EACbE,EAAgBJ,EAAAK,SAAhBA,OAAQ,IAAAD,GAAQA,EAChBE,EAAiBN,EAAAO,UAAjBA,OAAY,IAAAD,GAAKA,EACjBE,EAAiBR,EAAAQ,kBACdC,EAAKC,EAAAV,EARiC,8EAUnCW,EAAwBC,GAAUT,GAAjCU,EAAOF,EAAA,GAAEG,EAAUH,EAAA,GACpBI,EAAsBH,EACxBT,EAASK,GAAqBQ,EAAkBf,GAD7CgB,EAAMF,EAAA,GAAEG,EAASH,EAAA,GAIlBI,EAAeC,GAAQ,WACzB,IAAMC,EAAaC,EAAmBrB,GAChCsB,EAAcC,EAAoBvB,GAClCwB,EACFJ,GAAcE,GAAeF,EAAaE,EAE9C,OAAQlB,EAOF,GANA,CACIqB,QAASlC,GAAU6B,EACnBM,SAAUpC,GAAWgC,EACrBE,YACIpB,GAAYoB,EAAc,GAAAG,OAAGH,GAAgB,OAG/D,GAAG,CAACxB,IAEE4B,EAAmBC,GAAY,WACjC,OACIC,EAAK,MAAAC,EAAA,CAAAC,MAAO,CAAE1C,OAAQ,mBAClBwC,EACI,MAAAC,EAAA,CAAAC,aACQzB,EAAoB,CAAE,EAAGrB,IAC7BK,MAAOa,EAAW,OAAS,GAAAuB,OAAGT,EAAaO,cAC3CnC,OAAQc,EACF,OACA,GAAAuB,OAAGT,EAAaQ,SAAQ,MAC9BF,YACIpB,GAAYc,EAAaM,YACnB,GAAAG,OAAGT,EAAaM,aAChB,UAGb,CAAAS,SAAA1B,EACGuB,EACI,MAAA,CAAA9B,IAAKO,EACL2B,IAAK,oBACLC,cAAe,SAGnBL,EAAK,MAAAC,EAAA,CAAAC,MAAOxC,GAAuB,CAAAyC,SAC/BH,SACI9B,IAAKe,EACLiB,MAAO3C,YAOnC,GAAG,CAAC6B,EAAcZ,IAEZ8B,EAAcP,GAAY,WAC5B,IAAMQ,EAAM,IAAIC,MAEhBD,EAAIE,OAAS,WACTtB,EAAUjB,GACVa,GAAW,EACf,EAEAwB,EAAIrC,IAAMA,CACd,GAAG,CAACA,IAEJ,OACI8B,EAACU,EAAuBT,EAAA,CAACU,eAAgBL,GAAW,CAAAH,SAC/CrB,EACGN,EACIwB,EAAGY,EAAA,CAAAT,SAAAL,MAEHE,EAAA,MAAAC,EAAA,CACIC,MAAO,CACHzC,MAAOa,EACD,OACA,GAAAuB,OAAGT,EAAaO,QAAW,MACjCnC,OAAQc,EACF,OACA,GAAAuB,OAAGT,EAAaQ,SAAY,MAClCF,YACIpB,GAAYc,EAAaM,YACnB,GAAAG,OAAGT,EAAaM,aAChB,SAGd,CAAAS,SAAAH,EAAA,MAAAC,EAAA,CACI/B,IAAKgB,GACDR,EAAK,CACTwB,MAAO,CACHzC,MAAO,OACPD,OAAQ,cAMxBwC,EAAGY,EAAA,CAAAT,SAAAL,QAInB"}

package/dist/styles.d.ts

@@ -0,0 +1,5 @@
+import { CSSProperties } from 'react';
+export declare const PLACEHOLDER_STYLES: CSSProperties;
+export declare const PLACEHOLDER_IMG_STYLES: CSSProperties;
+export declare const PLACEHOLDER_IMG_WRAPPER: CSSProperties;
+//# sourceMappingURL=styles.d.ts.map

package/dist/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../packages/components/LazyImage/src/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,eAAO,MAAM,kBAAkB,EAAE,aAGhC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,aAGpC,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,aAQrC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cleartrip/ct-platform-lazy-image",
-  "version": "3.9.1-beta.9",
+  "version": "3.9.2",
   "description": "Lazy Image Component",
   "types": "dist/index.d.ts",
   "main": "dist/ct-platform-lazy-image.cjs.js",
@@ -11,9 +11,9 @@
   ],
   "devDependencies": {},
   "dependencies": {
-    "@cleartrip/ct-platform-constants": "3.6.1-beta.5",
-    "@cleartrip/ct-platform-io-hoc": "3.0.3-beta.16",
-    "@cleartrip/ct-platform-utils": "3.18.1-beta.5"
+    "@cleartrip/ct-platform-io-hoc": "3.0.3",
+    "@cleartrip/ct-platform-utils": "3.18.0",
+    "@cleartrip/ct-platform-constants": "3.6.0"
   },
   "peerDependencies": {
     "react": ">=16.8.0",